/* Hamsafar — midnight atlas. Selective glass surfaces, solid reading areas. */
:root{--bg:#080e1b;--bg2:#111d32;--card:#101a2c;--tx:#eef3ff;--mu:#a4b2cc;--line:rgba(166,194,255,.13);--pr:#668cff;--am:#f6c578;--r:26px;--glass:rgba(19,31,52,.73);--glass-border:rgba(200,222,255,.2);--shadow:0 24px 70px -35px #0009}
html{scroll-padding-top:110px}body{background:radial-gradient(ellipse at 0 35%,#15305444,transparent 38%),var(--bg)}
::selection{background:#668cff66;color:var(--tx)}
.w{width:min(1200px,90%)}section{padding:108px 0}h2{letter-spacing:-.045em;font-size:clamp(1.8rem,3.5vw,2.65rem)}.sub{line-height:2.15}.kick{font-size:.76rem;color:#97b1ff;letter-spacing:0;display:inline-flex;align-items:center;gap:9px}.kick:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 16px currentColor}
nav{inset:18px max(3%,calc((100% - 1280px)/2)) auto;border:1px solid var(--glass-border);border-radius:22px;background:var(--glass);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:0 10px 35px #0002}
.nv{height:72px;width:94%;gap:12px}.logo{font-size:1.25rem}.lg{width:40px;height:40px}.nl{gap:28px;font-size:.82rem}.nl a{position:relative;padding:10px 0}.nl a.active{color:var(--tx)}.nl a.active:after{content:"";position:absolute;bottom:2px;left:40%;right:40%;height:3px;background:var(--pr);border-radius:3px}
.btn{border-radius:14px;font-size:.9rem;padding:14px 25px;min-height:46px;justify-content:center;transition:transform .22s,box-shadow .22s,background .22s}.b1{background:linear-gradient(120deg,#668bff,#4769e6);box-shadow:inset 0 1px #ffffff40,0 8px 25px #365bd22e}.b1:hover{box-shadow:inset 0 1px #ffffff40,0 12px 35px #4769e65c;transform:translateY(-2px)}.b2{background:#ffffff05;border-color:var(--glass-border)}.tgl,.tg{min-width:42px;min-height:42px;color:var(--tx);flex-shrink:0}.tg{font-size:1.1rem}
.hero{min-height:810px;padding:155px 0 80px;background:radial-gradient(ellipse at 22% 42%,#3658b030,transparent 49%),radial-gradient(ellipse at 90% 14%,#3c738519,transparent 38%),var(--bg)}.hero:before{background-size:80px 80px;opacity:.22}.hero-bg{opacity:.28;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.hg{gap:64px;grid-template-columns:1.03fr 1fr}.hero h1{font-size:clamp(2.8rem,5.2vw,4.45rem);line-height:1.5;letter-spacing:-.06em;margin-top:14px}.hero h1 em{background:linear-gradient(110deg,#a6bfff,#79a0ff 65%,#89ddd5);background-clip:text;-webkit-background-clip:text}.hero p.l{font-size:1rem;line-height:2.25;max-width:450px;margin:22px 0 30px}
.hero .kick{background:#7297ff0c;border:1px solid #7297ff24;padding:6px 13px;border-radius:30px}.inv{margin-top:26px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--glass-border);border-radius:15px;gap:14px}.inv b{font-size:.9rem}.inv span{font-size:.75rem}.inv .btn{min-height:36px;font-size:.75rem;background:#6f94ff1c;box-shadow:none;color:var(--tx)}
.hero-notes{display:flex;gap:22px;color:var(--mu);font-size:.71rem;margin-top:23px}.hero-notes span{display:flex;align-items:center;gap:7px}.hero-notes span:before{content:"✓";color:#79d9bc}
.stage{height:570px;isolation:isolate}.stage:before{content:"";position:absolute;width:440px;max-width:100%;aspect-ratio:1;border:1px solid #8caaff1a;border-radius:50%;background:radial-gradient(circle,#527cff16,transparent 67%);box-shadow:0 0 0 40px #8caaff04,0 0 0 80px #8caaff03;z-index:-1}.demo-tag{top:-9px;letter-spacing:.03em;background:#7094ff0c;color:var(--mu);border-color:var(--line);font-weight:400}.ph3{height:510px;transform:rotate(-6deg);border-color:#b1c7ff5c;box-shadow:18px 35px 80px #0009,0 0 0 5px #ffffff06}.fc{background:var(--glass);border-color:var(--glass-border);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:inset 0 1px #ffffff0c,0 18px 45px #0003;border-radius:18px;padding:13px 15px;min-width:190px}.fc b{font-size:.75rem}.fc small{font-size:.65rem;margin-top:5px}.fc span{border-radius:12px;width:36px;height:36px}.fc.f1{top:12%;left:-1%}.fc.f2{top:37%;right:-2%}.fc.f3{bottom:20%;left:-5%}.fc.f4{bottom:0;right:6%}
.section-index{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:34px;color:var(--mu);font-size:.7rem}.section-index b{font:500 .65rem IRANSans;letter-spacing:.15em;direction:ltr;color:#7890b5}
#features{background:linear-gradient(180deg,#111c2c60,transparent);border-top:1px solid var(--line)}.bento{gap:18px;margin-top:38px}.cd{padding:30px;background:linear-gradient(135deg,#1b2a413d,#101a2c8c);border-color:var(--line);box-shadow:inset 0 1px #ffffff04}.cd:hover{transform:translateY(-4px);background-color:#18263b;border-color:#94b3ff55}.cd h3{font-size:1.1rem;margin:22px 0 9px}.cd p{font-size:.86rem;line-height:2}.ic{border:1px solid #7ca1ff24;border-radius:16px;width:50px;height:50px}.cd.s4{background:radial-gradient(ellipse at 0 0,#5076cf20,transparent 70%),#111c2e}.cd.s4:after{content:"◎";position:absolute;left:22px;top:0;font-size:160px;line-height:1.2;color:#779eff0a;pointer-events:none}
.live{background:radial-gradient(ellipse at 0 0,#4067c04d,transparent 65%),#101c32;border:1px solid #7d9ddf35;box-shadow:var(--shadow);padding:48px;gap:45px}.live:before{opacity:.3}.live .sub{color:#b3c1df}.live h2{color:#eef3ff}.live .kick{color:#9cb8ff}.mem{background:#ffffff07;backdrop-filter:blur(14px);border-color:#c5d6ff22}.lmap{box-shadow:0 10px 35px #0003}.bar{height:5px}.mem .e{color:#f6c578}.chip.tb{background:#ffffff08}.chip.tb.on{background:#789bff24;color:#dbe7ff;border-color:#8cafff88}
#app{background:radial-gradient(ellipse at 24% 50%,#517df512,transparent 55%)}.ph2{gap:90px}.lst li{padding:12px 0;border-bottom:1px solid var(--line);font-size:.9rem}.phone{transform:rotate(4deg);box-shadow:20px 35px 70px #0005,0 0 0 6px #ffffff04}.rt{gap:24px;grid-template-columns:minmax(0,1fr) 350px}.wpanel{height:510px}.wmap,.wpanel{border-color:#8ba7e52b;box-shadow:var(--shadow)}
.cd2{padding:30px;background:var(--card);box-shadow:var(--shadow)}.cd2 h3{font-size:1.1rem}.fl input,.fam input{padding:12px 15px;border-radius:12px}.fl input::placeholder{color:var(--mu);opacity:.65}.ops.v{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op{font-size:.85rem}.cd2 .acts{gap:10px}.cd2 .acts .btn{font-size:.77rem;padding:12px 16px}.dk{background:linear-gradient(135deg,#162c41,#101a2c)}.st{background:linear-gradient(150deg,#17253a70,#101a2c30);padding:32px;position:relative}.st:before{background:#789bff12;color:#9cb7ff;border:1px solid #789bff36;border-radius:14px;font-size:1rem}.st h3{margin-top:24px}.st p{line-height:2;font-size:.85rem}.cta{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -25%,#5f8dff38,transparent 70%),#101b2e;border-color:#94b3ff2e;padding:70px 24px;box-shadow:inset 0 1px #ffffff12}.cta h2{font-size:clamp(1.6rem,3.2vw,2.5rem)}.cta .sub{font-size:.95rem}.scene{opacity:.7;height:180px}footer{margin-top:0;padding-top:32px}.fin{font-size:.76rem;padding:16px 0}.roam{display:none}
[data-theme=light]{--bg:#f4f6fb;--bg2:#edf1f8;--card:#fff;--tx:#192740;--mu:#536581;--line:#243c631c;--glass:#ffffffb8;--glass-border:#ffffffd9;--shadow:0 20px 65px -40px #29446c50}
[data-theme=light] nav{background:var(--glass);border-color:#fff}[data-theme=light] .hero{background:radial-gradient(ellipse at 22% 42%,#a6c5ff4d,transparent 55%),var(--bg)}[data-theme=light] .hero h1 em{background-image:linear-gradient(110deg,#365dcc,#35769b)}[data-theme=light] .kick{color:#4767b5}[data-theme=light] .fc,[data-theme=light] .inv{background:var(--glass);border-color:#fff}[data-theme=light] .cd,[data-theme=light] .st{background:linear-gradient(145deg,#fff,#f8faff);box-shadow:var(--shadow)}[data-theme=light] .cta{background:radial-gradient(ellipse at 50% -25%,#668bff30,transparent 70%),#fff}[data-theme=light] .nl.open{background:#f7f9fff5}[data-theme=light] .hero-notes span:before{color:#168164}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){nav,.fc,.inv{background:var(--card)}}
@media(min-width:901px) and (max-width:1100px){.hg{gap:24px}.fc{min-width:165px;padding:10px}.fc.f3{left:0}.nl{gap:18px}}
@media(max-width:900px){nav{inset:12px 4% auto;border-radius:18px}.nv{height:64px}.nl.open{top:76px;inset-inline:0;border:1px solid var(--glass-border);border-radius:18px;background:#101c30f5;box-shadow:var(--shadow);padding:20px}.nl a{padding:8px}.nl a.active:after{display:none}.hero{padding:135px 0 60px;min-height:auto}.hg{grid-template-columns:1fr;gap:52px}.hero h1{font-size:clamp(2.7rem,7vw,4rem)}.hero p.l{max-width:550px}.stage{width:min(480px,100%);height:560px}.fc.f1{left:0}.fc.f2{right:0}.fc.f3{left:0}.fc.f4{right:5%}section{padding:72px 0}.ph2{gap:55px}.rt{grid-template-columns:1fr}.live{padding:30px;gap:30px}.bento{grid-template-columns:1fr 1fr}.s2{grid-column:span 1}.s4{grid-column:span 2}.wpanel{height:450px}.cd{padding:24px}.phone{transform:none}.hero-bg{opacity:.17}.section-index{margin-bottom:25px}}
@media(max-width:520px){.w{width:90%}.nv{gap:8px}.logo{font-size:1.05rem;gap:5px}.lg{width:32px;height:32px}.nv>.b1{font-size:.7rem!important;padding:8px 10px!important;min-height:38px}.tgl,.tg{min-width:36px;width:36px;min-height:38px;height:38px}.hero h1{font-size:2.8rem}.hero p.l{font-size:.9rem}.hero .acts{gap:10px}.hero .acts .btn{padding:12px 16px;font-size:.8rem}.hero-notes{gap:15px;font-size:.65rem}.stage{height:550px}.ph3{width:244px;height:490px;transform:rotate(-3deg)}.fc{min-width:155px;padding:10px;gap:8px}.fc b{font-size:.65rem}.fc small{font-size:.58rem}.fc span{width:28px;height:28px}.fc.f1{top:8%;left:-2%}.fc.f2{top:35%;right:-2%}.fc.f3{bottom:19%;left:-2%}.fc.f4{bottom:0;right:0}.bento{grid-template-columns:1fr}.s2,.s3,.s4{grid-column:auto}.live{padding:24px 18px;border-radius:25px}.cd2{padding:22px 18px}.cd2 .acts{flex-direction:column}.lr{font-size:.8rem;gap:7px}.tr{font-size:.78rem;padding:10px}.rt-cap{font-size:.75rem}.cities{gap:2px;margin:8px}.cities button{font-size:.72rem;padding:5px 8px}.hero-notes{flex-wrap:wrap}.inv{gap:10px}.section-index{font-size:.65rem}.section-index b{font-size:.58rem}.cta{padding:48px 20px}.fin{justify-content:center;text-align:center}.scene{height:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pb,.bub{opacity:1;transform:none}.ph3{transform:none}}
@media print{nav,.hero-bg,.roam{display:none}.rv{opacity:1;transform:none}section{padding:25px 0}.hero{min-height:auto;padding-top:20px}.cd,.cd2,.st{break-inside:avoid}}

/* Give the long itinerary and overtaking traffic more room. */
.ph3m{aspect-ratio:240/225}.ph3h b{font-size:.65rem}.hero-bg{opacity:.5}@media(max-width:900px){.hero-bg{opacity:.34}}
/* Softer road surface; preserve contrast on vehicles and their labels. */
#roadg .rd{fill:#344f94;opacity:.72}#roadg .ed{opacity:.95;stroke:#668cff}#roadg .gl{opacity:.22}#roadg .ds{stroke:#a9bfff;stroke-opacity:.85}
.hero-bg{opacity:1;mask-image:linear-gradient(#000 75%,transparent)}
@media(max-width:900px){.hero-bg{opacity:.8}}
/* Keep the hero handset upright and present real product/contact actions. */
.ph3{transform:none!important}.fin{display:block;margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
footer .contact{display:grid;grid-template-columns:minmax(190px,.6fr) 2fr;gap:12px 38px;align-items:center;padding:12px 0 28px}
.contact h3{font-size:1.1rem;color:var(--tx)}.contact>div:first-child p{font-size:.8rem;margin-top:5px}
.social{position:static!important;inset:auto;z-index:auto;border:0;background:none;backdrop-filter:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.social a{display:flex;flex-direction:column;gap:4px;padding:13px 15px;border-radius:15px;border:1px solid var(--glass-border);background:var(--glass);color:var(--mu);font-size:.75rem;transition:.2s}
.social a:hover{transform:translateY(-2px);border-color:#8eaaff;color:var(--tx)}.social b{color:var(--tx);font-size:.8rem}
footer .contact>.fin{grid-column:1/-1}
@media(max-width:700px){footer .contact{grid-template-columns:1fr;gap:14px}.social{grid-template-columns:repeat(2,minmax(0,1fr))}}