@font-face{font-family:Geist;src:url(/fonts/geist-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:GeistMono;src:url(/fonts/geist-mono-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#111411;--ink:#f1f2eb;--muted:#a4aea2;--line:#30382e;--accent:#c3ef99;--light:#f0f1e9;--dark:#172017;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark;font-family:Geist,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}[hidden]{display:none!important}.wrap{max-width:1360px;padding-inline:56px;margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--accent);color:var(--bg);padding:14px;z-index:10}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.8px;font-weight:580;white-space:nowrap}.brand svg{width:36px;height:36px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linejoin:round}.brand .logo-signal{stroke:var(--accent);stroke-width:2.2}.tld{color:var(--muted);font-weight:400}.header nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}.header nav a:hover{color:var(--ink)}.header-cta{border:1px solid #58614f;border-radius:4px;padding:12px 17px;font-size:13px;display:flex;gap:30px;align-items:center;transition:background .2s}.header-cta:hover{background:#252e22}.header-cta span{color:var(--accent)}.hero{position:relative;isolation:isolate;overflow:hidden}.ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.36}.ambient svg{height:100%;width:100%;fill:none}.ambient-lines{stroke:#3a4632;stroke-width:.7}.ambient-packet{stroke:var(--accent);stroke-width:1;stroke-dasharray:22 2100;stroke-dashoffset:2150;animation:packet 19s linear infinite}.p2{animation-delay:-8s;animation-duration:24s}@keyframes packet{to{stroke-dashoffset:-2100}}.hero-layout{display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center;padding-block:80px 64px}.eyebrow,.tiny-label,.hero-foot,.film-id,.playback-label,.comparison-tag,.plan-name>span{font-family:GeistMono,monospace;font-size:10px;font-weight:450;line-height:1.6;letter-spacing:.07em}.eyebrow{margin:0 0 27px;color:var(--muted);display:flex;align-items:center;gap:9px}.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #c3ef992a}.version{margin-left:20px;color:#73806d}.hero-copy h1{font-size:clamp(58px,5.55vw,82px);font-weight:470;line-height:1.02;letter-spacing:-.075em;margin:0 0 30px;white-space:nowrap}.hero-copy h1>span{color:var(--accent)}.hero-lead{font-size:16px;line-height:1.8;color:#aeb7aa;max-width:395px;margin:0 0 30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;color:#1d2b14;background:var(--accent);padding:16px 20px;border-radius:3px;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.primary:hover{background:#d7ffb1;transform:translateY(-2px)}.primary span{font-size:22px;line-height:1}.compatibility{margin-top:48px;display:grid;gap:10px}.compatibility>span{font:9px/1.5 GeistMono,monospace;letter-spacing:.08em;color:#7e8b77}.compatibility>div{display:flex;gap:20px;align-items:center}.compatibility b{font-size:13px;font-weight:450}.compatibility i{font-size:12px;font-style:normal;color:#54624d}.agent-film{min-width:0;position:relative;padding:0 0 22px;background:linear-gradient(180deg,#182017aa,#111711d9);border:1px solid #354130;border-radius:7px;box-shadow:0 32px 90px -58px #000;backdrop-filter:blur(8px)}.agent-film:before,.agent-film:after{content:'';position:absolute;top:-3px;left:-3px;width:5px;height:5px;background:#76896a}.agent-film:after{left:auto;right:-3px}.film-top{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303d2a;gap:12px}.film-id{color:#a2b098;display:flex;align-items:center;gap:10px;font-size:9px}.film-id>span{font-size:18px;color:var(--accent)}.motion-control{border:0;background:none;color:#a5b39c;min-height:40px;font-size:10px;padding:6px 0;display:flex;gap:10px;align-items:center}.motion-control span{color:var(--accent)}.example-picker{display:flex;gap:2px;padding:12px 18px 4px}.example-picker button{min-height:38px;padding:6px 11px;border:1px solid transparent;border-radius:3px;background:none;color:#8d9c83;font-size:10px}.example-picker button:hover{color:var(--ink)}.example-picker button[aria-pressed=true]{color:var(--ink);border-color:#3a4634;background:#202a1c}.input-note{margin:18px 24px 0;padding:0 0 18px;border-bottom:1px solid #2c3928}.tiny-label{font-size:9px;color:var(--muted)}.input-note>p{display:flex;gap:10px;align-items:baseline;font:13px/1.65 GeistMono,monospace;min-height:43px;margin:12px 0 0;color:#dce6d5}.prompt-chevron{color:var(--accent);font-size:22px;line-height:1;flex:none}.cursor{display:none;width:5px;height:13px;flex:none;background:var(--accent);animation:cursor .8s steps(1) infinite}[data-phase=write] .cursor{display:inline-block}@keyframes cursor{50%{opacity:0}}.orchestration{height:154px;position:relative;margin:0 24px}.routes{position:absolute;width:100%;height:138px;inset:0;fill:none;stroke-width:1}.route-base{stroke:#3e4f33}.route-trace{stroke:var(--accent);stroke-dasharray:20 520;stroke-dashoffset:560;opacity:0}[data-phase=structure] .route-trace{animation:route 2.4s linear infinite;opacity:1}@keyframes route{to{stroke-dashoffset:0}}.engine{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:62px;height:62px;display:grid;place-items:center;background:#162011;border-radius:50%;border:1px solid #526444}.engine-core{font-size:20px;letter-spacing:-1px;color:var(--accent);font-weight:550}.engine-ring{position:absolute;inset:-7px;border:1px dashed #576d435e;border-radius:50%}.ring-two{inset:6px;border-style:solid;border-color:#344d26}.engine-caption{position:absolute;top:54px;left:calc(50% + 52px);font:7px/1.7 GeistMono,monospace;color:#829276;letter-spacing:.03em;max-width:96px}[data-phase=structure] .engine-ring{animation:orbit 8s linear infinite}[data-phase=structure] .ring-two{animation:enginePulse 1.4s ease-in-out infinite}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes enginePulse{50%{border-color:#9ec47a;opacity:.4}}.checks{display:flex;align-items:center;justify-content:space-between;gap:8px;position:absolute;bottom:0;left:0;right:0}.checks>span{font-size:10px;color:#b7c4ad;background:#172012;padding:7px 10px;border:1px solid #3a482f;border-radius:3px;white-space:nowrap}.checks i{font:9px GeistMono,monospace;font-style:normal;color:#6f825e;margin-right:7px}.output-note{margin:22px 24px 0;border:1px solid #3d4e32;border-radius:4px;background:#182112;position:relative;overflow:hidden}.output-head{padding:12px 14px;border-bottom:1px solid #34422a;display:flex;justify-content:space-between;gap:8px;align-items:center}.output-head .tiny-label{font-size:8px;color:#a3b794}.output-status{font:8px/1.5 GeistMono,monospace;color:var(--accent)}.output-status i{font-style:normal;margin-left:5px}.output-lines{padding:4px 14px 10px;min-height:154px;transition:opacity .4s}.output-lines p{display:grid;grid-template-columns:47px 1fr;gap:10px;font-size:11px;line-height:1.7;margin:12px 0}.output-lines p>span{font:9px/1.9 GeistMono,monospace;color:#92b576}.output-lines b{font-weight:400;color:#d5e3cb}.agent-film[data-phase=write] .output-lines,.agent-film[data-phase=structure] .output-lines{opacity:.28}.agent-film[data-phase=ready] .output-lines p{animation:lineIn .5s var(--ease) both}.agent-film[data-phase=ready] .output-lines p:nth-child(2){animation-delay:.12s}.agent-film[data-phase=ready] .output-lines p:nth-child(3){animation-delay:.24s}@keyframes lineIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}.film-bottom{margin:14px 24px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.playback-label{font-size:8px;color:#92a086}.replay{min-height:30px;border:0;background:none;color:#b0c59e;font-size:10px;padding:3px 0}.replay span{margin-left:6px}.film-disclaimer{margin:8px 24px 0;color:#87977a;font-size:9px;line-height:1.6}.install-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:24px;background:#111411aa}.install-caption{display:grid;gap:8px}.install-caption>span:last-child{font-size:12px;color:#a9b1a3}.install-caption .tiny-label{color:#d0d9c8;font-size:10px}.command{display:flex;align-items:center;gap:15px;max-width:100%;padding:8px 8px 8px 20px;border:1px solid #3e4936;background:#192015;border-radius:4px}.command>span{color:#8bb46e;font:13px GeistMono,monospace}.command code{font:13px GeistMono,monospace;white-space:nowrap}.command button{display:flex;gap:22px;align-items:center;border:0;min-height:40px;padding:10px 15px;margin-left:20px;border-radius:2px;font-size:11px;color:#203019;background:var(--accent);min-width:83px}.hero-foot{padding-block:22px 26px;display:flex;justify-content:space-between;gap:20px;color:#7d8b73;font-size:8px}.hero-foot>span:last-child span{margin-left:16px;color:var(--accent)}.light-section{background:var(--light);color:var(--dark);color-scheme:light}.light-section ::selection{background:#b9d997;color:#162211}.light-section a:focus-visible,.light-section summary:focus-visible{outline-color:#436c2b}.difference{padding-block:104px 90px}.section-intro{display:grid;grid-template-columns:1.45fr .8fr;column-gap:88px;align-items:end}.section-intro .eyebrow{grid-column:1/-1;color:#66725d;margin-bottom:24px}.section-intro h2,.workflow h2,.pricing h2{font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.055em;font-weight:480;margin:0}.section-intro h2>span{color:#6c7b62}.section-intro>p:last-child{margin:0 0 3px;color:#65705f;font-size:14px;line-height:1.8;max-width:330px}.comparison{display:grid;grid-template-columns:.85fr 1.15fr;margin-top:60px;border-top:1px solid #cbd2c3;border-bottom:1px solid #cbd2c3}.before{padding:38px 68px 38px 0;border-right:1px solid #cbd2c3}.light-section .tiny-label{color:#617156}.before h3{font-size:32px;letter-spacing:-.04em;line-height:1.2;font-weight:450;margin:34px 0 24px}.before>p{font-size:14px;line-height:1.8;color:#6a7563;max-width:320px}.comparison-tag{display:inline-block;margin-top:28px;color:#697862;font-size:8px;letter-spacing:.1em}.after{padding:38px 0 30px 56px}.after-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.after-heading>span:last-child{font-size:26px;color:#527936}.brief-row{display:flex;align-items:baseline;gap:22px;margin-top:25px}.brief-row>span{color:#6f8b57;font:10px GeistMono,monospace}.brief-row h4{font-size:18px;letter-spacing:-.035em;font-weight:550;margin:0 0 8px}.brief-row p{font-size:13px;color:#63705a;line-height:1.8;margin:0;max-width:390px}.fine-print{font-size:10px;line-height:1.6;color:#6b7861;margin:18px 0 0}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px}.workflow .eyebrow{color:#84917b;margin-bottom:26px}.workflow-heading>p:last-child{margin:26px 0 0;color:#99a88e;font-size:14px;line-height:1.8}.workflow-steps article{display:flex;gap:26px;padding:24px 0;border-top:1px solid var(--line)}.workflow-steps article:last-child{padding-bottom:0}.workflow-steps article>span{color:#9bb580;font:10px GeistMono,monospace;line-height:2.6}.workflow-steps h3{margin:0 0 12px;font-size:21px;font-weight:450;letter-spacing:-.03em}.workflow-steps p{font-size:13px;line-height:1.9;color:#9ca991;margin:0;max-width:360px}kbd{font:10px GeistMono,monospace;display:inline-block;padding:1px 6px;border:1px solid #48513f;border-bottom-width:2px;border-radius:3px;color:#c9d8bc;background:#202a18}.pricing{padding-block:90px}.pricing-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.pricing .eyebrow{color:#68755f}.pricing-heading>p{font-size:14px;line-height:1.8;color:#67715f;margin:0 0 5px}.plans{display:grid;grid-template-columns:1fr 1fr;margin-top:50px;border-block:1px solid #cbd2c3}.plans article{padding:36px 54px 34px 0}.plans article+article{border-left:1px solid #cbd2c3;padding:36px 0 34px 54px}.plan-name{display:flex;justify-content:space-between;align-items:center;gap:14px}.plan-name h3{margin:0;font-size:21px;font-weight:500;letter-spacing:-.03em}.plan-name>span{font-size:8px;color:#65765b}.price{font-size:52px;line-height:1.1;letter-spacing:-.07em;margin:26px 0 30px;font-weight:450}.price>span{font-size:12px;font-weight:400;letter-spacing:0;color:#697661;margin-left:5px}.plans ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:2.4;color:#53634a}.plans li:before{content:'↗';margin-right:14px;color:#6b8e50}.plan-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;margin-top:28px;min-height:44px;border-top:1px solid #cbd2c3;padding-top:18px}.plan-link span{font-size:20px}.plan-link:hover{color:#537536}.questions{display:grid;grid-template-columns:1fr 1fr;gap:108px;margin-top:84px}.questions h3{font-size:26px;font-weight:450;letter-spacing:-.04em;margin:0}.questions details{border-bottom:1px solid #cbd2c3}.questions details:first-child{border-top:1px solid #cbd2c3}.questions summary{cursor:pointer;list-style:none;padding:20px 30px 20px 0;position:relative;font-size:13px;font-weight:450}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';position:absolute;right:0;top:18px;font:18px GeistMono,monospace;color:#728266}.questions details[open] summary:after{content:'−'}.questions details p{font-size:13px;line-height:1.8;color:#67735e;margin:0 0 24px;max-width:440px}.closing{padding-block:80px 64px}.closing .eyebrow{font-size:9px;color:#8b9b7e}.closing>a{font-size:clamp(40px,6.8vw,94px);font-weight:450;letter-spacing:-.065em;line-height:1.05;display:flex;justify-content:space-between;align-items:center;gap:30px}.closing>a span{color:var(--accent);transition:transform .3s var(--ease)}.closing>a:hover span{transform:translate(5px,-5px)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-block:32px 36px}.footer .brand{font-size:16px}.footer>span{font-size:10px;color:#8d9e81}.footer nav{display:flex;gap:22px;margin-left:auto;font-size:11px;color:#a8b59f}.footer nav a:hover{color:var(--ink)}.footer small{font-size:9px;color:#839378;flex-basis:100%;margin-top:6px}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:entry .8s var(--ease) both}.agent-film{animation:entry .9s .12s var(--ease) both}}@keyframes entry{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}html[data-motion=paused] .ambient *,html[data-motion=paused] .agent-film *,html[data-visible=false] .ambient *{animation-play-state:paused!important}html[data-motion=paused] .output-lines p{animation:none!important}html[data-motion=paused] .output-lines{transition:none}
@media(min-width:1600px){.hero-layout{padding-block:110px 80px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.hero-layout{gap:32px}.hero-copy h1{font-size:clamp(48px,5.4vw,62px)}.hero-lead{font-size:14px;max-width:320px}.engine-caption{display:none}.film-top{padding-inline:16px}.input-note,.output-note{margin-inline:16px}.orchestration{margin-inline:16px}.film-bottom,.film-disclaimer{margin-inline:16px}.checks>span{font-size:9px;padding:7px}.checks i{margin-right:4px;font-size:8px}.section-intro{gap:28px}.workflow{gap:60px}.questions{gap:60px}.plans article{padding-right:36px}.plans article+article{padding-left:36px}.plan-name>span{font-size:7px}.price>span{font-size:11px}}
@media(max-width:800px){.header{height:80px;gap:16px}.header nav{gap:18px;font-size:11px}.brand{font-size:17px}.hero-layout{grid-template-columns:1fr;gap:48px;padding-top:52px;padding-bottom:42px}.hero-copy{max-width:640px}.hero-copy h1{font-size:clamp(58px,9vw,78px)}.hero-lead{max-width:440px;font-size:16px}.compatibility{margin-top:28px}.compatibility>span{display:none}.agent-film{max-width:640px;width:100%;margin-inline:auto}.output-lines{min-height:148px}.orchestration{margin-inline:30px}.input-note,.output-note{margin-inline:24px}.film-top{padding-inline:24px}.film-bottom,.film-disclaimer{margin-inline:24px}.checks>span{font-size:11px;padding:7px 12px}.checks i{font-size:9px;margin-right:7px}.engine-caption{display:block}.install-strip{align-items:start;flex-direction:column;gap:20px}.command{width:100%;justify-content:space-between}.command button{margin-left:auto}.section-intro{grid-template-columns:1fr;gap:22px}.section-intro .eyebrow{margin-bottom:0}.section-intro>p:last-child{max-width:470px}.before{padding-right:28px}.after{padding-left:28px}.before h3{font-size:28px}.workflow{grid-template-columns:1fr;gap:44px;padding-block:72px}.workflow-steps p{max-width:520px}.pricing-heading{gap:28px;display:block}.pricing-heading>p{margin-top:24px}.pricing-heading>p br{display:none}.plan-name{align-items:start;flex-direction:column;gap:10px}.price>span{display:block;margin:12px 0 0}.plans li{line-height:1.7;margin-bottom:12px}.questions{grid-template-columns:1fr;gap:28px;margin-top:60px}.questions details p{max-width:none}.footer{gap:22px}.footer nav{margin-left:0;flex-basis:100%}.closing{padding-block:64px}.difference,.pricing{padding-block:72px}}
@media(max-width:520px){.wrap{padding-inline:22px}.header{height:76px}.header nav{display:none}.header-cta{padding:10px 12px;gap:18px;font-size:11px;min-height:42px}.brand{font-size:16px;gap:7px}.brand svg{width:29px;height:29px}.hero-layout{padding-top:40px;gap:36px}.hero-copy .eyebrow{font-size:9px;margin-bottom:23px}.version{margin-left:auto}.hero-copy h1{font-size:clamp(43px,10.3vw,58px);margin-bottom:23px;letter-spacing:-.068em}.hero-lead{font-size:14px;line-height:1.8;margin-bottom:24px}.hero-lead br{display:none}.primary{min-height:48px;font-size:13px;padding:13px 17px;gap:36px}.compatibility{margin-top:24px}.compatibility b{font-size:11px}.agent-film{padding-bottom:16px}.film-top{padding-inline:14px;height:48px;gap:8px}.film-id{font-size:8px;gap:7px}.motion-control{font-size:9px;gap:6px}.example-picker{padding:9px 8px 0;gap:0}.example-picker button{font-size:9px;padding:7px 9px;flex:1;min-height:42px}.input-note{margin:16px 14px 0;padding-bottom:12px}.input-note>p{font-size:11px;min-height:54px;gap:8px}.input-note .tiny-label{font-size:8px}.orchestration{margin-inline:14px;height:143px}.checks>span{font-size:8px;padding:7px 6px}.checks i{font-size:7px;margin-right:4px}.engine{width:56px;height:56px;top:29px}.engine-core{font-size:18px}.engine-caption{display:none}.output-note{margin:18px 14px 0}.output-head{padding:11px 10px;gap:5px}.output-head .tiny-label,.output-status{font-size:7px;letter-spacing:0}.output-lines{padding:2px 10px 6px;min-height:176px}.output-lines p{font-size:10px;grid-template-columns:37px 1fr;gap:7px;line-height:1.8}.output-lines p>span{font-size:8px;line-height:2.1}.film-bottom{margin:9px 14px 0}.playback-label{font-size:7px}.replay{min-height:40px}.film-disclaimer{margin:3px 14px 0;font-size:8px;max-width:260px}.command{padding-left:12px;gap:10px}.command code{font-size:11px}.command>span{font-size:11px}.command button{padding:10px 12px;font-size:10px;gap:12px;min-width:65px}.install-caption .tiny-label{font-size:8px}.install-caption>span:last-child{font-size:11px}.hero-foot{font-size:7px;padding-block:18px 20px;gap:12px}.hero-foot>span:last-child{letter-spacing:0}.hero-foot>span:last-child span{margin-left:5px}.section-intro h2,.workflow h2,.pricing h2{font-size:36px}.section-intro>p:last-child{font-size:13px}.difference,.pricing{padding-block:56px}.comparison{grid-template-columns:1fr;margin-top:32px}.before{border-right:0;border-bottom:1px solid #cbd2c3;padding:28px 0}.before h3{font-size:30px;margin:24px 0 18px}.before>p{font-size:13px}.comparison-tag{margin-top:16px}.after{padding:28px 0}.after-heading{margin-bottom:22px}.brief-row{gap:18px;margin-top:24px}.brief-row h4{font-size:18px}.brief-row p{font-size:12px}.fine-print{font-size:9px}.workflow{padding-block:56px;gap:32px}.workflow .eyebrow{font-size:8px}.workflow-heading>p:last-child{font-size:13px}.workflow-steps h3{font-size:20px}.workflow-steps article{gap:18px}.workflow-steps p{font-size:12px}.plans{grid-template-columns:1fr;margin-top:32px}.plans article,.plans article+article{padding:28px 0;border-left:0}.plans article+article{border-top:1px solid #cbd2c3}.plan-name{flex-direction:row;align-items:center;gap:10px}.plan-name>span{font-size:7px}.price{font-size:48px;margin:23px 0}.price>span{display:inline;font-size:10px;margin-left:8px}.plans ul{font-size:12px}.plans li{margin-bottom:8px}.questions{margin-top:48px}.questions h3{font-size:24px}.questions summary{font-size:12px}.questions details p{font-size:12px}.closing{padding-block:50px}.closing .eyebrow{font-size:7px;margin-bottom:20px}.closing>a{font-size:clamp(32px,8.6vw,44px);gap:12px;white-space:nowrap}.closing>a span{font-size:35px}.footer{padding-block:26px}.footer .brand{font-size:15px}.footer>span{font-size:9px}.footer nav{font-size:10px;gap:22px}.footer small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ambient-packet{display:none}}

.brand svg{stroke-width:2.3;stroke-linecap:round}.brand .logo-signal{stroke-width:2.3}
[data-phase=write] .checks>span:nth-child(1),[data-phase=structure] .checks>span:nth-child(2),[data-phase=ready] .checks>span:nth-child(3){border-color:#708d55;color:var(--accent)}
.replay:disabled{opacity:.4;cursor:default}

/* Keep the demonstration readable at normal viewing distance. */
.output-lines p{font-size:12px}.output-lines{min-height:176px}.output-lines p>span{font-size:10px}.input-note>p{font-size:14px}
@media(max-width:520px){.input-note>p{font-size:12px}.output-lines p{font-size:11px;grid-template-columns:40px 1fr}.output-lines p>span{font-size:9px}.output-lines{min-height:200px}.example-picker button{font-size:10px;min-height:44px}.hero-lead{font-size:15px}}