/* Original layout is unchanged. This layer adjusts only the colour palette. */
:root{--bg:#0b1923;--surface:#102430;--surface-2:#152e3c;--border:rgba(159,190,204,.14);--border-md:rgba(159,190,204,.25);--text:#edf4f6;--muted:#a3b8c5;--faint:#829eae;--accent:#72d8c5;--accent-2:#339e8e;--accent-glow:rgba(114,216,197,.16);--teal:#94e6d4}
.nav{background:rgba(11,25,35,.9)}
.btn-primary{background:#72d8c5;color:#09292a}.btn-primary:hover{background:#9ce8d8;color:#09292a}
.hero-overlay{background:linear-gradient(90deg,rgba(7,21,32,.94),rgba(10,29,42,.72) 55%,rgba(11,25,35,.25)),linear-gradient(0deg,#0b1923,transparent 40%)}
@media(max-width:767px){.hero-overlay{background:linear-gradient(180deg,rgba(7,21,32,.08) 0%,rgba(7,21,32,.39) 31%,rgba(7,21,32,.48) 62%,rgba(7,21,32,.78) 100%)}.hero-content h1{text-shadow:0 2px 14px rgba(2,12,18,.35)}.hero-content p{color:#e8f1f4;text-shadow:0 2px 9px rgba(0,0,0,.8)}}
.overview-section{background:linear-gradient(180deg,#102430,#0b1923)}
.feature-block.alt{background:#102430}
.cta-inner{background:linear-gradient(135deg,rgba(114,216,197,.09),#102430 70%)}
.crisis-frame{display:block;width:100%;height:850px;border:0;border-radius:16px;background:transparent;flex:none}
@media(max-width:700px){.crisis-frame{height:1150px}}
/* Keep original mobile navigation, but make its visible controls fit 360 px. */
@media(max-width:480px){.nav-inner{gap:8px;padding-left:12px;padding-right:12px}.nav-links{gap:7px}.brand{gap:7px}.brand-title{font-size:13px}.brand-mark{width:30px;height:30px}.nav-links .btn-small{font-size:11px;padding-left:10px;padding-right:10px;min-height:38px}}

/* Quieter information design: fewer boxes, clearer analysis surfaces. */
.audience-band,.feature-block,.how-section,.coverage-section{border-color:rgba(159,190,204,.08)}
.step-list{gap:0;border-top:1px solid rgba(159,190,204,.13)}
.step-item{border:0;border-bottom:1px solid rgba(159,190,204,.13);border-radius:0;background:transparent;padding:1rem .1rem;transition:background-color .16s ease}
.step-item:hover{border-color:rgba(159,190,204,.13);background:rgba(114,216,197,.025)}
.step-num{border:0;background:rgba(114,216,197,.1)}
.decision-card,.how-step{border-color:rgba(159,190,204,.09);box-shadow:none}
.decision-card:hover,.how-step:hover{transform:none;border-color:rgba(114,216,197,.18)}
.app-frame{border-color:rgba(159,190,204,.1);box-shadow:0 24px 64px -30px rgba(0,0,0,.68)}
.app-frame-bar{border-bottom:0;background:#112834}

/* Product-faithful preview: real workspace map and a restrained import workflow. */
.service-preview{background:#111f2a}
.service-preview-media{position:relative;aspect-ratio:800/480;min-height:390px;overflow:hidden;background:#0d1b24}
.service-preview-map{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(9,23,32,.28),rgba(9,23,32,.12) 58%,rgba(9,23,32,.3)),url("assets/images/landing-product-overview.png");background-size:cover,auto 200%;background-position:center,43% 46%;filter:saturate(.72) contrast(1.05)}
.service-preview-media::before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:36%;background:linear-gradient(90deg,#0d1b24 0%,#0d1b24 58%,transparent 100%);pointer-events:none}
.service-preview-media::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,22,30,.96),transparent 27%,transparent 75%,rgba(8,22,30,.3))}
.service-map-label{position:absolute;z-index:1;right:22px;top:22px;display:grid;gap:5px;padding:10px 12px;border-left:2px solid #72d8c5;background:rgba(10,27,37,.82);color:#eff8f8;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.service-map-label span{font-size:9px;font-weight:700;letter-spacing:.13em;color:#91c9c2}
.service-map-label strong{font-size:13px;font-weight:600}
.service-import-window{position:absolute;z-index:2;left:22px;top:22px;width:min(360px,53%);padding:22px 22px 17px;background:#f5f8f8;color:#162b35;border:1px solid #d7e2e4;border-radius:8px;box-shadow:0 22px 50px rgba(0,0,0,.38)}
.service-window-topline{display:flex;justify-content:space-between;color:#387a72;font-size:9px;font-weight:800;letter-spacing:.13em}
.service-window-topline span:last-child{color:#6a808a}
.service-import-window h3{margin:12px 0 5px;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.service-import-window>p{margin:0 0 17px;color:#546875;font-size:11px;line-height:1.5}
.service-window-tabs{display:grid;grid-template-columns:1.5fr 1fr;gap:0;border-bottom:1px solid #d6e2e3;margin-bottom:14px;color:#627780;font-size:10px;font-weight:700}
.service-window-tabs span{padding:0 0 9px;text-align:center}
.service-window-tabs .selected{color:#0a665a;border-bottom:2px solid #228b7d}
.service-window-field{margin:0 0 9px}
.service-window-field small{display:block;margin-bottom:4px;color:#65818b;font-size:9px;font-weight:800;letter-spacing:.1em}
.service-window-field strong{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;border:1px solid #d6e2e3;border-radius:5px;background:#fff;color:#203640;font-size:11px;font-weight:600}
.service-window-field strong span{font-size:15px;color:#6b8990;line-height:10px}
.service-window-action{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 12px;border-radius:5px;background:#176f67;color:#fff;font-size:11px;font-weight:700}
.service-window-action span{font-size:16px;font-weight:400;line-height:11px}
.service-window-foot{margin-top:11px;color:#637881;font-size:9px;line-height:1.4}
.service-process{position:absolute;z-index:2;right:22px;bottom:20px;display:flex;align-items:center;gap:9px;color:#e5f1f0;font-size:10px;font-weight:600}
.service-process span{white-space:nowrap}.service-process b{color:#91e1d2;margin-right:3px;font-size:9px}.service-process i{width:14px;height:1px;background:#8aa6aa;opacity:.6}
.service-tech-note{font-size:11px;color:var(--faint,#829eae);margin-top:16px;opacity:.85}

/* Vector coverage map generated from the canonical coverage GeoJSON. */
.coverage-preview{border:0;box-shadow:0 26px 70px -34px rgba(0,0,0,.82)}
.coverage-vector-map{position:relative;overflow:hidden;isolation:isolate;aspect-ratio:740/722;background:#07131c}
.coverage-vector-map>svg{display:block;width:100%;height:100%;transition:opacity .25s ease}
.coverage-live-map{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .25s ease}
.coverage-vector-map.map-ready .coverage-live-map{opacity:1}
.coverage-vector-map.map-ready>.coverage-vector-fallback{opacity:0;pointer-events:none}
.coverage-live-map .maplibregl-canvas{outline:none}
.coverage-live-map .maplibregl-ctrl-group{overflow:hidden;border:1px solid rgba(159,190,204,.19);border-radius:7px;background:rgba(7,22,31,.88);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.coverage-live-map .maplibregl-ctrl-group button{width:32px;height:32px;background-color:transparent}
.coverage-live-map .maplibregl-ctrl-group button+button{border-top-color:rgba(159,190,204,.14)}
.coverage-live-map .maplibregl-ctrl-icon{filter:invert(1);opacity:.76}
.coverage-live-map .maplibregl-ctrl-attrib{border-radius:5px 0 0 0;background:rgba(7,22,31,.78);color:#9fb5c0;font-size:9px}
.coverage-live-map .maplibregl-ctrl-attrib a{color:#b9d8d3}
.coverage-country{fill:#152731;stroke:#42606b;stroke-opacity:.44;stroke-width:1;vector-effect:non-scaling-stroke}
.coverage-country--sweden{fill:#18323b;stroke:#78909a;stroke-opacity:.64}
.coverage-area{fill:#23665f;fill-opacity:.54;stroke:#80cfc0;stroke-opacity:.74;stroke-width:1.15;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .2s ease,fill-opacity .2s ease,stroke .2s ease,opacity .2s ease,filter .2s ease}
.coverage-vector-map.is-exploring .coverage-area:not(.is-active){fill-opacity:.22;stroke-opacity:.3;opacity:.68}
.coverage-area.is-active{fill:#57cdb7;fill-opacity:.76;stroke:#b5fff0;stroke-opacity:1;stroke-width:1.75;filter:drop-shadow(0 0 5px rgba(114,216,197,.58));outline:none}
.coverage-area:focus-visible{outline:none;stroke:#fff;stroke-width:2.4}
.coverage-map-labels text{fill:#708994;font:600 12px Inter,system-ui,sans-serif;letter-spacing:.16em;opacity:.54}
.coverage-map-labels .coverage-map-label--sweden{fill:#a1bbc2;font-size:14px;opacity:.48}
.coverage-readout{position:absolute;z-index:5;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;min-width:205px;padding:11px 13px;border:1px solid rgba(159,190,204,.17);border-radius:8px;background:rgba(7,22,31,.9);backdrop-filter:blur(10px);box-shadow:0 12px 34px rgba(0,0,0,.32);pointer-events:none}
.coverage-readout>span{width:7px;height:7px;border-radius:50%;background:#72d8c5;box-shadow:0 0 0 4px rgba(114,216,197,.1)}
.coverage-readout div{display:grid;line-height:1.25}
.coverage-readout strong{font-size:11px;font-weight:600;color:#eaf5f4;margin-top:2px}
.coverage-readout small{font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#78cdbd}
.coverage-tooltip{position:absolute;z-index:6;max-width:230px;padding:8px 10px;border:1px solid rgba(181,255,240,.23);border-radius:6px;background:#071820f2;color:#f0faf8;font-size:10px;font-weight:600;line-height:1.3;box-shadow:0 8px 24px rgba(0,0,0,.34);pointer-events:none;transform:translate(10px,10px)}

@media(max-width:680px){
  .feature-block,.how-section,.coverage-section{padding-top:4.5rem;padding-bottom:4.5rem}
  .service-preview-media{aspect-ratio:auto;height:455px;min-height:0}
  .service-preview-map{background-size:cover,auto 130%;background-position:center,43% 55%}
  .service-map-label{top:12px;right:12px;left:12px;padding:7px 9px}
  .service-map-label strong{font-size:11px}
  .service-import-window{top:80px;left:12px;right:12px;width:auto;padding:17px 17px 13px}
  .service-import-window h3{font-size:18px}
  .service-import-window>p{margin-bottom:12px}
  .service-window-tabs{margin-bottom:10px}
  .service-window-field{margin-bottom:7px}
  .service-window-field strong{padding:7px 9px}
  .service-window-action{margin-top:10px;padding:9px 11px}
  .service-window-foot{margin-top:8px}
  .service-process{right:12px;left:12px;bottom:13px;justify-content:center;gap:6px;font-size:9px}
  .service-process i{width:8px}
  .coverage-preview{max-width:460px;margin-inline:auto}
  .coverage-vector-map{aspect-ratio:auto;height:clamp(450px,122vw,520px)}
  .coverage-readout{left:10px;bottom:10px;min-width:0;right:10px}
  .coverage-tooltip{display:none}
}

@media(prefers-reduced-motion:reduce){.coverage-area{transition:none}}