:root{--bg:#0a0b0d;--bg-raised:#101216;--surface:#15171c;--surface-2:#1b1e24;--border:#23262d;--border-soft:#1a1c22;--text:#f2f4f7;--text-dim:#9aa1ac;--text-faint:#5b6270;--accent:#4cffb3;--accent-dim:#2fa87a;--accent-ink:#06140f;--font-sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--wrap:1180px;--gutter:clamp(20px, 5vw, 48px);--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.wrap{max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:1000;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-sm);padding:12px 18px;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{top:16px;left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3{letter-spacing:-.02em;font-weight:800;line-height:1.08}h1{font-size:clamp(2.4rem,5.4vw,4.4rem)}h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}h3{font-size:1.05rem;font-weight:700}.kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:lowercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:18px;font-size:.8rem;font-weight:500;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #4cffb32e}.accent-text{color:var(--accent)}.section-head{max-width:640px;margin-bottom:48px}.section-lead,.about-lead,.hero-lead,.cta-lead{color:var(--text-dim);font-size:1.05rem;line-height:1.6}.btn{white-space:nowrap;transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease), color .4s var(--ease), background-size .55s var(--ease);background-position:50%;background-repeat:no-repeat;background-size:0% 0%;border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-arrow-icon{opacity:0;transform-origin:0;width:14px;transition:opacity .25s var(--ease), transform .35s var(--ease);flex-shrink:0;display:inline-flex;transform:translate(-10px)scale(.4)}.btn:hover .btn-arrow-icon,.btn:focus-visible .btn-arrow-icon{opacity:1;transform:translate(0)scale(1)}.btn-primary{background-color:var(--accent);color:var(--accent-ink);background-image:radial-gradient(circle,#fff6,#fff6);box-shadow:0 0 #4cffb380}.btn-primary:hover,.btn-primary:focus-visible{background-size:220% 220%;transform:translateY(-2px);box-shadow:0 10px 30px -8px #4cffb373}.btn-ghost{background-color:#0000;background-image:radial-gradient(circle, var(--accent), var(--accent));color:var(--text);border:1px solid var(--border)}.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--accent-ink);background-size:220% 220%;border-color:#0000}.btn-lg{padding:15px 28px;font-size:1rem}.btn-sm{padding:9px 16px;font-size:.85rem}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--border-soft);background:#0a0b0db8;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand-name{letter-spacing:-.01em;font-size:.98rem;font-weight:700}.main-nav{font-family:var(--font-mono);color:var(--text-dim);gap:32px;font-size:.85rem;display:flex}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--accent)}.header-actions{align-items:center;gap:14px;display:flex}.header-actions .btn-primary{display:none}@media (width>=720px){.header-actions .btn-primary{display:inline-flex}}.nav-toggle{flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;display:flex}.nav-toggle span{background:var(--text);width:20px;height:2px;transition:transform .25s var(--ease), opacity .2s;margin-inline:auto;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width>=900px){.nav-toggle{display:none}}@media (width<=899px){.main-nav{display:none}}.mobile-nav{padding-inline:var(--gutter);transition:grid-template-rows .35s var(--ease), border-color .35s var(--ease);border-top:1px solid #0000;grid-template-rows:0fr;display:grid}.mobile-nav[data-open=true]{border-top-color:var(--border-soft);grid-template-rows:1fr}.mobile-nav-inner{flex-direction:column;gap:4px;display:flex;overflow:hidden}.mobile-nav[data-open=true] .mobile-nav-inner{padding-block:14px 22px}.mobile-nav a{font-family:var(--font-mono);color:var(--text-dim);border-bottom:1px solid var(--border-soft);padding:12px 4px;font-size:.9rem}.mobile-nav .btn{justify-content:center;margin-top:14px}@media (width>=900px){.mobile-nav{display:none}}.hero{padding-top:88px;position:relative}.hero-bg{z-index:0;position:absolute;inset:0}.particle-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-bg-scrim{background:radial-gradient(60% 55% at 50% 15%, #4cffb31f, transparent 60%), linear-gradient(180deg, #0a0b0d40 0%, #0a0b0de0 65%, var(--bg) 100%);position:absolute;inset:0}.hero-inner{z-index:1;padding-block:64px 12px;position:relative}@media (width>=980px){.hero-inner{padding-block:84px 16px}}.hero-copy h1{cursor:default;margin-bottom:22px}.decrypt-char{display:inline-block}.decrypt-char.is-resolved{animation:.4s ease-out decrypt-flash}@keyframes decrypt-flash{0%{color:var(--accent)}to{color:inherit}}.hero-lead{max-width:480px;margin-bottom:34px}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:40px;display:flex}.hero-copy--centered{text-align:center;max-width:720px;margin-inline:auto}.hero-copy--centered .hero-lead{margin-inline:auto}.hero-copy--centered .hero-actions,.hero-copy--centered .chip-row{justify-content:center}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);background:#ffffff05;border-radius:999px;padding:7px 13px;font-size:.78rem}.editor-window{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.editor-titlebar{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:13px 16px;display:flex}.dots{flex-shrink:0;gap:6px;display:flex}.dots span{background:var(--border);border-radius:50%;width:9px;height:9px}.dots span:first-child{opacity:.55;background:#ff5f57}.dots span:nth-child(2){opacity:.55;background:#febc2e}.dots span:nth-child(3){opacity:.55;background:#28c840}.tabs{font-family:var(--font-mono);color:var(--text-faint);gap:4px;font-size:.72rem;display:flex}.tab{border-radius:6px;padding:4px 10px}.tab.is-active{color:var(--text);background:#ffffff0d}.editor-code{font-family:var(--font-mono);color:var(--text-dim);margin:0;padding:22px 20px 26px;font-size:.82rem;line-height:1.75;overflow:auto hidden}.c-com{color:var(--text-faint)}.c-kw{color:#c792ea}.c-var{color:#f2f4f7}.c-prop{color:#82aaff}.c-str{color:var(--accent)}.c-fn{color:#ffcb6b}.scroll-showcase{z-index:1;justify-content:center;align-items:center;height:clamp(30rem,82vw,42rem);display:flex;position:relative}@media (width>=980px){.scroll-showcase{height:clamp(42rem,55vw,58rem)}}.scroll-showcase-inner{perspective:1200px;width:100%}.scroll-showcase-title{text-align:center;will-change:transform;margin-bottom:28px}.scroll-showcase-title .term-prompt{font-size:.9rem}.scroll-card{border-radius:calc(var(--radius-lg) + 6px);transform-origin:top;will-change:transform;background:linear-gradient(160deg,#4cffb329,#ffffff05 40%);max-width:880px;margin-inline:auto;padding:8px;transform:rotateX(20deg)scale(1.05);box-shadow:0 30px 80px -30px #000000bf,0 60px 120px -40px #0000008c}.scroll-card-window{flex-direction:column;height:clamp(18rem,48vw,26rem);display:flex}.scroll-card-window .editor-code{flex:1}.marquee{z-index:1;border-top:1px solid var(--border-soft);background:#ffffff04;padding:16px 0;position:relative;overflow:hidden}.marquee-track{width:max-content;font-family:var(--font-mono);color:var(--text-faint);text-transform:lowercase;gap:14px;font-size:.82rem;animation:28s linear infinite marquee;display:flex}.marquee-track span:nth-child(odd){color:var(--accent-dim)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{border-top:1px solid var(--border-soft);padding-block:100px}.about-inner{grid-template-columns:1fr;align-items:center;gap:56px;display:grid}@media (width>=980px){.about-inner{grid-template-columns:.85fr 1.15fr;gap:80px}}.about-media{border-radius:var(--radius-lg);border:1px solid var(--border);position:relative;overflow:hidden}.about-media img{object-fit:cover;aspect-ratio:4/3;width:100%;height:100%}.about-media-frame{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(160deg,#4cffb324,#0000 45%);position:absolute;inset:0}.about-copy h2{margin-bottom:20px}.about-lead{max-width:540px;margin-bottom:40px}.pillars{flex-direction:column;gap:26px;display:flex}.pillar{align-items:flex-start;gap:16px;display:flex}.pillar svg{color:var(--accent);flex-shrink:0;margin-top:3px}.pillar h3{margin-bottom:4px}.pillar p{color:var(--text-dim);max-width:42ch;font-size:.95rem;line-height:1.55}.projects{border-top:1px solid var(--border-soft);padding-block:100px}.carousel-wrap{align-items:center;gap:12px;display:flex;position:relative}.carousel{scroll-snap-type:x mandatory;padding:4px var(--gutter) 24px;scrollbar-width:none;gap:24px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;flex:none;width:min(82vw,420px)}.project-card>a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform .35s var(--ease), border-color .3s, box-shadow .35s var(--ease);display:block;overflow:hidden}.project-card>a:hover{border-color:#4cffb359;transform:translateY(-6px);box-shadow:0 26px 60px -24px #0009}.browser-chrome{background:var(--surface-2);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:11px 14px;display:flex}.url-bar{font-family:var(--font-mono);color:var(--text-faint);background:var(--bg-raised);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;align-items:center;gap:7px;padding:5px 12px;font-size:.72rem;display:flex;overflow:hidden}.url-bar svg{color:var(--accent-dim);flex-shrink:0}.preview-frame{aspect-ratio:16/10;background:var(--bg-raised);filter:grayscale();width:100%;transition:filter .7s var(--ease);position:relative;overflow:hidden}.project-card>a:hover .preview-frame,.project-card>a:focus-visible .preview-frame{filter:grayscale(0)}.preview-frame:before{content:"";z-index:2;opacity:1;pointer-events:none;transition:opacity .7s var(--ease);background:#0a0b0d73;position:absolute;inset:0}.project-card>a:hover .preview-frame:before,.project-card>a:focus-visible .preview-frame:before{opacity:0}.preview-frame:after{content:"";z-index:3;opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff0a 50%,#0000 70%) 0 0/200% 100%;transition:opacity .2s;position:absolute;inset:0}.preview-frame.is-loading:after{opacity:1;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}.preview-frame iframe{pointer-events:none;transform-origin:0 0;width:1440px;height:900px;transform:scale(var(--iframe-scale,.292));border:0;position:absolute;top:0;left:0}.project-meta{justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 20px;display:flex}.project-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-dim);margin-bottom:6px;font-size:.68rem;display:inline-block}.project-meta h3{font-size:1.05rem}.visit-link{color:var(--text-dim);transition:color .2s, transform .2s var(--ease);flex-shrink:0;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.project-card>a:hover .visit-link{color:var(--accent);transform:translate(2px)}.carousel-btn{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s,transform .2s;display:none}.carousel-btn:hover{border-color:var(--accent);color:var(--accent)}.carousel-btn:active{transform:scale(.94)}@media (width>=900px){.carousel-btn{display:flex}}.carousel-dots{justify-content:center;gap:8px;margin-top:8px;display:flex}.carousel-dots button{background:var(--border);transform-origin:50%;width:22px;height:7px;transition:background .25s, transform .25s var(--ease);border-radius:4px;transform:scaleX(.32)}.carousel-dots button[aria-selected=true]{background:var(--accent);transform:scaleX(1)}.process{border-top:1px solid var(--border-soft);padding-block:100px}.terminal-steps{background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}@media (width>=800px){.terminal-steps{grid-template-columns:repeat(4,1fr)}}.terminal-steps li{background:var(--surface);flex-direction:column;gap:10px;padding:26px 24px;display:flex}.term-prompt{font-family:var(--font-mono);color:var(--accent-dim);font-size:.8rem}.term-cmd{color:var(--text)}.terminal-steps p{color:var(--text-dim);font-size:.9rem;line-height:1.55}.term-final{font-family:var(--font-mono);align-items:center;gap:8px;display:flex;color:var(--accent)!important;font-size:.82rem!important}.testimonials{border-top:1px solid var(--border-soft);padding-block:100px}.testimonial-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=800px){.testimonial-grid{grid-template-columns:1fr 1fr}}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:22px;margin:0;padding:32px;display:flex}.quote-mark{color:var(--accent-dim);opacity:.7}.testimonial-card blockquote{color:var(--text);margin:0;font-size:1.05rem;line-height:1.6}.testimonial-card figcaption{align-items:center;gap:12px;margin-top:auto;display:flex}.avatar{width:40px;height:40px;color:var(--accent);font-family:var(--font-mono);background:#4cffb31f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.testimonial-card figcaption strong{font-size:.92rem;display:block}.testimonial-card figcaption span{color:var(--text-faint);font-size:.8rem}.cta{border-top:1px solid var(--border-soft);position:relative;overflow:hidden}.cta-bg{z-index:0;position:absolute;inset:0}.cta-bg img{object-fit:cover;opacity:.16;width:100%;height:100%}.cta-scrim{background:radial-gradient(60% 70% at 50% 0%, #4cffb31a, transparent 65%), linear-gradient(180deg, var(--bg) 0%, #0a0b0dd9 40%, var(--bg) 100%);position:absolute;inset:0}.cta-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;padding-block:110px;display:flex;position:relative}.cta-inner h2{max-width:16ch;margin-bottom:18px}.cta-lead{max-width:46ch;margin-bottom:36px}.cta-actions{justify-content:center;margin-bottom:30px}.cta-location{font-family:var(--font-mono);color:var(--text-faint);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.cta-location svg{color:var(--accent-dim)}.site-footer{border-top:1px solid var(--border-soft);padding-block:40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-nav{font-family:var(--font-mono);color:var(--text-dim);gap:24px;font-size:.8rem;display:flex}.footer-nav a:hover{color:var(--accent)}.footer-meta{text-align:right;color:var(--text-faint);font-size:.78rem}.footer-meta p{margin:0}.footer-meta .credit{margin-top:2px}@media (width<=640px){.footer-inner{text-align:center;flex-direction:column}.footer-meta{text-align:center}}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}