@font-face {font-family:Vazirmatn;src:url('/assets/Vazirmatn.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
    :root {
      --yellow:#ffd400;--yellow-deep:#e5ab00;--ink:#16191b;--muted:#59616b;--line:rgba(32,43,47,.10);
      --white:#fff;--paper:#fffdf5;--glass:rgba(255,255,255,.85);
      --shadow:0 25px 80px rgba(43,56,58,.10);--radius:28px;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
    body{margin:0;min-width:320px;background:var(--paper);font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--ink);line-height:1.8;overflow-x:hidden;font-synthesis:none;-webkit-font-smoothing:antialiased}
    a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}
    button:focus-visible,a:focus-visible{outline:3px solid #b79500;outline-offset:4px}
    ::selection{background:var(--yellow);color:#111}
    .shell{width:min(1190px,calc(100% - 42px));margin-inline:auto}
    .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

    /* The actual Esri NatGeo layer stays behind the entire page while scrolling. */
    .map-scene{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 65% 35%,#d2e5d0,#e9ebd3 44%,#f2efdc 100%);pointer-events:none}
    #discoveraMap{position:absolute;inset:-3%;width:106%;height:106%;filter:saturate(.94) brightness(1.055) contrast(.95);opacity:.97;transform:translateZ(0)}
    .map-mist{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.20),rgba(255,255,255,.08) 36%,rgba(255,255,255,.45) 100%);pointer-events:none}
    .map-mist::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,244,.24),transparent 22%,transparent 65%,rgba(255,253,244,.4))}
    .map-grain{position:absolute;inset:0;background-image:radial-gradient(rgba(25,30,20,.055) .65px,transparent .65px);background-size:7px 7px;opacity:.12;pointer-events:none}
    .map-crosshair{position:absolute;top:49%;left:53%;width:26px;height:26px;border:1px solid rgba(230,169,0,.7);border-radius:50%;box-shadow:0 0 0 9px rgba(255,212,0,.10),0 0 0 22px rgba(255,212,0,.045);opacity:.8;transition:opacity .4s}
    .map-crosshair::after{content:"";position:absolute;inset:9px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 2px white}
    .map-attribution{position:absolute;left:10px;bottom:8px;font:10px/1.4 Arial,sans-serif;color:#68716a;background:rgba(255,255,255,.7);padding:3px 6px;border-radius:5px;direction:ltr}
    .page,.topbar,.footer{position:relative;z-index:1}
    .scroll-progress{position:fixed;z-index:450;inset:0 0 auto;height:3px;background:rgba(18,25,25,.07)}
    .scroll-progress>i{display:block;height:100%;width:0;background:var(--yellow-deep);transition:width .06s linear}

    /* Sticky navigation: white glass, yellow accents. */
    .topbar{position:sticky;top:12px;z-index:300;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1190px,calc(100% - 42px));min-height:76px;margin:12px auto 0;padding:9px 14px 9px 22px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:rgba(255,255,255,.91);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 12px 42px rgba(31,40,41,.11)}
    .brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:49px;height:49px;flex:0 0 49px;overflow:hidden;border-radius:15px;background:#111;display:grid;place-items:center;color:var(--yellow);font-size:27px;font-weight:900}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-copy strong{display:block;font-size:1.14rem;line-height:1.3;font-weight:950}.brand-copy small{display:block;color:var(--muted);font-size:.66rem;letter-spacing:.05em;white-space:nowrap}
    .nav-links{display:flex;gap:clamp(14px,2.8vw,36px);align-items:center;font-size:.8rem;color:#414950;font-weight:750}.nav-links a{transition:color .2s}.nav-links a:hover{color:#c49500}
    .btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:14px;padding:0 22px;font-weight:850;font-size:.88rem;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
    .btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}
    .btn-primary{background:var(--yellow);color:#151515;box-shadow:0 9px 25px rgba(221,170,0,.23);border-color:#edc900}.btn-primary:hover{background:#ffe042;box-shadow:0 13px 30px rgba(221,170,0,.29)}
    .btn-light{background:rgba(255,255,255,.90);color:#222;border-color:rgba(29,35,36,.12);box-shadow:0 7px 21px rgba(31,35,37,.055)}
    .btn-dark{background:#181b1e;color:white;box-shadow:0 8px 20px rgba(20,20,20,.17)}
    .topbar .nav-actions{display:flex;align-items:center;gap:9px}.topbar .btn{min-height:45px;padding-inline:18px}
    .btn svg,.icon-inline{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

    .hero{min-height:calc(100svh - 95px);display:grid;grid-template-columns:1fr .83fr;gap:clamp(30px,4vw,64px);align-items:center;padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(86px,12vw,160px)}
    .hero-copy{padding:clamp(25px,4.5vw,53px);border:1px solid rgba(255,255,255,.96);border-radius:34px;background:linear-gradient(124deg,rgba(255,255,255,.98),rgba(255,255,255,.89));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;isolation:isolate}
    .hero-copy::before{content:"";position:absolute;top:22px;left:22px;width:36px;height:36px;border:4px solid rgba(255,212,0,.28);border-radius:50%;z-index:-1}
    .eyebrow{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;margin-bottom:23px;padding:7px 12px;background:#fff9d9;border:1px solid rgba(223,182,36,.32);border-radius:999px;color:#705c09;font-weight:800;font-size:.75rem}
    .eyebrow::before{content:"";height:8px;width:8px;border-radius:50%;background:#edb900;box-shadow:0 0 0 4px rgba(255,212,0,.23)}
    .hero h1{margin:0;font-size:clamp(2.9rem,5.8vw,5.25rem);line-height:1.22;letter-spacing:-.065em;font-weight:950}
    .hero h1 .accent{display:block;color:#e3ad00;letter-spacing:-.045em}
    .hero-lead{max-width:640px;margin:22px 0 0;color:#505962;font-size:clamp(.96rem,1.36vw,1.1rem);line-height:2.1}
    .hero-lead b{font-weight:950;color:#252a2e}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
    .trust-line{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:23px;font-size:.75rem;color:#5c646c;font-weight:700}
    .trust-line span{display:inline-flex;align-items:center;gap:6px}.trust-line span::before{content:"✓";height:18px;width:18px;display:grid;place-items:center;border-radius:50%;color:#1f704a;background:#ddf3e8;font-size:11px}
    .hero-showcase{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
    .hero-showcase::before{content:"";position:absolute;width:min(92%,460px);aspect-ratio:1;border:2px dashed rgba(251,193,0,.65);border-radius:50%;transform:rotate(-21deg);box-shadow:0 0 0 32px rgba(255,255,255,.13),0 0 0 66px rgba(255,212,0,.06)}
    .camera-device{position:relative;width:258px;height:490px;border:9px solid #22272b;border-radius:43px;background:linear-gradient(147deg,rgba(255,255,255,.67),rgba(239,246,231,.31)),radial-gradient(ellipse at 62% 46%,#b2d7ac,#eee9cf);box-shadow:0 33px 70px rgba(22,34,35,.23),inset 0 0 0 3px rgba(255,255,255,.55);transform:rotate(-8deg);overflow:hidden;isolation:isolate}
    .camera-device::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.6),transparent 48%),repeating-linear-gradient(48deg,transparent 0 55px,rgba(161,178,140,.24) 56px 64px,transparent 66px 110px),linear-gradient(12deg,transparent 46%,rgba(83,148,133,.35) 47%,rgba(83,148,133,.35) 49%,transparent 50%);opacity:.9;z-index:-1}
    .phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);height:19px;width:87px;background:#20272c;border-radius:30px;z-index:4}
    .device-top{display:flex;justify-content:space-between;align-items:center;margin:42px 13px 0;gap:8px;font-size:11px;font-weight:850}
    .device-top em{font-style:normal;color:#7d650a;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.09);border-radius:999px;padding:3px 8px}
    .scan-corner{position:absolute;width:40px;height:40px;border-color:#ffd400;border-style:solid;filter:drop-shadow(0 0 5px rgba(255,212,0,.55))}.scan-corner.tr{top:110px;right:25px;border-width:3px 3px 0 0;border-radius:8px 0 0}.scan-corner.tl{top:110px;left:25px;border-width:3px 0 0 3px;border-radius:0 8px 0 0}.scan-corner.br{bottom:115px;right:25px;border-width:0 3px 3px 0;border-radius:0 0 8px}.scan-corner.bl{bottom:115px;left:25px;border-width:0 0 3px 3px;border-radius:0 0 0 8px}
    .ar-pin{position:absolute;top:171px;left:51%;width:70px;height:70px;display:grid;place-items:center;transform:translateX(-50%);border-radius:50%;background:rgba(255,212,0,.24);box-shadow:0 0 0 13px rgba(255,212,0,.1)}
    .ar-pin::before{content:"";width:30px;height:30px;background:var(--yellow);border:6px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 12px rgba(0,0,0,.16)}
    .ar-location{position:absolute;top:251px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;text-align:center;min-width:166px;border:1px solid rgba(29,37,39,.12);background:rgba(255,255,255,.95);padding:9px 13px;border-radius:14px;box-shadow:0 12px 24px rgba(0,0,0,.12)}
    .ar-location strong{font-size:14px;white-space:nowrap}.ar-location small{font-size:10px;color:#6e7474;white-space:nowrap}
    .ar-trajectory{position:absolute;top:337px;left:50%;transform:translateX(-50%);width:2px;height:39px;background:linear-gradient(var(--yellow),transparent);border-right:2px dashed #d7a900}
    .camera-controls{position:absolute;bottom:17px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:24px}.camera-controls span{height:32px;width:32px;border-radius:12px;background:rgba(255,255,255,.88);display:grid;place-items:center;font-size:18px}.camera-controls .shutter{height:54px;width:54px;border-radius:50%;background:var(--yellow);border:4px solid white;box-shadow:0 0 0 2px #e8bb00;font-size:20px}
    .float-info{position:absolute;padding:12px 15px;display:flex;align-items:center;gap:11px;min-width:182px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.94);border-radius:18px;box-shadow:0 14px 35px rgba(35,45,45,.11);backdrop-filter:blur(12px);animation:levitate 5s ease-in-out infinite}
    .float-info .float-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#fff4b5;font-size:21px}.float-info strong{display:block;font-size:.8rem;line-height:1.4}.float-info small{display:block;color:var(--muted);font-size:.66rem}.float-info.first{right:0;top:65px}.float-info.second{left:-2%;bottom:68px;animation-delay:-1.8s}.float-info.third{right:-4%;bottom:23%;animation-delay:-3s}
    @keyframes levitate{50%{translate:0 -9px}}
    .explore-cue{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;display:flex;align-items:center;gap:10px;font-size:.77rem;color:#485454;background:rgba(255,255,255,.88);padding:8px 15px;border-radius:999px;border:1px solid #fff;box-shadow:0 8px 22px rgba(0,0,0,.07)}
    .explore-cue::after{content:"↓";font-size:1.1rem;animation:nudge 1.7s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(4px)}}

    .route-widget{position:fixed;z-index:110;bottom:25px;left:22px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 44px);background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);padding:8px 12px;border-radius:17px;box-shadow:0 11px 37px rgba(23,44,42,.13)}
    .route-indicator{width:34px;height:34px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;font-size:18px}.route-text small{display:block;line-height:1.3;color:#7a8188;font-size:.63rem}.route-text strong{display:block;line-height:1.5;font-size:.81rem;min-width:71px}.route-dots{display:flex;gap:4px;margin-inline:5px}.route-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#d6d9da}.route-dots i.active{width:15px;border-radius:10px;background:#dfaf00;transition:width .2s}

    .section{padding:clamp(70px,8.5vw,114px) 0}.section-head{max-width:680px;margin-bottom:30px}.section-kicker{display:block;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#8d6d00;margin-bottom:12px}.section-head h2{font-size:clamp(2rem,3.8vw,3.45rem);line-height:1.4;letter-spacing:-.05em}.section-head p{font-size:clamp(.89rem,1.2vw,1rem);color:#59616b;margin-top:10px;max-width:630px}
    .features-section{padding-top:20px}.features-head{padding:27px 31px 24px;width:fit-content;max-width:100%;background:rgba(255,255,255,.94);border:1px solid white;border-radius:27px;box-shadow:var(--shadow)}
    .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .feature-card{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:390px;padding:clamp(25px,3vw,39px);border-radius:30px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.93);box-shadow:var(--shadow);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);transition:transform .25s,box-shadow .25s}
    .feature-card:hover{transform:translateY(-5px);box-shadow:0 32px 85px rgba(24,45,40,.14)}
    .feature-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.feature-number{font:800 .65rem/1.2 Arial,sans-serif;letter-spacing:.2em;color:#9ea2a2}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff1aa;color:#1b2023;font-size:22px}
    .feature-card h3{max-width:400px;font-size:clamp(1.65rem,2.5vw,2.4rem);line-height:1.4;letter-spacing:-.04em}.feature-card>p{max-width:460px;margin:11px 0 22px;color:#58616a;font-size:.93rem}
    .feature-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.feature-tags span{font-size:.72rem;font-weight:750;color:#6f5c0b;background:#fff8d9;padding:4px 11px;border-radius:99px;border:1px solid #f4e5a9}
    .feature-visual{height:154px;margin:7px 0 23px;border:1px solid #e8e8e0;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(120deg,#f3f5e6,#d9e8d9 45%,#faf0d2)}
    .map-visual::before{content:"";position:absolute;inset:-40%;background:repeating-linear-gradient(-22deg,transparent 0 25px,rgba(120,159,119,.25) 26px 30px,transparent 31px 73px),repeating-linear-gradient(39deg,transparent 0 52px,rgba(220,175,99,.25) 53px 56px,transparent 57px 89px)}
    .map-route{position:absolute;top:50%;left:11%;width:78%;height:0;border-top:4px dashed #e5b700;transform:rotate(-9deg);filter:drop-shadow(0 2px 0 white)}
    .map-pin{position:absolute;width:35px;height:35px;display:grid;place-items:center;background:var(--yellow);border:4px solid white;box-shadow:0 6px 15px rgba(0,0,0,.18);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
    .map-pin::after{content:"";width:7px;height:7px;background:#262626;border-radius:50%}.map-pin.a{top:25%;right:20%}.map-pin.b{bottom:20%;left:20%;background:#fff;border-color:#ffcf00}.map-pin.b::after{background:#e5b000}
    .map-tag{position:absolute;top:16px;right:18px;background:white;padding:5px 11px;border-radius:10px;box-shadow:0 7px 16px rgba(0,0,0,.08);font-size:.71rem;font-weight:850}.map-tag:last-child{top:auto;bottom:15px;right:auto;left:17px}
    .ar-visual{background:linear-gradient(20deg,#e4f0e6 0%,#e0ebe9 42%,#f7f4db 100%)}.ar-visual::after{content:"";position:absolute;bottom:-58px;left:31%;width:38%;height:155px;background:linear-gradient(to top,rgba(100,166,151,.40),transparent);transform:perspective(100px) rotateX(35deg);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%)}
    .ar-visual .focus{position:absolute;top:27px;left:45%;width:100px;height:91px;border:3px solid #fbc900;border-radius:13px;box-shadow:0 0 0 7px rgba(255,212,0,.12)}
    .ar-visual .focus::before{content:"↗";position:absolute;top:12px;right:31px;font-size:36px;color:#d0a000}.ar-visual .ar-label{position:absolute;top:41px;right:18px;background:rgba(255,255,255,.95);padding:8px 12px;border-radius:12px;box-shadow:0 7px 20px rgba(0,0,0,.08);font-size:.73rem;font-weight:800}
    .ar-visual .ar-label.small{top:auto;right:auto;left:20px;bottom:19px}
    .feature-card.camera{background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(255,252,239,.95))}

    .ai-section{padding-top:42px}.ai-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:clamp(29px,6vw,65px);background:rgba(255,255,255,.94);border:1px solid white;border-radius:36px;box-shadow:var(--shadow);backdrop-filter:blur(17px)}
    .ai-panel h2{font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.37;letter-spacing:-.05em}.ai-panel p{color:#5c646b;max-width:500px;margin-top:13px}.ai-bullets{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.ai-bullets span{display:inline-flex;gap:7px;align-items:center;font-size:.78rem;font-weight:850;background:#f8f8f4;padding:7px 12px;border-radius:12px;border:1px solid #e9eae4}.ai-bullets span::before{content:"✦";color:#c29300}
    .assistant-ui{min-height:320px;border:1px solid #e3e6e3;background:#fafbf9;border-radius:25px;padding:19px;box-shadow:0 18px 38px rgba(40,43,36,.07);position:relative}.assistant-ui-head{display:flex;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e7e7e3}.assistant-ui-head i{height:36px;width:36px;display:grid;place-items:center;background:#ffda29;border-radius:12px;font-style:normal;font-size:19px}.assistant-ui-head strong{font-size:.82rem}.assistant-ui-head small{display:block;font-size:.65rem;color:#7b8389}.chat-user{margin:21px 0 12px auto;width:fit-content;max-width:94%;border-radius:15px 15px 4px 15px;padding:13px 16px;font-size:.78rem;background:#ecefea;color:#29312e}.chat-ai{max-width:94%;border-radius:15px 15px 15px 4px;padding:13px 16px;font-size:.8rem;line-height:1.95;background:#fff5c3;border:1px solid #f6e6a5}.chat-ai b{color:#252525}.ai-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ai-chips span{background:white;border:1px solid #f0df97;padding:2px 8px;border-radius:99px;color:#745b04;font-size:.65rem}
    .native-section{padding-top:36px}.native-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:clamp(25px,4.5vw,48px);border:1px solid rgba(239,204,44,.46);border-radius:30px;background:linear-gradient(100deg,rgba(255,246,196,.97),rgba(255,255,255,.97) 56%,rgba(255,252,232,.97));box-shadow:var(--shadow)}
    .native-icon{width:73px;height:73px;display:grid;place-items:center;background:var(--yellow);border-radius:23px;font-size:28px;box-shadow:0 9px 18px rgba(196,159,0,.14)}.native-panel h3{font-size:clamp(1.35rem,2.4vw,2.1rem);letter-spacing:-.03em}.native-panel p{font-size:.9rem;color:#56616a;margin-top:5px}.native-stamp{font:900 .77rem/1.5 Arial,sans-serif;letter-spacing:.1em;border:1px solid #c8af42;padding:11px 15px;border-radius:99px;white-space:nowrap;color:#685409;direction:ltr}
    .cta-section{padding-top:56px;padding-bottom:100px}.cta-panel{position:relative;overflow:hidden;text-align:center;padding:clamp(38px,6vw,80px) 20px;border-radius:32px;background:rgba(255,255,255,.95);border:1px solid white;box-shadow:var(--shadow)}.cta-panel::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,212,0,.18),transparent 68%);top:-150px;left:-90px;pointer-events:none}.cta-panel h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.3;letter-spacing:-.05em}.cta-panel h2 span{color:#d4a200}.cta-panel p{color:#5b646b;font-size:.96rem;margin:12px auto 25px;max-width:600px}.cta-panel .cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}
    .footer{border-top:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.90);backdrop-filter:blur(15px);padding:29px 0 90px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-identity strong{font-size:1.1rem}.footer-identity p{font-size:.75rem;color:#697079;margin-top:3px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.77rem;color:#5d666d}.footer-links a:hover{color:#a38300}.copyright{font-size:.7rem;color:#7b8388;margin-top:18px}
    .floating-actions{position:fixed;z-index:250;bottom:max(18px,env(safe-area-inset-bottom));right:18px;display:flex;gap:7px}.floating-actions .btn{min-height:44px;padding:0 15px;border-radius:99px;box-shadow:0 8px 28px rgba(34,41,41,.14)}
    .toast{position:fixed;z-index:600;bottom:90px;left:50%;transform:translate(-50%,12px);visibility:hidden;opacity:0;transition:.25s;max-width:calc(100% - 30px);border-radius:13px;padding:11px 18px;background:#151a1b;color:white;font-size:.83rem;box-shadow:0 16px 42px rgba(0,0,0,.2)}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
    .install-modal{display:none;position:fixed;inset:0;z-index:700;padding:18px;background:rgba(19,29,29,.5);backdrop-filter:blur(9px);place-items:center}.install-modal.open{display:grid}.modal-card{width:min(480px,100%);padding:25px;border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.24)}.modal-head{display:flex;justify-content:space-between;gap:12px}.modal-head h3{font-size:1.2rem}.modal-head p{margin-top:5px;color:#69727a;font-size:.8rem}.modal-close{width:36px;height:36px;flex:0 0 36px;background:#f6f6f3;border:1px solid #e2e3e0;border-radius:50%;font-size:20px}.install-steps{display:grid;gap:10px;margin-top:20px}.install-step{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:13px;border:1px solid #e7e8e4;font-size:.82rem}.install-step b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#ffe16b}
    [data-reveal]{opacity:1;transform:none}.reveal-enabled [data-reveal]{opacity:0;transform:translateY(21px);transition:opacity .65s ease,transform .65s ease}.reveal-enabled [data-reveal].visible{opacity:1;transform:translateY(0)}
    @media(max-width:1050px){.nav-links{gap:15px}.hero{grid-template-columns:1fr .7fr;gap:12px}.hero-showcase{min-height:460px}.float-info.third{display:none}.camera-device{transform:rotate(-5deg) scale(.92)}.hero h1{font-size:clamp(2.7rem,5.7vw,4.3rem)}}
    @media(max-width:800px){.nav-links{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:65px}.hero-copy{max-width:680px}.hero-showcase{min-height:420px;margin-top:10px}.camera-device{transform:rotate(-7deg) scale(.77)}.float-info.first{right:8%}.float-info.second{left:7%}.float-info.third{display:flex;right:6%;bottom:25%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:340px}.ai-panel{grid-template-columns:1fr}.native-panel{grid-template-columns:auto 1fr}.native-stamp{grid-column:1/-1;width:fit-content}.map-mist{background:rgba(255,255,255,.31)}}
    @media(max-width:540px){.shell{width:calc(100% - 28px)}.topbar{top:8px;width:calc(100% - 22px);margin-top:8px;padding:7px 9px;min-height:63px;border-radius:17px}.brand{gap:7px}.brand-logo{width:42px;height:42px;flex-basis:42px;border-radius:11px}.brand-copy strong{font-size:.89rem}.brand-copy small{font-size:.54rem}.topbar .btn{min-height:40px;padding:0 12px;font-size:.74rem}.topbar .js-install{display:none}.hero{padding-top:48px;padding-bottom:92px}.hero-copy{padding:27px 21px;border-radius:25px}.hero h1{font-size:clamp(2.55rem,11.6vw,3.7rem)}.hero-lead{font-size:.91rem;margin-top:17px}.eyebrow{font-size:.67rem;margin-bottom:17px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{min-height:49px;padding:0 8px;font-size:.74rem}.hero-showcase{min-height:340px;margin-top:6px}.hero-showcase::before{width:80%}.camera-device{transform:rotate(-8deg) scale(.63)}.float-info{padding:9px 10px;min-width:auto;max-width:148px}.float-info.first{top:10%;right:0}.float-info.second{bottom:12%;left:0}.float-info.third{display:none}.float-info .float-icon{height:32px;width:32px;font-size:16px}.float-info strong{font-size:.67rem}.float-info small{font-size:.59rem}.explore-cue{bottom:18px;font-size:.68rem}.section{padding:67px 0}.features-section{padding-top:15px}.features-head{padding:24px 21px}.section-head h2{font-size:2rem}.section-head p{font-size:.86rem}.feature-card{padding:23px;min-height:0;border-radius:24px}.feature-card h3{font-size:1.8rem}.feature-visual{height:135px}.ai-section,.native-section{padding-top:15px}.ai-panel{padding:22px;border-radius:26px}.assistant-ui{padding:14px;min-height:270px}.native-panel{gap:13px;padding:24px 20px;border-radius:25px}.native-icon{height:52px;width:52px;font-size:22px;border-radius:16px}.native-panel h3{font-size:1.24rem}.native-panel p{font-size:.82rem}.native-stamp{font-size:.66rem}.cta-section{padding-top:15px;padding-bottom:85px}.cta-panel{border-radius:25px}.cta-panel h2{font-size:2.15rem}.cta-panel .btn{width:100%}.route-widget{bottom:77px;left:10px;padding:6px 8px;gap:6px;border-radius:12px}.route-indicator{width:29px;height:29px}.route-dots{display:none}.floating-actions{bottom:13px;right:10px;left:10px}.floating-actions .btn{flex:1;min-height:43px;font-size:.8rem}.footer{padding-bottom:116px}.map-attribution{font-size:8px;bottom:4px}.map-crosshair{left:58%}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
    @media print{.map-scene,.topbar,.route-widget,.floating-actions,.scroll-progress,.explore-cue,.install-modal,.toast{display:none!important}body{background:white}.hero{min-height:auto}.feature-card,.ai-panel,.native-panel,.hero-copy{box-shadow:none;border:1px solid #ddd}[data-reveal]{opacity:1!important;transform:none!important}}

/* Satellite atlas from the existing Pro basemap: one complete cached image. */
.map-scene{background:#b2b8a1 url('/assets/discovera-index-map-20261015-preview.webp') center/cover no-repeat}
.map-picture{position:absolute;inset:0;overflow:hidden}
#discoveraMap{inset:auto;top:0;left:0;width:3072px;height:2304px;max-width:none;opacity:1;filter:saturate(.83) brightness(1.1);transform-origin:0 0;transition:transform .65s cubic-bezier(.2,.65,.3,1);will-change:transform}
.map-mist{background:linear-gradient(90deg,#fffdf42b,#fffdf438 45%,#fffdf46b)}
.map-mist::after{background:linear-gradient(180deg,#fffdf43d,transparent 25%,#fffdf42e 80%,#fffdf45c)}
.map-grain{opacity:.05}
.map-crosshair{top:0;left:0;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.map-attribution{max-width:calc(100% - 20px);background:#ffffffc9;color:#354339;font-size:9px}
.topbar{background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 32px #17282012}
.hero{position:relative}
.hero-copy{padding:28px 8px;border:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;text-shadow:0 1px 18px #fffdf4bb}
.hero-copy::before{display:none}
.hero h1{font-size:clamp(2.9rem,5.8vw,5rem);color:#172523}
.hero h1 .accent{color:#936300;text-shadow:0 1px 0 #fff8}
.hero-lead{color:#263832;background:linear-gradient(90deg,#fffdf400,#fffdf4b8);border-radius:18px;padding:8px 0}
.trust-line{color:#273c31}
.eyebrow{background:#fff8dbd9;border-color:#fff9;box-shadow:0 4px 22px #303c2910}
.hero-showcase::before{border-color:#ffdf50a6;box-shadow:0 0 0 32px #ffffff0d,0 0 0 66px #ffd40009}
.camera-device{background:linear-gradient(180deg,#aec6d2 0 31%,#decfb6 32% 58%,#d2d5cc 59%);animation:device-drift 7s ease-in-out infinite;box-shadow:0 32px 65px #132c3e42,0 0 0 1px #ffffffa6}
.camera-device::before{inset:31% -25% 30%;background:repeating-linear-gradient(90deg,#ebdfcc 0 34px,#a9997d 35px 39px,#cbbfa6 40px 65px,#f5ead7 66px 87px);clip-path:polygon(0 18%,16% 5%,16% 25%,28% 25%,28% 0,46% 0,46% 30%,70% 30%,70% 12%,83% 12%,83% 0,100% 0,100% 100%,0 100%);opacity:1}
.device-top{color:#173740}
.device-top em{background:#ffffffe0}
.scan-corner{filter:none;opacity:.65}
.ar-pin,.ar-trajectory{display:none}
.ar-location{top:95px;background:#ffffffc9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.demo-chevrons{position:absolute;top:208px;left:5%;width:90%;height:132px;filter:drop-shadow(0 10px 5px #27455f24);transform:perspective(500px) rotateY(-13deg)}
.demo-nav{position:absolute;bottom:82px;left:12px;right:12px;display:flex;align-items:center;gap:12px;background:#20332edb;color:#fff;padding:10px 14px;border-radius:15px;box-shadow:0 8px 18px #182b3024;direction:rtl}
.demo-nav>span{font-size:32px;color:#ffe16b}.demo-nav small,.demo-nav strong{display:block}.demo-nav small{font-size:10px;color:#d4e4df}.demo-nav strong{font-size:12px}
@keyframes device-drift{50%{translate:0 -9px;rotate:1.5deg}}
.float-info{background:#ffffffc4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#ffffffb3;box-shadow:0 10px 26px #162c2821}
.explore-cue,.route-widget{background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.features-head{padding:24px 8px;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.section-kicker{color:#694a00}.section-head p,.ai-panel p,.native-panel p,.cta-panel p{color:#263c33}
.feature-card,.feature-card.camera{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff8c;box-shadow:0 10px 34px #223e2614}
.feature-card:hover{box-shadow:0 18px 40px #203d2b21}
.feature-card>p{color:#30443d}
.feature-visual{border-color:#ffffff80}
.map-visual{background:#b2b8a1 url('/assets/discovera-index-map-20261015-preview.webp') 42% 40%/200% auto}
.map-visual::before{background:linear-gradient(110deg,#fff6,transparent)}
.map-route{border-top-style:solid;border-top-width:3px}
.ar-visual{background:linear-gradient(180deg,#bed8df 0 38%,#d6d8c9 39%)}
.ar-visual::after{display:none}
.card-chevrons{position:absolute;right:20%;top:8px;width:190px;height:135px;filter:drop-shadow(0 7px 5px #23465624)}
.ar-visual .ar-label{top:12px;right:12px;background:#ffffffc9;font-size:10px;padding:5px 8px}
.ar-visual .ar-label.small{bottom:12px;left:12px}
.ai-panel{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:24px 8px;gap:44px}
.ai-bullets span{background:#ffffffa6;border-color:#ffffff85}
.assistant-ui{background:#ffffffa8;border-color:#ffffff9c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 20px 40px #203d2b21;animation:panel-drift 8s ease-in-out infinite}
@keyframes panel-drift{50%{translate:0 -5px}}
.chat-user{background:#e8eee7c4}.chat-ai{background:#fff5cbd4}
.native-panel{background:#ffffff59;border-color:#ffffff80;box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cta-panel{background:linear-gradient(120deg,#ffffff1a,#ffffff78,#ffffff1a);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.cta-panel::before{opacity:.4}
.footer{background:#ffffff8a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.footer-identity p,.footer-links,.copyright{color:#334b40}
@media(max-width:800px){.map-mist{background:linear-gradient(180deg,#fffdf43d,#fffdf445)}.hero-copy{padding:15px 8px}.ai-panel{gap:25px}.hero-showcase{margin-top:20px}.feature-card{min-height:0}.map-attribution{bottom:3px}}
@media(max-width:540px){.hero{padding-top:38px;padding-bottom:70px}.hero-copy{padding:16px 4px}.hero h1{font-size:clamp(2.55rem,11.6vw,3.7rem)}.hero-lead{padding:6px 0;background:linear-gradient(90deg,#fffdf425,#fffdf4b3);line-height:2}.trust-line{font-size:.7rem;gap:8px 12px}.hero-showcase{height:390px;min-height:0;margin-top:4px}.features-head{padding:12px 4px}.feature-card,.feature-card.camera{background:#ffffff55;padding:22px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.feature-card h3{font-size:1.7rem}.ai-panel{padding:12px 4px}.native-panel{background:#ffffff54;padding:22px 16px}.cta-panel{padding:32px 4px}.section-head p,.ai-panel p,.native-panel p,.cta-panel p{text-shadow:0 1px 9px #fff9}.floating-actions .btn-light{background:#ffffffd9}.route-widget{bottom:73px}.float-info.first{right:2px;top:12%}.float-info.second{left:2px;bottom:16%}.map-attribution{font-size:7px;left:5px;max-width:calc(100% - 10px)}}
@media(prefers-reduced-motion:reduce){#discoveraMap,.map-crosshair{transition:none}.camera-device,.assistant-ui,.float-info{animation:none}}
@media(prefers-reduced-transparency:reduce){.topbar,.float-info,.feature-card,.feature-card.camera,.assistant-ui,.native-panel{background:#fffffff0;backdrop-filter:none;-webkit-backdrop-filter:none}}

@media(max-width:540px){
 .floating-actions{left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));gap:6px}
 .floating-actions .btn{flex:none;min-height:43px;padding-inline:13px;font-size:.75rem}
 .floating-actions .js-install{width:43px;padding:0;font-size:0}
 .floating-actions .js-install::before{content:"↓";font-size:22px;line-height:1}
 .route-widget{bottom:max(12px,env(safe-area-inset-bottom));left:12px;padding:6px 8px;max-width:calc(100% - 193px)}
 .route-text strong{min-width:0;font-size:.73rem}.route-text small{font-size:.58rem}
 .map-attribution{bottom:65px;left:12px;max-width:calc(100% - 24px)}
}