:root{--navy:#002244;--deep:#00182f;--green:#77c51c;--ink:#082a45;--muted:#536677;--paper:#f4f7f9;--line:#dbe3e8;--white:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--navy);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:96px}

*{box-sizing:border-box}
body{margin:0;background:var(--white)}
button,a,input{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
button,a,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #74baff;outline-offset:6px}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
p,h1,h2,h3{margin:0}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
button{border:0}
button:disabled{cursor:default}
section{scroll-margin-top:90px}
.section-wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}
.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;line-height:1.7}
h2{font-size:clamp(34px,4vw,54px);line-height:1.09;letter-spacing:-2px;font-weight:750}
.skip-link{position:fixed;left:12px;top:12px;padding:14px;background:white;z-index:100;transform:translateY(-150%)}
.skip-link:focus{transform:none}

.site-header{height:88px;position:sticky;top:0;z-index:20;background:var(--navy);color:white;border-bottom:1px solid #ffffff12}
.header-inner{width:min(1320px,calc(100% - 80px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{flex-shrink:0}
.brand img{width:172px;max-height:52px;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;color:#c2d1dd}
.site-header nav a:hover{color:white}
.header-cta{border:1px solid #ffffff40;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:650;display:flex;align-items:center;gap:26px}
.header-cta:hover{background:#ffffff10}
.header-cta span{font-size:19px}

.hero{background:var(--navy);color:var(--white);overflow:hidden}
.hero-inner{width:min(1240px,calc(100% - 96px));margin:auto;min-height:800px;display:grid;grid-template-columns:1.12fr 1fr;gap:42px;align-items:center;padding:52px 0 60px}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{display:flex;align-items:center;gap:12px;color:#cbd9e3;margin-bottom:26px}
.signal{display:inline-flex;align-items:center;gap:3px;height:24px;flex-shrink:0}
.signal i{width:4px;background:var(--green);height:11px;border-radius:4px}
.signal i:nth-child(2){height:22px}
.signal i:nth-child(3){height:17px}
.signal i:nth-child(4){height:9px}
.hero h1{font-size:clamp(60px,6.6vw,90px);line-height:.99;letter-spacing:-5px;font-weight:780;margin-bottom:27px}
.hero h1>span{color:var(--green)}
.hero-description{max-width:460px;color:#c4d2dd;font-size:18px;line-height:1.65}
.download-block{margin-top:34px;scroll-margin-top:120px}
.download-block h2{font-size:18px;letter-spacing:-.3px;margin-bottom:15px;font-weight:650}
.destination-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.platform-note{margin-top:12px;font-size:11px;line-height:1.6;color:#b6c8d5;max-width:440px}
.tour-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;margin-top:25px;font-weight:550}
.tour-link>span:last-child{margin-left:12px;color:var(--green)}
.play-circle{display:grid;place-items:center;width:32px;height:32px;border:1px solid currentColor;border-radius:50%;font-size:10px;padding-left:2px;flex-shrink:0}

.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:710px;isolation:isolate}
.phone{width:300px;background:#151a20;border:5px solid #758088;border-radius:44px;padding:5px;box-shadow:0 24px 54px #00182f30;overflow:hidden;position:relative;flex-shrink:0}
.phone img{width:100%;aspect-ratio:1320/2868;border-radius:33px;object-fit:cover;background:var(--navy)}
.hero-phone{width:310px;transform:rotate(5deg);box-shadow:0 38px 70px #0005;z-index:2;transition:transform .8s}
.hero-visual:hover .hero-phone{transform:rotate(2deg) translateY(-7px)}
.orbit{position:absolute;aspect-ratio:1;border:1px solid #7897ae26;border-radius:50%;pointer-events:none}
.orbit-one{width:460px}
.orbit-two{width:640px}
.orbit-three{width:820px}
.orbit-point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);left:2%;top:27%;box-shadow:0 0 0 8px #77c51c12}
.floating-note{position:absolute;background:#0b3252;border:1px solid #7d9fb535;box-shadow:0 16px 30px #00152826;z-index:3;border-radius:10px;color:#d5e1e9}
.note-top{top:78px;left:-18px;padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550;transform:rotate(-3deg)}
.note-dot{width:7px;height:7px;background:var(--green);border-radius:50%}
.note-bottom{bottom:97px;right:-18px;padding:16px 22px;display:flex;gap:14px;align-items:center;transform:rotate(3deg);font-size:13px;line-height:1.6}
.note-bottom strong{font-size:15px;color:#fff;font-weight:600}
.visual-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:2.5px;color:#89a4b8}
.hero-foot{padding:22px 24px;border-top:1px solid #ffffff17;display:flex;justify-content:center;gap:40px;color:#a4bdce;font-size:10px;letter-spacing:2px}
.hero-foot span:nth-child(even){color:#527087}

.intro{padding-block:110px 95px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px 85px}
.intro .eyebrow{color:#477427;margin-bottom:18px}
.intro-description{align-self:end;color:var(--muted);font-size:17px;line-height:1.8;padding-bottom:4px}
.steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:44px;border-top:1px solid var(--line);padding-top:35px}
.step-number{font-size:11px;color:#6d7c89;font-variant-numeric:tabular-nums;display:block;margin-bottom:24px}
.steps h3{font-size:22px;letter-spacing:-.6px;margin-bottom:12px}
.steps p{color:var(--muted);font-size:14px;line-height:1.8}

.story{background:var(--paper)}
.story-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:110px}
.story-phone-column{position:relative}
.story-phone-sticky{position:sticky;top:124px;padding-top:44px;padding-bottom:36px;display:flex;flex-direction:column;align-items:center}
.story-phone{width:276px;border-width:4px;padding:4px;border-radius:40px}
.story-phone img{border-radius:31px}
.capture-note{font-size:10px;color:#6b7d8c;margin-top:20px;letter-spacing:.4px}
.chapter{min-height:790px;display:flex;flex-direction:column;justify-content:center;padding-block:80px;border-bottom:1px solid var(--line)}
.chapter:last-child{border:0}
.chapter .eyebrow{color:#477427;margin-bottom:23px}
.chapter h2{margin-bottom:27px}
.chapter>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);max-width:420px}
.chapter-detail{display:flex;align-items:center;gap:13px;margin-top:32px;font-size:12px;font-weight:650}
.chapter-detail>span{font-size:21px;color:#477427}
.mobile-capture{display:none}

.demo-section{padding-block:108px}
.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:38px}
.demo-heading .eyebrow{color:#477427;margin-bottom:16px}
.demo-heading>p{font-size:14px;line-height:1.8;color:var(--muted)}
.demo-stage{display:grid;grid-template-columns:1.06fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.demo-controls{padding:60px 44px;align-self:center}
.demo-label{font-size:10px;letter-spacing:2px;color:#6b7d8c;margin-bottom:22px}
.demo-tabs{display:flex;flex-direction:column}
.demo-tabs button{display:flex;align-items:center;text-align:left;gap:17px;padding:24px 0;background:transparent;color:var(--muted);border-top:1px solid #d7e1e8;width:100%}
.demo-tabs button>span:first-child{font-size:10px;align-self:flex-start;padding-top:5px}
.demo-tabs button>span:nth-child(2){flex:1}
.demo-tabs strong{font-size:19px;font-weight:650;letter-spacing:-.4px;display:block}
.demo-tabs small{font-size:12px;margin-top:8px;display:block;line-height:1.5}
.demo-tabs button>span:last-child{font-size:24px;opacity:.25}
.demo-tabs button[aria-selected=true]{color:var(--navy)}
.demo-tabs button[aria-selected=true]>span:first-child,.demo-tabs button[aria-selected=true]>span:last-child{color:#4b851c;opacity:1}
.watch-button{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0;border-top:1px solid #d7e1e8;background:transparent;color:var(--navy);font-size:13px;font-weight:650;margin-top:7px}
.watch-duration{margin-left:auto;font-size:9px;letter-spacing:1px;color:#657785}
.demo-disclosure{font-size:11px;line-height:1.8;color:#657785;margin-top:16px;max-width:350px}
.text-link{display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:600;border-bottom:1px solid #8ea7b8;padding-block:6px;margin-top:24px}
.demo-screen{position:relative;background:#e4ebf0;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 30px 28px;overflow:hidden}
.demo-phone{width:252px;border-radius:38px;border-width:4px;padding:4px}
.demo-phone img{border-radius:29px}
.demo-screen>p{font-size:10px;letter-spacing:.7px;margin-top:22px;text-align:center}
.demo-rings{width:700px;aspect-ratio:1;border:1px solid #c3d1dc;position:absolute;border-radius:50%;z-index:-1}
.demo-rings:after{content:"";position:absolute;inset:80px;border:1px solid #c3d1dc;border-radius:50%}
.web-section{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:50px}
.web-symbol{font-size:50px;color:#5c8e35;align-self:start}
.web-section .eyebrow{color:#647585;margin-bottom:12px}
.web-section h2{font-size:30px;letter-spacing:-1px}
.web-section p:not(.eyebrow){max-width:610px;font-size:14px;line-height:1.8;margin-top:13px;color:var(--muted)}
.button{padding:17px 22px;border-radius:8px;display:inline-flex;gap:35px;align-items:center;font-size:12px;font-weight:650}
.button-navy{background:var(--navy);color:white}

.faq{padding-block:110px;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}
.faq .eyebrow{color:#477427;margin-bottom:20px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 0;font-size:15px;font-weight:600;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{font-size:23px;font-weight:400;color:#6a7d8c;transition:transform .2s}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{font-size:14px;color:var(--muted);line-height:1.8;padding:0 35px 25px 0}
.closing{background:var(--navy);color:white;padding-block:82px;text-align:center}
.closing .section-wrap{max-width:690px}
.closing img{margin:0 auto 23px;width:65px}
.closing .eyebrow{color:#9fb8cc;margin-bottom:22px}
.closing h2{font-size:clamp(42px,5vw,64px);letter-spacing:-2.7px}
.closing h2+p{margin:22px 0 29px;font-size:17px;color:#bdd0dd}
.closing .destination-grid{max-width:590px;margin:auto}
.closing-secondary{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:28px;font-size:12px;color:#c5d5e0}
.closing-secondary button{color:inherit;font-size:inherit;background:transparent;padding:8px}
.closing-secondary a{text-decoration:underline;text-underline-offset:4px}
.site-footer{background:var(--deep);color:#9ab0c1;padding:35px 0}
.footer-inner{width:min(1320px,calc(100% - 80px));margin:auto;display:flex;gap:25px;align-items:center;flex-wrap:wrap}
.site-footer .brand img{width:130px}
.footer-inner>p{font-size:11px}
.footer-inner nav{display:flex;gap:22px;font-size:11px;margin-left:auto}
.footer-inner small{width:100%;font-size:10px;padding-top:5px}
.mobile-download{display:none}

dialog{width:min(880px,calc(100% - 40px));max-height:calc(100dvh - 40px);border:1px solid #c5d4df;border-radius:18px;padding:24px;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #0005}
dialog::backdrop{background:#001326d9}
.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.dialog-heading h2{font-size:20px;letter-spacing:-.5px}
.dialog-heading button{height:44px;width:44px;font-size:28px;border-radius:50%;background:#e4ebf0;color:var(--navy)}
.tour-layout{display:grid;grid-template-columns:.8fr 1fr;gap:36px;align-items:center}
.tour-layout video{max-height:calc(100dvh - 175px);width:100%;border-radius:23px;background:var(--navy)}
.tour-layout h3{font-size:36px;letter-spacing:-1.4px;line-height:1.1;margin:16px 0}
.tour-layout p{font-size:14px;line-height:1.7;color:var(--muted)}
.tour-layout .eyebrow{font-size:10px}
.tour-layout .small-copy{font-size:11px;margin-block:15px}
.tour-layout .destination-grid{grid-template-columns:1fr}
#qr-dialog{max-width:490px;text-align:center}
#qr-dialog>img{margin:auto;border:12px solid white;border-radius:8px}
#qr-dialog>p{line-height:1.6;margin:20px auto;font-size:14px}
#qr-dialog .destination-grid{grid-template-columns:1fr}
.noscript-download{position:fixed;bottom:0;left:0;right:0;background:white;z-index:50;padding:18px;display:flex;justify-content:center;gap:25px;flex-wrap:wrap}
.noscript-download a{text-decoration:underline}

@media(min-width:1450px){.hero-inner{min-height:870px}
.hero-visual{min-height:730px}
.hero-phone{width:325px}
}

@media(max-width:1100px){.hero-inner{gap:30px;grid-template-columns:1.1fr .8fr;min-height:740px}
.hero h1{font-size:70px}
.hero-phone{width:260px}
.hero-visual{min-height:640px}
.hero-description{font-size:16px}
.note-top{left:-5px;top:57px;font-size:10px;padding:12px}
.note-bottom{right:-16px;bottom:70px;font-size:10px;padding:12px}
.note-bottom strong{font-size:13px}
.story-inner{gap:60px}
.demo-controls{padding:35px 28px}
.demo-phone{width:232px}
.intro{gap:30px 40px}
.web-section{gap:20px;grid-template-columns:40px 1fr auto}
}

@media(max-width:800px){:root{scroll-padding-top:78px}
.section-wrap{width:calc(100% - 40px)}
.site-header{height:72px}
.header-inner{width:calc(100% - 40px);gap:12px}
.brand img{width:135px}
.site-header nav{display:none}
.header-cta{font-size:10px;padding:9px 12px;gap:15px}
.hero-inner{width:calc(100% - 40px);display:flex;flex-direction:column;gap:30px;padding:35px 0 25px;min-height:0}
.hero-copy{width:100%;max-width:540px}
.hero .eyebrow{font-size:9px;letter-spacing:1.65px;margin-bottom:23px;gap:9px}
.hero h1{font-size:clamp(54px,12vw,78px);letter-spacing:-3px;line-height:1.02;margin-bottom:22px}
.hero-description{font-size:16px;line-height:1.6;max-width:420px}
.download-block{margin-top:26px;scroll-margin-top:96px}
.download-block h2{font-size:17px;margin-bottom:13px}
.destination-grid{gap:9px}
.hero-visual{min-height:650px;width:100%;max-width:430px;margin-top:8px}
.hero-phone{width:270px;transform:rotate(3deg)}
.note-top{left:0;top:52px;font-size:10px}
.note-bottom{right:0;bottom:75px}
.hero-foot{gap:15px;letter-spacing:1px;font-size:8px;padding:20px 10px}
.tour-link{margin-top:19px}
.intro{padding-block:66px;display:block}
.intro h2{font-size:35px;letter-spacing:-1.3px}
.intro-description{margin-top:22px;font-size:15px;line-height:1.75}
.steps{gap:26px;margin-top:32px;padding-top:28px}
.step-number{margin-bottom:17px}
.steps h3{font-size:18px}
.steps p{font-size:12px}
.story-inner{display:block}
.story-phone-column{display:none}
.chapter{min-height:0;padding:62px 0 0;overflow:hidden}
.chapter h2{font-size:39px;letter-spacing:-1.7px;margin-bottom:20px}
.chapter>p:not(.eyebrow){font-size:15px;max-width:500px}
.chapter .eyebrow{margin-bottom:17px;font-size:10px}
.chapter-detail{margin-top:22px;font-size:11px}
.mobile-capture{display:flex;justify-content:center;margin:34px -20px 0;padding-top:18px;max-height:505px;overflow:hidden;background:#e5edf2}
.mobile-capture .phone{width:282px;transform:rotate(-3deg);border-radius:41px;box-shadow:0 15px 35px #00224425}
.chapter:nth-child(2) .mobile-capture .phone{transform:rotate(3deg)}
.chapter:nth-child(3) .mobile-capture .phone{transform:rotate(-2deg)}
.demo-section{padding-block:65px}
.demo-heading{display:block;margin-bottom:27px}
.demo-heading h2{font-size:38px;letter-spacing:-1.6px}
.demo-heading>p{margin-top:17px;font-size:14px}
.demo-heading .eyebrow{font-size:9px}
.demo-stage{display:flex;flex-direction:column;border-radius:15px}
.demo-controls{padding:28px 24px}
.demo-label{font-size:9px;margin-bottom:16px}
.demo-tabs button{padding:19px 0;gap:15px}
.demo-tabs strong{font-size:18px}
.demo-tabs small{font-size:11px;margin-top:5px}
.demo-screen{padding:35px 20px 23px}
.demo-phone{width:250px}
.demo-disclosure{max-width:none}
.watch-button{padding-block:17px}
.demo-controls .text-link{font-size:11px;margin-top:18px}
.web-section{grid-template-columns:32px 1fr;gap:20px;padding-block:35px}
.web-symbol{font-size:32px}
.web-section h2{font-size:27px}
.web-section p:not(.eyebrow){font-size:13px}
.web-section .button{grid-column:2;justify-self:start}
.faq{display:block;padding-block:65px}
.faq h2{font-size:38px;margin-bottom:28px}
.faq h2 br{display:none}
.faq summary{font-size:14px;padding-block:21px}
.faq details p{font-size:13px}
.closing{padding-block:55px}
.closing .section-wrap{max-width:520px}
.closing .eyebrow{font-size:9px}
.closing h2{font-size:46px;letter-spacing:-2px}
.closing h2+p{font-size:15px}
.closing img{width:55px}
.closing-secondary{gap:20px;font-size:11px}
.closing-secondary button{display:none}
.footer-inner{width:calc(100% - 40px);gap:20px}
.footer-inner nav{width:100%;margin:0;gap:22px}
.footer-inner>p{font-size:10px}
.site-footer{padding-bottom:105px}
.mobile-download:not([hidden]){position:fixed;z-index:15;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:12px 20px calc(12px + env(safe-area-inset-bottom));gap:15px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 25px #00224408}
.mobile-download>span{display:flex;flex-direction:column;gap:4px}
.mobile-download strong{font-size:13px}
.mobile-download small{font-size:10px;color:var(--muted)}
.mobile-download a{background:var(--navy);color:#fff;padding:14px 17px;border-radius:7px;font-size:11px;font-weight:600}
.tour-layout{grid-template-columns:1fr;gap:20px}
.tour-layout video{width:auto;max-width:100%;max-height:58dvh;margin:auto}
.tour-layout h3{font-size:26px;letter-spacing:-.4px;line-height:1.25}
.tour-layout h3 br{display:none}
.tour-layout>div>.eyebrow,.tour-layout>div>.small-copy{display:none}
.tour-layout .destination-grid{margin-top:18px}
.dialog-heading{margin-bottom:16px}
dialog{width:calc(100% - 24px);padding:18px;max-height:calc(100dvh - 24px)}
.dialog-heading h2{font-size:18px}
.tour-layout>div>p{font-size:12px}
}

@media(max-width:800px){.demo-controls{display:contents}
.demo-label{order:0;padding:24px 20px 0;margin:0}
.demo-tabs{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 16px 22px}
.demo-tabs button{padding:12px 8px;min-height:74px;border:1px solid var(--line);border-radius:8px;text-align:center;justify-content:center}
.demo-tabs strong{font-size:13px;line-height:1.4;letter-spacing:-.2px}
.demo-tabs small,.demo-tabs button>span:first-child,.demo-tabs button>span:last-child{display:none}
.demo-tabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.demo-screen{order:2}
.watch-button{order:3;width:calc(100% - 40px);margin:14px 20px 0}
.demo-disclosure{order:4;margin:8px 20px 0}
.demo-controls .text-link{order:5;align-self:flex-start;margin:14px 20px 24px;line-height:1.6}
.demo-phone{width:220px}
}

@media(max-width:480px){.hero h1{font-size:60px}
.hero .destination-grid,.closing .destination-grid{grid-template-columns:1fr}
.platform-note{font-size:10px;max-width:310px}
.hero-visual{min-height:600px;margin-top:0}
.hero-phone{width:253px}
.note-top{top:38px}
.note-bottom{bottom:77px}
.visual-caption{bottom:7px}
.hero-foot{font-size:7px;letter-spacing:.65px;gap:10px}
.steps{display:flex;flex-direction:column;gap:24px}
.steps article{display:grid;grid-template-columns:32px 1fr;gap:8px 12px}
.steps .step-number{grid-row:1/3;margin:5px 0 0}
.steps h3{font-size:19px}
.steps p{font-size:13px;grid-column:2}
.mobile-capture{max-height:485px}
.demo-controls{padding:25px 20px}
.demo-phone{width:235px}
.demo-screen{padding-top:28px}
.hero .eyebrow{font-size:8px;letter-spacing:1.4px}
.hero-inner{padding-top:28px}
.hero-description{font-size:15px}
.hero h1{margin-bottom:18px}
.download-block{margin-top:23px}
.tour-link{font-size:12px}
.faq .eyebrow{font-size:10px}
.footer-inner>p{width:100%}
}

@media(max-width:350px){.hero h1{font-size:53px}
.header-cta{gap:8px;font-size:9px}
.brand img{width:120px}
.hero-foot{gap:7px;font-size:6px}
.hero-phone{width:230px}
.hero-visual{min-height:550px}
.note-top{font-size:9px;left:-5px}
.note-bottom{right:-5px}
.chapter h2{font-size:34px}
.mobile-download{padding-inline:13px}
.mobile-download a{padding-inline:12px}
.mobile-download small{font-size:9px}
}

/* Store destinations: tactile surfaces, recognizable marks, and one clear action. */
.brand-lockup{display:flex;align-items:center;gap:18px}
.brand-lockup .header-app-icon{width:48px;height:48px;max-height:none;border-radius:12px;box-shadow:0 0 0 1px #ffffff30,0 6px 18px #0005}
.brand-divider{height:28px;width:1px;background:#ffffff25}
.brand-lockup .header-wordmark{width:172px}
.destination-grid{gap:12px}
.destination{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:13px 8px;min-width:0;min-height:122px;padding:16px;text-align:left;color:#fff;border:1px solid #7692a66b;border-radius:16px;background:linear-gradient(145deg,#23415b 0%,#102c44 42%,#091c30 100%);box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #0006,0 7px 18px #0003;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.destination::after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,#a5d96baa,transparent);pointer-events:none}
.destination .destination-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#ffffff17,#ffffff04);box-shadow:inset 0 1px 0 #ffffff20;flex-shrink:0}
.destination-icon svg{width:23px;height:27px;display:block}
.destination .destination-copy{display:flex;flex-direction:column;gap:5px;grid-column:1/-1;grid-row:2;min-width:0}
.destination small{font-size:10px;line-height:1.15;font-weight:450;letter-spacing:.2px;color:#c3d3df;white-space:nowrap}
.destination strong{font-size:19px;line-height:1.1;font-weight:650;letter-spacing:-.45px;white-space:nowrap}
.destination .destination-arrow{grid-row:1;grid-column:2;display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff25;border-radius:50%;font-size:17px;color:#badd95;background:#ffffff05;transition:background .22s,color .22s,transform .22s}
.destination.web{background:linear-gradient(145deg,#193b53,#092840);border-color:#6480988a}
.destination.web .destination-icon{color:#b9e891}
.destination.web::after{background:linear-gradient(90deg,transparent,#84b8d899,transparent)}
.destination:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0004}
.destination:focus-visible{outline:3px solid #c7f28e;outline-offset:4px}
@media(hover:hover){.destination:hover{transform:translateY(-4px);border-color:#b7d498;box-shadow:inset 0 1px 0 #ffffff40,0 12px 26px #0004,0 0 24px #77c51c0c}
.destination:hover .destination-arrow{background:#b5e889;color:#09213b;transform:rotate(5deg)}}
dialog .destination{grid-template-columns:42px 1fr 28px;min-height:76px;gap:13px;padding:13px 16px}
dialog .destination .destination-copy{grid-column:2;grid-row:1}
dialog .destination .destination-arrow{grid-column:3}
dialog .destination strong{font-size:19px}
dialog .destination small{font-size:10px}
.tour-layout video{height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:12px;box-shadow:0 14px 36px #00224425}
.header-cta{background:linear-gradient(135deg,#ffffff10,#ffffff03);border-color:#9bb8cb55;box-shadow:inset 0 1px 0 #ffffff12}
.mobile-download a{background:linear-gradient(135deg,#234b69,#002244);border:1px solid #51728a;box-shadow:inset 0 1px 0 #ffffff20,0 3px 8px #00224425}
@media(min-width:801px) and (max-width:1100px){.destination{padding:13px;min-height:114px}.destination strong{font-size:17px}.brand-lockup{gap:12px}.brand-lockup .header-wordmark{width:150px}.site-header nav{gap:22px}}
@media(max-width:800px){.brand-lockup{gap:11px}.brand-lockup .header-app-icon{width:39px;height:39px;border-radius:10px}.brand-divider{height:24px}.brand-lockup .header-wordmark{width:123px}.header-cta{gap:8px;padding:10px 11px;font-size:10px}.header-inner{gap:10px}.destination strong{font-size:18px}.destination-grid{gap:11px}}
@media(max-width:600px){.hero .destination-grid,.closing .destination-grid{grid-template-columns:1fr}.destination{grid-template-columns:44px 1fr 30px;gap:14px;min-height:78px;padding:14px 17px;border-radius:15px}.destination .destination-icon{width:44px;height:44px;border-radius:12px}.destination-icon svg{width:25px;height:28px}.destination .destination-copy{grid-column:2;grid-row:1;gap:5px}.destination .destination-arrow{grid-column:3;width:30px;height:30px}.destination strong{font-size:20px;letter-spacing:-.5px}.destination small{font-size:10px}.download-block h2{margin-bottom:16px}.platform-note{margin-top:15px;max-width:340px;font-size:11px}.tour-layout video{max-height:62dvh}.tour-layout h3{margin-top:6px}.closing .destination-grid{max-width:420px;margin-inline:auto}}
@media(max-width:380px){.header-inner{width:calc(100% - 28px)}.brand-lockup{gap:8px}.brand-lockup .header-app-icon{width:34px;height:34px;border-radius:8px}.brand-lockup .header-wordmark{width:109px}.brand-divider{display:none}.header-cta{font-size:9px;padding:10px 8px;gap:5px}.header-cta span{font-size:16px}.destination{padding-inline:13px;gap:12px}.destination strong{font-size:19px}}
@media(max-width:350px){.hero h1{font-size:46px;letter-spacing:-2.5px}}
/* Soft light, tonal gradients and fine grain give each section its own depth. */
.site-header{background:linear-gradient(110deg,#001a31f5,#123b54f2 65%,#061f34f5);border-bottom-color:#9dc6d12b;box-shadow:0 8px 30px #00152b18;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero,.closing,.site-footer,.section-atmosphere,.story{position:relative;isolation:isolate}
.hero{background:radial-gradient(ellipse at 5% 5%,#164359 0%,transparent 52%),linear-gradient(130deg,#00162b,#062c4b 62%,#00172a)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 66% 95% at 89% 12%,#4f829872,transparent 72%),radial-gradient(ellipse 70% 60% at 66% 80%,#346b804a,transparent 78%),radial-gradient(ellipse 48% 50% at 8% 98%,#75a75b38,transparent 78%),linear-gradient(120deg,transparent 30%,#74aec81c 50%,transparent 71%);pointer-events:none}
.hero::after,.closing::after,.site-footer::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 0% 92%,#6aaf5b20,transparent 46%),url('/marketing/surface-grain.svg');opacity:.45;pointer-events:none}
.hero-visual::before{content:"";position:absolute;inset:8% -12%;z-index:-1;background:radial-gradient(ellipse at 60% 30%,#93d5f333,transparent 58%),radial-gradient(ellipse at 35% 88%,#9bdc6336,transparent 46%);filter:blur(12px);pointer-events:none}
.hero-phone{box-shadow:0 45px 85px #0009,0 0 70px #3c92ba25}
.orbit{border-color:#a0d0e327}
.floating-note{background:linear-gradient(135deg,#173e56ee,#082d47ee);border-color:#a2c8d54a;box-shadow:inset 0 1px 0 #ffffff0f,0 18px 35px #00152855}
.hero-foot{background:linear-gradient(90deg,#001b34e0,#16465ae0,#001b34e0);color:#c3d7e1;border-top-color:#b5d9de2b;position:relative}
.hero-foot::before,.closing::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#b3dd886b,#85cce47d,transparent);pointer-events:none}
.section-atmosphere::before,.story::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/marketing/surface-grain.svg');opacity:.27}
.atmosphere-intro{background:radial-gradient(ellipse at 0% 10%,#d0e3db 0%,transparent 48%),radial-gradient(ellipse at 100% 85%,#cddfeb 0%,transparent 50%),linear-gradient(125deg,#edf3f3,#fafbf8 50%,#e9f1f5)}
.atmosphere-intro::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#345d7020 1px,transparent 1px),linear-gradient(90deg,#345d7020 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(110deg,#0006,transparent 52%);-webkit-mask-image:linear-gradient(110deg,#0006,transparent 52%)}
.steps{border-top-color:#77999e4d}
.step-number{color:#48715c}
.steps article{background:linear-gradient(145deg,#ffffffb8,#ffffff40);border:1px solid #ffffffcf;border-radius:16px;padding:25px;box-shadow:inset 0 1px 0 #fff,0 12px 35px #24495908}
.steps{gap:20px}
.story{background:radial-gradient(ellipse 75% 27% at 0% 10%,#c1d5df,transparent 100%),radial-gradient(ellipse 65% 27% at 100% 50%,#dae4d2,transparent 100%),radial-gradient(ellipse 80% 28% at 0% 95%,#c4dce3,transparent 100%),linear-gradient(130deg,#eaf1f4,#f7f8f2 52%,#e6eff3)}
.story-phone-sticky::before{content:"";position:absolute;inset:0 -14%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 38%,#ffffff8c 38.2%,transparent 38.5%,transparent 51%,#ffffff80 51.2%,transparent 51.5%),radial-gradient(ellipse at 50% 80%,#577d9740,transparent 65%);mask-image:radial-gradient(ellipse at 50% 48%,#000 38%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 50% 48%,#000 38%,transparent 72%)}
.story-phone{box-shadow:0 35px 65px #163a5352,0 0 0 1px #ffffffad}
.chapter{border-bottom-color:#77999e40}
.chapter-detail{align-self:flex-start;padding:11px 15px;background:linear-gradient(130deg,#ffffffc2,#ffffff60);border:1px solid #ffffffc2;border-radius:10px;box-shadow:0 6px 18px #24495908}
.atmosphere-demo{background:radial-gradient(ellipse at 80% 40%,#c8dcdb,transparent 60%),radial-gradient(ellipse at 3% 10%,#d6e4f0,transparent 50%),linear-gradient(155deg,#f5f7f2,#e3eef1)}
.demo-stage{border-color:#fff;background:linear-gradient(140deg,#ffffffed,#eaf2f2e6);box-shadow:0 28px 70px #24465b24,inset 0 1px 0 #fff}
.demo-screen{background:radial-gradient(ellipse at 15% 8%,#90b4cba1,transparent 60%),radial-gradient(ellipse at 93% 90%,#8eb58d63,transparent 62%),linear-gradient(145deg,#3d657c,#173b53 58%,#163942);color:#e0eef4;border-left:1px solid #ffffff7a}
.demo-rings,.demo-rings::after{border-color:#bddce92b}
.demo-phone{box-shadow:0 30px 60px #0009,0 0 42px #a0dce926}
.demo-screen>p{color:#dceaf2;text-shadow:0 2px 6px #001222}
.atmosphere-web{background:radial-gradient(ellipse at 10% 100%,#a8c2ce5c,transparent 62%),linear-gradient(110deg,#dce8e9,#eef3ee 65%,#dce8f0);border-block:1px solid #becfd566}
.web-section{border:0}
.web-symbol{width:50px;height:62px;border-radius:13px;background:linear-gradient(140deg,#ffffffb0,#ffffff30);box-shadow:inset 0 1px 0 #fff,0 8px 20px #25455712;text-align:center}
.button-navy{background:linear-gradient(135deg,#254d65,#002244);box-shadow:inset 0 1px 0 #ffffff35,0 8px 24px #1f43532b;border:1px solid #527b8e}
.atmosphere-faq{background:radial-gradient(ellipse at 0% 100%,#d0dfce,transparent 53%),radial-gradient(ellipse at 100% 0%,#dce6ee,transparent 57%),linear-gradient(130deg,#f6f8f4,#edf3f5)}
.faq-list{padding-inline:25px;border:1px solid #fff;border-radius:18px;background:linear-gradient(135deg,#ffffffc4,#ffffff69);box-shadow:0 18px 50px #2449590c,inset 0 1px 0 #fff}
.faq details:first-child{border-top:0}
.faq details:last-child{border-bottom:0}
.closing{background:radial-gradient(ellipse 66% 95% at 50% 0%,#59859169,transparent 74%),radial-gradient(ellipse 62% 70% at 0% 100%,#75a45c30,transparent 78%),radial-gradient(ellipse 65% 80% at 100% 75%,#4b7ba640,transparent 80%),linear-gradient(145deg,#07273b,#00213a 58%,#001728);box-shadow:inset 0 20px 80px #00162b30}
.closing::after{background:radial-gradient(ellipse at 50% 100%,#77c51c22,transparent 50%),url('/marketing/surface-grain.svg');opacity:.55}
.closing .section-wrap{position:relative}
.closing .section-wrap>img{filter:drop-shadow(0 0 24px #a8e85566)}
.site-footer{background:radial-gradient(ellipse at 85% 0%,#20425590,transparent 70%),linear-gradient(120deg,#001423,#062439);border-top:1px solid #9cc5d128}
dialog{background:radial-gradient(ellipse at 100% 0%,#d2e3e7,transparent 63%),url('/marketing/surface-grain.svg'),linear-gradient(145deg,#f6f9f5,#eaf1f4);border-color:#fff;box-shadow:0 30px 120px #0008,inset 0 1px 0 #fff}
dialog::backdrop{background:#001326d9;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.mobile-download:not([hidden]){background:linear-gradient(115deg,#f2f7edfa,#e0edf3fa);border-top-color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:1100px){.steps article{padding:20px}}
@media(max-width:800px){
  .hero{background:radial-gradient(ellipse 125% 45% at 100% 4%,#275a706e,transparent 80%),radial-gradient(ellipse 90% 28% at 0% 40%,#698e3940,transparent 70%),linear-gradient(150deg,#00172d,#08334e 48%,#00192e)}
  .hero::before{background:radial-gradient(ellipse 115% 38% at 110% 9%,#6295a74f,transparent 78%),radial-gradient(ellipse 90% 25% at 0% 48%,#6fa46b32,transparent 80%),radial-gradient(ellipse 110% 35% at 95% 76%,#5093b44a,transparent 80%);opacity:.85}
  .hero-visual::before{inset:5% -5%}
  .hero::after{opacity:.32}
  .steps{gap:14px}
  .steps article{padding:19px}
  .story{background:linear-gradient(145deg,#dce8ed,#f0f4ec 48%,#d6e5ed)}
  .chapter{border-bottom:0}
  .chapter-detail{padding:8px 12px}
  .mobile-capture{position:relative;isolation:isolate;border-top:1px solid #ffffffb0;background:radial-gradient(ellipse at 25% 0%,#b3cedb,transparent 60%),radial-gradient(ellipse at 80% 75%,#bdcca566,transparent 60%),linear-gradient(145deg,#d5e3e9,#ecf0e8);box-shadow:inset 0 12px 35px #789caa16}
  .mobile-capture::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 55%,transparent 38%,#ffffffc4 38.2%,transparent 38.6%,transparent 55%,#ffffffae 55.2%,transparent 55.6%),url('/marketing/surface-grain.svg');pointer-events:none}
  .mobile-capture .phone{box-shadow:0 24px 45px #0b355344}
  .chapter:nth-child(2) .mobile-capture{background:radial-gradient(ellipse at 100% 0%,#cedbbe,transparent 60%),linear-gradient(135deg,#e8eee6,#cddfe6)}
  .chapter:nth-child(3) .mobile-capture{background:radial-gradient(ellipse at 15% 75%,#c9dcd0,transparent 64%),linear-gradient(145deg,#cadde9,#e9eff0)}
  .demo-screen{border-left:0;border-block:1px solid #ffffff9c;background-position:center 70%}
  .web-symbol{width:32px;height:42px;border-radius:8px}
  .faq-list{padding-inline:18px;border-radius:14px}
  .closing{background:radial-gradient(ellipse 110% 60% at 50% 5%,#6b999966,transparent 80%),radial-gradient(ellipse 130% 70% at 10% 100%,#70996235,transparent 78%),linear-gradient(160deg,#123449,#00243c 55%,#021d31)}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.hero-phone,.hero-visual:hover .hero-phone{transform:none}
}