.ds-head{max-width:720px;margin-bottom:44px}.ds-head .eyebrow{margin-bottom:16px}.ds-head h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(30px,4.4vw,52px);font-weight:800;line-height:1.04}.ds-head p{color:var(--text-2);margin-top:18px;font-size:17px;line-height:1.62}.tech-hero{padding:158px 0 40px}.tech-hero .kicker{font-family:var(--mono);color:var(--text-3);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:26px;font-size:12.5px;display:flex}.tech-hero .kicker b{color:var(--accent)}.tech-hero h1{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(46px,8.4vw,108px);font-weight:800;line-height:.96}.tech-hero h1 .accent{color:var(--accent)}.tech-hero .lede{color:var(--text-2);max-width:60ch;margin-top:28px;font-size:clamp(18px,2.2vw,22px);line-height:1.55}.tech-hero .lede b{color:var(--text);font-weight:500}.no-wp{grid-template-columns:1fr 1fr;gap:16px;margin-top:50px;display:grid}@media (max-width:760px){.no-wp{grid-template-columns:1fr}}.no-wp .col{border:1px solid var(--line);background:var(--bg-2);border-radius:16px;padding:28px 30px}.no-wp .bad{opacity:.72}.no-wp .good{border-color:var(--accent-line);background:linear-gradient(180deg,var(--accent-soft),color-mix(in oklch,var(--bg-2) 88%,var(--accent)))}.no-wp .ct{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;font-size:11.5px}.no-wp .good .ct{color:var(--accent)}.no-wp h3{font-family:var(--display);letter-spacing:-.01em;margin-bottom:14px;font-size:26px;font-weight:800}.no-wp ul{flex-direction:column;gap:10px;list-style:none;display:flex}.no-wp li{font-family:var(--mono);color:var(--text-2);gap:10px;font-size:13px;line-height:1.45;display:flex}.no-wp .bad li:before{content:"×";color:var(--text-3);font-weight:700}.no-wp .good li:before{content:"+";color:var(--accent);font-weight:700}.tech-deep{border-top:1px solid var(--line);padding:84px 0;position:relative}.tech-deep .row{grid-template-columns:1fr 1fr;align-items:center;gap:54px;display:grid}.tech-deep.rev .row{direction:rtl}.tech-deep.rev .row>*{direction:ltr}@media (max-width:900px){.tech-deep .row,.tech-deep.rev .row{direction:ltr;grid-template-columns:1fr;gap:34px}}.td-head-wide{max-width:720px}.td-head .badge{align-items:center;gap:12px;margin-bottom:22px;display:inline-flex}.td-head .badge .mk{border:1px solid var(--accent-line);background:var(--accent-soft);width:52px;height:52px;font-family:var(--display);color:var(--accent);letter-spacing:-.03em;border-radius:13px;flex:none;place-items:center;font-size:23px;font-weight:800;display:grid}.td-head .badge .role{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px}.td-head .badge .since{font-family:var(--mono);color:var(--text-3);margin-top:3px;font-size:11px;display:block}.td-head h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(34px,4.6vw,52px);font-weight:800;line-height:1}.td-head h2 .accent{color:var(--accent)}.td-head .desc{color:var(--text-2);max-width:52ch;margin-top:18px;font-size:16.5px;line-height:1.65}.td-head .desc b{color:var(--text);font-weight:600}.td-points{grid-template-columns:1fr 1fr;gap:9px 24px;margin-top:24px;list-style:none;display:grid}@media (max-width:520px){.td-points{grid-template-columns:1fr}}.td-points li{font-family:var(--mono);color:var(--text-2);gap:9px;font-size:12.5px;line-height:1.45;display:flex}.td-points li:before{content:"→";color:var(--accent)}.panel{border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -44px #000c}.panel-bar{border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg-3) 70%,#000);font-family:var(--mono);color:var(--text-3);align-items:center;gap:8px;padding:11px 14px;font-size:11.5px;display:flex}.panel-bar i{background:var(--line-2);border-radius:50%;width:10px;height:10px;display:block}.panel-bar i:first-child{background:#ff5f57}.panel-bar i:nth-child(2){background:#febc2e}.panel-bar i:nth-child(3){background:#28c840}.panel-bar span{margin-left:8px}.render-tabs{border-bottom:1px solid var(--line);gap:6px;padding:14px;display:flex}.render-tabs button{all:unset;cursor:pointer;font-family:var(--mono);border:1px solid var(--line-2);color:var(--text-3);border-radius:8px;padding:7px 12px;font-size:11.5px;transition:all .2s}.render-tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.render-body{font-family:var(--mono);padding:18px;font-size:12.5px;line-height:1.7}.render-body .rb-strat{color:var(--text-2);min-height:42px}.render-body .rb-strat b{color:var(--accent)}.render-wave{align-items:flex-end;gap:6px;height:54px;margin:16px 0;display:flex}.render-wave i{background:var(--accent);opacity:.85;border-radius:3px 3px 0 0;flex:1;height:20%;transition:height .5s cubic-bezier(.2,.7,.2,1)}.source-peek{border-top:1px solid var(--line);font-family:var(--mono);color:var(--text-3);padding:16px 18px;font-size:12px;line-height:1.7}.source-peek .tag{color:var(--accent)}.source-peek .at{color:var(--text-2)}.source-peek .tx{color:var(--text)}.seo-flags{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;padding:14px 18px;display:flex}.seo-flags span{font-family:var(--mono);color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:100px;padding:4px 10px;font-size:10.5px}.studio-wrap{margin-top:46px}.studio{border:1px solid var(--line-2);background:var(--bg-2);border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -52px #000000d9}.studio-top{border-bottom:1px solid var(--line);background:color-mix(in oklch,var(--bg-3) 70%,#000);font-family:var(--mono);color:var(--text-3);align-items:center;gap:10px;padding:12px 16px;font-size:12px;display:flex}.studio-top .brand{font-family:var(--display);color:var(--text);letter-spacing:-.02em;font-weight:800}.studio-top .brand b{color:var(--accent)}.studio-top .pub{font-family:var(--mono);color:var(--accent-ink);background:var(--accent);border-radius:7px;margin-left:auto;padding:5px 11px;font-size:11px;font-weight:700}.studio-grid{grid-template-columns:150px 188px 1fr;min-height:380px;display:grid}@media (max-width:620px){.studio-grid{grid-template-columns:1fr;min-height:0}.st-side,.st-list{border-bottom:1px solid var(--line)}}.studio-grid>div{padding:14px}.st-side{border-right:1px solid var(--line);background:color-mix(in oklch,var(--bg) 40%,transparent)}.st-list{border-right:1px solid var(--line)}.st-lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:2px 0 12px;font-size:10px}.st-type{font-family:var(--mono);color:var(--text-2);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;font-size:12.5px;transition:all .2s;display:flex}.st-type:hover{background:var(--bg-3);color:var(--text)}.st-type.on{background:var(--accent-soft);color:var(--accent)}.st-type .ico{border:1px solid var(--line-2);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.st-type.on .ico{border-color:var(--accent-line);color:var(--accent)}.st-doc{cursor:pointer;border:1px solid #0000;border-radius:9px;margin-bottom:6px;padding:10px 11px;transition:all .2s}.st-doc:hover{background:var(--bg-3)}.st-doc.on{background:var(--bg-3);border-color:var(--accent-line)}.st-doc .t{font-family:var(--display);color:var(--text);font-size:14px;font-weight:600}.st-doc .s{font-family:var(--mono);color:var(--text-3);margin-top:3px;font-size:10.5px}.st-doc .badge{font-family:var(--mono);color:var(--accent);border:1px solid var(--accent-line);border-radius:100px;margin-top:7px;padding:2px 7px;font-size:9px;display:inline-block}.st-editor{background:var(--bg)}.st-field{margin-bottom:16px}.st-field .fl{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin-bottom:7px;font-size:10.5px;display:flex}.st-field .fl .req{color:var(--accent)}.st-input{border:1px solid var(--line-2);font-family:var(--sans);color:var(--text);background:var(--bg-2);border-radius:9px;padding:10px 12px;font-size:14px}.st-input.area{min-height:64px;color:var(--text-2);font-size:13px;line-height:1.6}.st-slug{font-family:var(--mono);color:var(--text-2);font-size:12.5px}.st-slug b{color:var(--accent)}.st-img{border:1px dashed var(--line-2);height:96px;font-family:var(--mono);color:var(--text-3);background:repeating-linear-gradient(45deg,transparent 0 9px,color-mix(in oklch,var(--line) 40%,transparent) 9px 10px);border-radius:9px;justify-content:center;align-items:center;font-size:11px;display:flex}.st-row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.groq{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (max-width:720px){.groq{grid-template-columns:1fr}}.groq .panel-bar span{color:var(--text-3)}.groq pre{font-family:var(--mono);color:var(--text-2);margin:0;padding:16px 18px;font-size:12px;line-height:1.7;overflow:auto}.groq .k{color:var(--accent)}.groq .s{color:var(--text)}.groq .c{color:var(--text-3)}.tree{font-family:var(--mono);color:var(--text-2);padding:20px;font-size:12.5px;line-height:1.9}.tree .node{color:var(--accent)}.tree .br{color:var(--text-3)}.demo-counter{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.demo-counter button{all:unset;cursor:pointer;border:1px solid var(--line-2);width:42px;height:42px;font-family:var(--display);color:var(--text);border-radius:11px;place-items:center;font-size:22px;font-weight:800;transition:all .2s;display:grid}.demo-counter button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.demo-counter .cv{font-family:var(--display);color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:40px;font-weight:800}.demo-counter .cl{font-family:var(--mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.code{font-family:var(--mono);color:var(--text-2);white-space:pre;padding:18px 20px;font-size:12.5px;line-height:1.85;overflow:auto}.code .kw{color:var(--accent)}.code .ty{color:#36dcec;color:lab(80.2466% -38.5218 -20.5079)}.code .st{color:var(--text)}.code .cm{color:var(--text-3)}.code .fn{color:var(--text)}.ts-err{border-top:1px solid var(--line);font-family:var(--mono);color:#ff8b84;background:#ff5f5714;background:lab(62.5336% 61.5086 38.761/.08);align-items:flex-start;gap:9px;padding:13px 18px;font-size:11.5px;display:flex}.ts-err:before{content:"⚠";flex:none}.ts-err .squig{text-underline-offset:3px;-webkit-text-decoration:underline wavy #ff8b84;text-decoration:underline wavy #ff8b84}.tw-demo{grid-template-columns:1fr;gap:16px;padding:20px;display:grid}.tw-classes{font-family:var(--mono);color:var(--text-3);border:1px solid var(--line);border-radius:10px;padding:14px;font-size:12px;line-height:1.9}.tw-classes b{background:var(--accent-soft);color:var(--accent);border-radius:6px;margin:2px 3px;padding:1px 7px;font-weight:500;display:inline-block}.tw-card{background:linear-gradient(135deg,var(--bg-3),var(--bg-2));border:1px solid var(--accent-line);border-radius:14px;flex-direction:column;gap:8px;padding:22px;display:flex;box-shadow:0 14px 34px -22px #000c}.tw-card .tt{font-family:var(--display);color:var(--text);font-size:20px;font-weight:800}.tw-card .tp{color:var(--text-2);font-size:13.5px;line-height:1.5}.tw-card .tb{font-family:var(--mono);background:var(--accent);color:var(--accent-ink);border-radius:8px;align-self:flex-start;margin-top:6px;padding:8px 14px;font-size:12px;font-weight:700}.stack-recap{border-top:1px solid var(--line);padding:80px 0}.stack-recap .ds-head{margin-bottom:0}.recap-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;display:grid}@media (max-width:820px){.recap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.recap-grid{grid-template-columns:1fr}}.recap{border:1px solid var(--line);background:var(--bg-2);border-radius:12px;align-items:center;gap:13px;padding:14px 16px;transition:border-color .25s,transform .25s;display:flex}.recap:hover{border-color:var(--accent-line);transform:translateY(-2px)}.recap .m{border:1px solid var(--line-2);background:var(--bg);width:34px;height:34px;font-family:var(--display);color:var(--text-2);border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.recap:hover .m{color:var(--accent);border-color:var(--accent-line)}.recap .nm{font-family:var(--display);font-size:15px;font-weight:700;display:block}.recap .rl{font-family:var(--mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px;display:block}.star-reset{all:unset;cursor:pointer;font-family:var(--mono);color:var(--text-3);border:1px solid var(--line-2);border-radius:7px;padding:4px 10px;font-size:11px;transition:all .2s}.star-reset:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.star-stage{border-bottom:1px solid var(--line);background:radial-gradient(58% 58% at 50% 46%,var(--accent-soft),transparent 72%), linear-gradient(color-mix(in oklch,var(--line) 26%,transparent) 1px,transparent 1px), linear-gradient(90deg,color-mix(in oklch,var(--line) 26%,transparent) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;place-items:center;height:300px;display:grid;position:relative;overflow:hidden}.star-drag{cursor:grab;touch-action:none;will-change:transform;width:128px;height:128px;filter:drop-shadow(0 12px 30px color-mix(in oklch,var(--accent) 50%,transparent))}.star-drag:active{cursor:grabbing}#star-path{fill:var(--accent);stroke:var(--accent-ink);stroke-width:1px;stroke-linejoin:round}.star-hint{font-family:var(--mono);color:var(--text-3);pointer-events:none;font-size:11px;position:absolute;bottom:13px;left:15px}.star-hint b{color:var(--accent)}.gsap-code{font-family:var(--mono);color:var(--text-2);white-space:pre;padding:16px 18px;font-size:12px;line-height:1.85;overflow:auto}.gsap-code .cm{color:var(--text-3)}.gsap-code .st{color:var(--text)}.gsap-code .fn{color:var(--accent)}.tech-cta{text-align:center;border-top:1px solid var(--line);padding:96px 0 30px}.tech-cta h2{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(36px,6vw,72px);font-weight:800;line-height:.98}.tech-cta h2 em{color:var(--accent);font-style:normal}.tech-cta p{color:var(--text-2);max-width:46ch;margin:22px auto 0;font-size:18px}.tech-cta .hero-cta{justify-content:center;margin-top:32px}body[data-surface=glass] .panel,body[data-surface=glass] .studio{-webkit-backdrop-filter:blur(16px)saturate(1.4);border-color:color-mix(in oklch, var(--text) 14%, transparent);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--text) 10%,transparent), 0 22px 50px -34px #0009;background:color-mix(in oklch, var(--bg-2) 52%, transparent)!important}