:root{--bg:#0d0f14;--panel:#151820;--panel2:#1b1f28;--ink:#f3f5f7;--muted:#9ca3ad;--line:#2b3039;--accent:#e0533f;--soft:#f4f1e9;--dark:#111318}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.62}a{color:inherit}img{max-width:100%;display:block}.shell{max-width:1180px;margin:auto;padding:0 28px}.nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;position:sticky;top:0;background:rgba(13,15,20,.92);backdrop-filter:blur(18px);z-index:20}.nav .shell{display:flex;align-items:center;width:100%}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;font-size:20px;letter-spacing:-.025em}.brand img{width:32px;height:32px;border-radius:9px;background:#fff}.navlinks{display:flex;gap:20px;margin-left:auto;align-items:center}.navlinks a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:650}.navlinks a:hover{color:var(--ink)}.lang{border:1px solid var(--line);padding:7px 10px;border-radius:999px;white-space:nowrap;flex:none}.cta{background:var(--accent);color:#fff!important;border-radius:10px;padding:10px 14px!important;font-weight:800!important}.hero{padding:78px 0 58px}.crumb{font-size:12px;color:var(--muted);margin-bottom:22px}.crumb a{text-decoration:none}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#f07b68;font-weight:800}.heroGrid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.hero h1{font-size:clamp(46px,6vw,78px);line-height:.95;letter-spacing:-.058em;margin:15px 0 22px}.lead{font-size:18px;color:#b2b8c1;max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:11px;padding:12px 16px;font-size:13px;font-weight:800;background:var(--panel)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.proof span{font-size:10px;letter-spacing:.06em;border:1px solid var(--line);padding:6px 9px;border-radius:999px;color:#b5bac2}.heroImage{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#111;box-shadow:0 28px 80px rgba(0,0,0,.34)}.heroImage img{width:100%;aspect-ratio:4/3;object-fit:cover}.section{padding:76px 0;border-top:1px solid var(--line)}.section.light{background:var(--soft);color:var(--dark)}.section h2{font-size:clamp(31px,4vw,48px);letter-spacing:-.045em;line-height:1.02;margin:0 0 18px}.section p{color:var(--muted);max-width:820px}.light p{color:#64655f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.card{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:20px}.light .card{background:#fff;border-color:#d9d5cb}.card b{display:block;font-size:16px;margin-bottom:8px}.card p{margin:0;font-size:13px}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.step{border-top:1px solid var(--line);padding:20px 0}.step:before{counter-increment:s;content:"0" counter(s);font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.1em}.step h3{margin:28px 0 7px;font-size:18px}.step p{margin:0;font-size:13px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.faq article{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--panel)}.faq h3{font-size:15px;margin:0 0 8px}.faq p{font-size:13px;margin:0}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.related a{text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--panel);font-size:13px;font-weight:750}.related a:hover{border-color:#59606c}.banner{margin:74px 0;border:1px solid #4a2f2a;background:linear-gradient(135deg,#261b1c,#151820);border-radius:20px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.banner h2{margin:0;font-size:34px;letter-spacing:-.04em}.banner p{margin:8px 0 0;color:#abb0b8}.footer{border-top:1px solid var(--line);padding:30px 0 42px;color:#858b94;font-size:12px}.footerGrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#aab0b8;text-decoration:none;margin-right:12px}.noscript{padding:12px;background:#301b18;color:white;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.cards,.steps{grid-template-columns:1fr 1fr}.related{grid-template-columns:1fr 1fr}.navlinks a:not(.cta):not(.lang){display:none}}@media(max-width:600px){.shell{padding:0 18px}.hero{padding-top:52px}.cards,.steps,.faq,.related{grid-template-columns:1fr}.banner{display:block}.banner .button{margin-top:18px}.hero h1{font-size:48px}}

/* ===== MapToNap Glass · site pages (homepage keeps its own design) ===== */
:root{--g-glass:rgba(30,34,46,.58);--g-glass2:rgba(18,21,30,.44);--g-rim:rgba(255,255,255,.16);--g-acc:#EF4935;--g-acc2:#FF8A5B;--g-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--g-spring:cubic-bezier(.3,1.3,.5,1)}
body{font-family:var(--g-font);font-weight:500;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 720px at 6% -8%,rgba(239,73,53,.17),transparent 60%),radial-gradient(1000px 720px at 102% 8%,rgba(91,141,255,.14),transparent 62%),radial-gradient(1000px 820px at 50% 112%,rgba(45,212,191,.09),transparent 60%),#07080C;background-attachment:fixed}
.nav{height:auto;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px 0 0}
.nav .shell{height:60px;width:calc(100% - 24px);border-radius:22px;padding:0 10px 0 18px;background:linear-gradient(165deg,var(--g-glass),var(--g-glass2));-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);box-shadow:0 22px 50px -22px rgba(0,0,0,.75),inset 0 1px 0 var(--g-rim),inset 0 0 0 1px rgba(255,255,255,.06)}
.brand{font-weight:800}.brand img{border-radius:10px}
.navlinks{gap:6px}.navlinks a{padding:8px 12px;border-radius:12px;font-weight:650;transition:background .2s,color .2s}.navlinks a:hover{background:rgba(255,255,255,.08)}
.lang{border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cta,.button.primary{background:linear-gradient(135deg,var(--g-acc),var(--g-acc2)) !important;border:0 !important;color:#fff !important;border-radius:14px !important;box-shadow:0 12px 26px -12px rgba(239,73,53,.9),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s var(--g-spring),filter .2s}
.cta:hover,.button.primary:hover{filter:brightness(1.06)}.cta:active,.button:active{transform:scale(.96)}
.button{border:0;border-radius:14px;padding:13px 18px;font-weight:700;background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .2s var(--g-spring),background .2s}
.button:hover{background:linear-gradient(165deg,rgba(255,255,255,.15),rgba(255,255,255,.08))}
.proof span{border:0;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font-weight:650;letter-spacing:.03em;padding:7px 11px}
.hero h1{font-weight:800;letter-spacing:-.05em}.section h2,.banner h2{font-weight:780}.lead{color:#B9BFCA}
.eyebrow{letter-spacing:.12em}
.heroImage{border:0;border-radius:28px;box-shadow:0 40px 90px -30px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.1)}
.section{border-top:0}
.card,.faq article,.related a{border:0 !important;border-radius:22px;background:linear-gradient(165deg,var(--g-glass),var(--g-glass2));-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);box-shadow:0 18px 40px -22px rgba(0,0,0,.7),inset 0 1px 0 var(--g-rim),inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .25s var(--g-spring),box-shadow .25s}
.card:hover,.faq article:hover,.related a:hover{transform:translateY(-3px)}
.card b,.faq h3,.step h3{font-weight:750}
.section.light{background:radial-gradient(900px 600px at 10% 0%,rgba(242,162,119,.22),transparent 60%),radial-gradient(900px 600px at 95% 100%,rgba(108,178,238,.2),transparent 60%),#F3F1EC}
.light .card,.light .faq article,.light .related a{background:linear-gradient(165deg,rgba(255,255,255,.82),rgba(255,255,255,.6));box-shadow:0 18px 40px -22px rgba(40,44,70,.3),inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.7)}
.light .button:not(.primary){background:rgba(255,255,255,.7);color:#14161C;box-shadow:inset 0 0 0 1px rgba(20,22,28,.08)}
.step{border-top:0;position:relative}.step:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--g-acc),rgba(239,73,53,0))}
.banner{border:0;border-radius:30px;background:radial-gradient(600px 300px at 0% 0%,rgba(239,73,53,.28),transparent 70%),linear-gradient(165deg,var(--g-glass),var(--g-glass2));-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 30px 70px -30px rgba(0,0,0,.8),inset 0 1px 0 var(--g-rim),inset 0 0 0 1px rgba(255,255,255,.06)}
.footer{border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:600px){.nav .shell{width:calc(100% - 16px);padding:0 8px 0 12px}}