/* Website layout; visual roles are the app's generated AgentOs tokens. */
:root{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}
body{margin:0;background:var(--ao-ground);color:var(--ao-ink);font:var(--ao-body-size)/1.6 var(--ao-font-body)}
::selection{background:var(--ao-label-pink);color:var(--ao-ground)}
a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;border-radius:var(--ao-radius)}
:is(button,a,summary,[tabindex="0"]):focus-visible{outline:2px solid var(--ao-accent-glow);outline-offset:4px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;flex-shrink:0}
img{display:block;max-width:100%}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.shell{width:calc(100% - 32px);max-width:1040px;margin-inline:auto}
.mono,.eyebrow,.brand,.site-header nav,.header-cta,.button,.hero-footnote,.art-registration,.art-footer,.spec-index,.feature-number,.demo-topline,.demo-identity small,.demo-message__speaker,.demo-caption,.release-label,.release-box>p,.footer-bottom,.footer-brand span{font-family:var(--ao-font-mono)}
.pink{color:var(--ao-label-pink)}
.skip-link{position:fixed;z-index:20;top:12px;left:16px;transform:translateY(-200%);padding:12px 16px;background:var(--ao-panel);border:1px solid var(--ao-hairline)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:10;background:var(--ao-ground);border-bottom:var(--ao-border-width) solid var(--ao-line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--ao-console-gap);min-height:76px;padding-block:var(--ao-inset-y)}
.brand{display:flex;align-items:center;gap:12px;font-size:var(--ao-title-size);font-weight:700;letter-spacing:var(--ao-title-tracking)}
.brand-symbol{width:46px;height:46px;display:grid;place-items:center;background:var(--ao-medallion-fill);border:1px solid var(--ao-line-bright);color:var(--ao-label-pink);font-size:20px;letter-spacing:0}
.brand-sub{display:block;margin-top:2px;color:var(--ao-ink-soft);font-size:var(--ao-label-size);font-weight:600;letter-spacing:var(--ao-label-tracking)}
.site-header nav{display:flex;gap:8px;font-size:var(--ao-label-size);letter-spacing:1px;text-transform:uppercase}
.site-header nav a{padding:10px;border:1px solid transparent}.site-header nav a:hover{background:var(--ao-panel);border-color:var(--ao-line-bright)}
.site-header nav span{color:var(--ao-label-pink);margin-right:6px}
.header-cta{display:flex;align-items:center;gap:8px;padding:10px;font-size:var(--ao-label-size);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--ao-line-bright);background:var(--ao-panel-deep)}
.header-cta svg{color:var(--ao-label-pink);width:16px;height:16px}.header-cta:hover{border-color:var(--ao-hairline)}
main{padding-top:28px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:var(--ao-console-gap);align-items:center}
.hero-copy,.hero-art,.demo-panel,.release-box,.faq,.feature-menu,.hero-specs{background-color:var(--ao-panel-deep);border:var(--ao-border-width) solid var(--ao-line);border-radius:var(--ao-radius)}
.hero-copy,.hero-art,.demo-panel,.release-box{padding:var(--ao-inset-y) var(--ao-inset-x)}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--ao-console-gap);min-width:0;padding-block:28px}
.eyebrow{display:flex;align-items:center;width:100%;gap:8px;margin:0;color:var(--ao-ink-soft);font-size:var(--ao-label-size);font-weight:600;letter-spacing:var(--ao-label-tracking);text-transform:uppercase;line-height:1.6}
.eyebrow>span{color:var(--ao-label-pink);font-weight:700;letter-spacing:0;white-space:nowrap}
.eyebrow::after{content:"";flex:1;min-width:14px;height:1px;background:linear-gradient(to right,var(--ao-line-bright),transparent)}
h1,h2,.footer-brand{font:700 var(--ao-title-size)/1.5 var(--ao-font-mono);letter-spacing:var(--ao-title-tracking);margin:0}
.hero-intro{font-size:var(--ao-body-size);margin:0;color:var(--ao-ink-soft);max-width:46ch}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:12px 16px;border:1px solid var(--ao-line-bright);font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.button-primary{color:var(--ao-on-pill);background:linear-gradient(var(--ao-pill-top),var(--ao-pill-bottom))}.button-primary:hover{background:var(--ao-accent-deep)}
.hero-footnote{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ao-ink-faint)}
.hero-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--ao-label-pink)}.hero-links a{text-decoration:underline;text-underline-offset:4px}
.mini-cross,.small-cross{color:var(--ao-label-pink);font-family:var(--ao-font-mono)}
.hero-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ao-console-gap);width:100%;max-width:520px;min-width:0;justify-self:center;align-items:start}
.hero-art{position:relative;display:flex;flex-direction:column;gap:var(--ao-console-gap);min-width:0;width:100%}
.art-registration,.art-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;letter-spacing:1px;color:var(--ao-ink-soft)}
.art-registration{color:var(--ao-label-pink)}
.art-footer{flex-wrap:wrap}
.portrait-frame{--screenshot-height:clamp(300px,52vh,460px);position:relative;width:calc(var(--screenshot-height) * 6 / 13);max-width:100%;margin-inline:auto;background-color:var(--ao-ground)}
.app-screenshot{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:6/13;margin-inline:auto}
.hero-specs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
.hero-specs>div{padding:var(--ao-inset-y) var(--ao-inset-x)}.hero-specs>div+div{border-left:1px solid var(--ao-line)}
.spec-index{font-size:var(--ao-label-size);letter-spacing:1px;color:var(--ao-label-pink)}
.hero-specs p{font-size:14px;color:var(--ao-ink-soft);margin:8px 0 0}.hero-specs strong{color:var(--ao-ink);font-weight:400}
.section-block{padding-block:28px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:var(--ao-console-gap)}
.section-heading>div{flex:1}.section-heading .eyebrow,.yours-copy>.eyebrow{margin-bottom:var(--ao-console-gap)}
.section-heading>p{color:var(--ao-ink-soft);font-size:14px;margin:0}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ao-console-gap)}
.feature-menu{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 16px}
.feature-tab{display:flex;align-items:center;gap:14px;text-align:left;width:100%;min-height:44px;padding:12px 16px;background:var(--ao-panel-deep);border:1px solid var(--ao-line-bright)}
.feature-tab[aria-selected="true"]{background:var(--ao-panel);border-color:var(--ao-accent)}.feature-tab:hover{background:var(--ao-panel)}
.feature-number{font-size:11px;color:var(--ao-ink-faint)}.feature-tab[aria-selected="true"] .feature-number{color:var(--ao-label-pink)}
.feature-tab strong{display:block;font:700 12px/1.6 var(--ao-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--ao-ink-soft)}.feature-tab[aria-selected="true"] strong{color:var(--ao-accent)}.feature-tab small{display:block;font-size:12px;color:var(--ao-ink-soft);margin-top:4px;line-height:1.5}
.feature-tab svg{margin-left:auto;color:var(--ao-ink-faint);width:16px;height:16px}.feature-tab[aria-selected="true"] svg{color:var(--ao-label-pink)}
.feature-aside{display:flex;align-items:flex-start;gap:8px;padding:16px}.feature-aside p{color:var(--ao-ink-soft);font-size:12px;margin:0}
.demo-panel{display:flex;flex-direction:column;min-width:0}
/* agentOsCard scanlines + four-corner frame: 16px arms, 6px gaps, 1.5px strokes. */
.corner-frame{position:relative;border-color:transparent;background-image:repeating-linear-gradient(to bottom,rgb(255 255 255 / var(--ao-scanline-alpha)) 0 1px,transparent 1px var(--ao-scanline-period))}
.corner-frame::after{content:"";position:absolute;inset:0;pointer-events:none;--arm:var(--ao-bracket-arm);--edge:var(--ao-bracket-width);--cut:calc(var(--arm) + var(--ao-bracket-gap));--corner:var(--ao-hairline);--line:var(--ao-line);background:linear-gradient(var(--corner),var(--corner)) left top/var(--arm) var(--edge),linear-gradient(var(--corner),var(--corner)) left top/var(--edge) var(--arm),linear-gradient(var(--corner),var(--corner)) right top/var(--arm) var(--edge),linear-gradient(var(--corner),var(--corner)) right top/var(--edge) var(--arm),linear-gradient(var(--corner),var(--corner)) left bottom/var(--arm) var(--edge),linear-gradient(var(--corner),var(--corner)) left bottom/var(--edge) var(--arm),linear-gradient(var(--corner),var(--corner)) right bottom/var(--arm) var(--edge),linear-gradient(var(--corner),var(--corner)) right bottom/var(--edge) var(--arm),linear-gradient(var(--line),var(--line)) center top/calc(100% - 2 * var(--cut)) var(--edge),linear-gradient(var(--line),var(--line)) center bottom/calc(100% - 2 * var(--cut)) var(--edge),linear-gradient(var(--line),var(--line)) left center/var(--edge) calc(100% - 2 * var(--cut)),linear-gradient(var(--line),var(--line)) right center/var(--edge) calc(100% - 2 * var(--cut));background-repeat:no-repeat}
.corner-frame::after{--line:var(--ao-hairline)}
.corner-frame{animation:scanline-roll var(--ao-scanline-duration) steps(4,end) infinite}
@keyframes scanline-roll{to{background-position-y:var(--ao-scanline-period)}}
.demo-topline{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--ao-label-pink);letter-spacing:1px;padding-bottom:12px;border-bottom:1px solid var(--ao-line)}
.demo-index{color:var(--ao-ink-faint);white-space:nowrap}
.demo-identity{display:flex;align-items:center;gap:14px;margin-top:14px}.demo-identity img{width:46px;height:46px;object-fit:cover;border:1px solid var(--ao-line-bright)}
.demo-identity strong{font-size:14px;font-weight:600}.demo-identity small{display:block;color:var(--ao-ink-soft);font-size:11px;margin-top:4px}.demo-identity svg{color:var(--ao-label-pink);margin-left:auto}
.demo-conversation{display:flex;flex-direction:column;gap:14px;padding-block:14px;min-height:160px}
.demo-message{padding-left:12px;border-left:1px solid var(--ao-line-bright)}.demo-message--alice{border-color:var(--ao-hairline)}
.demo-message__speaker{font-size:11px;letter-spacing:1px;color:var(--ao-ink-faint)}.demo-message--alice .demo-message__speaker{color:var(--ao-label-pink)}
.demo-message__text{font-size:14px;margin:4px 0 0}.demo-message--user .demo-message__text{color:var(--ao-ink-soft)}
.demo-description{margin-top:auto;border-top:1px solid var(--ao-line);padding-top:12px}.demo-description h3{font-size:14px;font-weight:600;margin:0 0 8px}.demo-description p{font-size:12px;color:var(--ao-ink-soft);margin:0}
.demo-caption{display:flex;align-items:flex-start;gap:8px;color:var(--ao-ink-soft);font-size:11px;margin-top:14px}
.utility-demos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ao-console-gap);margin-bottom:28px;scroll-margin-top:110px}
.utility-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:var(--ao-inset-y) var(--ao-inset-x);background-color:var(--ao-panel-deep)}
.utility-card h3{margin:var(--ao-inset-y) 0;font:700 var(--ao-title-size)/1.4 var(--ao-font-mono);letter-spacing:var(--ao-title-tracking)}
.utility-card>p:not(.eyebrow){margin:0 0 var(--ao-console-gap);color:var(--ao-ink-soft)}
.utility-card .portrait-frame{--screenshot-height:520px;margin-block:auto 0}
.utility-card .utility-caption{margin:var(--ao-inset-y) 0 0!important;font-size:12px}
.utility-caption a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.utility-demos{grid-template-columns:1fr}.utility-card .portrait-frame{--screenshot-height:560px}}
.companion-comparison{margin-top:28px;padding-top:28px;border-top:var(--ao-border-width) solid var(--ao-line)}
.comparison-intro{max-width:76ch;margin:0 0 var(--ao-console-gap);color:var(--ao-ink-soft)}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--ao-panel-deep);border:var(--ao-border-width) solid var(--ao-line)}
.comparison-table caption{text-align:left;padding-bottom:var(--ao-inset-y);font-size:12px;color:var(--ao-ink-soft)}
.comparison-table th,.comparison-table td{padding:var(--ao-inset-y) var(--ao-inset-x);text-align:left;vertical-align:top;border-bottom:var(--ao-border-width) solid var(--ao-line);overflow-wrap:anywhere}
.comparison-table thead th{font:600 var(--ao-label-size)/1.6 var(--ao-font-mono);letter-spacing:var(--ao-label-tracking);text-transform:uppercase;color:var(--ao-ink-soft)}
.comparison-table th:first-child{width:26%}.comparison-table tbody th{font-size:14px;font-weight:600}.comparison-table td{color:var(--ao-ink-soft)}
.comparison-table a,.discovery-note a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}
.comparison-table .comparison-alice{background:var(--ao-panel)}.comparison-alice th{color:var(--ao-label-pink);border-left:var(--ao-bracket-width) solid var(--ao-accent)}
.comparison-label{display:block;margin-top:4px;font:600 10px/1.6 var(--ao-font-mono);letter-spacing:1px;color:var(--ao-ink-soft)}
.comparison-note{margin:var(--ao-inset-y) 0 0;font-size:11px;color:var(--ao-ink-soft)}
@media(max-width:560px){.comparison-table th:first-child{width:39%}.comparison-table th,.comparison-table td{padding:var(--ao-inset-y)}.comparison-table thead th{letter-spacing:1px}}
.discovery-note{margin-top:var(--ao-console-gap);padding:var(--ao-inset-y) var(--ao-inset-x);background-color:var(--ao-panel-deep)}
.discovery-note h3{margin:var(--ao-inset-y) 0 8px;font:700 14px/1.6 var(--ao-font-mono)}.discovery-note>p:not(.eyebrow){margin:0 0 var(--ao-inset-y);max-width:90ch;color:var(--ao-ink-soft)}.comparison-cta{display:inline-block;font-size:12px;padding-block:4px}
.yours{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;border-top:1px solid var(--ao-line)}
.release-details .release-box{margin-top:0}
.yours-copy>p:not(.eyebrow){color:var(--ao-ink-soft);font-size:14px;margin:14px 0}.yours-copy>.yours-intro{color:var(--ao-ink)}
.release-box{margin-top:14px}.release-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:1px;margin-bottom:12px;color:var(--ao-ink-soft)}.release-label>span:last-child{color:var(--ao-label-pink)}
.download-action{width:100%}.release-box>p{font-size:11px;color:var(--ao-ink-soft);margin:12px 0 0}
.faq{margin-top:14px}.faq details+details{border-top:1px solid var(--ao-line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;font-size:14px;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-family:var(--ao-font-mono);color:var(--ao-label-pink)}.faq details[open] summary>span{transform:rotate(45deg)}
.faq details>p{font-size:12px;color:var(--ao-ink-soft);margin:0;padding:0 16px 12px}.faq a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}
.site-footer{background:var(--ao-panel-deep);border-top:1px solid var(--ao-line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:14px}
.footer-brand span{display:block;font-size:11px;color:var(--ao-ink-soft);font-weight:400;letter-spacing:1px}.back-top{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ao-ink-soft)}.back-top svg{width:16px;height:16px;color:var(--ao-label-pink)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-block:12px;border-top:1px solid var(--ao-line);font-size:11px;color:var(--ao-ink-faint)}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:14px;color:var(--ao-ink-soft)}.footer-bottom button{background:transparent;border:0;padding:0;font:inherit}.footer-bottom a:hover,.footer-bottom button:hover{color:var(--ao-label-pink)}.footer-signoff{color:var(--ao-ink-soft)}
@media(max-width:800px){.brand-sub{display:none}.site-header nav{gap:0}.header-cta{padding:8px}.hero,.experience-grid,.yours{grid-template-columns:1fr}.portrait-frame{--screenshot-height:clamp(340px,66vh,520px)}.art-footer{justify-content:flex-start}.section-heading{align-items:start}}
@media(max-width:560px){:root{scroll-padding-top:76px}.header-inner{min-height:0;gap:8px}.brand{gap:8px}.brand-symbol{width:36px;height:36px;font-size:16px}.header-cta{display:none}.site-header nav a{padding:12px 6px;white-space:nowrap}.hero-art{padding:var(--ao-inset-y)}.art-registration,.art-footer{letter-spacing:0;overflow-wrap:anywhere}.hero-specs{grid-template-columns:1fr}.hero-specs>div+div{border-left:0;border-top:1px solid var(--ao-line)}.hero-specs p{margin-top:4px}.section-heading{flex-direction:column;gap:14px}.section-heading>div{width:100%}.section-heading>p br{display:none}.demo-topline{letter-spacing:0}.footer-top{align-items:flex-start}.footer-brand span{max-width:180px}.back-top{font-size:11px;max-width:80px}.button{font-size:12px}}
@media(max-width:400px){.site-header nav span{display:none}.site-header nav a{padding-inline:2px}}
html[data-motion="paused"],html[data-motion="paused"] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion="running"]),html:not([data-motion="running"]) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.developer-note{margin-top:28px;padding:var(--ao-inset-y) var(--ao-inset-x);background-color:var(--ao-panel-deep)}
.developer-note .eyebrow{margin:0;font-size:var(--ao-label-size)}
.developer-note>p{color:var(--ao-ink-soft);font-size:14px;margin:var(--ao-inset-y) 0 0}

/* Feature recordings: intrinsic crops, one shared companion player, user-started playback. */
.demo-intro{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;color:var(--ao-ink-soft);font-size:12px}
.demo-intro p{margin:0}.demo-intro a,.demo-caption a, .feature-menu noscript a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}
.app-screenshot{aspect-ratio:auto;object-fit:contain;background:var(--ao-ground)}
.utility-demos{grid-template-columns:repeat(2,minmax(0,1fr))}
.utility-stage{display:grid;place-items:center;width:100%;height:420px;margin-top:auto;background:var(--ao-ground)}
.utility-stage .app-screenshot{width:100%;height:100%;max-height:420px;object-fit:contain}
.utility-caption{width:100%;overflow-wrap:anywhere}
.companion-heading{scroll-margin-top:110px;padding-top:8px}
.experience-grid{grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);align-items:start}
.feature-menu{padding:16px}.feature-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.feature-tab{min-height:68px;padding:12px;gap:8px}.feature-tab strong{font-size:11px;overflow-wrap:anywhere}.feature-tab svg{width:12px;height:12px}
.feature-aside{padding:20px 0 0}.feature-stage{display:grid;place-items:center;height:440px;margin-block:16px;background:var(--ao-ground)}
.feature-stage .app-screenshot{width:100%;height:100%;max-height:440px;object-fit:contain}
.demo-description{margin-top:0}.demo-caption{justify-content:space-between;flex-wrap:wrap}.demo-caption a{white-space:nowrap}
@media(min-width:1000px){.utility-demos{grid-template-columns:repeat(4,minmax(0,1fr))}.utility-card h3{font-size:16px;letter-spacing:1px}.utility-card>p:not(.eyebrow){font-size:12px}.utility-stage,.utility-stage .app-screenshot{height:360px;max-height:360px}}
@media(max-width:800px){.experience-grid{grid-template-columns:1fr}.feature-aside{padding-top:12px}.feature-stage,.feature-stage .app-screenshot{height:420px;max-height:420px}}
@media(max-width:560px){.utility-demos{grid-template-columns:1fr}.demo-intro{flex-direction:column;gap:8px}.utility-stage,.utility-stage .app-screenshot{height:480px;max-height:480px}.feature-menu{padding:12px}.feature-tab{min-height:44px;padding:8px;gap:6px}.feature-tab svg{display:none}.feature-stage,.feature-stage .app-screenshot{height:380px;max-height:380px}}

.utility-demos,.companion-heading{scroll-margin-top:16px}

/* Hero action row and the practical facts beside it. */
.hero-actions{display:flex;flex-wrap:wrap;gap:8px}
.button-meta{font-size:11px;font-weight:400;color:var(--ao-label-pink)}
.hero-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;width:100%;margin:0;padding:0;list-style:none;border-top:1px solid var(--ao-line)}
.hero-facts li{padding:8px 0;border-bottom:1px solid var(--ao-line);font-size:12px;line-height:1.5;color:var(--ao-ink-soft)}
.hero-facts strong{display:block;font:600 var(--ao-label-size)/1.6 var(--ao-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--ao-ink)}
.hero-facts a,.price-box a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}

/* Intro film: vertical 9:16 player beside its copy, under the hero; loads only when played. */
.intro-film{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;align-items:center;padding:var(--ao-inset-y) var(--ao-inset-x);background-color:var(--ao-panel-deep);scroll-margin-top:96px}
.intro-video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:var(--ao-ground)}
.intro-film-copy{display:flex;flex-direction:column;gap:var(--ao-console-gap)}
.intro-film-copy>p:not(.eyebrow){margin:0;font-size:14px;color:var(--ao-ink-soft);max-width:52ch}
.intro-caption a{color:var(--ao-label-pink);text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.intro-film{grid-template-columns:1fr}.intro-video{max-width:340px;margin-inline:auto}}

/* What needs a plan: shown before the download button. */
.price-box{margin-bottom:14px;padding:var(--ao-inset-y) var(--ao-inset-x);background-color:var(--ao-panel-deep);scroll-margin-top:96px}
.price-box h3{margin:var(--ao-inset-y) 0;font:700 14px/1.6 var(--ao-font-mono);letter-spacing:1px}
.price-rows{margin:0;border-top:1px solid var(--ao-line)}.price-rows>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:8px 0;border-bottom:1px solid var(--ao-line)}
.price-rows dt{font:600 var(--ao-label-size)/1.6 var(--ao-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--ao-ok)}.price-rows dt.price-plan{color:var(--ao-label-pink)}
.price-rows dd{margin:0;font-size:12px;color:var(--ao-ink-soft)}
.price-note{margin:12px 0 0;font-size:12px;color:var(--ao-ink)}
@media(max-width:560px){.hero-facts{grid-template-columns:1fr}.hero-actions .button{flex:1 1 100%}.price-rows>div{grid-template-columns:1fr;gap:4px}}