@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--pv-white:#fff;--pv-blue:#00a1f2;--pv-black:#212121;--pv-red:#ea0c1a;--pv-orange:#ff7d0c;--text-muted:#2121219e;--line:#00a1f229;--ring:0 0 0 1px #00a1f224, 0 18px 42px #005b8c17;color:var(--pv-black);background:linear-gradient(#fff 0%,#f7fcff 48%,#fff 100%);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{appearance:none}.page-shell{width:min(1120px,100% - 28px);margin:0 auto;padding:28px 0 44px}.hero-card,.controls-card,.result-card,.comparison-card,.map-card,.notes-card{box-shadow:var(--ring);background:#fffffff0;border:0;border-radius:26px}.hero-card{background:radial-gradient(circle at 86% 12%,#ff7d0c33,#0000 26%),radial-gradient(circle at 10% 0,#00a1f22b,#0000 30%),#fff;justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px;padding:34px;display:flex;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00a1f22e,#ff7d0c26);height:190px;position:absolute;inset:auto -10% -42% 40%;transform:rotate(-7deg)}.hero-card>*{z-index:1;position:relative}.eyebrow{color:var(--pv-red);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.72rem;font-weight:700}h1,h2{text-transform:uppercase;letter-spacing:-.015em;color:var(--pv-black);margin:0;font-family:Oswald,Poppins,sans-serif;line-height:1.04}h1{white-space:nowrap;max-width:none;font-size:clamp(2.15rem,4.7vw,4.15rem)}h2{font-size:clamp(1.2rem,3vw,1.65rem)}.hero-copy{max-width:660px;color:var(--text-muted);margin-bottom:16px;font-size:1rem;line-height:1.65}.brand-row,.trust-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.brand-mark{background:var(--pv-blue);width:42px;height:42px;color:var(--pv-white);border-radius:13px;place-items:center;font-family:Oswald,Poppins,sans-serif;font-weight:700;display:inline-grid;box-shadow:0 12px 28px #00a1f247}.brand-name{color:var(--pv-black);letter-spacing:-.02em;text-transform:uppercase;font-family:Oswald,Poppins,sans-serif;font-weight:700}.trust-row span{color:var(--pv-black);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:.82rem;font-weight:500;display:inline-flex;box-shadow:0 0 0 1px #21212114}.trust-row svg{color:var(--pv-blue)}.planner-grid,.map-notes-grid{grid-template-columns:.92fr 1.08fr;gap:18px;margin-bottom:18px;display:grid}.controls-card,.result-card,.comparison-card,.map-card,.notes-card{padding:24px}.controls-card{gap:16px;display:grid}.control-topline{color:var(--pv-black);text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding-bottom:2px;font-family:Oswald,Poppins,sans-serif;font-size:1.1rem;font-weight:600;display:flex}.compact-toggle{background:#00a1f214;border-radius:999px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #00a1f224}.compact-toggle button{color:#2121219e;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:.76rem;font-weight:700}.compact-toggle button.active{background:var(--pv-blue);color:#fff;box-shadow:0 6px 14px #00a1f22e}label,.field-group{color:#212121b8;gap:7px;font-size:.86rem;font-weight:500;display:grid}.field-label{color:#212121b8;font-weight:500}select,input{width:100%;color:var(--pv-black);background:#fbfdff;border:0;border-radius:15px;outline:none;padding:12px 13px;box-shadow:inset 0 0 0 1px #2121211a}select:focus,input:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #00a1f240}.inline-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.location-fields{grid-template-columns:.9fr 1.1fr}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vehicle-segments{grid-template-columns:1fr}.segmented button,.route-card,.secondary-action{color:var(--pv-black);cursor:pointer;background:#fff;border:0;border-radius:15px;padding:11px 12px;font-size:.9rem;font-weight:500;box-shadow:inset 0 0 0 1px #2121211a}.segmented button.active,.route-card.selected{color:var(--pv-black);background:linear-gradient(#00a1f21a,#00a1f20a);font-weight:600;box-shadow:inset 0 0 0 1px #00a1f25c,0 10px 20px #00a1f214}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-row input{width:auto;transform:scale(1.08)}.result-card{color:var(--pv-black);background:linear-gradient(#00a1f214,#0000 34%),#fff;position:relative;overflow:hidden}.result-card:before{content:"";background:linear-gradient(90deg, var(--pv-blue), var(--pv-orange));height:5px;position:absolute;inset:0 0 auto}.result-card .eyebrow{color:var(--pv-blue)}.total{letter-spacing:-.04em;color:var(--pv-black);margin:8px 0;font-family:Oswald,Poppins,sans-serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:700}.subtle{color:var(--text-muted)}.verdict-pill{color:var(--pv-black);background:#ff7d0c1f;border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.verdict-pill svg{color:var(--pv-orange)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.metric{background:#fff;border-radius:18px;gap:6px;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #21212114}.metric svg{width:18px;height:18px;color:var(--pv-blue)}.metric small{color:var(--text-muted);font-weight:500}.metric strong{font-size:1rem;font-weight:700;line-height:1.25}.ferry-alert{color:var(--pv-black);background:linear-gradient(135deg,#00a1f21a,#ff7d0c21);border:1px solid #00a1f233;border-radius:18px;gap:4px;margin:-6px 0 18px;padding:13px 14px;display:grid}.ferry-alert strong{font-weight:800}.ferry-alert span{color:#212121b8;font-size:.92rem;line-height:1.45}.action-row{flex-wrap:wrap;gap:10px;display:flex}.primary-action,.secondary-action{align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.primary-action{background:var(--pv-orange);color:#fff;border-radius:15px;padding:12px 15px;box-shadow:0 12px 24px #ff7d0c2e}.secondary-action{color:var(--pv-black)}.comparison-card{margin-bottom:18px}.route-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.route-card{text-align:left;gap:8px;display:grid}.route-card span{font-weight:600}.route-card strong{font-family:Oswald,Poppins,sans-serif;font-size:1.5rem}.route-card small{color:var(--text-muted);line-height:1.45}.map-card{text-align:center;background:#fff;gap:10px;min-height:280px;display:grid}.real-map-shell{background:#eef7fb;border-radius:20px;width:100%;min-height:295px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #21212114}.real-map-shell iframe{filter:saturate(.9)contrast(1.02);border:0;width:100%;height:295px;display:block}.map-overlay{pointer-events:none;position:absolute;bottom:12px;left:12px;right:12px}.route-chip{width:fit-content;max-width:calc(100% - 24px);color:var(--pv-black);background:#fffffff0;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #21212124,inset 0 0 0 1px #21212114}.origin-dot{background:var(--pv-blue);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #00a1f22e}.map-card p{margin:0;font-weight:700}.map-card small{color:var(--text-muted)}.notes-card p,.notes-card li{color:#212121b3;line-height:1.55}.notes-card strong{color:var(--pv-black);font-weight:600}.disclaimer{border-left:4px solid var(--pv-blue);background:#00a1f214;border-radius:16px;padding:12px;color:var(--pv-black)!important}@media (width<=780px){.page-shell{width:min(100% - 18px,520px);padding-top:10px}.hero-card,.planner-grid,.map-notes-grid,.route-cards{grid-template-columns:1fr}.hero-card{padding:22px;display:grid}h1{white-space:normal}.planner-grid,.map-notes-grid{display:grid}.metric-grid{grid-template-columns:1fr 1fr}.segmented,.inline-fields,.location-fields{grid-template-columns:1fr}}