:root{--bg:oklch(97.5% 0.009 85);--surface:oklch(99.5% 0.003 85);--surface-2:oklch(96% 0.01 80);--text:oklch(27% 0.02 280);--text-soft:oklch(46% 0.018 280);--text-dim:oklch(62% 0.015 280);--line:oklch(90% 0.008 80);--honey:oklch(66% 0.15 50);--honey-deep:oklch(56% 0.16 45);--honey-soft:oklch(66% 0.15 50/0.12);--teal:var(--honey);--teal-deep:var(--honey-deep);--green:oklch(64% 0.14 155);--red:oklch(60% 0.19 25);--on-accent:oklch(99% 0.01 60);--code-bg:oklch(26% 0.025 280);--code-fg:oklch(94% 0.01 280);--code-dim:oklch(66% 0.02 280);--shadow-sm:0 2px 8px -2px oklch(30% 0.03 280/0.12);--shadow:0 14px 36px -14px oklch(30% 0.04 280/0.2);--shadow-lg:0 30px 70px -24px oklch(30% 0.05 280/0.28);--r:20px;--r-sm:13px;--maxw:1280px;--ease:cubic-bezier(0.22,1,0.36,1);--dur:280ms;--ink:var(--text);--paper:var(--bg);--paper-2:var(--surface);--paper-3:var(--surface-2);--amber:var(--honey);--amber-deep:var(--honey-deep);--green-deep:var(--green);--sky:var(--teal);--border:1px solid var(--line);--font-pixel:"Space Grotesk",system-ui,sans-serif;--font-term:"JetBrains Mono",ui-monospace,monospace;--font-head:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:17px;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--honey-soft)}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:1.5rem}h1,h2,h3{font-family:var(--font-head);font-weight:600;line-height:1.08;letter-spacing:-.025em;color:var(--text)}.paw{display:inline-block;vertical-align:middle;line-height:0}.paw svg{display:block}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:oklch(97.5% .009 85/.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav .wrap{justify-content:space-between;height:68px}.brand,.nav .wrap{display:flex;align-items:center}.brand{font-family:var(--font-head);font-weight:600;font-size:1.18rem;letter-spacing:-.02em;gap:.55rem}.brand .mark{width:30px;height:30px}.nav-links{display:flex;align-items:center;gap:1.7rem;font-size:.97rem;font-weight:450}.nav-links a{color:var(--text-soft);transition:color var(--dur) var(--ease)}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--text);color:var(--bg);padding:.55rem 1rem;border-radius:100px;font-weight:500;font-size:.9rem;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.nav-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.theme-toggle{width:38px;height:38px;display:grid;place-items:center;border-radius:100px;border:1px solid var(--line);background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:1rem;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.theme-toggle:hover{color:var(--text);background:var(--surface-2)}@media (max-width:720px){.nav-links a:not(.nav-cta){display:none}}.btn{font-family:var(--font-body);font-weight:500;font-size:1rem;padding:.8rem 1.4rem;border-radius:100px;border:1px solid transparent;cursor:pointer;background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);display:inline-flex;align-items:center;gap:.5rem}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary{background:var(--honey-deep);color:var(--on-accent);border-color:transparent;box-shadow:0 6px 18px -8px var(--honey-deep)}.btn-primary:hover{background:oklch(52% .16 45)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line)}.hero{padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(3rem,6vw,5.5rem)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:clamp(2rem,4vw,3.5rem);gap:clamp(2rem,4vw,3.5rem);align-items:center}.hero-grid>*{min-width:0}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{order:-1}}.badge-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;color:var(--honey-deep);background:var(--honey-soft);border:1px solid oklch(66% .15 50/.35);padding:.4rem .85rem;border-radius:100px;margin-bottom:1.5rem}h1{font-size:clamp(2.5rem,1.5rem + 4.2vw,4.3rem);letter-spacing:-.035em}h1 .hl{color:var(--honey-deep)}.lede{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);color:var(--text-soft);margin-top:1.4rem;max-width:40ch;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.chip{font-size:.9rem;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);padding:.3rem .8rem;border-radius:100px;box-shadow:var(--shadow-sm)}.chip b{color:var(--honey-deep);font-weight:600}.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.25rem}.hero-art{display:grid;place-items:center;position:relative}.hero-art:before{width:86%;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 1px var(--line) inset}.hero-art:after,.hero-art:before{content:"";position:absolute;aspect-ratio:1;z-index:0}.hero-art:after{width:58%;border-radius:50%;background:radial-gradient(circle,var(--honey-soft),transparent 70%)}.dog-illu{width:clamp(230px,42vw,340px);height:auto}.dog-caption,.dog-illu{position:relative;z-index:1}.dog-caption{text-align:center;margin-top:.5rem}.dog-caption .nm{font-family:var(--font-head);font-weight:600;font-size:1.05rem}.dog-caption .rl{color:var(--text-dim);font-size:.9rem;margin-top:.15rem}#dog-bob{animation:bob 4.5s var(--ease) infinite;transform-origin:center bottom}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}#dog-tail{animation:wag .95s var(--ease) infinite alternate;transform-box:fill-box;transform-origin:25% 85%}@keyframes wag{0%{transform:rotate(-11deg)}to{transform:rotate(13deg)}}.dog-eye{animation:blink 5s steps(1) infinite;transform-box:fill-box;transform-origin:center}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.12)}}.dog-ear-l{animation:earL 5.5s var(--ease) infinite;transform-box:fill-box;transform-origin:bottom right}@keyframes earL{0%,80%,to{transform:rotate(0)}86%{transform:rotate(-7deg)}}section{padding-block:clamp(3.5rem,6vw,6rem)}.section-head{max-width:46ch;margin-bottom:2.75rem}.kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--honey-deep)}h2{font-size:clamp(1.8rem,1.3rem + 2vw,2.7rem);margin-top:.85rem}.section-head p{font-size:1.12rem;color:var(--text-soft);margin-top:.9rem}.flow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.1rem;gap:1.1rem}@media (max-width:820px){.flow{grid-template-columns:1fr 1fr}}@media (max-width:460px){.flow{grid-template-columns:1fr}}.flow-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem 1.35rem;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.flow-step:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.flow-step .n{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--teal-deep)}.flow-step h3{font-size:1.2rem;margin:.85rem 0 .45rem}.flow-step p{font-size:.97rem;color:var(--text-soft)}.callout code,.feat code,.flow-step code{font-family:var(--font-mono);font-size:.88em;color:var(--honey-deep);background:oklch(76% .14 70/.12);padding:.05em .35em;border-radius:6px}.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.1rem;gap:1.1rem}@media (max-width:820px){.bento{grid-template-columns:1fr 1fr}}@media (max-width:460px){.bento{grid-template-columns:1fr}}.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.feat:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feat.span-2{grid-column:span 2}@media (max-width:460px){.feat.span-2{grid-column:span 1}}.feat .ic{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--honey-deep)}.feat h3{font-size:1.3rem;margin:.8rem 0 .5rem}.feat p{font-size:1rem;color:var(--text-soft)}.code-card{background:var(--code-bg);border-radius:var(--r-sm);box-shadow:var(--shadow);overflow:hidden}.code-head{display:flex;align-items:center;gap:.5rem;padding:.65rem .95rem;border-bottom:1px solid oklch(40% .02 280)}.code-head .file{font-family:var(--font-mono);font-size:.82rem;color:var(--code-dim)}.code-head .lights{display:flex;gap:.4rem}.code-head .lights i{width:11px;height:11px;border-radius:50%;display:block}.code-head .lights i:first-child{background:var(--red)}.code-head .lights i:nth-child(2){background:var(--honey)}.code-head .lights i:nth-child(3){background:var(--green)}.code-head .copy{margin-left:auto}pre{font-family:var(--font-mono);font-size:.86rem;line-height:1.65;padding:1.15rem;overflow-x:auto;color:var(--code-fg)}pre code{white-space:pre}.tok-key{color:oklch(80% .12 300)}.tok-str{color:oklch(82% .14 145)}.tok-fn{color:oklch(80% .11 230)}.tok-num{color:oklch(84% .13 70)}.tok-com{font-style:italic}.copy,.tok-com{color:var(--code-dim)}.copy{font-family:var(--font-body);font-size:.78rem;background:oklch(34% .02 280);border:none;border-radius:7px;padding:.25rem .6rem;cursor:pointer;transition:background var(--dur),color var(--dur)}.copy.copied,.copy:hover{background:var(--green);color:oklch(20% .04 150)}.tut{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:2.75rem;gap:2.75rem;align-items:start}@media (max-width:880px){.tut{grid-template-columns:1fr;gap:1.75rem}}.tut-steps{position:-webkit-sticky;position:sticky;top:92px}@media (max-width:880px){.tut-steps{position:static}}.tut-step{display:flex;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}.tut-step:last-child{border-bottom:none}.tut-step .badge{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:100px;background:oklch(76% .14 70/.16);color:var(--honey-deep);font-weight:600;font-size:.95rem}.tut-step h3{font-size:1.1rem}.tut-step p{font-size:.97rem;color:var(--text-soft);margin-top:.25rem}.tut-label{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);margin:1.5rem 0 .6rem}.tut-label:first-child{margin-top:0}.callout{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.5rem;margin-top:1.6rem;font-size:1.02rem;color:var(--text-soft);display:flex;gap:1rem;align-items:center;box-shadow:var(--shadow-sm)}.callout .pup{width:40px;flex:none}.callout b{color:var(--text)}.callout a{color:var(--honey-deep);font-weight:600}.callout a:hover{text-decoration:underline}footer{border-top:1px solid var(--line);padding-block:2.5rem}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;align-items:center}footer span{font-size:.95rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:.5rem}footer .links{display:flex;gap:1.5rem;font-size:.95rem}footer a{color:var(--text-soft)}footer a:hover{color:var(--text)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in{opacity:1;transform:none}[data-theme=dark]{--bg:oklch(22% 0.012 60);--surface:oklch(26% 0.013 60);--surface-2:oklch(30% 0.014 60);--text:oklch(95% 0.01 70);--text-soft:oklch(78% 0.012 70);--text-dim:oklch(62% 0.012 70);--line:oklch(34% 0.014 60);--honey:oklch(74% 0.15 55);--honey-deep:oklch(74% 0.15 55);--honey-soft:oklch(74% 0.15 55/0.16);--teal-deep:oklch(74% 0.15 55);--green:oklch(76% 0.15 155);--on-accent:oklch(22% 0.03 50)}[data-theme=dark] .nav{background:oklch(22% .012 60/.82)}[data-theme=dark] .btn-primary:hover{background:oklch(80% .15 55)}[data-theme=dark] .nav-cta{background:var(--honey);color:oklch(24% .05 60)}[data-theme=dark] .btn-primary{color:oklch(24% .05 60)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}.demo-wrap{max-width:980px;margin-inline:auto;padding:2.5rem 1.5rem 5rem}.demo-hero{text-align:center;margin-bottom:2.5rem}.demo-hero h1{font-size:clamp(2rem,1.4rem + 2.5vw,3rem)}.demo-hero p{color:var(--text-soft);margin-top:.8rem;font-size:1.1rem}.demo-hero .back{display:inline-block;margin-bottom:1.5rem;color:var(--text-soft);font-size:.95rem}.demo-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (max-width:760px){.demo-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;box-shadow:var(--shadow-sm)}.panel h2{font-size:1.2rem}.panel .sub{color:var(--text-dim);font-size:.9rem;margin:.3rem 0 1.1rem}.scope-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:.6rem;cursor:pointer;transition:border-color var(--dur) var(--ease)}.scope-row:hover{border-color:var(--honey)}.scope-row input{width:18px;height:18px;accent-color:var(--honey-deep)}.scope-row code{font-family:var(--font-mono);font-size:.9rem;color:var(--text)}.scope-row .d{color:var(--text-dim);font-size:.85rem;margin-left:auto}.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;padding:.25rem .7rem;border-radius:100px}.status.on{background:oklch(72% .16 150/.16);color:var(--green)}.status.off{background:oklch(63% .2 25/.14);color:var(--red)}.action-btn{width:100%;text-align:left;display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:500;cursor:pointer;margin-bottom:.6rem;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.action-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--honey)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn .req{margin-left:auto;font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.result-feed{margin-top:1.1rem;display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.feed-item{font-size:.9rem;padding:.7rem .9rem;border-radius:var(--r-sm);border:1px solid var(--line)}.feed-item.ok{background:oklch(72% .16 150/.1);border-color:oklch(72% .16 150/.3)}.feed-item.err{background:oklch(63% .2 25/.08);border-color:oklch(63% .2 25/.3)}.feed-item .code{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.feed-item pre{background:var(--code-bg);color:var(--code-fg);border-radius:8px;padding:.7rem;margin-top:.5rem;font-size:.78rem}.token-box{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);word-break:break-all;background:var(--surface-2);padding:.6rem .75rem;border-radius:8px;margin-top:1rem;line-height:1.5}.danger-btn{background:oklch(63% .2 25/.12);color:var(--red);border:1px solid oklch(63% .2 25/.3);border-radius:100px;padding:.6rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;margin-top:1rem}.danger-btn:hover{background:oklch(63% .2 25/.2)}#dog-key{animation:keypulse 2.6s var(--ease) infinite;transform-box:fill-box;transform-origin:center}@keyframes keypulse{0%,to{opacity:1}50%{opacity:.5}}.gh-icon{width:18px;height:18px;display:block}.nav-cta{display:inline-flex;align-items:center;gap:.45rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}@media (max-width:760px){.steps{grid-template-columns:1fr}}.step{text-align:center;padding:2rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.step .art{width:84px;height:84px;margin:0 auto 1.2rem;display:grid;place-items:center;border-radius:50%;background:oklch(76% .14 70/.14)}.step .art svg{width:44px;height:44px}.step h3{font-size:1.25rem;margin-bottom:.5rem}.step p{color:var(--text-soft);font-size:1rem}.step .num{font-family:var(--font-mono);font-size:.8rem;color:var(--honey-deep);font-weight:600}.steps-flow{position:relative}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}@media (max-width:680px){.compare{grid-template-columns:1fr}}.cmp{border-radius:var(--r);padding:1.75rem;border:1px solid var(--line)}.cmp.bad{background:oklch(63% .2 25/.06);border-color:oklch(63% .2 25/.25)}.cmp.good{background:oklch(72% .16 150/.08);border-color:oklch(72% .16 150/.3)}.cmp h3{font-size:1.2rem;display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}.cmp .tag{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:100px}.cmp.bad .tag{background:oklch(63% .2 25/.16);color:var(--red)}.cmp.good .tag{background:oklch(72% .16 150/.18);color:var(--green)}.cmp ul{list-style:none;display:flex;flex-direction:column;gap:.8rem}.cmp li{display:flex;align-items:center;gap:.7rem;font-size:1.02rem;color:var(--text)}.cmp li svg{flex:none;width:20px;height:20px}.cmp.bad li{color:var(--text-soft)}.cta-band{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(2.5rem,5vw,4rem);box-shadow:var(--shadow)}.cta-band h2{margin-bottom:.8rem}.cta-band p{color:var(--text-soft);margin-bottom:1.8rem;font-size:1.1rem}.cta-band .cta-row{justify-content:center}.brand .mark{display:inline-grid;place-items:center}.brand .mark svg{width:100%;height:100%}.demo-dog{width:92px;height:auto;display:block;margin:0 auto .4rem}.howflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;grid-gap:0;gap:0}@media (max-width:760px){.howflow{grid-template-columns:1fr;gap:1rem}}.fstep{padding:1.75rem 1.5rem}.fstep .art{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:oklch(76% .14 70/.12);margin-bottom:1.1rem}.fstep .art svg{width:32px;height:32px}.fstep .num{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);font-weight:600;letter-spacing:.04em}.fstep h3{font-size:1.2rem;margin:.4rem 0 .5rem}.fstep p{color:var(--text-soft);font-size:.98rem}.fstep p em{color:var(--text);font-style:normal;font-weight:500}.fstep--key{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.fstep--key .art{background:oklch(76% .14 70/.2)}.fconn{align-self:center;color:var(--line);display:grid;place-items:center;padding:0 .25rem}.fconn svg{width:28px;height:28px}@media (max-width:760px){.fconn{transform:rotate(90deg);padding:0}}.flowtrack{position:relative;height:280px;max-width:900px;margin:1rem auto 0}@media (max-width:680px){.flowtrack{height:320px}}.lane{position:absolute;left:0;right:0;height:64px}.lane-top{top:14px}.lane-bot{bottom:14px}.fd-rail{position:absolute;left:12%;right:12%;top:50%;border-top:2px dashed var(--line)}.fd-agent{left:0;font-weight:500;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.fd-agent,.fd-out{position:absolute;top:50%;transform:translateY(-50%);font-size:.85rem;padding:.35rem .7rem;border-radius:100px;white-space:nowrap}.fd-out{right:0;font-weight:600}.fd-out--ok{color:var(--green);background:oklch(72% .16 150/.14)}.fd-out--no{color:var(--red);background:oklch(63% .2 25/.12)}.fd-token{position:absolute;top:50%;left:16%;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.74rem;padding:.25rem .55rem;border-radius:8px;white-space:nowrap;z-index:2;box-shadow:var(--shadow-sm)}.fd-token--allow{background:oklch(72% .16 150/.18);color:var(--green);border:1px solid oklch(72% .16 150/.4);animation:flowAllow 4.6s var(--ease) infinite}.fd-token--deny{background:oklch(63% .2 25/.16);color:var(--red);border:1px solid oklch(63% .2 25/.4);animation:flowDeny 4.6s var(--ease) infinite;animation-delay:.6s}@keyframes flowAllow{0%{left:16%;opacity:0}8%{opacity:1}40%{left:44%}52%{left:50%}88%{left:84%;opacity:1}to{left:84%;opacity:0}}@keyframes flowDeny{0%{left:16%;opacity:0}8%{opacity:1}44%{left:44%}54%{left:46%}60%{left:43%}68%{left:45%}to{left:24%;opacity:0}}.gate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;text-align:center}.gate-fox{width:92px;height:auto;filter:drop-shadow(0 8px 20px oklch(30% .05 280/.25))}.gate-label{display:block;font-family:var(--font-mono);font-size:.7rem;color:var(--text-dim);margin-top:.3rem}@media (prefers-reduced-motion:reduce){.fd-token--allow{animation:none;left:80%;opacity:1}.fd-token--deny{animation:none;left:44%;opacity:1}}.faq{max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:1.1rem 0}.faq details[open] summary,.faq summary{color:var(--text)}.faq summary{font-family:var(--font-head);font-weight:600;font-size:1.12rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.4rem;color:var(--honey-deep);transition:transform var(--dur) var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{color:var(--text-soft);margin-top:.7rem;font-size:1rem;line-height:1.6;max-width:68ch}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:3rem;gap:3rem;align-items:start}@media (max-width:820px){.faq-grid{grid-template-columns:1fr;gap:1.75rem}}.faq-aside{position:-webkit-sticky;position:sticky;top:92px}@media (max-width:820px){.faq-aside{position:static}}.faq-aside h2{margin:.7rem 0 1rem}.faq-aside p{color:var(--text-soft);margin-bottom:1.3rem;max-width:28ch}.faq{max-width:none}.faq details{border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:.7rem;background:var(--surface);padding:0;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.faq details[open]{border-color:oklch(66% .15 50/.5);box-shadow:var(--shadow-sm)}.faq summary{padding:1.05rem 1.25rem;font-size:1.05rem}.faq summary:hover{color:var(--text)}.faq p{padding:0 1.25rem 1.2rem;margin-top:-.1rem}.hero--center{text-align:center;padding-top:clamp(3rem,7vw,6.5rem);padding-bottom:clamp(3rem,6vw,5rem)}.hero-head{max-width:800px;margin:0 auto}.pill{display:inline-flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:500;color:var(--text-soft);background:var(--surface);border:1px solid var(--line);padding:.4rem .9rem .4rem .7rem;border-radius:100px;box-shadow:var(--shadow-sm);margin-bottom:1.6rem}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px oklch(64% .14 155/.22)}.hero--center h1{font-size:clamp(2.8rem,1.5rem + 5vw,5.2rem);letter-spacing:-.04em;line-height:1.02}.hero--center .lede{margin:1.5rem auto 0;max-width:52ch;font-size:clamp(1.15rem,1rem + .5vw,1.4rem)}.hero--center .cta-row{justify-content:center;margin-top:2.25rem}.hero-stage{margin:clamp(2.75rem,5vw,4.5rem) auto 0;max-width:1000px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:clamp(1.25rem,3vw,2.25rem);position:relative;overflow:hidden}.hero-stage:before{content:"live";position:absolute;top:1rem;right:1.1rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.hero-stage .flowtrack{margin-top:.5rem}.ecosystem{margin-top:2.5rem;font-size:.98rem;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;justify-content:center}.ecosystem b{color:var(--text);font-weight:600}.ecosystem .sep{color:var(--line)}.hero-stage .gate-fox{width:104px}.reveal-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s var(--ease),transform .55s var(--ease);will-change:opacity,transform}.reveal-ready .reveal.in{opacity:1;transform:none}.reveal-ready .howflow .fstep.reveal:nth-child(3){transition-delay:.08s}.reveal-ready .howflow .fstep.reveal:nth-child(5){transition-delay:.16s}.reveal-ready .bento .feat.reveal:nth-child(2){transition-delay:.06s}.reveal-ready .bento .feat.reveal:nth-child(3){transition-delay:.12s}.reveal-ready .bento .feat.reveal:nth-child(4){transition-delay:.18s}.reveal-ready .bento .feat.reveal:nth-child(5){transition-delay:.24s}.btn:active{transform:translateY(0) scale(.985);box-shadow:var(--shadow-sm);transition-duration:.12s}.nav-cta:active{transform:scale(.97)}.action-btn:active:not(:disabled){transform:scale(.99)}@media (prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1!important;transform:none!important}}