/* Shared typography and full-width photographic sections. */
:root{--type-h1:clamp(42px,4.5vw,80px);--type-h2:clamp(30px,3.15vw,56px);--type-body:clamp(16px,1.35vw,21px);--type-small:clamp(13px,1.05vw,17px);--type-label:clamp(10px,.75vw,12px);--nav-size:clamp(15px,.9vw,20px);--nav-gap:clamp(20px,1.5vw,38px);--brand-size:clamp(19px,1.1vw,27px);--header-height:clamp(88px,4vw,116px);--content-padding:clamp(24px,4vw,72px);--section-height:clamp(660px,34vw,1000px)}
body,.inner-page{font-family:Inter,'DM Sans',sans-serif;font-size:var(--type-body);line-height:1.55}
.hero-copy h1,.page-hero h1{font-size:var(--type-h1);line-height:1.04;font-weight:650;letter-spacing:-.05em}
.how h2,.agents h2,.browser-copy h2,.use-cases h2,.download-copy h2,.editorial h2,.page-cta h2{font-size:var(--type-h2);font-weight:600;line-height:1.1;letter-spacing:-.04em}
.hero-copy>p,.how-copy>p,.agents-copy>p,.browser-copy>p,.download-copy>p,.page-hero p,.editorial p{font-size:var(--type-body);line-height:1.6;color:#b6c0ce}
.hero-copy .eyebrow,.eyebrow,.inner-page .eyebrow{font-size:var(--type-label);letter-spacing:.16em}
.checks li,.browser-copy .checks li,.editorial .body-copy ul{font-size:var(--type-small);line-height:1.55;white-space:normal}
.hero-copy>p,.how-copy>p,.agents-copy>p,.browser-copy>p{margin-top:22px}
.inner-page .button,.hero-buttons .button,.download-buttons .button{font-size:14px}
.site-header .button.small{font-size:14px;height:46px;padding:14px 23px}
.site-header .brand img{width:32px;height:37px}.site-header .brand small{font-size:9px}
.hero{height:clamp(760px,38vw,1120px);min-height:760px;width:100%}
.hero-photo,.download-background,.scene-background,.page-hero-bg{position:absolute;inset:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}
.hero-photo{background-image:url('/assets/hero-background.png');background-position:center center}
.hero-shade{background:linear-gradient(90deg,#02070cc9 0%,#02070c66 28%,transparent 60%),linear-gradient(0deg,#03090d 0%,transparent 15%)}
.hero>.section-inner{display:flex;align-items:center;padding:var(--header-height) var(--content-padding) 55px}
.hero-copy{position:relative;top:auto;left:auto;right:auto;width:min(760px,56%)}
.hero-copy h1{white-space:nowrap;margin-top:24px}
.hero-copy>p{width:auto;max-width:550px}.hero-buttons{margin-top:30px;gap:16px}.hero-buttons .button{height:52px;padding:15px 22px}.hero-buttons .play{width:23px;height:23px;font-size:16px}.hero-buttons .download-svg{width:20px;height:20px}.hero-buttons .button b{font-size:22px}
.platform-labels{font-size:14px;gap:25px;margin-top:28px}.platform-labels .win-icon,.platform-labels svg{width:17px;height:17px}
.hero-note{top:25%;right:var(--content-padding);font-size:clamp(25px,2vw,38px)}
.how,.agents,.browser-section{position:relative;height:var(--section-height);min-height:var(--section-height);padding:0;border:0;background:#03090d;isolation:isolate}
.scene-background{z-index:-2;pointer-events:none}
.scene-background:after{content:'';position:absolute;inset:0;pointer-events:none}
.how .scene-background{background-image:url('/assets/globe-background.png');background-position:65% center}
.how .scene-background:after{background:linear-gradient(90deg,#03090dd9,#03090d77 42%,transparent 72%),linear-gradient(0deg,#03090d,transparent 15%,transparent 85%,#03090d)}
.agents .scene-background{background-image:url('/assets/agent-background.png');background-position:65% center}
.agents .scene-background:after{background:linear-gradient(90deg,#03090de3,#03090d88 35%,transparent 68%),linear-gradient(0deg,#03090d,transparent 12%,transparent 90%,#03090d)}
.browser-section .scene-background{background-image:url('/assets/browser-background.png');background-position:35% center}
.browser-section .scene-background:after{background:linear-gradient(270deg,#03090de8,#03090da6 35%,transparent 68%),linear-gradient(0deg,#03090d,transparent 14%,transparent 90%,#03090d)}
.how>.section-inner,.agents>.section-inner,.browser-section>.section-inner{display:flex;align-items:center;position:relative;padding:70px var(--content-padding);gap:0}
.how-copy{max-width:760px;width:53%}.how h2{white-space:normal;margin-top:20px}.how-copy>p{max-width:690px}
.steps{width:100%;max-width:760px;gap:25px;margin-top:38px}.steps h3{font-size:17px;margin-top:8px}.steps p{font-size:14px;line-height:1.6;max-width:155px}.steps .number{width:42px;height:42px;font-size:21px}.step-symbol{width:70px;height:70px;margin-left:20px}.step-symbol svg{width:34px;height:34px}.steps li{padding-top:23px}.steps li:not(:last-child):after{top:50px;right:-12px;font-size:18px}
.agents-copy{padding:0;margin:0;max-width:650px;width:48%}.agents-copy>p{max-width:600px}.checks{margin-top:30px}.checks li{margin:17px 0;padding-left:30px}.checks li:before{width:18px;height:18px;font-size:12px;border-width:1.5px;top:3px}
.browser-copy{width:43%;max-width:650px;margin-left:auto;padding:0}.browser-copy h2{margin-top:20px}.browser-copy .checks li{margin:17px 0;padding-left:30px}.scene-open{display:inline-flex;gap:24px;background:none;padding:15px 0;color:#bac5ff;font-size:14px;margin-top:16px}.scene-open:hover{color:#7dd2f1}
.use-cases{height:auto;padding:65px var(--content-padding) 75px}.use-grid{margin-top:30px;gap:20px}.use-grid :is(button,a){min-height:120px;height:auto;padding:20px;gap:18px}.use-grid b{font-size:17px}.use-grid small{font-size:14px}.use-icon{width:62px;height:62px}.use-grid i{font-size:18px}
.download{height:clamp(500px,24vw,720px)}.download-background{background-size:cover;background-position:center 55%}.download>.section-inner{display:flex;align-items:center;padding:65px var(--content-padding)}.download-copy{margin-left:clamp(0px,8vw,180px);padding-top:0}.download-copy h2{margin-top:20px}.download-copy>p{font-size:var(--type-small);margin-top:18px}.download-buttons{margin-top:24px;gap:12px}.download-buttons .button{height:48px;padding:14px 18px;font-size:12px}.download-copy>small{font-size:12px;margin-top:20px}.footer-note{font-size:clamp(24px,1.8vw,36px);right:var(--content-padding);bottom:55px}
/* Subpage heroes use the same full-bleed scene system, never a second image column. */
.inner-page main{padding-top:0}.page-hero{isolation:isolate;display:flex;min-height:clamp(730px,34vw,1000px);width:100%;overflow:hidden}
.page-hero-bg{z-index:-2;background-position:center;background-image:url('/assets/footer-hd.png')}
.page-hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03090de8 0%,#03090d99 40%,#03090d22 75%),linear-gradient(0deg,#03090d,transparent 24%)}
.page-hero[data-scene="agent"] .page-hero-bg{background-image:url('/assets/agent-background.png');background-position:65% center}
.page-hero[data-scene="globe"] .page-hero-bg{background-image:url('/assets/globe-background.png');background-position:65% center}
.page-hero[data-scene="hero"] .page-hero-bg{background-image:url('/assets/hero-background.png');background-position:center}
.page-hero[data-scene="browser"] .page-hero-bg{background-image:url('/assets/browser-background.png');background-position:35% center}
.page-hero[data-scene="browser"] .page-hero-bg:after{background:linear-gradient(270deg,#03090de8,#03090d99 40%,#03090d22 75%),linear-gradient(0deg,#03090d,transparent 24%)}
.page-hero[data-scene="landscape"] .page-hero-bg:after{background:linear-gradient(90deg,#03090de8,#03090db0),linear-gradient(0deg,#03090d,transparent)}
.page-hero .page-wrap{display:block;width:min(100%,var(--content-max));padding:calc(var(--header-height) + 70px) var(--content-padding) 90px;position:relative;z-index:1}
.page-hero .page-wrap>div{width:53%;max-width:760px}.page-hero[data-scene="browser"] .page-wrap>div{width:45%;margin-left:auto}
.page-hero p{max-width:620px;margin-top:26px}.page-hero .page-actions{gap:30px;margin-top:32px}.page-hero .button{font-size:14px;padding:16px 23px}.page-status{font-size:12px;line-height:1.6;margin-top:26px;max-width:500px}
.editorial p{font-size:var(--type-small)}.editorial h3{font-size:25px}.editorial .section-label{font-size:12px}.feature-line p,.pricing-grid p,.download-item p{font-size:var(--type-small)}.pricing-grid .price-label{font-size:16px}.price{font-size:clamp(48px,4vw,72px)}.price small{font-size:16px}.help-item summary{font-size:21px}.help-item p,.legal-body p,.legal-body address{font-size:var(--type-small)}
/* Tablet: preserve image direction and give the copy sufficient space. */
@media(max-width:1100px){:root{--header-height:84px;--content-padding:32px;--section-height:720px}.site-header .menu{display:block}.site-header nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;padding:20px var(--header-gutter) 28px;flex-direction:column;align-items:flex-start;gap:8px;background:#03090d;font-size:16px;border:0;border-radius:0}.site-header nav.open{display:flex}.site-header nav a{width:100%;padding:12px 0}.site-header .header-actions{gap:20px}.how-copy{width:62%}.agents-copy{width:56%}.browser-copy{width:49%}.steps{gap:15px}.steps p{font-size:12px}.steps h3{font-size:15px}.how .scene-background,.agents .scene-background{background-position:58% center}.browser-section .scene-background{background-position:42% center}.use-grid{grid-template-columns:repeat(2,1fr)}.hero{height:760px}.hero-copy{width:64%}.hero-note{display:none}.page-hero .page-wrap>div{width:62%}.page-hero[data-scene="browser"] .page-wrap>div{width:52%}.download-copy{margin-left:0}.footer-note{bottom:24px}}
/* Mobile: artwork remains a section background, extending behind the copy. */
@media(max-width:650px){:root{--type-h1:clamp(35px,9vw,47px);--type-h2:clamp(29px,7.5vw,38px);--type-body:16px;--type-small:14px;--type-label:10px;--header-height:74px;--content-padding:23px;--nav-size:16px;--brand-size:14px;--section-height:auto}.site-header .brand img{width:25px;height:29px}.site-header .brand small{font-size:7px}.site-header .button.small{font-size:11px;height:38px;padding:12px 14px}.site-header .header-inner{gap:12px}.hero{height:850px;min-height:850px}.hero>.section-inner{align-items:flex-start;padding:130px var(--content-padding) 40px}.hero-photo{background-size:cover;background-position:61% center}.hero-shade{background:linear-gradient(180deg,#03090de8 0%,#03090de0 48%,#03090d25 78%,#03090d 100%)}.hero-copy{width:100%;max-width:none}.hero-copy h1{white-space:normal;margin-top:20px}.hero-copy>p{max-width:100%;margin-top:20px;line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:10px;margin-top:23px}.hero-buttons .button{height:46px;padding:13px 15px;font-size:12px}.platform-labels{font-size:12px;gap:18px}.hero-note{display:none}.how,.agents,.browser-section{height:auto;min-height:800px;display:block}.how>.section-inner,.agents>.section-inner,.browser-section>.section-inner{display:block;padding:65px var(--content-padding) 300px;height:auto;min-height:inherit}.how-copy,.agents-copy,.browser-copy{width:100%;max-width:none;padding:0;margin:0}.how h2{white-space:normal}.how-copy>p,.agents-copy>p,.browser-copy>p{max-width:none}.how .scene-background{background-position:67% center}.agents .scene-background{background-position:68% center}.browser-section .scene-background{background-position:25% center}.scene-background:after,.how .scene-background:after,.agents .scene-background:after,.browser-section .scene-background:after{background:linear-gradient(180deg,#03090dec 0%,#03090dc9 48%,#03090d44 73%,#03090d 100%)}.steps{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}.steps p{font-size:13px;max-width:none}.steps h3{font-size:16px}.steps li:not(:last-child):after{display:none}.checks{margin-top:25px}.checks li,.browser-copy .checks li{font-size:14px;margin:15px 0}.scene-open{font-size:13px}.use-cases{padding:50px var(--content-padding)}.use-grid{grid-template-columns:1fr;gap:12px}.use-grid :is(button,a){min-height:105px;padding:16px}.use-grid b{font-size:15px}.use-grid small{font-size:13px}.use-icon{width:49px;height:49px}.download{height:auto;min-height:540px}.download>.section-inner{padding:55px var(--content-padding) 120px}.download-copy{margin:0}.download-copy>p{font-size:14px}.download-buttons{gap:9px;max-width:100%;flex-wrap:wrap}.download-buttons .button{font-size:11px;height:43px}.download-copy>small{font-size:10px}.footer-note{font-size:22px;bottom:22px}.page-hero{min-height:820px}.page-hero .page-wrap{padding:calc(var(--header-height) + 65px) var(--content-padding) 300px}.page-hero .page-wrap>div,.page-hero[data-scene="browser"] .page-wrap>div{width:100%;max-width:none;margin:0}.page-hero p{font-size:var(--type-body);margin-top:22px}.page-hero .page-actions{gap:16px;flex-wrap:wrap;margin-top:24px}.page-hero .button{font-size:12px;padding:14px 18px}.page-hero-bg,.page-hero[data-scene="hero"] .page-hero-bg,.page-hero[data-scene="agent"] .page-hero-bg,.page-hero[data-scene="globe"] .page-hero-bg{background-position:65% center}.page-hero[data-scene="browser"] .page-hero-bg{background-position:25% center}.page-hero-bg:after,.page-hero[data-scene="browser"] .page-hero-bg:after{background:linear-gradient(180deg,#03090de8,#03090dc4 48%,#03090d55 75%,#03090d)}.page-status{font-size:11px}.editorial p,.feature-line p,.pricing-grid p,.download-item p,.help-item p,.legal-body p,.legal-body address{font-size:14px}.help-item summary{font-size:18px}.price{font-size:54px}.price small{font-size:14px}.editorial h3{font-size:23px}}
@media(min-width:651px) and (max-width:1900px){.hero-photo,.page-hero[data-scene="hero"] .page-hero-bg{background-image:url('/assets/hero-hd.png');background-position:center}}