:root{color-scheme:dark;--bg:#111518;--panel:#191e22;--panel2:#22282d;--ink:#f0eee8;--muted:#a2adb3;--line:#333c42;--accent:#ffab73;--accent-ink:#21170f;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.2rem;--text-xl:clamp(1.7rem,3.4vw,2.75rem);--hero:clamp(3rem,5.4vw,5.6rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius:5px}
.hero-nozzle-label{display:flex;gap:8px;align-items:center}
.hero-nozzle-label select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:4px;min-height:36px;padding:4px 8px}
.hero-nozzle-label select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.65 "Satoshi","Helvetica Neue",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12}h2{font-size:var(--text-xl);font-weight:500;letter-spacing:-1px}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-base);font-weight:600}p{color:var(--muted)}[hidden]{display:none!important}.shell{width:min(1280px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#111;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:10;background:#111518f5;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:var(--text-lg);letter-spacing:1px;white-space:nowrap}.brand svg{width:34px;height:34px;color:var(--accent)}.brand strong{font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);line-height:1.8}.header-inner nav{display:flex;align-items:center;gap:32px;font-size:var(--text-sm)}nav a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}nav a:hover,.text-link:hover{color:var(--accent)}.nav-demo{border:1px solid var(--line);border-radius:var(--radius);padding:8px 16px;gap:18px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;padding-block:88px 70px}.eyebrow{font-size:var(--text-xs);letter-spacing:1.5px;font-weight:600;color:var(--accent);line-height:1.5}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.hero h1{font-size:var(--hero);font-weight:500;letter-spacing:-3.5px;margin:26px 0;line-height:1.02}.hero h1 span{color:var(--accent)}.lede{max-width:440px;font-size:1.06rem;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 16px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:13px 18px;min-height:48px;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{background:#ffc399}.secondary,.outline{border-color:var(--line);background:transparent;color:var(--ink)}.secondary:hover,.outline:hover{background:var(--panel2);border-color:var(--muted)}.micro{font-size:var(--text-xs);line-height:1.55}.hero-art{position:relative;background:#090d10;border:1px solid var(--line);border-radius:7px;overflow:hidden;align-self:stretch;min-height:410px;display:flex;flex-direction:column}.art-bar,.art-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;font-size:var(--text-xs);letter-spacing:1px}.art-bar{border-bottom:1px solid #ffffff0c;color:var(--muted)}#hero-stage{display:block;width:100%;height:auto;flex:1;min-height:0;object-fit:contain}.art-bottom{border-top:1px solid #ffffff0c;letter-spacing:.5px}.art-bottom button{border:1px solid var(--line);padding:6px 10px;min-height:36px;border-radius:4px;background:transparent;color:var(--muted);font-size:var(--text-xs)}.art-caption{display:block;color:var(--muted);font-size:var(--text-xs);padding:0 18px 14px}.muted{color:var(--muted)}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding-block:26px;gap:24px}.capabilities div{border-right:1px solid var(--line);padding-left:24px}.capabilities div:first-child{padding-left:0}.capabilities div:last-child{border:0}.capabilities strong{display:block;font-size:1.7rem;font-weight:500;letter-spacing:-.6px}.capabilities span{color:var(--muted);font-size:var(--text-sm)}
.workspace-section{padding-block:96px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.workspace-section h2{margin:18px 0 24px}.workspace-section p:not(.eyebrow){max-width:440px}.text-link{display:inline-flex;align-items:center;gap:20px;color:var(--accent);font-size:var(--text-sm);text-decoration:none;min-height:44px}.workspace-section .text-link{margin-top:20px}.feature-list article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{padding-top:0}.feature-list article:last-child{border-bottom:0}.feature-list h3{margin-bottom:9px}.feature-list p{font-size:var(--text-sm)}.item-number{color:var(--accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding-top:2px}
.downloads-section{background:#eae7e0;color:#22282c;padding-block:80px;--muted:#566066;--line:#c8cbc8;--accent:#a74716;--ink:#22282c;--panel2:#dfddd7;--accent-ink:#fff5e9}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-intro h2{margin-top:14px}.section-intro>p{max-width:400px;font-size:var(--text-sm)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{padding:28px;background:#f5f3ee;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.download-card .card-tag{font-size:var(--text-xs);letter-spacing:1px;color:var(--muted)}.platform-icon{font-size:40px;line-height:1;height:48px;margin:28px 0 20px;display:block;color:var(--accent)}.windows-icon{display:grid;grid-template-columns:16px 16px;grid-template-rows:16px 16px;gap:3px;padding-top:5px}.windows-icon i{background:var(--accent)}.download-card h3{font-size:1.6rem;font-weight:500;margin-bottom:12px}.download-card>p{font-size:var(--text-sm);min-height:48px}.download-card ul{list-style:none;padding:0;margin:24px 0 28px;color:var(--muted);font-size:var(--text-sm)}.download-card li{padding:7px 0;border-bottom:1px solid var(--line)}.download-card li:last-child{border:0}.card-action{margin-top:auto}.card-action>.button{width:100%;gap:10px}.card-action>.micro{margin-top:12px;min-height:38px}.card-action>.text-link{margin-top:4px}.downloads-section .primary:hover{background:#84370f}.download-note{border-top:1px solid var(--line);margin-top:30px;padding-top:22px;display:grid;grid-template-columns:1fr 2fr;gap:36px}.download-note strong{font-size:var(--text-sm);font-weight:600}.download-note p{font-size:var(--text-xs)}
.setup-section{padding-block:96px}.setup-layout{display:grid;grid-template-columns:260px 1fr;gap:80px}.setup-sidebar [role=tablist]{display:flex;flex-direction:column;gap:8px}.setup-sidebar [role=tab]{padding:14px 18px;display:flex;justify-content:space-between;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:4px;font-size:var(--text-base);text-align:left}.setup-sidebar [role=tab][aria-selected=true]{color:var(--accent);border-color:var(--accent);background:#ffab7310}.setup-sidebar>p{font-size:var(--text-xs);margin:20px 0 30px}.port-note{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:5px}.port-note span{display:block;color:var(--muted);font-size:var(--text-xs)}.port-note strong{display:block;font-weight:500;font-size:var(--text-base);margin:5px 0}.port-note hr{border:0;border-top:1px solid var(--line);margin:20px 0}[role=tabpanel]>h3{margin:4px 0 16px;font-size:1.4rem}.steps{list-style:none;padding:0;margin:0 0 20px;counter-reset:setup}.steps li{counter-increment:setup;display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.steps li:before{content:counter(setup,decimal-leading-zero);color:var(--accent);font-size:var(--text-xs);padding-top:2px}.steps h4{margin-bottom:10px}.steps p{font-size:var(--text-sm)}.steps p a,.faq-list a,.inline-note a{color:var(--accent)}code{font-size:.9em;background:var(--panel2);color:var(--ink);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.inline-note{font-size:var(--text-xs);padding:16px 18px;border-left:2px solid var(--accent);background:var(--panel);margin-bottom:14px}.connection-strip{display:flex;align-items:center;gap:22px;margin-top:60px;padding:26px;border:1px solid var(--line);border-radius:5px}.connection-strip>span{font-size:var(--text-xs);font-weight:600;letter-spacing:1px;white-space:nowrap}.connection-strip>div{flex:1}.connection-strip div span{font-size:var(--text-xs);color:var(--muted);display:block;text-align:center}.connection-strip i{display:block;height:1px;background:var(--line);position:relative;margin-top:10px}.connection-strip i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid var(--accent);border-top:1px solid var(--accent);transform:rotate(45deg)}.connection-caption{text-align:center;margin-top:14px}
.questions-section{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;padding-block:24px 80px}.questions-section h2{margin:18px 0 20px}.questions-section>div>p:not(.eyebrow){font-size:var(--text-sm);max-width:320px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;list-style:none;display:flex;gap:25px;justify-content:space-between;font-size:var(--text-base);line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:var(--text-sm);margin-top:16px}.closing{border-top:1px solid var(--line);padding-block:70px 80px;text-align:center}.closing h2{margin:20px 0 26px}.closing .micro{margin-top:16px}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding-block:30px;font-size:var(--text-xs)}.site-footer>span{letter-spacing:.8px}.site-footer p{font-size:var(--text-xs)}.site-footer a{white-space:nowrap;text-decoration:none}
@media(min-width:1500px){.hero-art{min-height:450px}}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.hero{gap:30px;padding-block:60px}.hero h1{font-size:clamp(3rem,6vw,4rem)}.hero-art{min-height:370px}.workspace-section{gap:50px}.download-card{padding:22px}.setup-layout{grid-template-columns:220px 1fr;gap:40px}.questions-section{gap:50px}.connection-strip{gap:12px;padding:20px}.connection-strip>span{letter-spacing:0}.section-intro{gap:30px}}
@media(max-width:760px){html{scroll-padding-top:120px}.shell{width:calc(100% - 36px)}.header-inner{flex-wrap:wrap;gap:10px;min-height:110px;padding-block:12px}.brand{font-size:var(--text-base)}.brand small{font-size:10px}.header-inner nav{gap:22px;justify-content:space-between;width:100%}.nav-demo{padding:0;border:0;min-height:36px}.hero{grid-template-columns:1fr;padding-top:40px;gap:36px}.hero h1{font-size:clamp(3rem,10vw,4.7rem);letter-spacing:-2.5px}.hero-copy>.eyebrow{font-size:var(--text-xs);letter-spacing:1px}.hero-art{min-height:340px}.lede{font-size:var(--text-base)}.actions{gap:10px}.button{padding:12px 15px;gap:16px}.capabilities{grid-template-columns:1fr 1fr;gap:20px}.capabilities div{padding:0;border:0}.capabilities strong{font-size:1.5rem}.workspace-section{grid-template-columns:1fr;gap:36px;padding-block:60px}.section-intro{display:block}.section-intro>p{margin-top:20px}.downloads-section{padding-block:55px}.download-grid{grid-template-columns:1fr}.download-card{padding:26px}.download-card>p{min-height:0}.download-card ul{margin:18px 0 22px}.platform-icon{margin:20px 0 14px}.card-action>.micro{min-height:0}.download-note{grid-template-columns:1fr;gap:12px}.setup-section{padding-block:60px}.setup-layout{grid-template-columns:1fr;gap:26px}.setup-sidebar [role=tablist]{flex-direction:row}.setup-sidebar [role=tab]{flex:1}.setup-sidebar>p{margin:12px 0 0}.port-note{display:none}[role=tabpanel]>h3{font-size:1.25rem}.steps li{gap:14px}.connection-strip{flex-direction:column;gap:14px}.connection-strip>div{width:100%}.connection-strip i{margin-top:5px}.questions-section{grid-template-columns:1fr;gap:28px;padding-block:10px 60px}.closing{padding-block:50px}.site-footer{flex-direction:column;gap:16px}.art-bottom{padding:12px;font-size:var(--text-xs);letter-spacing:0}.art-caption{padding-inline:12px}.art-bar{padding:12px}}
.brand small{font-size:12px}
.license-summary{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:center;padding:28px;margin-bottom:24px;border:1px solid var(--line);border-radius:6px;background:#f5f3ee}
.license-summary .card-tag{font-size:var(--text-xs);letter-spacing:1px}.license-price{font-size:var(--text-xl);font-weight:600;letter-spacing:-1px;color:var(--ink);line-height:1.3;margin:10px 0}.license-price span{font-size:var(--text-sm);font-weight:500;letter-spacing:0}.license-summary p:not(.license-price){font-size:var(--text-sm)}.license-summary strong{display:block;font-size:var(--text-base);margin-bottom:8px}
#license-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px}
#license-dialog::backdrop{background:#070b10c9}.license-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.license-dialog-head button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:4px;min-height:44px}
#license-dialog h2{font-size:var(--text-lg);letter-spacing:0}#license-dialog .license-price{margin-top:20px}.license-facts{margin:24px 0}.license-facts div{display:flex;justify-content:space-between;gap:20px;font-size:var(--text-sm);padding:10px 0;border-bottom:1px solid var(--line)}.license-facts dt{color:var(--muted)}.license-facts dd{margin:0;text-align:right}
#license-status{border-left:2px solid var(--accent);padding:12px 16px;background:var(--panel2);font-size:var(--text-sm);color:var(--ink)}#license-platform-note{margin:16px 0}.checkout-disabled{width:100%;justify-content:center;cursor:not-allowed;opacity:.6}.checkout-disabled:hover{transform:none}#license-dialog>.text-link{margin:12px 0}
@media(max-width:760px){.license-summary{grid-template-columns:1fr;gap:20px;padding:24px}#license-dialog{padding:20px}.license-dialog-head .eyebrow{font-size:var(--text-xs);letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero>*{min-width:0}
.demo-toolbar,.demo-selection-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px}
.demo-under-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-top:1px solid var(--line);padding:12px 0 0;gap:0 8px}
.demo-under-layout>.demo-tour-label{padding-right:12px}
.demo-under-layout>.demo-zoom{grid-column:1/-1}
.demo-zoom{display:flex;gap:10px;align-items:center;padding:0 12px 12px;font-size:12px}
.demo-zoom input{min-width:40px;flex:1;accent-color:var(--accent)}
.demo-zoom output{width:38px;font-variant-numeric:tabular-nums}
.demo-zoom button{min-height:34px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:4px;font:inherit;padding:4px 8px}
.demo-toolbar button,.demo-selection-tools button{min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font-size:12px}
.demo-toolbar button:hover,.demo-selection-tools button:hover{background:var(--panel2)}
#demo-editor button:disabled{opacity:.4;cursor:not-allowed}
#demo-editor button[aria-pressed=true]:not(#motion),#demo-invert[aria-pressed=mixed]{border-color:var(--accent);background:#ffab7318;color:var(--accent)}
.demo-stage{position:relative;height:340px;flex:none;touch-action:none;overflow:hidden;outline-offset:-3px}
.demo-stage #hero-stage{width:100%;height:100%;position:absolute;inset:0}
#demo-handles{position:absolute;inset:0;pointer-events:none}
#demo-handles .demo-fixture{position:absolute;transform:translateX(-50%);padding:0;min-height:44px;border:1px solid transparent;border-radius:4px;background:transparent;touch-action:none;pointer-events:auto;cursor:grab}
#demo-handles .demo-fixture[aria-pressed=true]{border-color:#ffab7390;background:#ffab7308}
#demo-handles .demo-fixture:hover{border-color:#ffab73}
#demo-selection-box{position:absolute;pointer-events:none;z-index:5;border:1px solid #ffb17c;background:#ffb17c20}
.demo-selection-tools{border-top:1px solid #ffffff12}
#demo-selected-count{font-size:12px;color:var(--muted);margin-left:auto}
.demo-sequence-label{display:flex;flex-direction:column;gap:5px;margin:0 12px 12px;color:var(--muted);font-size:12px}
#demo-sequence{width:100%;min-width:0;min-height:44px;padding:8px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:4px;font:inherit;font-size:13px}
#demo-sequence:focus-visible,#demo-editor input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#demo-sequence:disabled{opacity:.45}
#demo-sequence-open{display:none;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;touch-action:manipulation}
.demo-sequence-dialog{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px}
.demo-sequence-dialog::backdrop{background:#000b}
.demo-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.demo-picker-heading h2{font-size:20px;letter-spacing:0}
.demo-sequence-dialog button{min-height:44px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:8px 12px;font:inherit}
.demo-sequence-dialog label{display:grid;gap:6px;font-size:13px}
.demo-sequence-dialog input{font:inherit;font-size:16px;width:100%;min-height:44px;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:8px}
.demo-picker-list{display:grid;gap:6px;max-height:calc(100dvh - 230px);overflow:auto;overscroll-behavior:contain;margin-top:12px}
.demo-picker-list button{text-align:left;font-size:14px;line-height:1.4}
.demo-picker-list button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
@media(max-width:700px){#demo-sequence{display:none}#demo-sequence-open{display:block}.demo-sequence-dialog{margin:auto auto 12px}}
#demo-editor .art-bottom{padding:10px 12px;gap:8px;flex-wrap:wrap}
#demo-editor .art-bottom button,#demo-editor .art-bottom select{min-height:44px}
.demo-tour-label{display:flex;gap:6px;align-items:center;min-height:44px;font-size:12px;letter-spacing:0;cursor:pointer}
.demo-tour-label input{accent-color:var(--accent);width:18px;height:18px}
#demo-status{color:var(--accent);min-height:38px}
#demo-looks{font-size:11px;overflow-wrap:anywhere}
@media(max-width:760px){
 .demo-stage{height:300px}
 .demo-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px}
 .demo-toolbar button{padding:4px;font-size:11px}
 .demo-selection-tools{padding:8px}
 .demo-selection-tools button{font-size:11px;padding:5px 8px}
}
/* Demo-first landing page. Core controls are visible before the sales content. */
button,a,select,input,summary{touch-action:manipulation}
.site-header{position:relative}
.header-inner.has-contribution{min-height:78px;flex-wrap:nowrap;padding-block:10px;gap:16px}
.header-inner.has-contribution nav{width:auto;gap:24px}
.hero{grid-template-columns:minmax(250px,.75fr) minmax(0,1.35fr);padding-block:32px 24px;gap:36px;align-items:center}
.hero h1{font-size:clamp(38px,4.5vw,64px);margin:18px 0;letter-spacing:-2px}
.hero .actions{align-items:center;gap:18px}
.hero .lede{font-size:18px;max-width:340px}
.hero-art{min-height:0;align-self:start}
.demo-stage{height:300px}
.art-bar{padding:6px 12px;min-height:48px;letter-spacing:.5px}
#demo-expand{min-height:38px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:4px;padding:4px 10px;font-size:12px;white-space:nowrap}
.demo-quick-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 12px 2px}
.demo-quick-looks button{min-height:44px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);font-size:14px}
.demo-quick-looks #motion{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.demo-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px}
.demo-first-hint{font-size:12px;padding:0 12px 10px}
.demo-advanced{border-top:1px solid var(--line)}
.demo-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;min-height:44px;cursor:pointer;font-size:13px}
.demo-advanced>summary:before{content:'+';color:var(--accent);margin-right:4px}
.demo-advanced[open]>summary:before{content:'−'}
.demo-advanced>summary span{font-size:12px;color:var(--muted);margin-left:auto}
.demo-advanced-controls{padding-top:10px}
#demo-status{min-height:0;padding:8px 12px 10px;border-top:1px solid #ffffff10;line-height:1.5}
.demo-followup{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:8px 0 30px}
.landing-support{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0}
.landing-support .donor-thanks{flex:0 1 340px}
.landing-support .contribution-bar{justify-content:center}
.hero-art.demo-expanded{position:fixed;inset:12px;z-index:100;width:auto;max-height:none;overflow:auto;border-radius:8px;box-shadow:0 0 0 30px #090d10}
.demo-expanded .demo-stage{height:clamp(220px,calc(100dvh - 290px),1000px);min-height:220px}
.demo-expanded .art-bar{position:sticky;top:0;background:#090d10;z-index:6}
.demo-expanded .demo-toolbar,.demo-expanded .demo-quick-looks{max-width:760px;width:100%;margin-inline:auto}
@media(max-width:760px){
 html{scroll-padding-top:12px}
 .shell{width:calc(100% - 24px)}
 .header-inner.has-contribution{min-height:66px;gap:10px;padding-block:8px}
 .header-inner.has-contribution nav{gap:0;flex:none;width:auto}
 .header-inner .desktop-nav{display:none}
 .brand{gap:7px}.brand svg{width:26px;height:26px}.brand small{font-size:12px;letter-spacing:1px}
 .brand .beta-version{font-size:12px!important;margin-top:0!important}
 .header-inner .nav-demo{font-size:12px;padding:8px}
 .hero{display:flex;flex-direction:column;align-items:stretch;padding:16px 0 12px;gap:14px}
 .hero-copy .eyebrow{font-size:12px;letter-spacing:1px}
 .hero h1{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:6px 0}
 .hero h1 br{display:none}.hero h1 span{margin-left:5px}
 .hero .lede{font-size:14px;line-height:1.5;max-width:none}
 .hero-copy .actions,.hero-copy .micro{display:none}
 .hero-art{align-self:stretch;width:100%}
 .demo-stage{height:clamp(190px,30svh,260px)}
 .art-bar{font-size:12px;padding:4px 8px;min-height:44px}
 #demo-expand{font-size:12px;min-height:36px}
 .demo-toolbar,.demo-quick-looks{padding-inline:8px;gap:5px}
 .demo-toolbar button{font-size:12px;padding:4px}
 .demo-first-hint{padding-inline:8px;font-size:12px}
 .demo-advanced>summary{font-size:12px;padding:8px}.demo-advanced>summary span{font-size:12px}
 #demo-status{font-size:12px;min-height:0;padding:6px 8px}
 .demo-followup{gap:10px;padding:8px 0 20px}.demo-followup>p:first-child{display:none}.demo-followup>.button{width:100%;justify-content:center}
 .landing-support{padding:20px 0}.landing-support .contribution-bar{width:100%;gap:10px;grid-template-columns:auto 1fr}
 .landing-support .contribution-message{grid-column:1/-1;max-width:none;text-align:center}
 .hero-art.demo-expanded{inset:0;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
 .demo-expanded .demo-stage{height:calc(100dvh - 290px);min-height:200px}
}
/* Demo recording */
.art-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.art-bar #demo-unit-count{margin-right:auto}
.demo-record-tools{display:flex;gap:6px;align-items:center}
.demo-record-tools button{min-height:38px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:4px;padding:4px 10px;font:inherit;font-size:12px;letter-spacing:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.demo-record-tools button:hover{border-color:#ffffff40}
.demo-record-tools button:disabled{opacity:.5;cursor:not-allowed}
.demo-record-tools .record-dot{width:10px;height:10px;border-radius:50%;background:#f04444;flex:none}
#demo-record.is-recording{border-color:#f04444;background:#f044441a}
#demo-record.is-recording .record-dot{border-radius:2px;box-shadow:0 0 8px #f0444480}
.demo-record-tools .record-time{font-variant-numeric:tabular-nums;color:var(--muted)}
.demo-record-tools .record-time:empty{display:none}
.demo-toggles{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:0 16px;padding-right:12px}.demo-toggles .demo-tour-label,.demo-toggles .demo-record-sequence{padding-right:0}
.demo-record-sequence{display:flex;gap:6px;align-items:center;min-height:44px;font-size:12px;letter-spacing:0;cursor:pointer;padding-right:12px;white-space:nowrap}
.demo-record-sequence input{accent-color:var(--accent);width:18px;height:18px;margin:0}
#demo-recordings{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px}
#demo-recordings::backdrop{background:#070b10c9}
.demo-recordings-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
#demo-recordings h2{font-size:var(--text-lg);letter-spacing:0;margin:0}
#demo-recordings button,#demo-recordings a.button{font:inherit;font-size:var(--text-sm);min-height:44px;border-radius:4px;cursor:pointer}
#demo-recordings button:not(.primary){background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 14px}
#demo-recordings .button{width:auto;padding:10px 16px;justify-content:center}
.demo-recordings-note,.demo-recordings-empty,.demo-recordings-sequences{font-size:var(--text-sm);color:var(--muted);line-height:1.5;margin:0 0 12px}
.demo-recordings-sequences{overflow-wrap:anywhere;font-size:var(--text-xs)}
.demo-record-sequence-dialog{white-space:normal;align-items:flex-start;padding:12px 0;border-block:1px solid var(--line);margin-bottom:12px;font-size:var(--text-sm)}
.demo-record-sequence-dialog input{margin-top:2px;flex:none}
.demo-record-sequence-dialog small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:3px;line-height:1.4}
.demo-recordings-status{border-left:2px solid var(--accent);padding:8px 12px;background:var(--panel2);font-size:var(--text-sm);margin:0 0 12px}
.demo-recordings-actions{display:flex;flex-wrap:wrap;gap:8px}
.demo-recordings-list article{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.demo-recordings-list h3{font-size:var(--text-sm);overflow-wrap:anywhere;margin:0 0 4px}
.demo-recordings-list p{margin:0 0 6px}
.demo-recordings-list video{display:block;width:100%;max-height:320px;background:#090d10;margin:10px 0;border-radius:4px}
@media(max-width:520px){.demo-toggles{flex-direction:column;align-items:flex-start}.demo-toggles label{min-height:36px}.art-bar #demo-unit-count{flex-basis:100%}.demo-record-tools{margin-left:auto}.demo-record-tools button{padding:4px 8px}.art-bar #demo-unit-count{font-size:11px}#demo-recordings{padding:18px}}
/* Virtual SFX Lab: module chip, module cards, trial standing. */
.brand small{display:flex;align-items:center;gap:6px}
.module-chip{font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 5px;line-height:1.3;text-transform:uppercase}
.modules{padding-block:10px 60px}.modules .section-intro{margin-bottom:28px}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.module-card{border:1px solid var(--line);border-radius:12px;padding:26px 28px;background:var(--panel2,#171c20)}
.module-card.is-live{border-color:var(--accent);background:linear-gradient(160deg,#1b1a17,#121518)}
.module-card .card-tag{font-size:var(--text-xs);letter-spacing:1.2px;font-weight:700;color:var(--accent)}
.module-card h3{margin:12px 0 8px;font-size:var(--text-lg);letter-spacing:-.3px}
.module-card p{margin:0 0 8px;color:var(--muted);line-height:1.6}
.module-card .micro{font-size:var(--text-xs)}
.studio-cta[data-state=active] .cta-days{opacity:.8;font-weight:500}
#trial-standing:empty{display:none}#trial-standing{margin-top:6px;color:var(--accent);font-weight:600}
#trial-dialog{border:1px solid var(--line);border-radius:12px;padding:30px;width:min(560px,94vw);background:var(--panel,#13171a);color:var(--ink)}
#trial-dialog::backdrop{background:#05070899;backdrop-filter:blur(4px)}
#trial-dialog h2{font-size:var(--text-lg);letter-spacing:0;margin:14px 0 10px}#trial-dialog p{color:var(--muted);line-height:1.6}#trial-dialog .button{width:100%;justify-content:center;margin:6px 0 14px}
@media(max-width:760px){.module-grid{grid-template-columns:1fr}.module-card{padding:20px}.brand small{flex-wrap:wrap;gap:4px}#trial-dialog{padding:20px}}

/* Tester access (promo code) box and licensed Windows card */
.promo-box{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center;margin:28px 0 20px;padding:26px 28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#f5f3ee),#f5f3ee);color:var(--ink)}
.promo-box .eyebrow{margin-bottom:8px}
.promo-box h3{margin:0 0 8px;font-size:var(--text-xl);letter-spacing:-.4px;color:var(--ink)}
.promo-box p{margin:0;color:var(--muted);line-height:1.55}
.promo-form label{display:block;font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:8px}
.promo-row{display:flex;gap:10px}
.promo-row input{flex:1;min-width:0;font:inherit;font-size:var(--text-base);letter-spacing:1.5px;text-transform:uppercase;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.promo-row input::placeholder{text-transform:none;letter-spacing:0;color:var(--muted)}
.promo-row input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.promo-row .button{white-space:nowrap}
.promo-form .micro{margin-top:10px}
.promo-done{font-size:var(--text-sm)!important;color:var(--ink)!important;border-left:3px solid var(--accent);padding-left:12px}
.download-card .card-action .button[hidden],.download-card .card-action .text-link[hidden],.promo-form[hidden]{display:none}
.windows-hash{word-break:break-all}.windows-hash code{font-size:11px}
.download-card .card-action button.text-link{background:none;border:0;padding:0;font:inherit;cursor:pointer}
@media (max-width:760px){.promo-box{grid-template-columns:1fr;gap:18px;padding:20px}.promo-row{flex-direction:column}}
.price-notice{color:var(--muted)}
.purchase-banner{grid-column:1/-1;margin:0 0 16px;padding:12px 16px;border-left:3px solid var(--accent);background:#f5f3ee;color:var(--ink);font-size:var(--text-sm)}
.download-card .purchase-banner{margin:0 0 14px}
#license-buy{width:100%;justify-content:center}#license-buy:disabled{opacity:.6;cursor:default}#license-buy:disabled:hover{transform:none}
.buy-button.is-pending,.buy-button:disabled{opacity:.65;cursor:default}.buy-button:disabled:hover{transform:none}
.download-card .card-action>.text-link{display:flex;width:100%}

.beta-section{padding-block:10px 70px}.beta-section .section-intro p:not(.eyebrow){max-width:560px}.beta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.beta-card{border:1px solid var(--line);border-radius:12px;padding:24px 26px;background:var(--panel2,#171c20)}.beta-card h3{margin:12px 0 10px}.beta-card p{line-height:1.6}.beta-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin-top:18px;padding:26px 28px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel))}.beta-cta h3{margin-bottom:8px}.beta-cta p{line-height:1.6}.beta-cta .button{white-space:nowrap}
@media(max-width:1050px){.beta-grid{grid-template-columns:1fr}}
@media(max-width:760px){.beta-section{padding-block:0 50px}.beta-card{padding:20px}.beta-cta{grid-template-columns:1fr;gap:16px;padding:20px}.beta-cta .button{width:100%;white-space:normal;text-align:center}}

/* Discord community links (header + footer) */
.discord-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.02em;min-height:44px}
.discord-link svg{width:22px;height:22px;flex:none}
.discord-link .discord-caption{color:var(--muted);transition:color .15s;white-space:nowrap}
.discord-link .discord-short{display:none}
.discord-link:hover .discord-caption,.discord-link:focus-visible .discord-caption{color:var(--ink)}
.discord-link:hover svg,.discord-link:focus-visible svg{filter:brightness(1.15)}
.discord-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.site-footer .discord-link svg{width:24px;height:24px}
.site-footer .discord-link{align-self:center}
@media(max-width:760px){
 .header-inner nav .discord-link{margin-right:auto}
 .site-footer .discord-link{align-self:flex-start}
}
@media(max-width:420px){
 .header-discord .discord-full{display:none}.header-discord .discord-short{display:inline}
}
/* Phone header: brand row, then the Discord link + trial link, then the contribution bar (was clipped off-screen before). */
@media(max-width:760px){
 .header-inner.has-contribution{flex-wrap:wrap;min-height:0;row-gap:8px}
 .header-inner.has-contribution nav{width:100%;margin-left:0;justify-content:space-between;order:1}
 .header-inner.has-contribution .contribution-bar{order:2}
}

.info-extension-section{display:grid;grid-template-columns:200px 1fr;gap:48px;align-items:start;padding-block:72px;border-top:1px solid var(--line)}.info-extension-logo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 18px;border:1px solid var(--accent);border-radius:14px;background:var(--panel);color:var(--ink);text-decoration:none;text-align:center;transition:background .2s,transform .2s}.info-extension-logo:hover,.info-extension-logo:focus-visible{background:var(--panel2);transform:translateY(-2px)}.info-extension-logo img{width:64px;height:64px}.info-extension-logo span{font-size:var(--text-sm);letter-spacing:2px;font-weight:500}.info-extension-logo span b{color:var(--accent);font-weight:700}.info-extension-logo small{font-size:var(--text-xs);color:var(--accent);letter-spacing:1px;text-transform:uppercase}.info-extension-copy h2{margin:14px 0 18px}.info-extension-copy p:not(.eyebrow){max-width:560px}.info-extension-meta{font-size:var(--text-sm);color:var(--muted)}.info-extension-links{display:flex;flex-wrap:wrap;gap:12px 32px;margin:20px 0}.info-extension-install{border-top:1px solid var(--line);padding-top:14px;font-size:var(--text-sm);color:var(--muted)}.info-extension-install summary{cursor:pointer;color:var(--ink);font-weight:500}.info-extension-install code{background:var(--panel2);padding:1px 6px;border-radius:4px}
@media(max-width:760px){.info-extension-section{grid-template-columns:1fr;gap:28px;padding-block:52px}.info-extension-logo{flex-direction:row;justify-content:center;gap:16px;padding:18px}.info-extension-logo img{width:44px;height:44px}}

.spark-banner{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center;padding:56px 48px;margin-block:72px 0;border:1px solid var(--accent);border-radius:20px;background:radial-gradient(ellipse at 18% 50%,rgba(255,138,42,.16),transparent 55%),var(--panel)}.spark-pete{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:360px;text-decoration:none;color:var(--ink)}.spark-pete .pete-banner-svg{width:220px;height:330px;transition:transform .25s}.spark-pete:hover .pete-banner-svg,.spark-pete:focus-visible .pete-banner-svg{transform:translateY(-6px) scale(1.03)}.spark-bubble{position:absolute;top:-18px;right:-10px;display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#fff7ee;color:#15110c;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:spark-bob 2.2s ease-in-out infinite}.spark-bubble::after{content:"";position:absolute;left:28px;bottom:-12px;border:12px solid transparent;border-top-color:#fff7ee;border-bottom:0;border-right:0}.spark-bubble b{font-size:var(--text-lg);font-weight:800;letter-spacing:.3px}.spark-bubble small{font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:#a74716;font-weight:700}.spark-pete:hover .spark-bubble{background:var(--accent);color:var(--accent-ink)}.spark-pete:hover .spark-bubble::after{border-top-color:var(--accent)}.spark-pete:hover .spark-bubble small{color:var(--accent-ink)}@keyframes spark-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.spark-bubble{animation:none}.pete-banner-svg .vls-av-arm-right{animation:none}}
.pete-banner-svg .vls-av-arm-right{transform-origin:168px 180px;animation:pete-wave 2.6s ease-in-out infinite}@keyframes pete-wave{0%,55%,100%{transform:rotate(0)}65%{transform:rotate(-150deg)}75%{transform:rotate(-120deg)}85%{transform:rotate(-150deg)}}.pete-banner-svg .vls-av-lid{transform-origin:110px 76px;animation:pete-blink 5s infinite}@keyframes pete-blink{0%,92%,100%{transform:translateY(0)}95%{transform:translateY(12px)}}
.spark-copy h2{margin:14px 0 18px}.spark-copy p:not(.eyebrow){max-width:640px}.spark-points{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;font-size:var(--text-sm);color:var(--muted)}.spark-points b{display:block;color:var(--ink);font-weight:600}.spark-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:24px 0 12px}
@media(max-width:900px){.spark-banner{grid-template-columns:1fr;gap:28px;padding:36px 24px;margin-top:52px}.spark-pete{min-height:300px}.spark-pete .pete-banner-svg{width:170px;height:255px}.spark-bubble{right:auto;left:50%;transform:translateX(10px);padding:10px 16px}.spark-bubble::after{left:16px}@keyframes spark-bob{0%,100%{transform:translateX(10px) translateY(0)}50%{transform:translateX(10px) translateY(-6px)}}}

/* Info Mode slim ad (top of page) */
.info-mode-ad{display:flex;align-items:center;gap:18px;padding:14px 20px;margin:4px auto 44px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;background:linear-gradient(90deg,rgba(255,138,42,.10),transparent 60%),var(--panel)}
.info-mode-ad-logo{flex:0 0 auto;display:flex}.info-mode-ad-logo img{display:block;width:40px;height:40px;border-radius:9px}
.info-mode-ad p{margin:0;flex:1 1 auto;font-size:var(--text-sm);color:var(--muted);line-height:1.5}.info-mode-ad p b{color:var(--ink);font-weight:600}
.info-mode-ad-btn{flex:0 0 auto;border:1px solid var(--accent);color:var(--accent);background:transparent;padding:10px 16px;font-size:var(--text-sm);white-space:nowrap}
.info-mode-ad-btn:hover,.info-mode-ad-btn:focus-visible{background:var(--accent);color:var(--accent-ink)}
@media(max-width:760px){.info-mode-ad{flex-wrap:wrap;gap:12px 14px;padding:14px 16px;margin-bottom:36px}.info-mode-ad p{flex-basis:calc(100% - 54px)}.info-mode-ad-btn{width:100%;justify-content:center}}

/* Pyro Pete ad */
.pete-ad{display:grid;grid-template-columns:1fr 260px;gap:48px;align-items:center;padding:56px 48px;margin-block:56px 0;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 85% 55%,rgba(255,138,42,.14),transparent 55%),var(--panel)}
.pete-ad-copy h2{margin:14px 0 18px}.pete-ad-copy p:not(.eyebrow){max-width:640px}
.pete-ad-points{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;font-size:var(--text-sm);color:var(--muted)}.pete-ad-points b{display:block;color:var(--ink);font-weight:600}
.pete-ad-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:24px 0 0}
.pete-ad-figure{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:356px;text-decoration:none;color:var(--ink)}
.pete-ad-figure svg{width:200px;height:300px;transition:transform .25s}.pete-ad-figure:hover svg,.pete-ad-figure:focus-visible svg{transform:translateY(-6px)}
.pete-ad-bubble{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;padding:9px 14px;border-radius:14px;background:var(--ink);color:var(--bg);font-size:var(--text-sm);font-weight:600}
.pete-ad-bubble::after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:var(--ink);transform:translateX(-50%) rotate(45deg)}
@media(max-width:900px){.pete-ad{grid-template-columns:1fr;gap:24px;padding:36px 24px;margin-top:44px}.pete-ad-figure{min-height:296px;order:-1}.pete-ad-figure svg{width:160px;height:240px}}