@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}

/* Tokens. Every value below references these. */
:root{
  color-scheme:dark;
  --bg:#080b13;--surface:#111725;--surface-2:#151d2d;--surface-3:#1d2638;
  --ink:#f1f3f9;--muted:#abb6cd;--line:#334158;--line-strong:#53648a;
  --accent:#a5baff;--cyan:#98e5ed;--cta:#f1f3f9;--cta-ink:#080b13;--cta-hover:#98e5ed;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--s32:128px;
  --r-sm:6px;--r-md:10px;--r-lg:18px;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);
  --dur-press:140ms;--dur-select:220ms;--dur-tilt:500ms;
  --label:11px;--label-sm:10px;--text-sm:14px;--text-md:16px;--text-lg:19px;
  --h1:clamp(44px,6.2vw,84px);--h2:clamp(32px,3.8vw,54px);--h3:21px;
  --wrap:1240px;--gutter:48px;--rail-w:280px;--ref-off-opacity:.34;
}

*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:var(--s6)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--text-md)/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
img,video{display:block;max-width:100%}
figure,p,h1,h2,h3,dl,dd{margin:0}
h1,h2,h3{font-weight:700;letter-spacing:-.035em}
h1{font-size:var(--h1);line-height:1.05;letter-spacing:-.05em}
h2{font-size:var(--h2);line-height:1.1;text-wrap:balance}
h3{font-size:var(--h3);line-height:1.25}
p{color:var(--muted);max-width:62ch;text-wrap:pretty}
em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.02em}
button{font:inherit;color:inherit;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.wrap{width:min(var(--wrap),calc(100% - var(--gutter)*2));margin-inline:auto}
.skip{position:absolute;z-index:20;top:-100px;left:20px;padding:var(--s3);background:var(--ink);color:var(--bg)}.skip:focus{top:var(--s2)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.fine-print{font-size:12px;line-height:1.65;color:var(--muted);max-width:100ch}
.fine-print a,.demo-source a,.faq a{text-decoration:underline;text-underline-offset:3px}

/* One primary action, always the same shape and colour. */
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--s6);background:var(--cta);color:var(--cta-ink);border-radius:var(--r-sm);font-weight:700;font-size:15px;text-decoration:none;transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-press) ease}
.button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.button:hover{background:var(--cta-hover)}}
.button.small{min-height:40px;padding:0 var(--s4);font-size:13px}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px;text-decoration:none;border-bottom:1px solid var(--line-strong)}
@media(hover:hover) and (pointer:fine){.text-link:hover{color:var(--cyan)}}

.site-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);height:84px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;letter-spacing:-.06em;line-height:1;text-decoration:none}
.wordmark img{border-radius:10px}
.wordmark-sub{display:block;font-size:10px;letter-spacing:.24em;font-weight:400;margin-top:4px}
.site-header nav{display:flex;gap:var(--s8);font-size:var(--text-sm);color:var(--muted)}
.site-header nav a{text-decoration:none;padding-block:var(--s3)}
@media(hover:hover) and (pointer:fine){.site-header nav a:hover{color:var(--ink)}}

/* Hero: the value proposition beside the real product, tilted toward the reader. */
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s12);align-items:center;padding-block:var(--s16) var(--s24)}
.hero h1 em{display:block;color:var(--cyan)}
.hero-lede{font-size:var(--text-lg);line-height:1.55;margin:var(--s6) 0 var(--s8);max-width:44ch}
.hero-actions{display:flex;align-items:center;gap:var(--s6);flex-wrap:wrap}
.hero-note{font-size:var(--text-sm);margin-top:var(--s4)}
.hero-demo{min-width:0;perspective:1600px}
.demo-frame{position:relative;border:1px solid var(--line-strong);border-radius:var(--r-lg);overflow:hidden;background:#000;box-shadow:0 30px 80px -30px #000c,0 0 0 1px #ffffff08;transform:rotateY(-9deg) rotateX(3deg);transform-origin:left center;transition:transform var(--dur-tilt) var(--ease-out)}
.hero-demo:hover .demo-frame,.hero-demo:focus-within .demo-frame,.hero-demo.is-playing .demo-frame{transform:none}
.demo-frame video{width:100%;height:auto;aspect-ratio:1920/1204;background:#05070c}
.demo-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s6) var(--s3) var(--s3);border:0;border-radius:999px;background:var(--cta);color:var(--cta-ink);font-weight:700;font-size:16px;box-shadow:0 10px 30px -8px #000a;transition:transform var(--dur-press) var(--ease-out),opacity var(--dur-select) ease}
.demo-play>span:last-child{white-space:nowrap;text-align:left}.demo-play small{display:block;font-weight:400;font-size:12px;opacity:.75}
.demo-play:active{transform:scale(.97)}
.demo-play-icon{width:40px;height:40px;border-radius:50%;background:var(--bg);position:relative;flex:none}
.demo-play-icon:after{content:'';position:absolute;left:15px;top:12px;border-left:13px solid var(--cta);border-top:8px solid transparent;border-bottom:8px solid transparent}
.hero-demo.is-playing .demo-play{opacity:0;pointer-events:none}
.demo-error{margin-top:var(--s3);padding:var(--s3) var(--s4);background:#3a1d24;color:var(--ink);border-radius:var(--r-sm);max-width:none}
.demo-error a{text-decoration:underline}
.demo-chapters{list-style:none;margin:var(--s4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.demo-chapters button{display:flex;gap:var(--s2);align-items:baseline;min-height:36px;padding:var(--s2) var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink)}
.demo-chapters time{font-variant-numeric:tabular-nums;color:var(--cyan);font-size:12px}
.demo-chapters button[aria-current=true]{border-color:var(--cyan);background:#98e5ed14}
@media(hover:hover) and (pointer:fine){.demo-chapters button:hover{border-color:var(--line-strong)}}
.demo-source{font-size:12px;margin-top:var(--s3)}

/* Section heads: one rhythm, headline left, short supporting line. */
.section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s12);align-items:end;margin-bottom:var(--s12)}
.section-head p{font-size:var(--text-md)}
.how,.continuity-section,.pricing,.mcp,.questions{padding-block:var(--s24)}
.how{border-top:1px solid var(--line)}

/* How it works: four visible steps, no tabs. */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s6)}
.step{display:flex;flex-direction:column;gap:var(--s4)}
.step>img,.step-reel{width:100%;height:auto;flex:none;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}
.step:first-child>img{object-fit:contain;background:#d9dde6}
.step-n{display:block;font-size:var(--label);font-weight:700;letter-spacing:.12em;color:var(--cyan);margin-bottom:var(--s2)}
.step h3{margin-bottom:var(--s2)}
.step p{font-size:var(--text-sm)}
.step-reel{position:relative;overflow:hidden}
.step-reel video{width:100%;height:100%;object-fit:cover}
.reel-play{position:absolute;left:var(--s3);bottom:var(--s3);min-height:40px;padding:0 var(--s4);border:0;border-radius:999px;background:#0c111eeb;font-size:13px;font-weight:700;transition:transform var(--dur-press) var(--ease-out)}
.reel-play:active{transform:scale(.97)}

/* Continuity board. */
.continuity-section{border-top:1px solid var(--line)}
.cb-board{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.cb-rail{padding:var(--s6);background:var(--surface-2);border-right:1px solid var(--line)}
.cb-label{font-size:var(--label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s4)}
.cb-refs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.cb-refs li{border-radius:var(--r-md);padding:var(--s1);border:1px solid transparent;transition:border-color var(--dur-select) var(--ease-out)}
.cb-refs li:nth-child(-n+2){grid-column:1/-1}
.cb-refs img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm);background:var(--surface-3);transition:opacity var(--dur-select) var(--ease-out)}
.cb-refs li:nth-child(-n+2) img{object-fit:contain;background:#d9dde6}
.cb-refs span{display:block;padding:var(--s2) 2px 0;font-size:var(--label);line-height:1.4;color:var(--muted)}
.cb-refs b{display:block;color:var(--ink);font-size:13px}
.cb-state{display:block;font-style:normal;font-size:var(--label-sm);letter-spacing:.06em;margin-top:2px}
.cb-board.is-live .cb-refs li:not(.is-on) img{opacity:var(--ref-off-opacity)}
.cb-board.is-live .cb-refs li.is-on{border-color:var(--cyan)}
.cb-refs li.is-on .cb-state{color:var(--cyan);font-weight:700}
.cb-rail-note{font-size:13px;margin-top:var(--s4)}
.cb-main{min-width:0;padding:var(--s6)}
.cb-picker{list-style:none;margin:0 0 var(--s6);padding:3px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.cb-pick{width:100%;display:flex;flex-direction:column;gap:var(--s2);text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:6px 6px var(--s3);transition:transform var(--dur-press) var(--ease-out)}
.cb-pick:active{transform:scale(.97)}
.cb-pick img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm)}
.cb-pick span{padding-inline:var(--s1);font-size:var(--label);line-height:1.35;color:var(--muted)}
.cb-pick b{display:block;font-size:13px;color:var(--ink)}
.cb-pick[aria-pressed=true]{border-color:var(--cyan);background:#98e5ed12}
.cb-pick[aria-pressed=true] b{color:var(--cyan)}
@media(hover:hover) and (pointer:fine){.cb-pick:hover{border-color:var(--line-strong)}}
.cb-shot{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--s6);align-items:start}
.cb-shot+.cb-shot{margin-top:var(--s12);padding-top:var(--s12);border-top:1px solid var(--line)}
.cb-board.is-live .cb-shot+.cb-shot{margin-top:0;padding-top:0;border-top:0}
.cb-board.is-live .cb-shot[hidden]{display:none}
.cb-board.is-live .cb-shot{animation:cb-in var(--dur-select) var(--ease-out)}
@keyframes cb-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cb-frame{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:#000}
.cb-frame img{width:100%;height:auto}
.cb-frame figcaption{display:flex;justify-content:space-between;gap:var(--s3);padding:10px 14px;font-size:var(--label-sm);letter-spacing:.1em;color:var(--muted);background:var(--surface-2)}
.cb-notes h3{font-size:22px;margin-bottom:var(--s3)}
.cb-action{font-size:var(--text-md);color:var(--ink);margin-bottom:var(--s6)}
.cb-informs{list-style:none;margin:0 0 var(--s6);padding:0}
.cb-informs li{padding:10px 0;border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--muted);line-height:1.55}
.cb-informs b{display:block;color:var(--cyan);font-size:13px;margin-bottom:2px}
.cb-prev{font-size:13px;padding:var(--s3) 14px;border-left:2px solid var(--line-strong);background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0}
.cb-prev span{display:block;font-weight:700;color:var(--ink);font-size:var(--label);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--s1)}
.cb-source{margin-top:var(--s4)}

/* Pricing: our plans first, the market comparison after. */
.pricing{border-top:1px solid var(--line)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.plan{display:flex;flex-direction:column;padding:var(--s8);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.plan-free{background:var(--surface-3);border-color:var(--cyan)}
.plan h3{font-size:18px}
.plan-price{display:flex;align-items:baseline;gap:var(--s2);margin:var(--s4) 0 var(--s1);color:var(--ink)}
.plan-price strong{font-size:48px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.plan-price span{color:var(--muted);font-size:var(--text-sm)}
.plan-for{font-size:var(--text-sm);color:var(--ink);font-weight:700}
.plan ul{list-style:none;margin:var(--s6) 0;padding:0;flex:1}
.plan li{padding:var(--s2) 0;border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--muted)}
.plan .button{align-self:stretch}
.plan-small{font-size:12px;margin-top:var(--s3)}
.plan-status{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--s2);min-height:32px;padding:0 var(--s3);border:1px dashed var(--line-strong);border-radius:999px;font-size:13px;color:var(--ink);font-weight:700}
.plan-status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}
.packs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) auto;gap:var(--s6);align-items:center;margin-top:var(--s4);padding:var(--s6) var(--s8);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.packs h3{font-size:18px;margin-bottom:var(--s1)}
.packs p{font-size:var(--text-sm)}
.packs ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}
.packs li{padding:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);text-align:center}
.packs strong{display:block;font-size:18px;font-variant-numeric:tabular-nums}
.packs li span{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.packs+.fine-print{margin-top:var(--s4)}
.compare{margin-top:var(--s16);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:var(--s4) var(--s12);align-items:start}
.compare-head h3{margin-bottom:var(--s2)}
.compare-head p{font-size:var(--text-sm)}
.compare>.fine-print{grid-column:2}
.price-chart{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s2) var(--s6)}
.price-chart table{width:100%;border-collapse:collapse;table-layout:fixed}
.price-chart th{width:45%;text-align:left;padding:var(--s4) var(--s3) var(--s4) 0;font-size:15px;line-height:1.4}
.price-chart small{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.price-chart td{position:relative;vertical-align:middle;text-align:right;padding:var(--s4) 0}
.price-chart td strong{position:relative;z-index:1;font-size:22px;font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:var(--s3)}
.price-chart td strong small{display:inline;font-size:12px;margin-left:3px}
.price-chart tr+tr{border-top:1px solid var(--line)}
.chart-bar{position:absolute;height:36px;left:0;top:50%;transform:translateY(-50%);border-radius:var(--r-sm);background:#3b496a}
.bar-zero{width:3px;background:var(--cyan)}.bar-runway{width:50%}.bar-higgsfield{width:63.333%}.bar-luma{width:100%}
.qamba-price th,.qamba-price td strong{color:var(--cyan)}
.price-brand{display:flex;align-items:center;gap:var(--s3);min-height:28px}
.price-brand img.price-brand-mark{flex:0 0 28px;width:28px;height:28px;object-fit:contain}
.price-brand-copy{display:block;min-width:0}
.price-brand-wordmark{align-items:flex-start;flex-direction:column;gap:3px}
.price-brand img.price-brand-logo{width:auto;max-width:100%;height:24px;object-fit:contain}

/* MCP: a user-controlled strip, never an auto-scrolling marquee. */
.mcp{border-top:1px solid var(--line);position:relative}
.strip-controls{display:flex;justify-content:flex-end;gap:var(--s2);margin-bottom:var(--s3)}
.strip-controls button{width:44px;height:44px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-sm);transition:transform var(--dur-press) var(--ease-out)}
.strip-controls button:active{transform:scale(.97)}
.strip-controls button:disabled{opacity:.35;cursor:default}
.assistant-strip{margin:0;padding:var(--s1) var(--s1) var(--s4);list-style:none;display:flex;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#4b607f var(--surface);scrollbar-width:thin}
.assistant-strip li{flex:0 0 200px;scroll-snap-align:start}
.assistant-strip a{display:flex;align-items:center;gap:var(--s4);padding:var(--s6) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font-size:17px;font-weight:700;min-height:96px;text-decoration:none}
@media(hover:hover) and (pointer:fine){.assistant-strip a:hover{background:var(--surface-3)}}
.assistant-strip img{width:32px;height:32px;object-fit:contain}
.assistant-strip .mono{filter:brightness(0) invert(1)}
.brand-name{display:flex;flex-direction:column;line-height:1.2}
.brand-name small{font-size:var(--label);font-weight:400;color:var(--muted);margin-top:var(--s1)}
.brand-arrow{margin-left:auto;color:var(--muted);font-size:12px}
.mcp .fine-print{margin-top:var(--s4)}

/* FAQ sits beside the final call to action, where objections come up. */
.questions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s16);border-top:1px solid var(--line)}
.close-cta{margin-top:var(--s8);padding:var(--s8);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.close-cta>p:first-child{font-size:var(--text-lg);color:var(--ink);font-weight:700;margin-bottom:var(--s4)}
.close-cta .fine-print{margin-top:var(--s3)}
.faq>div{padding:var(--s6) 0;border-top:1px solid var(--line)}
.faq>div:first-child{border-top:0;padding-top:0}
.faq dt{font-weight:700;font-size:17px;margin-bottom:var(--s2)}
.faq dd{color:var(--muted);font-size:15px;max-width:60ch}

.site-footer{border-top:1px solid var(--line);padding-block:var(--s12) var(--s6)}
.footer-top{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s4) var(--s8);align-items:center}
.slogan{font:italic 18px/1.3 Georgia,serif;color:var(--accent)}
.socials{list-style:none;margin:0;padding:0;display:flex;gap:var(--s2)}
.socials a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-md);transition:transform var(--dur-press) var(--ease-out)}
.socials a[href]:active{transform:scale(.97)}
.socials img{width:20px;height:20px;filter:brightness(0) invert(1)}
.socials a:not([href]){opacity:.4;cursor:default}
@media(hover:hover) and (pointer:fine){.socials a[href]:hover{border-color:var(--cyan)}}
.social-note{grid-column:1/-1;justify-self:end;font-size:12px;display:none}
.footer-top:has(.socials a:not([href])) .social-note{display:block}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s3) var(--s6);margin-top:var(--s8);font-size:12px;color:var(--muted)}
.footer-bottom div{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s6)}
.footer-bottom a{text-decoration:none}
@media(hover:hover) and (pointer:fine){.footer-bottom a:hover{color:var(--ink)}}

@media(min-width:1800px){:root{--wrap:1440px}}
@media(max-width:1100px){
  :root{--gutter:32px;--rail-w:230px}
  .hero{grid-template-columns:1fr;gap:var(--s12);padding-block:var(--s12) var(--s16)}
  .hero-copy{max-width:720px}
  .demo-frame{transform:none}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8) var(--s6)}
  .cb-shot{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr 1fr}.plan-free{grid-column:1/-1}
  .packs{grid-template-columns:1fr}.packs .plan-status{justify-self:start}
  .compare{grid-template-columns:1fr}.compare>.fine-print{grid-column:auto}
  .questions{grid-template-columns:1fr;gap:var(--s12)}
}
@media(max-width:800px){
  :root{--gutter:24px}
  .site-header{height:72px}
  .site-header nav{display:none}
  .section-head{grid-template-columns:1fr;gap:var(--s4);margin-bottom:var(--s8)}
  .how,.continuity-section,.pricing,.mcp,.questions{padding-block:var(--s16)}
  .cb-board{grid-template-columns:1fr}
  .cb-rail{border-right:0;border-bottom:1px solid var(--line)}
  .cb-refs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cb-refs li:nth-child(-n+2){grid-column:auto}
  .cb-refs li:nth-child(-n+2) img{object-fit:cover;object-position:left}
  .cb-picker{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s2)}
  .cb-picker li{flex:0 0 148px;scroll-snap-align:start}
  .plans{grid-template-columns:1fr}
  .packs ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer-top{grid-template-columns:1fr}
  .social-note{justify-self:start}
}
@media(max-width:480px){
  :root{--gutter:20px}
  .hero-lede{font-size:17px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .text-link{align-self:flex-start}
  .demo-play{padding:var(--s2) var(--s4) var(--s2) var(--s2);font-size:14px}
  .demo-play-icon{width:34px;height:34px}.demo-play-icon:after{left:13px;top:10px}
  .steps{grid-template-columns:1fr}
  .cb-rail,.cb-main{padding:var(--s4)}
  .cb-frame figcaption{flex-direction:column;gap:2px}
  .plan{padding:var(--s6)}
  .packs{padding:var(--s6)}
  .packs ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .price-chart{padding:var(--s1) var(--s4)}
  .price-chart th{width:52%;font-size:14px}
  .price-chart td strong{font-size:19px;padding-right:0}
  .assistant-strip li{flex-basis:180px}
  .close-cta{padding:var(--s6)}
  .close-cta .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .demo-frame{transform:none!important}
  .cb-board.is-live .cb-shot{animation:none}
  *,*:before,*:after{transition-property:opacity,color,background-color,border-color!important}
}

/* Downloads: four honest choices; the visitor's own platform leads. */
.get{padding-block:var(--s24);border-top:1px solid var(--line)}
.platforms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4)}
.platform{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);min-width:0}
.platform.is-yours{border-color:var(--cyan);background:var(--surface-3)}
.platform-tag{font-size:var(--label);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.platform-icon{width:28px;height:28px;filter:brightness(0) invert(1);margin-bottom:var(--s2)}
.platform h2,.platform h3{font-size:20px}
.platform-req{font-size:var(--text-sm);margin-bottom:var(--s3);flex:1}
.platform .button{align-self:stretch}
.platform .text-link{font-size:var(--text-sm)}
.platform-soon{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:52px;border:1px dashed var(--line-strong);border-radius:var(--r-sm);color:var(--ink);font-weight:700;font-size:var(--text-sm)}
.platform-meta{font-size:12px}
.platform-notice{font-size:12px;color:var(--ink);padding:var(--s2) var(--s3);background:#2a2433;border-radius:var(--r-sm)}
.get>.fine-print{margin-top:var(--s4)}
.get>.fine-print a{text-decoration:underline}
.dl-hero{padding-block:var(--s16) var(--s12)}
.dl-eyebrow{font-size:var(--label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:var(--s4)}
.dl-hero h1{margin-bottom:var(--s4)}
.dl-hero .hero-lede{margin:0 0 var(--s12)}
.dl-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8);padding-block:var(--s12) var(--s24);border-top:1px solid var(--line)}
.dl-details h3{font-size:18px;margin-bottom:var(--s2)}
.dl-details p{font-size:var(--text-sm)}
.dl-details p a{text-decoration:underline}
@media(max-width:1100px){.platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-details{grid-template-columns:1fr;gap:var(--s6)}}
@media(max-width:800px){.get{padding-block:var(--s16)}}
@media(max-width:480px){.platforms{grid-template-columns:1fr}}
.get .platform[data-platform=source]{display:none}.get .platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.get .platforms{grid-template-columns:1fr}.get .platform{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s3);align-items:center}.get .platform>*:not(.platform-icon):not(h3){grid-column:1/-1}.get .platform-icon{margin:0}.get .platform-req{flex:none}}
/* Every card ends on its action, pinned to the base, so buttons line up across the row. */
.platform-req{flex:none}
.platform>.button,.platform>.platform-soon,.platform>.text-link{margin-top:auto}
.platform>.platform-meta+.button,.platform>.platform-notice+.button{margin-top:auto}
.platform>.button,.platform>.platform-soon{margin-bottom:0}
.platform{gap:var(--s2)}
.platform>[data-dl-meta],.platform>[data-dl-notice]{margin-bottom:var(--s2)}
.get .platform>.button,.get .platform>.platform-soon{margin-top:var(--s3)}
@media(min-width:801px){.get .platform>.button,.get .platform>.platform-soon{margin-top:auto}}
/* Comparison: what the fee buys in video, beside the fee itself. */
.price-chart thead th{padding:var(--s3) 0 var(--s2);font-size:var(--label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left}
.price-chart thead th.fee{text-align:right}
.price-chart thead .est{text-transform:none;letter-spacing:0;font-weight:400}
.price-chart tbody th{width:36%}
.price-chart .mins{width:22%;text-align:left;padding-right:var(--s3)}
.price-chart td.mins strong{display:block;font-size:17px;padding:0;white-space:nowrap;color:var(--ink)}
.price-chart td.mins small{display:block}
.qamba-price td.mins strong{color:var(--cyan)}
@media(max-width:480px){.price-chart tbody th{width:40%}.price-chart .mins{width:30%}.price-chart td.mins strong{font-size:14px}.price-chart th .price-brand img.price-brand-logo{height:18px}.price-chart td strong{font-size:17px}}

/* Header GitHub link. */
.header-actions{display:flex;align-items:center;gap:var(--s3)}
.gh-button{display:inline-flex;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s4);border:1px solid var(--line-strong);border-radius:var(--r-sm);font-size:13px;font-weight:700;text-decoration:none;transition:transform var(--dur-press) var(--ease-out),border-color var(--dur-press) ease}
.gh-button:active{transform:scale(.97)}
.gh-button img{width:18px;height:18px;filter:brightness(0) invert(1)}
@media(hover:hover) and (pointer:fine){.gh-button:hover{border-color:var(--cyan)}}
@media(max-width:480px){.gh-button span{display:none}.gh-button{padding:0;width:40px;justify-content:center}}

/* Assistant marquee: constant linear drift, two copies for a seamless loop. */
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-row{list-style:none;margin:0;padding:0 var(--s3) 0 0;display:flex;gap:var(--s3);flex:none;animation:marquee 32s linear infinite}
.marquee:hover .logo-row{animation-play-state:paused}
.logo-row li{display:flex;align-items:center;gap:var(--s4);min-width:200px;padding:var(--s6) var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font-size:17px;font-weight:700}
.logo-row img{width:32px;height:32px;object-fit:contain}
.logo-row .mono{filter:brightness(0) invert(1)}
@keyframes marquee{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.logo-row{animation:none;flex-wrap:wrap;flex:1}.logo-row[aria-hidden=true]{display:none}}
.plan li b{color:var(--ink);font-weight:700}
.plan-pro{border-color:var(--line-strong)}
.plan-badge{align-self:flex-start;margin-bottom:var(--s3);padding:2px var(--s2);border-radius:999px;background:#a5baff1f;color:var(--accent);font-size:var(--label);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.plan-small a{text-decoration:underline;text-underline-offset:3px}
.plan>.plan-status,.plan>.button{margin-top:auto}
.plan ul{flex:none;margin-bottom:var(--s6)}
.plan-mins{font-size:var(--text-sm);color:var(--cyan);font-weight:700;margin-top:2px}
.packs li em{display:block;font-style:normal;font-size:12px;color:var(--cyan);margin-top:2px;font-variant-numeric:tabular-nums}
.packs li em{font-family:inherit;letter-spacing:0;font-weight:700}