:root{
  --bg:#03070d;
  --panel:#08111f;
  --panel2:#101d30;
  --orange:#ff7a00;
  --orange2:#ff3d2e;
  --green:#13b981;
  --blue:#38bdf8;
  --text:#f8fafc;
  --muted:#a9b8cd;
  --line:rgba(255,255,255,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.noise{position:fixed;inset:0;z-index:-2;opacity:.07;background-image:radial-gradient(circle at 30% 20%,#fff 0,transparent 1px);background-size:18px 18px}
.orb{position:fixed;border-radius:999px;filter:blur(90px);opacity:.34;z-index:-3}
.orb-a{width:520px;height:520px;background:var(--orange);top:-150px;right:-180px}
.orb-b{width:430px;height:430px;background:var(--green);bottom:10%;left:-180px}
.orb-c{width:340px;height:340px;background:#2b6fff;top:42%;right:-160px}
.topbar{position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 42px;background:rgba(3,7,13,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:13px;font-weight:950;letter-spacing:3px}
.brand img{width:42px;height:42px;border-radius:14px}
nav{display:flex;gap:18px;color:#b7c7dd;font-weight:900;font-size:14px}
nav a:hover{color:var(--orange)}
.top-actions{display:flex;gap:10px;align-items:center}
.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:950}
.cta{background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 24px 60px rgba(255,122,0,.28)}
.ghost{background:rgba(255,255,255,.07);border:1px solid var(--line)}
.big{padding:16px 24px}
.hero{min-height:880px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;max-width:1280px;margin:auto;padding:90px 32px;position:relative}
.hero-bg{position:absolute;inset:0;z-index:-1;opacity:.28;overflow:hidden}
.hero-photo{position:absolute;border-radius:34px;background-size:cover;background-position:center;filter:saturate(1.2) contrast(1.1)}
.photo-1{width:400px;height:520px;right:80px;top:80px;background-image:linear-gradient(135deg,rgba(255,122,0,.55),rgba(0,0,0,.25)),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=900&q=80')}
.photo-2{width:300px;height:380px;left:30px;bottom:80px;background-image:linear-gradient(135deg,rgba(19,185,129,.45),rgba(0,0,0,.35)),url('https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&w=900&q=80')}
.photo-3{width:270px;height:320px;right:420px;bottom:40px;background-image:linear-gradient(135deg,rgba(56,189,248,.35),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1544198365-f5d60b6d8190?auto=format&fit=crop&w=900&q=80')}
.eyebrow{color:var(--orange);font-weight:950;text-transform:uppercase;letter-spacing:2px;font-size:12px;margin-bottom:14px}
h1{font-size:clamp(54px,7vw,96px);line-height:.9;margin:0 0 22px;font-weight:950;letter-spacing:-4px}
h2{font-size:clamp(38px,5vw,70px);line-height:.95;margin:0 0 20px;font-weight:950;letter-spacing:-3px}
h3{font-size:24px;margin:0 0 12px}
p{color:var(--muted);font-weight:700;line-height:1.7}
.lead{font-size:20px;max-width:680px;color:#d8e3f2}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}
.hero-pills{display:flex;gap:10px;flex-wrap:wrap}
.hero-pills span{border:1px solid var(--line);background:rgba(255,255,255,.07);padding:10px 14px;border-radius:999px;color:#dce8f7;font-weight:950}
.hero-device{display:flex;justify-content:center}
.device{width:360px;height:700px;border-radius:48px;background:linear-gradient(180deg,#111827,#040810);border:1px solid rgba(255,255,255,.18);box-shadow:0 60px 130px rgba(0,0,0,.62);padding:18px;transform:rotateY(-11deg) rotateX(5deg)}
.device-notch{width:120px;height:26px;background:#03070d;border-radius:0 0 18px 18px;margin:0 auto 16px}
.device-screen{height:520px;border-radius:32px;background:linear-gradient(135deg,#123223,#112947);position:relative;overflow:hidden}
.screen-map{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px}
.route-line{position:absolute;left:62px;top:90px;width:230px;height:320px;border:6px solid var(--orange);border-left-color:transparent;border-radius:50%;transform:rotate(-25deg)}
.marker{position:absolute;width:19px;height:19px;border-radius:50%;background:var(--green);border:4px solid white;box-shadow:0 0 0 12px rgba(19,185,129,.18)}
.m1{left:88px;top:132px}.m2{left:225px;top:276px}.m3{left:166px;top:410px}.danger{right:40px;top:82px;background:var(--orange2)}
.live-chip,.safety-chip{position:absolute;left:18px;right:18px;padding:12px 14px;border-radius:18px;background:rgba(3,7,13,.78);font-weight:950}
.live-chip{top:18px}.safety-chip{bottom:18px;color:#ffbb6a}
.device-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.device-stats div{background:rgba(255,255,255,.07);border-radius:18px;padding:12px;text-align:center}
.device-stats strong{display:block;color:var(--orange);font-size:22px}.device-stats span{font-size:11px;color:var(--muted);font-weight:900}
.section{max-width:1180px;margin:auto;padding:100px 24px}
.intro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:0}
.intro-card,.poi-grid article,.premium-card,.safety-grid article,.price-card,.account-box,.dashboard,.offline-card,.map-showcase,.step{background:rgba(255,255,255,.065);border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.intro-card span{color:var(--orange);font-weight:950}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.reverse{grid-template-columns:.95fr 1.05fr}
.feature-list{display:grid;gap:12px;margin-top:24px}
.feature-list div{padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05)}
.feature-list strong{display:block;color:white;margin-bottom:6px}.feature-list span{color:var(--muted);font-weight:700}
.map-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.map-toolbar span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);font-weight:900;color:#dce8f7}
.map-toolbar .active{background:var(--orange)}
.fake-map{height:430px;border-radius:26px;background:linear-gradient(135deg,#0d2d22,#10243d);position:relative;overflow:hidden}
.contour{position:absolute;inset:30px;border:2px dashed rgba(255,255,255,.18);border-radius:42% 58% 60% 40%;transform:rotate(-14deg)}
.trail{position:absolute;left:70px;top:90px;width:250px;height:260px;border:5px solid var(--orange);border-right-color:transparent;border-radius:50%;transform:rotate(28deg)}
.poi{position:absolute;background:#07111f;border:1px solid var(--line);border-radius:16px;padding:8px 10px;font-weight:950;color:white}
.source{left:36px;top:70px}.refuge{right:34px;top:130px}.view{left:160px;bottom:100px}.parking{right:50px;bottom:40px}
.section-title{text-align:center;max-width:820px;margin:0 auto 48px}
.poi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.activities{max-width:1240px}
.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.activity{height:210px;border-radius:30px;padding:22px;display:flex;align-items:end;background-size:cover;background-position:center;position:relative;overflow:hidden;border:1px solid var(--line)}
.activity:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.75))}
.activity span{position:relative;font-size:24px;font-weight:950}
.a1{background-image:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=900&q=80')}
.a2{background-image:url('https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&w=900&q=80')}
.a3{background-image:url('https://images.unsplash.com/photo-1485965120184-e220f721d03e?auto=format&fit=crop&w=900&q=80')}
.a4{background-image:url('https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?auto=format&fit=crop&w=900&q=80')}
.a5{background-image:url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=900&q=80')}
.a6{background-image:url('https://images.unsplash.com/photo-1473773508845-188df298d2d1?auto=format&fit=crop&w=900&q=80')}
.a7{background-image:url('https://images.unsplash.com/photo-1504280390367-361c6d9f38f4?auto=format&fit=crop&w=900&q=80')}
.a8{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=900&q=80')}
.live-steps{display:grid;gap:14px}
.step{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center}
.step span{grid-row:span 2;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--orange);font-weight:950}
.step p{grid-column:2;margin:0}
.code-card{margin-top:24px;padding:24px;border-radius:24px;border:1px solid rgba(255,122,0,.35);background:rgba(255,122,0,.1)}
.code-card span{display:block;color:var(--muted);font-weight:900}.code-card strong{font-size:38px;color:var(--orange)}
.safety-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}
.safety-grid article.highlight{grid-row:span 2;border-color:rgba(255,122,0,.45);background:linear-gradient(135deg,rgba(255,122,0,.16),rgba(255,255,255,.05))}
.safety-grid article span,.premium-card .eyebrow{color:var(--orange);font-size:12px;font-weight:950;letter-spacing:1.5px}
.offline-card{position:relative;min-height:440px}
.offline-map{height:330px;border-radius:26px;background:radial-gradient(circle at 30% 30%,var(--orange),transparent 12%),radial-gradient(circle at 70% 65%,var(--green),transparent 12%),linear-gradient(135deg,#102945,#113625)}
.offline-status{margin-top:16px;display:grid;gap:4px}.offline-status strong{color:white;font-size:22px}.offline-status span{color:var(--muted);font-weight:900}
.premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.premium-card{min-height:230px}
.dashboard{display:grid;gap:12px}
.dash-head{font-size:30px;color:var(--orange);font-weight:950}
.dash-row{background:#07111f;border-radius:18px;padding:16px;display:flex;justify-content:space-between;font-weight:950}
.dash-row span{color:var(--muted)}.dash-row strong{color:white}
.dash-chart{height:160px;border-radius:24px;background:linear-gradient(135deg,#123223,#112947);position:relative}
.dash-chart:after{content:"";position:absolute;left:30px;right:30px;bottom:50px;height:90px;border-bottom:5px solid var(--orange);border-left:5px solid transparent;border-radius:50%;transform:rotate(-8deg)}
.account-box{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px;margin:auto}
input,select,textarea{width:100%;margin:8px 0;padding:15px;border-radius:16px;border:1px solid #2a3d58;background:#07111f;color:white;font-weight:850}
textarea{min-height:150px}
button{border:0;border-radius:999px;background:var(--orange);color:white;font-weight:950;padding:14px 18px;cursor:pointer}
.secondary{background:#17314b}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px;margin:auto}
.price-card strong{display:block;font-size:44px;color:var(--orange);margin:18px 0}
.price-card.premium{border-color:rgba(255,122,0,.42)}
.download{text-align:center;background:linear-gradient(135deg,rgba(255,122,0,.16),rgba(19,185,129,.08));border:1px solid var(--line);border-radius:34px}
.contact-form{max-width:760px;margin:auto;display:grid;gap:8px}
footer{padding:55px 24px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}
.foot{justify-content:center;margin-bottom:20px}
.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.footer-links a{color:#dbe6f5;font-weight:900}

.reveal{opacity:0;transform:translateY(22px);transition:all .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){
  nav{display:none}
  .hero,.split,.reverse{grid-template-columns:1fr}
  .hero{padding-top:60px}
  .device{transform:none}
  .intro,.poi-grid,.activity-grid,.premium-grid,.safety-grid,.pricing-grid,.account-box{grid-template-columns:1fr}
  .safety-grid article.highlight{grid-row:auto}
}
@media(max-width:620px){
  .topbar{padding:12px 16px}
  .top-actions .ghost{display:none}
  h1{font-size:52px}
  h2{font-size:40px}
  .section{padding:76px 18px}
  .device{width:100%;height:auto}
}
.pricing-grid-3{
  grid-template-columns: repeat(3, 1fr);
  max-width: 1100px;
}
.price-card.launch{
  border-color: rgba(19,185,129,.45);
  background: linear-gradient(135deg, rgba(19,185,129,.16), rgba(255,122,0,.08));
}
.badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(19,185,129,.18);
  color:#9ff3cf;
  font-weight:950;
  margin-bottom:14px;
  border:1px solid rgba(19,185,129,.28);
}
.price-card hr{
  border:0;
  border-top:1px solid var(--line);
  margin:18px 0;
}
.price-card .annual{
  font-size:30px;
}
.form-note{
  font-size:13px;
  color:var(--muted);
  margin:6px 0 0;
}
@media(max-width:1050px){
  .pricing-grid-3{grid-template-columns:1fr}
}
.hidden{display:none!important}