:root{--bg:#f6f3ec;--ink:#111827;--muted:#667085;--card:#fff;--line:#e8e1d6;--accent:#0b1220;--accent2:#c18a2b;--green:#0f7a4f;--shadow:0 22px 70px rgba(17,24,39,.10);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbf8f1 0,#f6f3ec 45%,#f4f0e7 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}a{color:#0f4fa8;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1180px;margin:auto;padding:0 22px}.topbar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:1.05rem;letter-spacing:-.035em}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:14px;background:linear-gradient(135deg,#0b1220,#2f1e07);color:#fff;font-weight:950}.nav-main{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.nav-main a{font-size:.84rem;background:#f7f4ed;border:1px solid #ece3d4;color:#3c3429;padding:7px 10px;border-radius:999px}.lang-switch{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.lang-pill{font-weight:800;font-size:.78rem;color:#111827;border:1px solid var(--line);border-radius:999px;padding:6px 8px;background:#fff}.hero{padding:72px 0 34px}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #eadcc5;background:#fff;border-radius:999px;padding:7px 12px;color:#70501a;font-weight:850}.hero h1,.page-hero h1{font-size:clamp(2.25rem,5.7vw,5.25rem);line-height:.94;margin:18px 0 20px;letter-spacing:-.075em}.lead{font-size:1.18rem;color:var(--muted);max-width:820px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:13px 18px;font-weight:900;border:1px solid transparent;box-shadow:0 10px 26px rgba(17,24,39,.12)}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}.btn.light{background:#fff;color:var(--ink)}.btn.full{width:100%}.hero-card,.country-card,.content-card,.side-card,.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:24px}.mini-title{text-transform:uppercase;letter-spacing:.12em;color:#8c7551;font-size:.78rem;font-weight:950}.check{display:flex;gap:12px;margin-top:13px;background:#faf7f0;border:1px solid #ece3d4;border-radius:18px;padding:13px}.check>b{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:12px;background:#111827;color:#fff}.check small{display:block;color:var(--muted);font-size:.88rem}.section{padding:36px 0}.section h2,.content-card h2{font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.08;margin:0 0 12px;letter-spacing:-.045em}.section-intro{color:var(--muted);max-width:820px}.audience{padding-top:12px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:850;color:#3c3429}.searchbox{margin:20px 0}.searchbox input{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px 17px;font-size:1rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.country-card{padding:18px;min-height:260px;display:flex;flex-direction:column;gap:12px}.country-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.flag{font-size:2.15rem}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:#f3ead8;color:#6c4a12;font-weight:900;font-size:.76rem}.country-card h3{margin:0;font-size:1.22rem;line-height:1.1}.country-card p{margin:0;color:var(--muted);flex:1}.more{font-weight:950}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;vertical-align:top;padding:15px;border-bottom:1px solid #eee6d9}th{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;background:#fbf7ef;color:#775b2e}td{color:#374151}.cta-strip{background:linear-gradient(135deg,#0b1220,#2b2114);color:#fff;border-radius:30px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.cta-strip p{color:#d9d0c2;margin:4px 0 0}.page-hero{padding:48px 0 18px}.breadcrumb{font-size:.92rem;color:var(--muted);margin-bottom:14px}.breadcrumb a{color:var(--muted)}.country-layout{display:grid;grid-template-columns:1fr 350px;gap:22px}.content-card{padding:28px}.content-card p{color:#384255}.notice{margin-top:24px;padding:17px;border-radius:20px;background:#fff8e7;border:1px solid #f0d6a5;color:#5f4213}.side{display:grid;gap:16px;align-self:start;position:sticky;top:84px}.side-card{padding:18px}.status{font-size:1.18rem;font-weight:950}.source-links{display:grid;gap:8px;margin-top:12px}.source-links a{padding:10px 12px;background:#faf7f0;border:1px solid #ece3d4;border-radius:14px}.route-line{display:grid;gap:12px;margin:18px 0}.route-step{display:grid;grid-template-columns:44px 1fr;gap:14px;border:1px solid #eee6d9;background:#fffdf8;border-radius:18px;padding:15px}.route-step>span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#111827;color:#fff;font-weight:950}.route-step p{margin:4px 0 0;color:var(--muted)}.clean-list{display:grid;gap:10px;padding-left:0;list-style:none}.clean-list li{background:#faf7f0;border:1px solid #ece3d4;border-radius:14px;padding:12px}.muted{color:var(--muted)}.footer{margin-top:56px;padding:34px 0;background:#0b1220;color:#e7e5df}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer p{color:#b8c0cc;font-size:.92rem}code{background:#efe8dc;padding:2px 6px;border-radius:8px}@media(max-width:1000px){.nav-main{display:none}.hero-grid,.country-layout,.cta-strip,.footer-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side{position:static}.topbar-inner{align-items:flex-start}}@media(max-width:620px){.container{padding:0 16px}.grid{grid-template-columns:1fr}.hero{padding-top:44px}.hero h1,.page-hero h1{font-size:2.45rem}.actions{display:grid}.btn{width:100%}.brand strong{font-size:.95rem}.lang-switch{max-width:160px}.country-card{min-height:0}}


/* Route map */
.map-teaser{margin-top:22px;background:linear-gradient(135deg,#111827,#2b2114);color:#fff;border-radius:30px;padding:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;overflow:hidden;position:relative}.map-teaser:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(193,138,43,.28)}.map-teaser p{color:#ddd6c9;margin:4px 0 0}.mini-map{position:relative;min-height:190px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:16px;overflow:hidden}.route-dot{position:absolute;width:13px;height:13px;border-radius:999px;background:#fff;border:4px solid #c18a2b;box-shadow:0 0 0 6px rgba(193,138,43,.18)}.route-dot.d1{left:10%;top:48%}.route-dot.d2{left:27%;top:36%}.route-dot.d3{left:45%;top:42%}.route-dot.d4{left:62%;top:55%}.route-dot.d5{left:79%;top:68%}.route-line-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.map-page-grid{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.map-stage{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.map-toolbar{padding:16px;border-bottom:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.route-toggle{border:1px solid #e8e1d6;background:#faf7f0;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer;color:#3c3429}.route-toggle.active{background:#0b1220;color:#fff;border-color:#0b1220}.route-map{height:560px;min-height:420px;background:#e9e1d4}.map-noscript{padding:18px;background:#fff8e7;border-top:1px solid #f0d6a5;color:#5f4213}.route-summary{display:grid;gap:12px}.map-info-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.map-info-card h3{margin-top:0}.map-info-card ul{padding-left:18px}.legend-grid{display:grid;gap:8px}.legend-item{display:flex;align-items:center;gap:9px;background:#faf7f0;border:1px solid #ece3d4;border-radius:13px;padding:10px}.legend-swatch{width:14px;height:14px;border-radius:999px;background:#111827}.legend-swatch.fast{background:#c18a2b}.legend-swatch.eu{background:#0f7a4f}.legend-swatch.toll{background:#0f4fa8}.osm-note{font-size:.86rem;color:var(--muted)}.static-route-svg{width:100%;height:auto;display:block;background:#fbf8f1;border-radius:18px}.route-popup{font-size:.92rem;line-height:1.45}@media(max-width:1000px){.map-teaser,.map-page-grid{grid-template-columns:1fr}.route-map{height:480px}}@media(max-width:620px){.map-teaser{padding:18px}.mini-map{min-height:150px}.route-map{height:420px}.map-toolbar{display:grid}.route-toggle{width:100%}}


/* V6 road guide additions */
.guide-layout{display:grid;grid-template-columns:1fr 350px;gap:22px;align-items:start}.timeline-list{display:grid;gap:12px;margin:20px 0}.timeline-item{display:grid;grid-template-columns:110px 1fr;gap:14px;background:#faf7f0;border:1px solid #ece3d4;border-radius:18px;padding:14px}.timeline-item b{color:#0b1220}.stop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 26px}.stop-card{background:#fffdf8;border:1px solid #eee6d9;border-radius:20px;padding:16px;box-shadow:0 12px 34px rgba(17,24,39,.06)}.stop-card h3{margin:0 0 6px;letter-spacing:-.025em}.stop-card p{margin:0 0 14px;color:var(--muted)}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}.mini-actions .btn{padding:9px 11px;border-radius:12px;font-size:.9rem}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 26px}.feature-card{background:#faf7f0;border:1px solid #ece3d4;border-radius:18px;padding:15px}.feature-card b{display:block;margin-bottom:4px}.feature-card span{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);color:var(--ink)}.quick-card b{display:block;font-size:1.06rem;margin-bottom:6px}.quick-card span{display:block;color:var(--muted);font-size:.94rem}.planner-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.planner-controls{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.planner-controls label{display:grid;gap:7px;font-weight:850;color:#3c3429}.planner-controls select,.planner-controls input{border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:#faf7f0;color:var(--ink);font:inherit}.plan-output{margin-top:20px;display:grid;gap:12px}.plan-row{display:grid;grid-template-columns:110px 1fr 170px;gap:12px;align-items:start;border:1px solid #eee6d9;background:#fffdf8;border-radius:16px;padding:14px}.plan-time{font-weight:950;color:#0b1220}.plan-country{font-weight:850;color:#6c4a12}.plan-note{color:var(--muted);font-size:.93rem}.plan-warning{background:#fff8e7;border:1px solid #f0d6a5;border-radius:16px;padding:14px;color:#5f4213}.source-links a{display:block}@media(max-width:1000px){.guide-layout,.planner-controls{grid-template-columns:1fr}.stop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-row{grid-template-columns:1fr}}@media(max-width:620px){.stop-grid,.feature-grid,.quick-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.planner-card{padding:15px}}

/* V7 multi-route additions */
.routes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.route-card .pill{display:inline-flex;width:max-content;margin-bottom:10px}.route-step{grid-template-columns:170px 1fr}.route-step span strong{color:#6c4a12}.country-card .pill{white-space:nowrap}.notice{background:#fff8e7;border:1px solid #f0d6a5;border-radius:18px;padding:16px;color:#5f4213;margin-top:18px}@media(max-width:900px){.routes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-step{grid-template-columns:1fr}}@media(max-width:620px){.routes-grid{grid-template-columns:1fr}}


/* V8 cost calculator */
.cost-layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.cost-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.cost-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cost-controls label{display:grid;gap:7px;font-weight:900;color:#3c3429}.cost-controls input,.cost-controls select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:#faf7f0;color:var(--ink);font:inherit}.cost-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.cost-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.cost-result{background:#faf7f0;border:1px solid #ece3d4;border-radius:18px;padding:15px}.cost-result.big{grid-column:1/-1;background:linear-gradient(135deg,#0b1220,#2b2114);color:#fff}.cost-result small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#8c7551;font-weight:950;font-size:.72rem}.cost-result.big small{color:#d7c5a6}.cost-result strong{display:block;font-size:1.45rem;line-height:1.1;margin-top:6px}.cost-result.big strong{font-size:2.05rem}.cost-side{display:grid;gap:16px;align-self:start;position:sticky;top:84px}.cost-breakdown{grid-column:1/-1;background:#fffdf8;border:1px solid #eee6d9;border-radius:18px;padding:15px}.cost-breakdown table{min-width:0}.cost-breakdown th,.cost-breakdown td{padding:10px 8px}.cost-hint{grid-column:1/-1;background:#fff8e7;border:1px solid #f0d6a5;border-radius:16px;padding:13px;color:#5f4213}@media(max-width:1000px){.cost-layout{grid-template-columns:1fr}.cost-side{position:static}.cost-controls,.cost-output{grid-template-columns:1fr}}


/* V9 live data */
.live-teaser{background:linear-gradient(135deg,#0b1220,#12312a);color:#fff;border-radius:30px;padding:26px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;box-shadow:var(--shadow)}.live-teaser p{color:#d7e7df;margin:4px 0 0}.live-layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.live-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.live-stat{background:#faf7f0;border:1px solid #ece3d4;border-radius:18px;padding:15px}.live-stat small{display:block;text-transform:uppercase;letter-spacing:.08em;color:#8c7551;font-weight:950;font-size:.72rem}.live-stat strong{display:block;font-size:1.45rem;line-height:1.1;margin-top:6px}.live-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 11px;background:#fff8e7;border:1px solid #f0d6a5;color:#5f4213;font-weight:900}.live-status.ok{background:#eaf8ef;border-color:#b8e2c7;color:#185c32}.live-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:15px}.live-controls label{display:grid;gap:6px;font-weight:900;color:#3c3429}.live-controls input,.live-controls select{border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:#faf7f0;color:var(--ink);font:inherit}.fuel-results{display:grid;gap:10px;margin-top:14px}.fuel-item{background:#fffdf8;border:1px solid #eee6d9;border-radius:16px;padding:13px}.fuel-item b{display:block}.fuel-item span{color:var(--muted);font-size:.93rem}.api-box{background:#0b1220;color:#e7e5df;border-radius:18px;padding:15px;overflow:auto}.api-box code{background:rgba(255,255,255,.08);color:#fff}.data-table-wrap{overflow:auto;margin-top:12px}.data-table{width:100%;border-collapse:collapse;min-width:560px}.data-table th,.data-table td{border-bottom:1px solid #eee6d9;text-align:left;padding:11px 9px}.data-table th{color:#6c4a12;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.live-side{position:sticky;top:84px;display:grid;gap:16px}@media(max-width:1000px){.live-teaser,.live-layout{grid-template-columns:1fr}.live-side{position:static}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-controls{grid-template-columns:1fr}}@media(max-width:620px){.live-grid{grid-template-columns:1fr}.live-card{padding:16px}}


/* V10 weather */
.weather-teaser{background:linear-gradient(135deg,#0b1220,#16324a);color:#fff;border-radius:30px;padding:26px;display:grid;grid-template-columns:1fr 310px;gap:18px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.weather-teaser.compact{grid-template-columns:1fr auto}.weather-teaser p{color:#dbe8f4;margin:4px 0 0}.weather-mini{display:grid;gap:10px}.weather-mini-row{display:flex;justify-content:space-between;gap:12px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px}.weather-mini-row span{color:#dbe8f4}.weather-layout{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}.weather-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.weather-controls{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:14px 0}.weather-controls label{display:grid;gap:7px;font-weight:900;color:#3c3429}.weather-controls select{border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:#faf7f0;color:var(--ink);font:inherit}.weather-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.weather-card{background:#fffdf8;border:1px solid #eee6d9;border-radius:20px;padding:15px;display:grid;gap:10px}.weather-card.ok{border-color:#b8e2c7}.weather-card.caution{border-color:#f0d6a5;background:#fffaf0}.weather-card.danger{border-color:#f0b4b4;background:#fff5f5}.weather-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.weather-head b{display:block;font-size:1rem}.weather-head span{display:block;color:var(--muted);font-size:.88rem}.weather-head strong{font-size:1.65rem;line-height:1}.weather-desc{font-weight:900;color:#3c3429}.weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weather-metrics span{background:#faf7f0;border:1px solid #ece3d4;border-radius:13px;padding:9px;font-size:.9rem}.risk-pill{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;padding:7px 10px;font-weight:950;font-size:.82rem}.risk-pill.ok{background:#eaf8ef;color:#185c32}.risk-pill.caution{background:#fff1c9;color:#6b4200}.risk-pill.danger{background:#ffe2e2;color:#7a1f1f}.weather-card small{color:var(--muted)}.weather-source{font-size:.88rem;color:var(--muted);margin-top:10px}.weather-side{display:grid;gap:16px;position:sticky;top:84px}@media(max-width:1000px){.weather-teaser,.weather-teaser.compact,.weather-layout{grid-template-columns:1fr}.weather-side{position:static}.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.weather-grid,.weather-controls{grid-template-columns:1fr}.weather-panel{padding:16px}.weather-metrics{grid-template-columns:1fr}.weather-teaser{padding:18px}}