:root{color-scheme:dark;--bg:#101419;--surface:#191f25;--text:#f6f7f8;--muted:#a6adb5;--yellow:#f9d64b;--line:#32383e;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-period{color:var(--yellow);margin-left:-8px}.brand-mark{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0;border-radius:10px;margin-right:2px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.header nav>a:hover,.text-link:hover{color:var(--yellow)}.nav-cta{border:1px solid #62676a;padding:13px 18px;border-radius:25px}.nav-cta span{margin-left:17px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:735px;align-items:center;gap:15px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding:65px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--yellow);margin:0 0 26px}h1{font-size:clamp(54px,6.3vw,84px);letter-spacing:-5px;line-height:1.03;margin:0 0 29px}h1 span{color:var(--yellow)}.intro{font-size:18px;line-height:1.75;max-width:405px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:35px;background:var(--yellow);color:var(--bg);padding:18px 24px;border-radius:7px;font-size:16px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px);background:#ffe379}.platform{font-size:13px;color:var(--muted);margin-top:20px}.hero-visual{height:635px;position:relative;isolation:isolate}.phone{border:5px solid #3c4146;border-radius:36px;box-shadow:0 25px 55px #0007;background:#101419}.hero-speed{position:absolute;width:236px;top:94px;left:26px;transform:rotate(-9deg);z-index:2}.hero-map{position:absolute;width:224px;top:40px;right:7px;transform:rotate(10deg);z-index:1}.orbit{position:absolute;border:1px solid #f9d64b25;border-radius:50%;width:470px;height:470px;top:112px;left:3px;z-index:-1}.orbit-two{width:370px;height:370px;top:161px;left:53px;background:radial-gradient(circle,#f9d64b0a,transparent 70%)}.visual-caption{position:absolute;top:8px;left:4px;letter-spacing:2px;font-size:11px;color:var(--muted)}.image-note{position:absolute;bottom:10px;right:14px;font-size:13px;color:var(--muted)}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.feature-strip a{padding:4px 25px;border-left:1px solid var(--line)}.feature-strip a:first-child{padding-left:0;border:0}.feature-strip span{display:block;font-size:11px;letter-spacing:1.6px;color:var(--yellow);margin-bottom:12px}.feature-strip strong{font-size:16px;font-weight:500}.feature-strip a:hover strong{color:var(--yellow)}.explore{padding-top:105px;padding-bottom:110px}.section-heading{text-align:center}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:45px;line-height:1.12;letter-spacing:-2px;margin:0}.section-heading>p:last-child{color:var(--muted);line-height:1.6}.tour{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.tour-copy{padding:45px 45px 28px;display:flex;flex-direction:column}.tabs{display:flex;gap:3px;border-bottom:1px solid #3c4248;flex-wrap:wrap}.tabs button{border:0;background:none;color:var(--muted);padding:14px 13px;cursor:pointer;border-bottom:2px solid transparent;font-size:14px}.tabs button[aria-selected=true]{color:var(--yellow);border-bottom-color:var(--yellow)}.tabs button:hover{color:white}.feature-number{font-size:11px;letter-spacing:1.7px;color:var(--yellow);margin:45px 0 18px}h3{font-size:43px;letter-spacing:-1.8px;line-height:1.12;margin:0 0 22px}#feature-description{font-size:16px;line-height:1.8;color:#b8bfc5;max-width:390px}#feature-list{list-style:none;padding:0;margin:23px 0 35px}#feature-list li{font-size:14px;margin:16px 0;padding-left:24px;position:relative}#feature-list li:before{content:'↗';position:absolute;left:0;color:var(--yellow)}.tour-note{font-size:12px;color:var(--muted);margin-top:auto}.tour-image{background:#21282e;display:flex;align-items:center;flex-direction:column;padding:28px 25px 35px;gap:20px}.tour-image img{width:240px;border-radius:33px}.screen-label{font-size:11px;letter-spacing:2px;color:var(--muted)}.gallery-section{background:#f0f2f0;color:#11171c;padding:80px 0 60px}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.gallery-heading .eyebrow{color:#646c55;margin-bottom:20px}.gallery-heading h2{max-width:550px}.gallery-heading>p{max-width:270px;font-size:16px;line-height:1.7;color:#586169;margin:0}.gallery{display:flex;gap:25px;overflow-x:auto;padding:5px 0 22px;scroll-snap-type:x mandatory;scrollbar-color:#68706b #d7dcd7}.gallery figure{flex:0 0 205px;margin:0;scroll-snap-align:start}.gallery img{border-radius:23px;border:3px solid #30363b;transition:transform .2s}.gallery a:hover img{transform:translateY(-4px)}figcaption{margin-top:17px;font-size:14px;font-weight:600}.gallery-hint{font-size:12px;color:#606970;margin-top:18px}.closing{padding:95px 0 100px;text-align:center}.closing h2{font-size:60px;margin-bottom:30px}.closing h2 span{color:var(--yellow)}.text-link{font-size:16px;border-bottom:1px solid #737b81;padding-bottom:8px;display:inline-flex;gap:40px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:30px 0}.footer p,.footer>span{font-size:12px;color:var(--muted)}.footer .brand{font-size:23px}.skip-link{position:fixed;top:-80px;left:15px;background:var(--yellow);color:black;padding:15px;z-index:20}.skip-link:focus{top:15px}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.gallery a:focus-visible{display:block;outline-color:#263d99}
@media(min-width:1400px){.hero{min-height:780px}.hero-visual{transform:scale(1.06)}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}h1{font-size:60px;letter-spacing:-3px}.hero{min-height:660px}.hero-visual{height:580px}.hero-speed{width:200px;left:4px;top:115px}.hero-map{width:185px;right:10px;top:62px}.orbit{width:350px;height:350px;left:0;top:155px}.orbit-two{width:260px;height:260px;left:45px;top:200px}.tour-copy{padding:30px 24px}.tabs button{padding:13px 9px}.feature-strip a{padding-inline:15px}.feature-strip strong{font-size:14px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:24px}.header nav{gap:12px}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:11px 12px}.nav-cta span{margin-left:7px}.hero{grid-template-columns:1fr;gap:0;min-height:auto}.hero-copy{padding:55px 0 20px}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:clamp(48px,10vw,68px);letter-spacing:-3px}.intro{font-size:17px;max-width:450px}.hero-visual{width:min(410px,100%);height:530px;justify-self:center;margin-bottom:20px}.hero-speed{width:190px;top:65px;left:25px}.hero-map{width:180px;top:25px;right:20px}.visual-caption{display:none}.image-note{bottom:4px}.orbit{top:110px;width:330px;height:330px}.orbit-two{top:150px;width:250px;height:250px;left:40px}.feature-strip{grid-template-columns:1fr 1fr;row-gap:30px;padding:26px 0}.feature-strip a:nth-child(3){padding-left:0;border:0}.feature-strip strong{font-size:14px}.explore{padding:70px 0}.section-heading{text-align:left}h2{font-size:36px;letter-spacing:-1.5px}.tour{grid-template-columns:1fr;margin-top:30px}.tour-copy{padding:20px 24px}.tabs button{font-size:14px;padding:14px 9px}.feature-number{margin-top:30px}h3{font-size:38px}.tour-image{padding-block:25px 35px}.tour-image img{width:230px}.gallery-section{padding-top:60px}.gallery-heading{display:block}.gallery-heading>p{margin-top:20px;max-width:100%}.gallery figure{flex-basis:190px}.closing{padding:70px 0}.closing h2{font-size:44px}.footer{flex-wrap:wrap;justify-content:space-between}.footer>span{width:100%;margin-top:0}.footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}