:root{--bg:oklch(97% .01 250);--bg-tile:oklch(92% .02 240);--border:oklch(88% .01 250);--text:oklch(18% .02 250);--text-muted:oklch(45% .02 250);--purple:oklch(45% .22 300);--purple-glow:oklch(65% .25 302);--emerald:oklch(78% .21 165);--glass:oklch(100% 0 0/.45);--glass-border:oklch(100% 0 0/.08)}[data-theme=dark]{--bg:oklch(18% .02 250);--bg-tile:oklch(24% .02 250);--border:oklch(32% .02 250);--text:oklch(97% .01 250);--text-muted:oklch(65% .02 250);--purple:oklch(65% .25 302);--purple-glow:oklch(75% .2 300);--emerald:oklch(85% .23 160);--glass:oklch(24% .02 250/.7);--glass-border:oklch(100% 0 0/.08)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:Inter,system-ui,sans-serif}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb{background:var(--purple);border-radius:3px}body{background:var(--bg);color:var(--text);min-height:100dvh;transition:background .3s,color .3s}::selection{background:var(--purple);color:#fff}:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.bento{flex-direction:column;width:100%;height:calc(100dvh - 60px);margin-top:60px;display:flex;overflow:hidden}.bento-divider{background:var(--border);height:1px;margin:0;position:relative}.bento-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:-100vw;right:-100vw}.divider-dot{background:var(--purple);width:8px;height:8px;box-shadow:0 0 8px oklch(from var(--purple) l c h / .4);border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.bento-row{background:oklch(from var(--border) l c h / .15);flex:1;gap:1px;min-height:0;display:grid}.bento-row--tiles,.bento-row--links{flex:none}.bento-row--main{grid-template-columns:1fr 2fr}.bento-row--code{grid-template-columns:1.2fr 1.5fr .8fr}.bento-row--tiles,.bento-row--links{grid-template-columns:repeat(4,1fr)}.bento-cell{background:oklch(from var(--bg) l c h / .5);-webkit-backdrop-filter:blur(12px)saturate(1.2);flex-direction:column;display:flex;position:relative;overflow:hidden}.bento-cell:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,oklch(100% 0 0/.08) 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.bento-row--main .bento-cell--features{background:radial-gradient(ellipse 80% 60% at 80% 20%, oklch(45% .22 300/.06), transparent), oklch(from var(--bg) l c h / .5)}.bento-row--code .bento-cell--about{background:radial-gradient(ellipse 70% 50% at 30% 80%, oklch(78% .21 165/.05), transparent), oklch(from var(--bg) l c h / .5)}.bento-row--code .bento-cell--actions{background:radial-gradient(ellipse 60% 60% at 70% 30%, oklch(65% .25 302/.05), transparent), oklch(from var(--bg) l c h / .5)}.bento-hero{text-align:center;background:radial-gradient(ellipse 100% 80% at 50% 60%, oklch(45% .22 300/.08), transparent), oklch(from var(--bg) l c h / .45);justify-content:center;align-items:center;padding:2rem 1.5rem}.hero-badge{color:var(--purple);letter-spacing:.05em;background:oklch(45% .22 300/.1);border:1px solid oklch(45% .22 300/.2);border-radius:999px;margin-bottom:1rem;padding:4px 12px;font-size:.6rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.04em;margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1}.gradient-text{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-glow) 50%, var(--emerald) 100%);-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.hero-actions{justify-content:center;gap:.6rem;display:flex}.btn{border-radius:10px;padding:.55rem 1.3rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-glow{background:var(--purple);color:#fff;box-shadow:0 0 16px oklch(45% .22 300/.3),0 2px 8px oklch(0% 0 0/.1)}.btn-glow:hover{background:var(--purple-glow);transform:translateY(-1px);box-shadow:0 0 24px oklch(65% .25 302/.4),0 4px 12px oklch(0% 0 0/.15)}.btn-ghost{background:oklch(from var(--bg) l c h / .6);color:var(--text);border:1px solid oklch(from var(--border) l c h / .5);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:var(--purple);color:var(--purple)}.bento-cell--features{flex-direction:column;padding:1.5rem;display:flex}.features-header{margin-bottom:1rem}.features-header h2{letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.2rem;font-weight:800}.features-header p{color:var(--text-muted);font-size:.82rem}.features-grid{background:oklch(from var(--border) l c h / .15);flex:1;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.feature-item{background:oklch(from var(--bg) l c h / .3);gap:.65rem;padding:.75rem .85rem;transition:background .15s;display:flex}.feature-item:hover{background:oklch(from var(--bg-tile) l c h / .4)}.feature-icon{width:30px;height:30px;color:var(--purple);background:oklch(45% .22 300/.1);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item h3{margin-bottom:.1rem;font-size:.78rem;font-weight:600}.feature-item p{color:var(--text-muted);font-size:.68rem;line-height:1.4}.bento-cell--demo{justify-content:center;align-items:center;padding:1.25rem}.showcase-label{text-transform:uppercase;letter-spacing:.1em;color:var(--purple);margin-bottom:.6rem;font-size:.62rem;font-weight:700}.terminal{background:oklch(12% .02 260);border-radius:12px;width:100%;overflow:hidden;box-shadow:0 0 0 1px oklch(100% 0 0/.06),0 4px 20px oklch(0% 0 0/.2)}.terminal-bar{background:oklch(15% .02 260);border-bottom:1px solid oklch(100% 0 0/.06);align-items:center;padding:8px 12px;display:flex}.terminal-dots{gap:5px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot--red{background:#ff5f57}.dot--yellow{background:#febc2e}.dot--green{background:#28c840}.terminal-file{color:oklch(100% 0 0/.4);margin-left:auto;font-family:JetBrainsMono Nerd Font,monospace;font-size:.65rem}.terminal-code{color:oklch(100% 0 0/.8);min-height:10rem;margin:0;padding:1rem 1.2rem;font-family:JetBrainsMono Nerd Font,monospace;font-size:.72rem;line-height:1.6}.terminal-code .kw{color:oklch(75% .18 15)}.terminal-code .fn{color:oklch(75% .18 300)}.terminal-code .st{color:oklch(80% .15 200)}.terminal-code .cm{color:oklch(100% 0 0/.35)}.terminal-code .op{color:oklch(100% 0 0/.7)}.terminal-code .cls{color:oklch(80% .2 165)}.terminal-code .typ{color:oklch(80% .15 250)}.terminal-code .cursor{background:var(--purple);vertical-align:text-bottom;border-radius:1px;width:6px;height:1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.showcase-result{text-align:center;color:var(--text-muted);min-height:1rem;margin-top:.5rem;font-family:JetBrainsMono Nerd Font,monospace;font-size:.65rem}.showcase-result .ok{color:var(--emerald)}.showcase-result .json{color:var(--text)}.bento-cell--about{justify-content:center;padding:1.5rem}.about-heading{letter-spacing:-.02em;background:linear-gradient(135deg, var(--purple) 0%, var(--purple-glow) 50%, var(--emerald) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem;font-size:1.15rem;font-weight:800}.bento-cell--about p{color:var(--text-muted);margin-bottom:.5rem;font-size:.82rem;line-height:1.6}.bento-cell--actions{flex-direction:column;display:flex}.action-card{color:inherit;flex-direction:column;flex:1;padding:1.25rem;text-decoration:none;transition:background .15s;display:flex}.action-card:hover{background:oklch(from var(--bg-tile) l c h / .4)}.action-card+.action-card{border-top:1px solid oklch(100% 0 0/.04)}.action-label{text-transform:uppercase;letter-spacing:.08em;color:var(--purple);margin-bottom:.4rem;font-size:.58rem;font-weight:700}.action-card h3{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.action-card p{color:var(--text-muted);flex:1;font-size:.72rem;line-height:1.4}.action-arrow{color:var(--text-muted);margin-top:.4rem;font-size:.9rem;transition:color .2s,transform .2s}.action-card:hover .action-arrow{color:var(--purple);transform:translate(3px)}.bento-tile{color:inherit;padding:1rem;text-decoration:none;transition:background .15s;position:relative}.bento-tile:hover{background:oklch(from var(--bg-tile) l c h / .4)}.tile-glow{filter:blur(25px);opacity:.12;border-radius:50%;width:50px;height:50px;transition:opacity .2s;position:absolute;top:-15px;right:-15px}.bento-tile:hover .tile-glow{opacity:.25}.bento-tile h3{margin-bottom:.15rem;font-family:JetBrainsMono Nerd Font,monospace;font-size:.85rem;font-weight:700}.bento-tile p{color:var(--text-muted);font-size:.72rem}.bento-link{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:.65rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.bento-link:hover{color:var(--purple);background:oklch(from var(--bg-tile) l c h / .3)}.footer{border-top:1px solid oklch(from var(--border) l c h / .3);padding:.6rem 1.5rem}.footer-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-logo{color:var(--purple);font-family:JetBrainsMono Nerd Font,monospace;font-size:.85rem;font-weight:800}.footer-copy{color:var(--text-muted);font-size:.7rem}.footer-links{gap:1.25rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--purple)}@media (width<=1024px){.bento{grid-template-rows:auto;height:auto;min-height:100dvh}.bento-row--main,.bento-row--code{grid-template-columns:1fr}.bento-row--tiles,.bento-row--links,.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bento-row--tiles,.bento-row--links,.features-grid{grid-template-columns:1fr}.hero-title{font-size:2.5rem}}