:root{--bg: #0b0f1a;--bg-alt: #0f1524;--text: #e7ebf2;--muted: #a8b2c3;--brand: #6dd6ff;--brand-2: #a17cff;--accent: #00d18f;--card: #11182a;--card-soft: color-mix(in oklab, var(--card) 80%, white 20%);--line: rgba(255, 255, 255, .08);--radius: 16px;--shadow: 0 10px 30px -12px rgba(0, 0, 0, .45);--container: clamp(320px, 92vw, 1100px);--step-0: clamp(14px, .9vw + 10px, 16px);--step-1: clamp(18px, 1.4vw + 12px, 22px);--step-2: clamp(22px, 1.6vw + 14px, 28px);--step-3: clamp(28px, 2.4vw + 16px, 38px);--step-4: clamp(36px, 4vw + 16px, 56px);--ease-out: cubic-bezier(.22, 1, .36, 1);--pf-thumb-max: 100px}@media (prefers-color-scheme: light){:root{--bg: #ffffff;--bg-alt: #f6f7fb;--text: #0f1220;--muted: #50607a;--card: #ffffff;--card-soft: #ffffff;--line: rgba(15, 18, 32, .08);--shadow: 0 12px 30px -14px rgba(15, 18, 32, .2)}}html[data-theme=dark]{--bg: #0b0f1a;--bg-alt: #0f1524;--text: #e7ebf2;--muted: #a8b2c3;--brand: #6dd6ff;--brand-2: #a17cff;--accent: #00d18f;--card: #11182a;--card-soft: color-mix(in oklab, var(--card) 80%, white 20%);--line: rgba(255, 255, 255, .08);--shadow: 0 10px 30px -12px rgba(0, 0, 0, .45)}html[data-theme=light]{--bg: #ffffff;--bg-alt: #f6f7fb;--text: #0f1220;--muted: #50607a;--brand: #217bff;--brand-2: #a17cff;--accent: #00c08a;--card: #ffffff;--card-soft: #ffffff;--line: rgba(15, 18, 32, .08);--shadow: 0 12px 30px -14px rgba(15, 18, 32, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 800px at 100% -10%,color-mix(in oklab,var(--brand) 30%,transparent),transparent),radial-gradient(1000px 600px at -20% 100%,color-mix(in oklab,var(--brand-2) 25%,transparent),transparent),var(--bg);color:var(--text);font:400 var(--step-0) / 1.6 "Inter",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}img,picture,svg{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.section{padding:clamp(48px,8vw,96px) 0}.section-alt{background:var(--bg-alt)}.container{width:min(100%,var(--container));margin-inline:auto;padding-inline:20px}.grad{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;padding:.5rem .75rem;background:#000;color:#fff;z-index:9999;border-radius:8px}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);background:color-mix(in oklab,var(--bg),transparent 30%);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;gap:16px;min-height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--text)}.nav{margin-left:auto}.nav ul{list-style:none;display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:0;margin:0}.nav a{color:var(--text);opacity:.88}.nav a:hover{opacity:1;text-decoration:none}.nav-toggle{display:none;background:none;border:0;padding:8px;margin-left:auto}.nav-toggle .nav-toggle-bar{display:block;width:26px;height:2px;background:var(--text);margin:6px 0;border-radius:2px}@media (max-width: 820px){.nav-toggle{display:block}.nav{position:fixed;inset:64px 0 auto;background:var(--bg);border-top:1px solid var(--line);transform:translateY(-130%);transition:transform .3s ease}.nav.open{transform:translateY(0)}.nav ul{flex-direction:column;padding:16px 20px}body.nav-open{overflow-x:hidden}}.logo-pill{--pad-y: 6px;--pad-x: 12px;--img: 28px;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:var(--pad-y) var(--pad-x);border-radius:9999px;background:var(--bg-alt);border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate}.brand .logo-pill{--img: 44px;--pad-x: 4px;--pad-y: 4px;--ring: 1px;margin-right:10px}.footer-brand .logo-pill.lg{--img: 64px;--pad-x: 2px;--pad-y: 6px;--ring: 1.5px;margin-right:14px}.logo-pill img{width:var(--img);height:var(--img);object-fit:contain;display:block;border-radius:50px}@supports ((-webkit-mask: linear-gradient(#000 0 0)) or (mask: linear-gradient(#000 0 0))){.logo-pill{border:none}.logo-pill:before{content:"";position:absolute;inset:0;padding:var(--ring, 1px);border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent),var(--brand-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}.logo-pill:after{content:"";position:absolute;inset:2px;border-radius:inherit;box-shadow:0 0 24px -10px color-mix(in oklab,var(--brand) 35%,transparent) inset;pointer-events:none}.progress-header{position:fixed;inset:0 0 auto;height:6px;z-index:60}.progress-track{width:100%;height:100%;background:transparent}.progress-bar{height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--brand),var(--accent))}.hero{position:relative;padding:clamp(72px,12vw,140px) 0 clamp(60px,10vw,100px);overflow-x:clip}@supports not (overflow: clip){.hero{overflow-x:hidden}}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,5vw,56px)}.hero,.hero-inner{position:relative}.hero .hero-scroll,.hero-inner .hero-scroll{position:absolute;inset:auto 0 12px;margin-inline:auto;width:max-content;transform:none;text-align:center;z-index:5}.hero .hero-scroll{bottom:max(4px,env(safe-area-inset-bottom,0px) + 4px)}@media (max-width: 780px){.hero{padding-bottom:clamp(84px,12vw,120px)}}@media (max-width: 480px){.hero{padding-bottom:clamp(96px,14vw,132px)}}@media (max-width: 600px){.hero .hero-scroll,.hero-inner .hero-scroll{bottom:0;transform:translateY(35px)}}.hero-title{font-size:var(--step-4);line-height:1.05;margin:0 0 .4em;letter-spacing:-.02em}.hero-sub{font-size:var(--step-1);color:var(--muted);max-width:45ch}.hero-cta{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.hero-media{position:relative;min-height:300px;max-width:100%}.glow{position:absolute;width:220px;height:220px;border-radius:999px;filter:blur(40px);opacity:.65}.orb-1{background:var(--brand);top:10%;left:10%}.orb-2{background:var(--accent);bottom:10%;right:15%}.orb-3{background:var(--brand-2);top:40%;right:30%}.hero-scroll{position:absolute;left:50%;transform:translate(-50%);bottom:12px;color:var(--muted);opacity:.8}.hero-scroll:hover{opacity:1}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr}.hero-media{order:-1;height:220px}}.hero .hero-title,.hero .hero-sub,.hero .hero-cta{opacity:0;transform:translateY(12px);filter:blur(4px);transition:transform .6s var(--ease-out),opacity .6s var(--ease-out),filter .8s ease;will-change:transform,opacity}html.ready .hero .hero-title{transition-delay:60ms;opacity:1;transform:none;filter:none}html.ready .hero .hero-sub{transition-delay:.18s;opacity:1;transform:none;filter:none}html.ready .hero .hero-cta{transition-delay:.3s;opacity:1;transform:none;filter:none}.reveal{opacity:0;transform:translateY(16px) scale(.98);filter:blur(6px);transition:transform .7s var(--ease-out),opacity .7s var(--ease-out),filter .9s ease;transition-delay:var(--d, 0ms);will-change:transform,opacity}.reveal.is-visible{opacity:1;transform:none;filter:none}.reveal-left{transform:translate(-18px)}.reveal-right{transform:translate(18px)}.reveal-zoom{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.hero .hero-title,.hero .hero-sub,.hero .hero-cta,.reveal{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}.hero-scroll i{display:inline-block;animation:arrow-bounce 1.1s ease-in-out infinite;will-change:transform}.hero-scroll:hover i,.hero-scroll:focus i{animation-duration:.8s}.hero-scroll{position:relative;isolation:isolate}.hero-scroll:after{content:"";position:absolute;inset:-6px;border-radius:999px;border:1px solid var(--line, rgba(255, 255, 255, .15));animation:arrow-ring 1.8s ease-out infinite;pointer-events:none}@media (prefers-reduced-motion: reduce){.hero-scroll i,.hero-scroll:after{animation:none}}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes arrow-ring{0%{transform:scale(.85);opacity:.35}to{transform:scale(1.25);opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.1rem;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,background .2s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(90deg,var(--brand),var(--accent));color:#001016;box-shadow:var(--shadow)}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:color-mix(in oklab,var(--text) 20%,transparent)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.card-soft{background:var(--card-soft)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.content-grid .card{padding:20px}@media (max-width: 820px){.content-grid{grid-template-columns:1fr}}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (max-width: 960px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.feature-grid{grid-template-columns:1fr}}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .28s ease,border-color .28s ease}.feature-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,color-mix(in oklab,var(--brand) 45%,transparent),color-mix(in oklab,var(--brand-2) 30%,transparent));margin-bottom:12px}.feature-title{margin:6px 0 10px;font-size:var(--step-2)}.feature-list{margin:0;padding-left:1.1em;color:var(--muted)}.feature:hover{transform:translateY(-4px);box-shadow:0 16px 36px -18px #00000080;border-color:color-mix(in oklab,var(--text) 18%,transparent)}.feature:hover .feature-icon{transform:translateY(-2px) scale(1.03);transition:transform .25s ease}.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work{grid-column:span 6;display:grid;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.work picture{aspect-ratio:16 / 10;background:#0e1424}.work-body{padding:18px;display:grid;gap:10px}.work-title{margin:0;font-size:var(--step-2)}.work-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:.95em;color:var(--muted)}.work-meta dt{font-weight:600;color:var(--text)}.work-meta dd{margin:0}.quote{margin:6px 0 0;color:var(--muted);font-style:italic}@media (max-width: 1000px){.work{grid-column:span 12}.work-meta{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.work-meta{grid-template-columns:1fr}}.pf-filters{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 20px}.chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:.5rem .9rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.chip:hover{border-color:color-mix(in oklab,var(--text) 20%,transparent)}.chip.is-active{background:linear-gradient(90deg,var(--brand),var(--accent));color:#001016;border-color:transparent}.pf-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.pf-card{grid-column:span 6;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:clip;box-shadow:var(--shadow)}@media (max-width: 1000px){.pf-card{grid-column:span 12}}.pf-media{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 10;height:auto;max-height:var(--pf-thumb-max)}.pf-media picture,.pf-media img{width:100%;height:100%;object-fit:cover;display:block}.pf-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000,#0000000f);opacity:0;transition:opacity .25s ease}.pf-media:hover:after{opacity:1}.pf-zoom{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:color-mix(in oklab,var(--bg) 80%,transparent);transform:translateY(8px);opacity:0;transition:all .25s ease;color:var(--text)}.pf-media:hover .pf-zoom{transform:translateY(0);opacity:1}.pf-body{padding:14px;display:grid;gap:8px}.pf-title{margin:0;font-size:clamp(18px,1.6vw,22px)}.pf-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;font-size:.95em;color:var(--muted)}.pf-meta dt{font-weight:600;color:var(--text)}.pf-meta dd{margin:0}@media (max-width: 720px){.pf-meta{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.pf-meta{grid-template-columns:1fr}}.pf-quote{margin:2px 0 0;color:var(--muted);font-style:italic}.pf-lightbox{border:none;padding:0;max-width:92vw;background:color-mix(in oklab,var(--bg),rgba(0,0,0,.2) 0%)}.pf-lightbox::backdrop{background:#0009}.pf-lightbox img{max-width:92vw;max-height:80vh;display:block;border-radius:12px}.pf-lightbox p{color:var(--text);text-align:center;margin:10px 0 0}.pf-lightbox-close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}.form{display:grid;gap:16px;max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 680px){.form-row{grid-template-columns:1fr}}.field{display:grid;gap:8px}.field>span{font-weight:600}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);box-shadow:0 1px #0000000a inset}input::placeholder,textarea::placeholder{color:color-mix(in oklab,var(--muted) 65%,transparent)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in oklab,var(--brand) 45%,transparent);border-color:transparent}.checkbox{display:flex;align-items:flex-start;gap:10px;color:var(--muted)}.checkbox input{width:18px;height:18px;margin-top:3px}.site-footer{background:var(--bg-alt);border-top:1px solid var(--line)}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:visited{color:var(--text)}.site-footer a:hover{text-decoration:underline;opacity:.9}.site-footer .social i{color:var(--text)}.footer-top{display:grid;gap:24px;grid-template-columns:1.4fr 1fr;align-items:start;padding:40px 0}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand h3{margin:0}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footer-nav h4{margin:0 0 8px;font-size:1.05rem}.footer-nav ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}@media (max-width: 900px){.footer-top,.footer-nav{grid-template-columns:1fr}}.footer-bottom{border-top:1px solid var(--line);background:var(--bg-alt)}.footer-bottom .container{padding-block:14px}.footer-bottom-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.footer-bottom .copyright{grid-column:2;margin:0;text-align:center}.footer-bottom .back-to-top{grid-column:3;justify-self:end}@media (max-width: 520px){.footer-bottom-inner{grid-template-columns:1fr;row-gap:10px}.footer-bottom .copyright{grid-column:1;text-align:center}.footer-bottom .back-to-top{grid-column:1;justify-self:center}}.site-footer .footer-bottom .back-to-top i{background:linear-gradient(90deg,var(--brand),var(--accent),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px color-mix(in oklab,var(--brand) 45%,transparent));background-size:200% 100%;animation:orb-sheen 6s linear infinite}.back-to-top i{color:currentColor}.back-to-top:hover{filter:brightness(1.05)}@keyframes orb-sheen{0%{background-position:0% 50%}to{background-position:100% 50%}}.notice-banner,.cookie-banner{position:fixed;inset:auto 12px 12px;z-index:70}.notice-content,.cookie-content{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:14px;max-width:720px;margin-left:auto}.notice-title,.cookie-title{margin:0 0 6px;font-size:1.1rem}.notice-actions,.cookie-actions{display:flex;gap:10px;margin-top:10px}.nav-util{display:flex}.theme-toggle{--w: 56px;--h: 30px;--pad: 3px;width:var(--w);height:var(--h);border-radius:999px;border:1px solid var(--line);background:var(--bg-alt);position:relative;cursor:pointer;display:inline-block;padding:0;line-height:0;transition:background .2s ease,border-color .2s ease}.theme-toggle .knob{position:absolute;top:50%;left:var(--pad);width:calc(var(--h) - var(--pad) * 2);height:calc(var(--h) - var(--pad) * 2);border-radius:50%;background:linear-gradient(90deg,var(--brand),var(--accent));box-shadow:var(--shadow);transform:translateY(-50%);transition:transform .25s ease}.theme-toggle[aria-checked=true] .knob{transform:translate(calc(var(--w) - var(--h)),-50%)}.theme-toggle .icon{position:absolute;top:50%;font-size:13px;opacity:.75;pointer-events:none;transform:translateY(-50%)}.theme-toggle .sun{left:8px}.theme-toggle .moon{right:8px}.theme-toggle:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 45%,transparent);outline-offset:2px}.theme-toggle:hover{border-color:color-mix(in oklab,var(--text) 18%,transparent)}@media (max-width: 420px){.theme-toggle{--w: 50px;--h: 28px}}@media (prefers-reduced-motion: no-preference){.hero .glow{animation:drift 14s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateY(-12px)}to{transform:translateY(12px)}}}.legal{max-width:80%;margin-inline:auto}.legal-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.legal h2{margin:.2em 0 .4em}.legal h3{margin:1.2em 0 .4em;font-size:var(--step-1)}.legal p,.legal ul{color:var(--text)}.legal ul{padding-left:1.25em;margin:.4em 0 1em}.legal-sep{border:0;height:1px;background:var(--line);margin:28px 0}.legal-note{color:var(--muted);margin-top:14px}.updated-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg-alt);color:var(--muted);font-size:.95em}.updated-badge .dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));box-shadow:0 0 10px -2px color-mix(in oklab,var(--brand) 50%,transparent)}#top.hero.section{padding-bottom:clamp(84px,12vw,120px)}.legal ul,.legal ol{margin:.4em 0 1.1em;padding-left:1.25em}.legal h5{margin:1em 0 .4em;font-size:1.05rem;color:var(--text)}.mini-spinner{width:16px;height:16px;border-radius:999px;border:2px solid color-mix(in oklab,var(--text) 18%,transparent);border-top-color:var(--brand);animation:spin .9s linear infinite}.maint-status{display:inline-flex;align-items:center;gap:10px;vertical-align:middle}.status-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));box-shadow:0 0 12px -2px color-mix(in oklab,var(--brand) 50%,transparent)}.eta-chip{margin-left:6px;padding:4px 8px;border-radius:999px;background:color-mix(in oklab,var(--card) 85%,white 15%);border:1px solid var(--line);color:var(--text)}.maint-illustration{position:relative;width:220px;height:220px;margin-inline:auto;display:grid;place-items:center}.spinner{width:64px;height:64px;border-radius:999px;border:3px solid color-mix(in oklab,var(--text) 10%,transparent);border-top-color:color-mix(in oklab,var(--brand) 85%,transparent);animation:spin 1.1s linear infinite}.tools{position:absolute;display:flex;gap:12px;font-size:20px;color:var(--text);opacity:.9}.tools i:first-child{transform:rotate(-15deg)}.tools i:last-child{transform:rotate(10deg)}@keyframes spin{to{transform:rotate(360deg)}}.hero .hero-scroll{bottom:max(12px,env(safe-area-inset-bottom,0px) + 10px)}#updates .card{padding:20px}#updates .feature-title{margin:0 0 8px}.thanks-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg-alt);color:var(--muted);margin-bottom:10px}.thanks-badge .tick{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(90deg,var(--brand),var(--accent));color:#001016;box-shadow:var(--shadow);font-size:12px;line-height:0}@media (prefers-reduced-motion: no-preference){.thanks-badge{animation:thx-pop .45s var(--ease-out) both}@keyframes thx-pop{0%{transform:scale(.96);opacity:0;filter:blur(2px)}to{transform:none;opacity:1;filter:none}}}.redirect-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg-alt);color:var(--muted);font-size:.95em;margin:10px 0 4px}.redirect-chip strong{color:var(--text);font-weight:700}.chip-cancel{margin-left:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s ease,background .2s ease}.chip-cancel:hover{border-color:color-mix(in oklab,var(--text) 20%,transparent)}.redirect-chip.is-cancelled{color:var(--text);border-style:dashed}