@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_6c5b95d1-module__DpEtSa__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_6c5b95d1-module__DpEtSa__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_9f4f9187-module__4LtYgq__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_9f4f9187-module__4LtYgq__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--paper:#f8fafc;--paper-2:#eef2f6;--ink:#0f172a;--muted:#64748b;--void:#090a0e;--void-2:#121520;--on-void:#f8fafc;--on-void-muted:#94a3b8;--line:#e2e8f0;--line-dark:#1e293b;--accent:#06f;--accent-2:#00d2ff;--accent-soft:#0066ff14;--sans:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--heading:var(--font-outfit),var(--sans);--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;--wrap:1160px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6,.brand,.appname,.sec-title,.stitle,.dtitle,h1.thesis,.approach-title,.demo-h1,.cat-title,.foot h2,.foot-detail h2{font-family:var(--heading);letter-spacing:-.02em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,5vw,48px)}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem}.r{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.r.in{opacity:1;transform:none}.d1{transition-delay:50ms}.d2{transition-delay:.13s}.d3{transition-delay:.21s}.hero{background:var(--void);color:var(--on-void);background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:26px 26px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 82% -10%,#0066ff3d,#0000 55%);position:absolute;inset:0}.topbar{z-index:2;justify-content:space-between;align-items:center;padding-top:26px;display:flex;position:relative}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.brand .glyph{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;width:26px;height:26px;font-family:var(--mono);border-radius:7px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.topbar a.mail{font-family:var(--mono);color:var(--on-void-muted);border-bottom:1px solid #0000;font-size:.8rem;transition:color .2s,border-color .2s}.topbar a.mail:hover{color:var(--on-void);border-color:var(--accent)}.hero-inner{z-index:2;padding:clamp(80px,14vw,170px) 0 clamp(64px,10vw,120px);position:relative}.chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-void-muted);border:1px solid var(--line-dark);border-radius:999px;align-items:center;gap:8px;margin-bottom:30px;padding:7px 13px;font-size:.72rem;display:inline-flex}.dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 #4ade8099}@keyframes pulse{0%{box-shadow:0 0 #4ade8080}70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 #4ade8000}}h1.thesis{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;margin:0 0 26px;font-size:clamp(2.9rem,8.2vw,6.4rem);font-weight:800;line-height:.98}h1.thesis em{color:var(--accent-2);font-style:normal}.lede{color:var(--on-void-muted);max-width:52ch;margin:0;font-size:clamp(1.02rem,1.8vw,1.28rem)}.hero-meta{font-family:var(--mono);color:var(--on-void-muted);flex-wrap:wrap;gap:26px;margin-top:44px;font-size:.78rem;display:flex}.hero-meta b{color:var(--on-void);font-weight:600}.sec{padding:clamp(80px,12vw,140px) 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(40px,6vw,70px);display:flex}.sec-title{letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:.5rem 0 0;font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:750;line-height:1.02}.sec-note{font-family:var(--mono);color:var(--muted);text-align:right;max-width:32ch;font-size:.78rem}.grid{grid-template-columns:repeat(2,1fr);gap:clamp(28px,3.8vw,48px);display:grid}.card{color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.card:hover{border-color:#06f3;transform:translateY(-5px);box-shadow:0 30px 60px -25px #0066ff26}.card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card:hover .open-hint{background:var(--accent);border-color:var(--accent);color:#fff}.shot{aspect-ratio:16/10;border-bottom:1px solid var(--line-dark);background:linear-gradient(160deg,#161b26,#0b0c10);position:relative;overflow:hidden}.shot img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.shot .bar{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:32px;padding:0 12px;display:flex}.shot .bar i{background:#3a352c;border-radius:50%;width:9px;height:9px;display:block}.shot .url{font-family:var(--mono);color:#8a8272;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:.66rem;overflow:hidden}.shot .canvas{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:32px 0 0}.shot .canvas:before{content:"";background:radial-gradient(90% 80% at 50% 0,#0066ff24,#0000 60%);position:absolute;inset:0}.shot .appname{letter-spacing:-.02em;color:#f0ede6;font-size:clamp(1rem,2vw,1.3rem);font-weight:750;position:relative}.shot .pending{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8272;border:1px dashed #3a352c;border-radius:999px;padding:5px 11px;font-size:.64rem;position:relative}.card-body{flex-direction:column;flex:1;gap:12px;padding:22px 22px 24px;display:flex}.card h3{letter-spacing:-.02em;margin:0;font-size:1.28rem;font-weight:700}.card p{color:var(--muted);margin:0;font-size:.96rem}.tags{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:6px;display:flex}.tag{font-family:var(--mono);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:.68rem}.open-hint{z-index:3;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f0ede6;border:1px solid var(--line-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#13121099;border-radius:999px;padding:5px 11px;font-size:.62rem;transition:background .3s,color .3s,border-color .3s;position:absolute;top:12px;right:12px}.build{background:var(--void);color:var(--on-void);background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:26px 26px}.build .sec-title{color:var(--on-void)}.build .sec-note,.build .eyebrow{color:var(--on-void-muted)}.build-card{color:inherit;border:1px solid var(--line-dark);background:linear-gradient(#ffffff05,#0000);border-radius:22px;padding:clamp(24px,4vw,40px);text-decoration:none;transition:border-color .3s,transform .3s;display:block;position:relative}.build-card:hover{border-color:#00d2ff59;transform:translateY(-3px)}.build-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.build-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.build-top h3{letter-spacing:-.025em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(1.4rem,2.8vw,2rem);font-weight:750}.build-top .badge{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);white-space:nowrap;border:1px solid #00d2ff4d;border-radius:999px;padding:6px 12px;font-size:.68rem}.flow{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.step{border:1px solid var(--line-dark);background:var(--void-2);border-radius:14px;flex-direction:column;gap:9px;min-height:132px;padding:16px 15px;display:flex}.step .n{font-family:var(--mono);color:var(--accent-2);font-size:.72rem;font-weight:600}.step h4{letter-spacing:-.01em;color:var(--on-void);margin:0;font-size:.98rem;font-weight:650}.step p{color:var(--on-void-muted);margin:0;font-size:.8rem;line-height:1.5}.flow-tags{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.flow-tags .tag{color:var(--on-void-muted);border-color:var(--line-dark);background:0 0}.foot{text-align:center;padding:clamp(80px,12vw,150px) 0 60px}.foot h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 34px;font-size:clamp(2.1rem,6vw,4.4rem);font-weight:800;line-height:.98}.cta{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-family:var(--mono);border-radius:999px;align-items:center;gap:12px;padding:16px 26px;font-size:.92rem;transition:transform .25s,box-shadow .25s;display:inline-flex}.cta:hover{transform:translateY(-3px);box-shadow:0 15px 30px #0066ff40}.cta:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.foot-line{font-family:var(--mono);color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:56px;padding-top:24px;font-size:.74rem;display:flex}.sample-bar{background:var(--void-2);color:var(--on-void-muted);font-family:var(--mono);letter-spacing:.05em;text-align:center;border-bottom:1px solid var(--line-dark);padding:8px 16px;font-size:.7rem}.dhero{background:var(--void);color:var(--on-void);background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:26px 26px;position:relative;overflow:hidden}.dhero:after{content:"";pointer-events:none;background:radial-gradient(110% 80% at 85% -10%,#0066ff3d,#0000 55%);position:absolute;inset:0}.dhero .topbar{padding:24px 0}.dhero .brand{color:var(--on-void)}.dhero-inner{z-index:2;padding:clamp(20px,4vw,44px) 0 clamp(48px,7vw,84px);position:relative}.backlink{font-family:var(--mono);color:var(--on-void-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:.76rem;display:inline-flex}.backlink:hover{color:var(--accent-2)}.status{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8fe3b0;border:1px solid #2c4636;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 12px;font-size:.7rem;display:inline-flex}.status.building{color:var(--accent-2);border-color:#00d2ff4d}.status .sdot{background:#4ade80;border-radius:50%;width:7px;height:7px;display:inline-block}.status.building .sdot{background:var(--accent-2)}h1.dtitle{letter-spacing:-.04em;text-wrap:balance;max-width:18ch;margin:0 0 18px;font-size:clamp(2.2rem,5.5vw,4rem);font-weight:800;line-height:1}.dlede{color:var(--on-void-muted);max-width:56ch;margin:0 0 26px;font-size:clamp(1.02rem,1.7vw,1.24rem)}.dtags{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.dtag{font-family:var(--mono);color:var(--on-void);border:1px solid var(--line-dark);background:#ffffff0d;border-radius:6px;padding:5px 10px;font-size:.72rem}.actions{flex-wrap:wrap;gap:12px;display:flex}.btn{font-family:var(--mono);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;font-size:.84rem;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-2);transform:translateY(-2px)}.btn.ghost{color:var(--on-void);border-color:var(--line-dark);background:0 0}.btn.ghost:hover{border-color:var(--on-void-muted)}.btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}.bigshot{z-index:2;margin-top:8px;position:relative}.bigshot .frame{border:1px solid var(--line-dark);background:linear-gradient(160deg,#161b26,#0b0c10);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -40px #000000b3}.frame .bar{background:#ffffff0a;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.frame .bar i{background:#3a352c;border-radius:50%;width:10px;height:10px;display:block}.frame .url{font-family:var(--mono);color:#8a8272;margin-left:10px;font-size:.7rem}.frame-img{aspect-ratio:16/9;overflow:hidden}.frame-img img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.frame .canvas{aspect-ratio:16/9;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.frame .canvas:before{content:"";background:radial-gradient(80% 70% at 50% 0,#0066ff1f,#0000 60%);position:absolute;inset:0}.frame .appname{color:#f0ede6;letter-spacing:-.02em;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:750;position:relative}.frame .pending{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8a8272;border:1px dashed #3a352c;border-radius:999px;padding:6px 12px;font-size:.66rem;position:relative}.body-sec{padding:clamp(46px,7vw,86px) 0}.body-sec.tight{padding-top:clamp(40px,5vw,60px)}.stitle{letter-spacing:-.025em;text-wrap:balance;margin:.6rem 0 18px;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:750}.prose{color:#3a352c;max-width:64ch;font-size:1.06rem}.prose.muted{color:var(--muted)}.prose em{font-style:italic}.features{grid-template-columns:1fr 1fr;gap:16px;margin:6px 0 0;padding:0;list-style:none;display:grid}.features li{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:20px 22px}.features b{letter-spacing:-.01em;margin-bottom:6px;font-size:1.05rem;display:block}.features span{color:var(--muted);font-size:.95rem}.stack{border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.stack .row{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:190px 1fr;gap:20px;padding:18px 22px;display:grid}.stack .row:last-child{border-bottom:none}.stack .k{font-family:var(--mono);color:var(--ink);font-size:.95rem;font-weight:600}.stack .v{color:var(--muted);font-size:.96rem}.fitgrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fitcard{border:1px solid var(--line);background:var(--paper-2);border-radius:14px;padding:22px}.fitcard .ic{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font-family:var(--mono);border-radius:9px;place-items:center;margin-bottom:14px;font-weight:700;display:grid}.fitcard b{letter-spacing:-.01em;margin-bottom:6px;display:block}.fitcard span{color:var(--muted);font-size:.93rem}.gallery{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.gshot{border:1px solid var(--line-dark);background:linear-gradient(160deg,#211e18,#131210);border-radius:12px;overflow:hidden}.gshot img{aspect-ratio:16/11;object-fit:cover;object-position:top;width:100%;display:block}.gshot .ph{aspect-ratio:16/11;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8a8272;text-align:center;place-items:center;padding:10px;font-size:.68rem;display:grid}.gshot-btn{cursor:zoom-in;background:0 0;border:none;width:100%;padding:0;display:block}.gshot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lightbox{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0908eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lb-figure{flex-direction:column;align-items:center;gap:12px;max-width:92vw;margin:0;display:flex}.lb-figure img{object-fit:contain;border:1px solid var(--line-dark);background:#131210;border-radius:10px;max-width:92vw;max-height:82vh;box-shadow:0 30px 80px -20px #000000b3}.lb-figure figcaption{font-family:var(--mono);color:var(--on-void-muted);letter-spacing:.04em;font-size:.76rem}.lb-close{border:1px solid var(--line-dark);color:#fff;cursor:pointer;z-index:2;background:#ffffff0f;border-radius:999px;place-items:center;width:44px;height:44px;font-size:24px;line-height:1;display:grid;position:absolute;top:18px;right:20px}.lb-close:hover{background:#ffffff24}.lb-nav{border:1px solid var(--line-dark);color:#fff;cursor:pointer;z-index:2;background:#ffffff0f;border-radius:999px;place-items:center;width:52px;height:52px;font-size:30px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#ffffff24}.lb-prev{left:20px}.lb-next{right:20px}.lb-close:focus-visible,.lb-nav:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:600px){.lb-nav{width:42px;height:42px;font-size:24px}.lb-prev{left:8px}.lb-next{right:8px}}.comments{max-width:640px}.comment-list{flex-direction:column;gap:12px;margin:20px 0 26px;display:flex}.comment{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.comment .meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.comment .who{font-size:.9rem;font-weight:650}.comment time{font-family:var(--mono);color:var(--muted);font-size:.66rem}.comment p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.98rem}.comment-empty{color:var(--muted);font-style:italic}.comment-form{flex-direction:column;gap:12px;max-width:560px;display:flex}.cf-row{gap:12px;display:flex}.cf-row input{flex:1}.comment-form input[type=text],.comment-form input[type=email],.comment-form textarea{width:100%;font-family:var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:.92rem}.comment-form textarea{resize:vertical;min-height:96px;line-height:1.5}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}.comment-form .btn.primary{align-self:flex-start}.btn:disabled{opacity:.6;cursor:default}.cf-error{color:var(--accent);margin:0;font-size:.85rem}.hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute!important;left:-9999px!important}.demo-note{color:var(--muted);font-size:.72rem;font-family:var(--mono);margin:12px 0 0}@media (max-width:520px){.cf-row{flex-direction:column}}.approach{padding:clamp(56px,9vw,104px) 0}.approach-title{letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:.5rem 0 22px;font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:750;line-height:1.05}.approach-title em{color:var(--accent);font-style:normal}.approach-body{color:var(--muted);max-width:60ch;font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.6}.arch{flex-direction:column;align-items:center;margin-top:22px;display:flex}.arch-group{flex-direction:column;align-items:center;width:100%;display:flex}.arch-tier{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.arch-node{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:14px;min-width:172px;padding:16px 22px;box-shadow:0 12px 28px -22px #1a171280}.arch-node.accent{border-color:var(--accent);background:var(--accent-soft)}.arch-node.muted{background:var(--paper-2);box-shadow:none;border-style:dashed}.arch-node b{letter-spacing:-.01em;font-size:1.02rem;display:block}.arch-node span{font-family:var(--mono);color:var(--muted);letter-spacing:.03em;font-size:.68rem}.arch-link{text-align:center;flex-direction:column;align-items:center;gap:9px;max-width:62ch;padding:10px 0;display:flex}.arch-link .line{background:var(--line);width:1px;height:24px;position:relative}.arch-link .line:after{content:"";border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);width:7px;height:7px;position:absolute;bottom:0;left:-3.5px;transform:rotate(45deg)}.arch-link .lbl{font-family:var(--mono);color:var(--muted);font-size:.72rem;line-height:1.6}.dark-sec{background:var(--void);color:var(--on-void);background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:26px 26px}.dark-sec .stitle{color:var(--on-void)}.dark-sec .prose{color:var(--on-void-muted)}.dark-sec .stack{border-color:var(--line-dark)}.dark-sec .stack .row{background:var(--void-2);border-color:var(--line-dark)}.dark-sec .stack .k{color:var(--on-void)}.dark-sec .stack .v{color:var(--on-void-muted)}.foot-detail{text-align:center;border-top:1px solid var(--line);padding:clamp(56px,9vw,110px) 0 56px}.foot-detail h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 28px;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:800}@media (max-width:820px){.features,.fitgrid,.gallery{grid-template-columns:1fr}.stack .row{grid-template-columns:1fr;gap:6px}}@media (max-width:760px){.grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.sec-note{text-align:left}}@media (max-width:460px){.flow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.r{opacity:1;transition:none;transform:none}.dot{animation:none}.card:hover,.build-card:hover{transform:none}}html{scrollbar-color:var(--line) var(--paper);scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--paper);border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.hero ::-webkit-scrollbar-track{background:var(--void)}.dhero ::-webkit-scrollbar-track{background:var(--void)}.build ::-webkit-scrollbar-track{background:var(--void)}.dark-sec ::-webkit-scrollbar-track{background:var(--void)}.hero ::-webkit-scrollbar-thumb{background:var(--line-dark);border-color:var(--void)}.dhero ::-webkit-scrollbar-thumb{background:var(--line-dark);border-color:var(--void)}.build ::-webkit-scrollbar-thumb{background:var(--line-dark);border-color:var(--void)}.dark-sec ::-webkit-scrollbar-thumb{background:var(--line-dark);border-color:var(--void)}.hero ::-webkit-scrollbar-thumb:hover{background:var(--on-void-muted)}.dhero ::-webkit-scrollbar-thumb:hover{background:var(--on-void-muted)}.build ::-webkit-scrollbar-thumb:hover{background:var(--on-void-muted)}.dark-sec ::-webkit-scrollbar-thumb:hover{background:var(--on-void-muted)}
.rail{z-index:50;background:var(--void);border-right:1px solid var(--line-dark);flex-direction:column;align-items:center;gap:26px;width:72px;padding:22px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.rail-brand .glyph{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;width:34px;height:34px;font-family:var(--mono);border-radius:9px;place-items:center;font-size:1rem;font-weight:700;display:grid}.rail-items{flex-direction:column;gap:6px;width:100%;display:flex}.rail-item{color:var(--on-void-muted);flex-direction:column;align-items:center;gap:5px;padding:12px 0;transition:color .2s;display:flex;position:relative}.rail-item .rail-ic{font-size:1.15rem;line-height:1}.rail-item .rail-lbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}.rail-item:hover{color:var(--on-void)}.rail-item.on{color:#fff}.rail-item.on:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.railed{padding-left:72px}.demo-wrap{background:var(--paper);min-height:100vh}.demo-hero{background:var(--void);color:var(--on-void);background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:26px 26px;padding:clamp(56px,10vw,110px) 0 clamp(44px,7vw,80px)}.demo-h1{letter-spacing:-.04em;text-wrap:balance;max-width:16ch;margin:14px 0 20px;font-size:clamp(2.3rem,5.5vw,4rem);font-weight:800;line-height:1}.demo-lede{color:var(--on-void-muted);max-width:60ch;font-size:clamp(1rem,1.6vw,1.18rem)}.wa-cta{background:#25d36612;border:1px solid #25d3666b;border-radius:16px;flex-direction:column;gap:9px;max-width:600px;margin-top:30px;padding:18px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.wa-cta:hover{border-color:#25d366bf;transform:translateY(-2px);box-shadow:0 18px 44px -26px #25d3668c}.wa-cta-badge{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#25d366;border:1px solid #25d36680;border-radius:999px;align-self:flex-start;padding:4px 11px;font-size:.63rem}.wa-cta-main{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.wa-cta-title{color:var(--on-void);letter-spacing:-.01em;font-size:1.18rem;font-weight:750}.wa-cta-num{font-family:var(--mono);color:#25d366;font-size:1.08rem;font-weight:600}.wa-cta-note{color:var(--on-void-muted);font-size:.92rem;line-height:1.55}.wa-cta-note b{color:#eafff2;background:#25d36629;border-radius:6px;padding:1px 7px;font-weight:700}.wa-cta-note em{font-style:normal;font-family:var(--mono);color:var(--on-void);font-size:.85rem}.demo-body{padding:clamp(32px,5vw,60px) 0 clamp(48px,8vw,90px)}.cat-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--muted);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:8px 15px;font-size:.85rem;font-weight:600;transition:all .2s}.chip-btn:hover{color:var(--ink);border-color:#cbd5e1}.chip-btn.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.cat-actions{gap:10px;display:flex}.btn-ghost,.btn-solid{font-family:var(--sans);cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:9px 17px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-ghost{background:var(--paper);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-solid{background:var(--accent);border-color:var(--accent);color:#fff}.btn-solid:hover{background:#0052cc}.cat-head{border-top:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:20px;padding-top:22px;display:flex}.cat-title{letter-spacing:-.02em;text-transform:capitalize;font-size:clamp(1.4rem,3vw,2rem);font-weight:750}.cat-count{font-family:var(--mono);color:var(--muted);font-size:.78rem}.cat-empty{font-family:var(--mono);color:var(--muted);max-width:52ch;padding:40px 0;font-size:.85rem;line-height:1.7}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(14px,2vw,22px);display:grid}.prod{background:var(--paper);border:1px solid var(--line);border-radius:14px;transition:transform .3s,box-shadow .3s;overflow:hidden}.prod:hover{transform:translateY(-3px);box-shadow:0 16px 34px -22px #0f172a26}.prod-img{aspect-ratio:4/5;background:var(--paper-2);overflow:hidden}.prod-img img{object-fit:cover;width:100%;height:100%}.prod-noimg{background:linear-gradient(160deg,#f1f5f9,#e2e8f0);width:100%;height:100%}.prod-meta{flex-direction:column;gap:3px;padding:12px 14px 15px;display:flex}.prod-sku{font-family:var(--mono);color:var(--ink);font-size:.8rem;font-weight:600}.prod-color{color:var(--muted);text-transform:capitalize;font-size:.78rem}.prod-price{font-family:var(--mono);color:var(--accent);margin-top:2px;font-weight:600}.prod-tags-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prod-cat{color:var(--ink);background:var(--paper-2);border:1px solid var(--line);text-transform:capitalize;border-radius:999px;padding:2px 9px;font-size:.7rem}.cat-crumb{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:.78rem}.cat-layout{grid-template-columns:238px 1fr;align-items:start;gap:clamp(22px,3.5vw,44px);display:grid}.cat-layout--solo{grid-template-columns:1fr}.cat-main{min-width:0}.facet-tree{flex-direction:column;gap:2px;display:flex;position:sticky;top:20px}.tree-all,.tree-node{text-align:left;width:100%;font-family:var(--sans);color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:.92rem;font-weight:600;transition:background .18s,color .18s;display:flex}.tree-all{margin-bottom:4px;font-weight:700}.tree-all:hover,.tree-node:hover{background:var(--paper-2)}.tree-all.on,.tree-node.on{background:var(--ink);color:var(--paper)}.tree-caret{color:var(--muted);flex:none;width:12px;font-size:.7rem}.tree-node.on .tree-caret{color:var(--paper)}.tree-count{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:.72rem;font-weight:500}.tree-all.on .tree-count,.tree-node.on .tree-count{color:inherit;opacity:.7}.tree-sub{border-left:1px solid var(--line);flex-direction:column;gap:14px;margin:2px 0 4px 6px;padding:10px 0 12px 20px;display:flex}.tree-group{flex-direction:column;gap:1px;display:flex}.tree-glabel{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 10px 5px;font-size:.6rem}.tree-leaf{text-align:left;width:100%;font-family:var(--sans);color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.85rem;font-weight:500;transition:background .18s,color .18s;display:flex}.tree-leaf:hover{background:var(--paper-2);color:var(--ink)}.tree-leaf.on{color:var(--accent);font-weight:700}.tree-leaf.on .tree-count{color:var(--accent);opacity:.8}.prod-open{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:none;padding:0;display:block}.prod-detail{max-width:560px;padding:0;overflow:hidden}.pd-img{aspect-ratio:4/5;background:var(--paper-2);max-height:52vh;overflow:hidden}.pd-img img{object-fit:contain;background:var(--paper-2);width:100%;height:100%}.pd-info{flex-direction:column;gap:12px;padding:22px 26px 26px;display:flex}.pd-info h3{font-family:var(--mono);font-size:1rem;font-weight:600}.pd-tags{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pd-price{font-family:var(--mono);color:var(--accent);font-size:1.4rem;font-weight:700}@media (max-width:760px){.cat-layout{grid-template-columns:1fr;gap:8px}.facet-tree{position:static}}@media (max-width:720px){.rail{border-right:none;border-bottom:1px solid var(--line-dark);flex-direction:row;justify-content:flex-start;gap:8px;width:100%;height:auto;padding:10px 16px;position:sticky;inset:0 auto auto}.rail-items{flex-direction:row;gap:4px;width:auto;margin-left:8px}.rail-item{flex-direction:row;gap:7px;padding:8px 12px}.rail-item.on:before{border-radius:3px 3px 0 0;width:auto;height:3px;inset:auto 8px 0}.railed{padding-left:0}}.demo-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:clamp(20px,3vw,32px);display:grid}.demo-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;display:flex;overflow:hidden}.demo-card:hover{border-color:#06f3;transform:translateY(-4px);box-shadow:0 24px 50px -28px #0066ff1f}.demo-shot{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:linear-gradient(150deg,#161b26,#0b0c10);position:relative;overflow:hidden}.demo-shot img{object-fit:cover;object-position:top;width:100%;height:100%}.demo-shot-ph{text-align:center;color:#f0ede6;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.demo-shot-ph:before{content:"";background:radial-gradient(90% 80% at 50% 0,#0066ff24,#0000 60%);position:absolute;inset:0}.demo-ph-glyph{color:var(--accent-2);font-size:2rem;position:relative}.demo-shot-ph span:last-child{letter-spacing:-.02em;max-width:20ch;font-size:1.05rem;font-weight:750;position:relative}.demo-status{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#0066ffd9;border-radius:999px;padding:5px 11px;font-size:.62rem;position:absolute;top:12px;left:12px}.demo-card-body{flex-direction:column;flex:1;gap:11px;padding:22px 22px 24px;display:flex}.demo-card-body h3{letter-spacing:-.02em;font-size:1.28rem;font-weight:750;line-height:1.15}.demo-tagline{color:var(--ink);font-size:.92rem;font-weight:600;line-height:1.45}.demo-desc{color:var(--muted);font-size:.88rem;line-height:1.65}.demo-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.demo-tags span{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:.64rem}.demo-req{align-self:flex-start;margin-top:12px}.req-note{color:var(--muted);font-size:.86rem;line-height:1.6}.req-err{color:#ef4444;font-size:.82rem}.modal textarea{font-family:var(--sans);text-transform:none;letter-spacing:normal;color:var(--ink);border:1px solid var(--line);background:var(--paper);resize:vertical;border-radius:8px;padding:9px 11px;font-size:.92rem}.backlink{font-family:var(--mono);font-size:.78rem;display:inline-block}.upload{border:1px solid var(--line);background:var(--paper-2);border-radius:14px;margin-bottom:26px;padding:18px 20px}.upload-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.up-field{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.up-field span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.up-field input{font-family:var(--sans);border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px 11px;font-size:.9rem}.up-field.up-price{flex:0 0 140px;min-width:120px}.up-hint{color:var(--muted);max-width:70ch;margin-top:12px;font-size:.8rem;line-height:1.6}.up-hint em{color:var(--accent);font-style:normal}.up-msg{font-family:var(--mono);color:var(--ink);margin-top:10px;font-size:.78rem}.review{flex-direction:column;gap:14px;margin-top:6px;display:flex}.review-head{color:var(--ink);font-size:.9rem}.review-head b{color:var(--accent)}.review-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:14px 16px;display:flex;position:relative}.review-thumbs{flex-wrap:wrap;align-items:center;gap:6px;max-width:220px;display:flex}.review-thumbs img{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:52px;height:64px}.review-shots{font-family:var(--mono);color:var(--muted);font-size:.66rem}.review-fields{flex-wrap:wrap;flex:1;gap:10px;min-width:260px;display:flex}.review-fields label{flex-direction:column;flex:1;gap:4px;min-width:110px;display:flex}.review-fields span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.6rem}.review-fields input{font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:7px 10px;font-size:.85rem}.review-price{flex:0 0 110px}.review-drop{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.9rem;line-height:1;position:absolute;top:8px;right:10px}.review-drop:hover{color:#c0392b}.review-actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.admin-toggle{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:.7rem;transition:all .2s}.admin-toggle:hover{border-color:var(--accent);color:var(--accent)}.prod-admin{gap:6px;padding:0 12px 12px;display:flex}.prod-admin button{font-family:var(--sans);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;flex:1;padding:7px 0;font-size:.76rem;font-weight:600;transition:all .2s}.prod-admin button:hover{border-color:var(--ink)}.prod-admin button.del:hover{color:#c0392b;border-color:#c0392b}.modal-bg{z-index:100;background:#1312108c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:26px;display:flex;box-shadow:0 30px 70px -20px #00000080}.modal h3{letter-spacing:-.02em;font-size:1.3rem;font-weight:750}.modal label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:5px;font-size:.68rem;display:flex}.modal label input{font-family:var(--sans);text-transform:none;letter-spacing:normal;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px 11px;font-size:.92rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}@media print{.rail,.cat-bar,.upload,.demo-hero,.foot-detail,.admin-toggle,.prod-admin,.facet-tree{display:none!important}.railed{padding-left:0}.demo-body{padding:0}.cat-layout{grid-template-columns:1fr}.cat-head{border:none;padding:0 0 12px}.prod-grid{grid-template-columns:repeat(3,1fr);gap:12px}.prod{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.prod:hover{box-shadow:none;transform:none}body{background:#fff}}