:root{--bg:#070a0e;--panel:#11161c;--panel2:#171d24;--text:#f5f7f9;--muted:#9aa3ad;--line:#27303a;--yellow:#ffd21c;--blue:#1597ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 80% 4%,#152027 0,#090d11 48%,var(--bg) 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.nav{height:76px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:20px}.brand img{width:38px;height:38px;border-radius:9px}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#c5cbd1}.nav-cta,.button{background:#fff;color:#090b0e!important;padding:10px 17px;border-radius:999px;font-weight:700}.hero{max-width:var(--max);margin:0 auto;min-height:690px;padding:60px 24px 20px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow,.kicker,.section-head>span{font-size:12px;letter-spacing:.15em;font-weight:800;color:#aeb6bf}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:9px}.hero h1{font-size:clamp(58px,7vw,94px);line-height:.91;letter-spacing:-.065em;margin:20px 0 28px}.hero h1 span,.cta h2 span{color:var(--yellow)}.lead{font-size:22px;line-height:1.5;color:#b6bec7;max-width:600px}.lead strong{color:#fff}.actions{display:flex;align-items:center;gap:18px;margin-top:30px}.store{display:inline-flex}.store img{height:54px;width:auto;display:block}.device-note{font-size:13px;color:#78828d}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:12px;color:#77818c}.hero-points span::first-letter{color:var(--yellow)}.hero-visual{position:relative;height:650px;display:flex;justify-content:center;align-items:center}.glow{position:absolute;width:470px;height:470px;background:radial-gradient(circle,rgba(255,210,28,.17),rgba(21,151,255,.08) 45%,transparent 70%);filter:blur(18px)}.phone-shot{height:610px;border-radius:40px;box-shadow:0 40px 100px #000;position:relative;z-index:2}.float-card{position:absolute;z-index:3;right:-35px;bottom:70px;background:rgba(26,30,34,.92);backdrop-filter:blur(18px);border:1px solid #414950;border-radius:20px;padding:18px 20px;width:235px;box-shadow:0 20px 50px #0008}.float-card b{font-size:10px;color:#8f98a2;letter-spacing:.12em}.float-card strong{display:block;color:var(--yellow);font-size:21px;margin:6px 0}.float-card small{color:#aab1b8;line-height:1.4}.strip{border-top:1px solid #20262d;border-bottom:1px solid #20262d;background:#0c1015;text-align:center;padding:21px 20px;color:#a9b1b9;font-size:14px}.strip span{color:var(--yellow);padding:0 8px}.section{max-width:var(--max);margin:0 auto;padding:110px 24px}.section-head{text-align:center;max-width:720px;margin:0 auto 60px}.section-head h2,.compass-copy h2,.map-copy h2,.field h2{font-size:clamp(38px,5vw,62px);letter-spacing:-.045em;line-height:1.03;margin:14px 0 18px}.section-head p,.compass-copy>p,.map-copy>p,.field>div>p{font-size:18px;line-height:1.6;color:#9fa8b2}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.three article,.feature-grid article{background:linear-gradient(145deg,#151b21,#0e1318);border:1px solid #242c34;border-radius:24px;padding:30px}.num{font-weight:800;color:var(--yellow);font-size:12px;letter-spacing:.12em}.three h3,.feature-grid h3{font-size:22px;margin:24px 0 10px}.three p,.feature-grid p{color:#939da7;line-height:1.55;margin:0}.shot-row{display:flex;justify-content:center;align-items:flex-start;gap:45px;margin-top:80px}.device{margin:0;text-align:center}.device img{height:600px;border-radius:38px;box-shadow:0 30px 70px #000}.device.featured{transform:translateY(35px)}figcaption{font-size:13px;color:#78838d;margin-top:16px}.compass-section,.maps,.field{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.compass-copy em{font-style:normal;color:var(--yellow)}.rule{display:flex;gap:18px;align-items:center;border-top:1px solid #252c33;padding:20px 0}.rule>span{width:42px;height:42px;border-radius:50%;background:#312c0e;color:var(--yellow);display:grid;place-items:center;font-size:22px}.rule b,.rule small{display:block}.rule small{color:#818b95;margin-top:5px}.compass-img{text-align:center}.compass-img img{height:620px;border-radius:42px;box-shadow:0 35px 80px #000}.maps{max-width:none;background:#0c1116;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.map-image img{width:100%;border-radius:26px;border:1px solid #2a323a;box-shadow:0 30px 80px #0008}.seg{display:flex;background:#252c32;border-radius:12px;padding:5px;margin-top:30px}.seg span{flex:1;text-align:center;padding:10px;border-radius:9px;color:#a9b1b8;font-size:13px}.seg .active{background:#737a81;color:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid .ico{font-size:28px;color:var(--yellow)}.field{background:linear-gradient(135deg,#10161b,#111710);max-width:var(--max);border:1px solid #273029;border-radius:36px;padding:70px;margin-top:60px;margin-bottom:60px}.field-card{max-width:360px;justify-self:center;background:#1a211c;border:1px solid #3b463b;border-radius:26px;padding:30px;width:100%;box-shadow:0 30px 80px #0008}.field-card .pin{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#3b3510;color:var(--yellow);font-size:30px;margin-bottom:24px}.field-card b{display:block;font-size:24px}.field-card span,.field-card small{display:block;color:#859087;margin-top:7px}.field-card p{border-top:1px solid #303b32;border-bottom:1px solid #303b32;padding:18px 0;color:#c5cbc6;line-height:1.5}.ipad img{width:100%;border-radius:26px;border:1px solid #242b32;box-shadow:0 30px 80px #000}.cta{text-align:center;padding:120px 24px 140px;background:radial-gradient(circle at 50% 40%,#25240f 0,#0d1115 32%,#070a0e 65%)}.cta>img{width:112px;border-radius:25px;box-shadow:0 20px 55px #000}.cta h2{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:28px 0 20px}.cta p{color:#9da6af;font-size:19px;margin-bottom:28px}footer{max-width:var(--max);margin:auto;padding:35px 24px 50px;border-top:1px solid #20262c;color:#727d87;font-size:12px}footer>div:first-child{display:flex;align-items:center;gap:9px;color:#aeb6bd}footer img{width:26px;border-radius:6px}footer span{color:#68727c}.footer-links{display:flex;gap:22px;margin:20px 0}.footer-links a:hover{color:#fff}.legal{max-width:760px;line-height:1.5}.privacy{max-width:800px;margin:80px auto 160px;padding:0 24px}.privacy h1{font-size:64px;letter-spacing:-.05em;margin:15px 0 35px}.privacy p{font-size:18px;line-height:1.7;color:#a9b1ba}.privacy .button{display:inline-block;margin-top:30px}
@media(max-width:850px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:35px;gap:10px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero h1{font-size:64px}.hero-visual{height:610px}.phone-shot{height:560px}.float-card{right:0}.three,.feature-grid{grid-template-columns:1fr}.shot-row{gap:14px;overflow:hidden}.device img{height:480px}.compass-section,.maps,.field{grid-template-columns:1fr;gap:50px}.compass-img{order:-1}.maps .map-image{order:2}.field{margin:25px 16px;padding:42px 26px}.section{padding:80px 20px}.feature-grid{padding-top:50px}.ipad img{border-radius:16px}}@media(max-width:520px){.nav{height:66px;padding:0 16px}.nav-cta{font-size:12px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:52px}.lead{font-size:18px}.hero-visual{height:560px}.phone-shot{height:520px}.float-card{display:none}.actions{flex-direction:column}.hero-points{justify-content:center}.strip{font-size:12px}.strip span{display:none}.shot-row{display:grid;grid-template-columns:1fr 1fr}.device img{width:100%;height:auto;border-radius:20px}.device.featured{transform:translateY(25px)}.compass-img img{width:85%;height:auto}.section-head h2,.compass-copy h2,.map-copy h2,.field h2{font-size:40px}.feature-grid{gap:10px}.privacy h1{font-size:48px}}
