/* One layout contract for the entire site. Content is constrained; backgrounds are not. */
:root{--content-max:1600px;--reading-max:1180px;--header-height:88px;--header-gutter:clamp(20px,2.5vw,52px);--nav-size:13px;--nav-gap:30px;--brand-size:19px;--motion-duration:650ms;--motion-ease:cubic-bezier(.2,.7,.2,1)}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 18px)}
body{overflow-x:clip}.site,.inner-page .site{width:100%;max-width:none;overflow:clip}.section-inner{width:min(100%,var(--content-max));height:100%;margin-inline:auto;position:relative}
.site-header{position:absolute;z-index:10;inset:0 0 auto;width:100%;height:var(--header-height);padding:0;background:transparent;font:500 var(--nav-size)/1.4 Inter,sans-serif}
.site-header .header-inner{height:100%;width:100%;padding:0 var(--header-gutter);display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-header .brand,.site-footer .brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.site-header .brand{flex-shrink:0;color:#f3f3f7}
.site-header .brand img{width:28px;height:32px;object-fit:contain;filter:brightness(1.3)}
.site-header .brand>span{font-size:var(--brand-size);font-weight:650;letter-spacing:.25em;line-height:1.3}
.site-header .brand small{display:block;font-size:8px;line-height:1.4;letter-spacing:.25em;color:#b2b6be;margin-top:3px}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:var(--nav-gap);margin:0;font-size:var(--nav-size)}
.site-header nav a{position:relative;padding:10px 0;color:#bdc5d0;white-space:nowrap;transition:color 180ms ease}
.site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:linear-gradient(90deg,#b88aff,#75cfff);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}
.site-header nav a:hover,.site-header nav a[aria-current="page"]{color:#f5f6fb}
.site-header nav a:hover::after,.site-header nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-header .header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.site-header .button.small{display:inline-flex;align-items:center;gap:9px;padding:13px 21px;height:42px;font:650 12px/1 Inter,sans-serif;border:0;border-radius:22px;background:linear-gradient(105deg,#b489f7,#74d4f1);color:#101827}
.site-header .download-svg{width:15px;height:15px}
.site-header .menu{display:none;background:none;padding:10px 0 10px 10px;border:0;width:31px;height:40px}
.site-header .menu span{height:1.5px;background:#d1d9e6;display:block;margin:5px 0;transition:transform 220ms ease,opacity 220ms ease}
.inner-page main{padding-top:var(--header-height)}
.platform-cards,.use-cases{width:min(100%,var(--content-max));margin-inline:auto}
.how{padding:0}.how>.section-inner{padding:calc(33 * var(--s)) calc(28 * var(--s)) 0}
.agents{background:#03090d url('/assets/agent-hd.png') right center/auto 100% no-repeat}
.agents .agent-art{visibility:hidden}
.browser-section{display:block}.browser-section>.section-inner{display:grid;grid-template-columns:calc(414 * var(--s)) 1fr;gap:calc(30 * var(--s));align-items:center}
.hero-photo{background-image:url('/assets/hero-hd.png')}.download-background{background-image:url('/assets/footer-hd.png')}
.download-copy{margin-left:calc(157 * var(--s))}.hero-note{right:calc(28 * var(--s))}
.page-wrap{width:min(var(--reading-max),90%)}
.artwork{position:relative;overflow:hidden;background:#03090d}
.artwork>img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:cover}
.platform-art{height:auto;aspect-ratio:218/155;width:100%}
.globe-art{width:calc(268 * var(--s));height:calc(290 * var(--s));aspect-ratio:auto}
.globe-art>img{object-fit:contain}
.agent-art{width:calc(373 * var(--s));height:calc(301 * var(--s));aspect-ratio:373/301}
.browser-art{aspect-ratio:414/278;height:auto;max-height:none}
.hero-visual .artwork{width:100%;max-width:450px;margin:0 auto;background:none}
.hero-visual .artwork>img{height:auto;object-fit:contain}
.download-item .artwork{width:100%;aspect-ratio:218/155;margin-bottom:25px}
.page-cta:before{background-image:linear-gradient(90deg,#03090de8,#03090d88),url('/assets/footer-hd.png')}
/* Motion follows the content, never hijacks scrolling or hides content without JS. */
@media(prefers-reduced-motion:no-preference){
 .motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity var(--motion-duration) var(--motion-ease),transform var(--motion-duration) var(--motion-ease)}
 .motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
 .platform-art img,.browser-art img{transition:transform 650ms var(--motion-ease)}
 .platform:hover .platform-art img,.browser-art:hover img{transform:scale(1.025)}
 .button{transition:transform 220ms ease,filter 220ms ease}
 .use-grid :is(button,a){transition:transform 250ms ease,background-color 250ms ease}
 .use-grid :is(button,a):hover{transform:translateY(-3px)}
 dialog[open]{animation:dialog-in 260ms var(--motion-ease)}
 @keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
}
@media(min-width:1601px){.agents{background-size:auto 112%}.hero-photo{background-position:center}.browser-section{background:linear-gradient(90deg,#09121a 0%,#03090d 24%)}}
@media(max-width:1100px){:root{--nav-gap:18px;--nav-size:12px;--brand-size:16px}.site-header .header-inner{gap:20px}.site-header .button.small{padding:12px 16px}.site-header .brand img{width:25px}.site-header .brand{gap:10px}}
@media(max-width:860px){:root{--header-height:74px;--brand-size:15px;--header-gutter:22px}.site-header .header-inner{gap:15px}.site-header .menu{display:block}.site-header .header-actions{gap:16px}.site-header nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;padding:22px var(--header-gutter) 30px;background:#03090df5;flex-direction:column;align-items:flex-start;gap:8px;font-size:14px;border:0;border-radius:0}.site-header nav.open{display:flex}.site-header nav a{width:100%;padding:11px 0}.site-header nav a::after{right:auto;width:34px}.site-header .menu[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.site-header .menu[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}}
@media(max-width:650px){:root{--header-gutter:20px;--brand-size:13px}.site-header .brand img{width:23px;height:28px}.site-header .brand small{font-size:6px}.site-header .brand{gap:9px}.site-header .button.small{height:36px;padding:10px 13px;font-size:10px}.site-header .header-actions{gap:12px}.site-header .download-svg{width:12px;height:12px}.site-header .menu{width:28px}.section-inner{width:100%}.how{padding:0}.how>.section-inner{padding:45px 23px 0}.globe-art{width:100%;height:auto;aspect-ratio:268/290;max-width:350px;margin:15px auto 0}.agents{background-image:none}.agents .agent-art{visibility:visible;width:100%;height:auto;aspect-ratio:373/301}.browser-section>.section-inner{display:flex;flex-direction:column;gap:28px;align-items:stretch}.browser-art{width:100%;aspect-ratio:414/278}.download-copy{margin-left:22px}.hero-note{right:18px}.hero-visual .artwork{width:100%;max-width:450px}.hero-visual .artwork>img{height:auto}.platform-art{height:auto;max-height:none;aspect-ratio:218/155}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}*,*::before,*::after{animation:none!important;transition:none!important}}
.hero-visual .artwork:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03090d,transparent 5%,transparent 95%,#03090d),linear-gradient(0deg,#03090d,transparent 6%,transparent 94%,#03090d)}
@media(min-width:1601px){.hero-photo{background-size:auto 100%;background-position:right center;background-repeat:no-repeat;background-color:#03090d}}
.hero-visual .scene-image{height:auto}
@media(max-width:860px){.site-header nav{background:#03090d}}