/* X-Tour — responsive product presentation. One coherent scale. */
:root{--content:1360px;--gutter:clamp(24px,4vw,64px)}
.wrap{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--gutter)}
html{scroll-padding-top:110px}
header{position:sticky;top:0;z-index:20;max-width:none;padding:15px max(var(--gutter),calc((100vw - 1232px)/2));background:#080c16ed;backdrop-filter:blur(22px);border-bottom:1px solid #b8d4ff1a;box-shadow:0 10px 40px #0002;gap:24px}
header .brand img{width:172px;height:48px}
nav{gap:25px;font-size:14px}
nav .button{font-size:14px;padding:12px 20px;min-height:46px}
nav a.primary:hover{color:#17220a}
.button{font-size:15px;min-height:50px;padding:15px 23px;gap:20px;border-radius:10px}
.text-link{font-size:14px}.primary{box-shadow:0 6px 26px #bbff4717}.secondary{background:#182132}
.hero{grid-template-columns:1fr 1.12fr;gap:54px;min-height:0;padding-top:66px;padding-bottom:76px;overflow:visible}
.hero h1{font-size:clamp(48px,4.4vw,66px);line-height:1.07;letter-spacing:-.055em;margin-bottom:24px}
.hero h1 br{display:none}.hero h1 em{display:block;max-width:560px}
.hero .lead{font-size:18px;line-height:1.75;max-width:530px;margin:24px 0}
.hero .eyebrow{font-size:12px;color:var(--cyan);letter-spacing:1.6px;margin-bottom:22px}
.hero .cta-row{gap:23px;margin-top:30px}
.hero-chips{margin-top:25px;gap:10px}.hero-chips span{font-size:12px;border-color:#91a9d02c;padding:7px 14px}
.hero-product{align-self:center;transform:none;border:1px solid #96b2ef40;border-radius:18px;box-shadow:0 30px 80px #0006,0 0 80px #7b53df18;overflow:hidden}
.hero-screen img{height:auto;aspect-ratio:1.26;object-fit:cover;object-position:top}
.screen-heading{padding:16px 18px;font-size:10px;letter-spacing:.8px}
.screen-heading span:last-child{display:none}
.screen-caption{padding:17px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.screen-caption b{font-size:14px}.screen-caption span{font-size:10px;color:#8fa0b9}
.product-tag{position:static;transform:none;box-shadow:none;border-radius:0;background:#bdff4710;color:#d5ff8e;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #bdff4725}
.product-tag span{font-size:10px;letter-spacing:.6px}.product-tag b{font-size:13px;margin:0}
.quick-nav{max-width:var(--content);margin:auto;padding:0 var(--gutter) 34px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;border:0;background:none;overflow:visible;white-space:normal}
.quick-nav a{display:flex;align-items:center;justify-content:center;min-height:68px;padding:14px 10px;background:linear-gradient(145deg,#182033,#0e1522);border:1px solid #92a9d425;border-radius:12px;font-size:14px;text-align:center;transition:border-color .2s,transform .2s}
.quick-nav a:hover{border-color:#bdff4780;transform:translateY(-3px);color:var(--lime)}
.section{padding-top:76px;padding-bottom:76px}
h2,.map-layout h2,.mobile-copy h2{font-size:clamp(34px,3.3vw,46px);line-height:1.15;letter-spacing:-.045em}
.eyebrow{font-size:12px;line-height:1.7;letter-spacing:1.7px;margin-bottom:18px}
.section-heading{gap:54px;align-items:center;margin-bottom:38px}
.section-heading>p{max-width:405px;font-size:17px;line-height:1.75}
.dashboard-showcase{background:radial-gradient(ellipse at 50% 45%,#34578812,transparent 70%)}
.dashboard-display{display:grid;grid-template-columns:1.65fr .85fr;gap:28px;align-items:stretch}
.dashboard-display>.product-image{align-self:stretch;border-radius:18px;box-shadow:0 20px 55px #0005}
.dashboard-display>.product-image img{height:100%;min-height:460px;aspect-ratio:auto;object-fit:cover;object-position:top}
.dashboard-details{display:flex;flex-direction:column;gap:12px}
.dashboard-details article{padding:22px;background:linear-gradient(135deg,#151e30,#101623);border:1px solid #a2b8ed20;border-radius:13px}
.dashboard-details b{font-size:19px}.dashboard-details p{font-size:16px;line-height:1.65;margin:10px 0 0}
.dashboard-details>.button{margin-top:0}
.feature-story,.feature-story.reverse{grid-template-columns:.92fr 1.08fr;gap:60px;align-items:center;border-top:1px solid #ffffff0b}
.feature-story.reverse{grid-template-columns:1.08fr .92fr}
.story-copy>p:not(.eyebrow),.map-layout>div>p:not(.eyebrow),.mobile-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;margin:24px 0}
.benefits{margin:22px 0 28px}.benefits li{font-size:15px;line-height:1.65;padding-block:8px}
.story-screen{padding:14px;background:linear-gradient(145deg,#1a2740,#111522);border:1px solid #a4c0ef28;border-radius:20px;box-shadow:0 24px 55px #0003}
.story-screen .product-image{box-shadow:none;border-radius:10px}
.story-screen .product-image img{height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.story-screen .image-caption{font-size:12px;margin:13px 5px 2px;color:#a2b2cc}
.conversion-band{max-width:none;padding:48px max(var(--gutter),calc((100vw - 1232px)/2));gap:45px;background:linear-gradient(110deg,#c6ff69,#a8ef51)}
.conversion-band h2{font-size:38px}.conversion-band>div:last-child{gap:16px}
.document-layout{grid-template-columns:1.12fr .88fr;gap:42px}
.document-visual{padding:14px;border:1px solid #91b3e930;border-radius:18px;background:#111a2a}
.document-visual .product-image img{aspect-ratio:1.45}
.file-types{margin:15px 0 0}.file-types span{font-size:11px}
.delivery-list article{padding:18px 0;gap:20px}
.delivery-list h3{font-size:22px}.delivery-list p{font-size:16px;line-height:1.7}.delivery-list .button{margin-top:25px}
.map-layout{grid-template-columns:.9fr 1.1fr;gap:52px}
.map-layout .product-image{border-radius:18px;box-shadow:0 20px 65px #50e8ff0b}
.mobile-section{grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.mobile-stage{padding:15px 45px 30px}
.phone-frame{width:270px;border:6px solid #2d374d;border-radius:38px;transform:rotate(-3deg);box-shadow:0 30px 90px #0009,0 0 60px #8060df15}
.phone-frame .product-image{border-radius:30px}
.mobile-label{bottom:45px;right:0;padding:18px 23px}.mobile-label b{font-size:22px}
.mobile-copy h2 br{display:none}.mobile-copy h2 em{display:block}
.share-section{max-width:none;padding-inline:max(var(--gutter),calc((100vw - 1232px)/2));background:#101624}
.share-grid{gap:18px;margin-top:38px}
.share-grid article{padding:26px 23px;border:1px solid #afc8f522;border-radius:14px;background:#171f30}
.share-grid h3{font-size:21px;line-height:1.3;margin-block:18px 12px}.share-grid p{font-size:16px;line-height:1.7;margin:0}
.explorer{grid-template-columns:.85fr 1.4fr;border-radius:18px}
.tabs{padding:18px}.tabs button{padding:20px 16px;font-size:14px}
[role=tabpanel]{padding:38px}[role=tabpanel] h3{font-size:30px}[role=tabpanel]>p:not(.eyebrow){font-size:16px;line-height:1.8}
.finance-highlight>.product-image{max-width:1100px;margin-inline:auto;border-radius:18px}
.finance-highlight>.product-image img{height:auto;max-height:600px;aspect-ratio:1.85;object-fit:cover;object-position:top}
.features{background:none;border:0;gap:18px;overflow:visible}
.features article{padding:28px;background:linear-gradient(145deg,#161f30,#0e1521);border:1px solid #afc4ef22;border-radius:15px}
.features .feature-icon{margin-bottom:23px}.features h3{font-size:21px}.features p{font-size:16px;line-height:1.75}
.access{gap:70px}.access h2 br{display:none}.access h2 em{display:block}
.access-stack article{padding:24px 28px}
.access-stack article:nth-child(2),.access-stack article:nth-child(3){margin-left:0}
.access>div>p:not(.eyebrow){font-size:17px;line-height:1.8}
.review-grid{gap:20px}.review-grid article{padding:28px}.review-grid blockquote{font-size:17px;line-height:1.75;margin:24px 0}.example-badge{font-size:11px}
.subscription-section{border-top:1px solid var(--line)}
.subscription-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.subscription-steps article{padding:27px;border:1px solid #9eb9ec2a;border-radius:14px;background:#141c2b}
.subscription-steps article>span{font-size:14px;font-weight:800;color:var(--lime)}
.subscription-steps h3{font-size:22px;margin:18px 0 12px}
.subscription-steps p,.subscription-pending p{font-size:16px;line-height:1.75;color:var(--muted)}
.subscription-pending{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;margin-top:24px;border:1px solid #bbff4730;border-radius:14px;background:#bbff4708}
.subscription-pending p{max-width:690px;margin:8px 0 0}.subscription-pending .button{flex-shrink:0}
.closing{max-width:none;padding-block:76px}
.closing h2{font-size:clamp(40px,4.1vw,58px);line-height:1.12;max-width:830px;margin-inline:auto}
.closing h2 br{display:none}.closing h2 em{display:block}
.closing>p:not(.eyebrow){font-size:17px;margin-block:25px}
.capture-note{font-size:12px}
footer .brand img{width:160px;height:50px}footer p,footer a:not(.brand){font-size:14px}
@media(min-width:1700px){:root{--content:1480px}header,.conversion-band,.share-section{padding-inline:max(var(--gutter),calc((100vw - 1352px)/2))}.hero{gap:65px}.hero h1{font-size:72px}.hero-screen img{aspect-ratio:1.32}}
@media(max-width:1100px) and (min-width:741px){nav{gap:15px}header .brand img{width:145px}.hero{gap:30px}.hero h1{font-size:50px}.hero .lead{font-size:17px}.hero .cta-row{gap:18px}.quick-nav{gap:9px}.quick-nav a{font-size:13px}.dashboard-display{grid-template-columns:1.3fr 1fr}.feature-story,.feature-story.reverse{gap:35px}.document-layout,.map-layout{gap:30px}.mobile-section{gap:40px}.mobile-stage{padding-inline:15px}.phone-frame{width:240px}.share-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){
:root{--gutter:22px}
header{padding:12px 22px;flex-wrap:wrap}header .brand img{width:150px;height:44px}
header nav.open{max-height:calc(100dvh - 160px);overflow:auto}
.hero{grid-template-columns:1fr;gap:32px;padding-block:38px 44px;overflow:hidden}
.hero h1{font-size:clamp(40px,10.6vw,54px);line-height:1.09}.hero h1 br{display:none}
.hero .lead{font-size:17px;line-height:1.7;margin:20px 0}.hero .cta-row{gap:18px;margin-top:24px}.hero .eyebrow{font-size:12px}
.hero-product{width:100%;min-width:0}.hero-screen img{aspect-ratio:1.15}
.screen-heading{font-size:10px;padding:13px 15px}.screen-caption{padding:14px 15px}.screen-caption b{font-size:13px}
.product-tag{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 15px}.product-tag span{font-size:10px}
.quick-nav{grid-template-columns:repeat(2,1fr);gap:10px;padding-bottom:10px}.quick-nav a{font-size:14px;min-height:52px;padding:12px}
.section{padding-block:48px}
h2,.map-layout h2,.mobile-copy h2{font-size:clamp(30px,8.2vw,38px)}
.section-heading{margin-bottom:27px;gap:20px}.section-heading>p{font-size:16px;line-height:1.75;margin-top:20px}
.dashboard-display,.feature-story,.feature-story.reverse,.document-layout,.map-layout,.mobile-section{grid-template-columns:1fr;gap:28px}
.dashboard-display>.product-image img{height:auto;min-height:0;aspect-ratio:1.2}
.dashboard-details{gap:12px}.dashboard-details article{padding:21px}.dashboard-details b{font-size:19px}
.story-copy>p:not(.eyebrow),.map-layout>div>p:not(.eyebrow),.mobile-copy>p:not(.eyebrow){font-size:16px;line-height:1.8}
.story-screen{padding:10px;border-radius:15px}.story-screen .product-image img{aspect-ratio:1.35}
.story-screen .image-caption{font-size:11px}.benefits li{font-size:15px}
.conversion-band{padding:35px 22px;gap:27px}.conversion-band h2{font-size:32px}
.document-visual{padding:10px}.document-visual .product-image img{aspect-ratio:1.3}
.delivery-list h3{font-size:21px}.map-layout small,.mobile-copy small{font-size:12px}
.mobile-stage{padding:15px 25px 40px}.phone-frame{width:255px;max-width:100%;border-radius:34px}
.mobile-label{right:0;bottom:12px;padding:14px 18px}.mobile-label b{font-size:20px}
.share-section{padding-inline:22px}.share-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}.share-grid article{padding:24px}
.explorer{grid-template-columns:1fr}.tabs{grid-template-columns:1fr 1fr;padding:10px;gap:8px}.tabs button{padding:14px 10px;font-size:13px}
[role=tabpanel]{padding:26px}[role=tabpanel] h3{font-size:26px}
.finance-highlight>.product-image img{max-height:none;aspect-ratio:1.2}
.features{grid-template-columns:1fr;gap:14px}.features article{padding:26px}
.access{gap:30px}.access-stack article{padding:22px}.access>div>p:not(.eyebrow){font-size:16px}
.review-grid,.subscription-steps{grid-template-columns:1fr;gap:16px}.review-grid article{padding:25px}
.subscription-pending{flex-direction:column;align-items:flex-start;padding:24px}.subscription-pending .button{flex-shrink:1;max-width:100%;font-size:13px}
.closing{padding-block:50px}.closing h2{font-size:38px;max-width:360px}.closing>p:not(.eyebrow){font-size:16px}.closing .cta-row{padding:0;gap:14px}
.mobile-buy{padding-inline:14px;gap:12px}.mobile-buy .button{font-size:13px;padding:11px 15px}.mobile-buy>a:last-child{font-size:12px}
}