:root{--navy:#0f2a3d;--navy-2:#0b1f2e;--teal:#2bb39a;--teal-d:#1e8f7a;--yellow:#ffc83d;--bg:#f6f9fa;--text:#1d2b36;--muted:#4a6070;--line:#dde6ea;--r:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:70px}body{color:var(--text);background:#fff;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6}h1,h2,h3{color:var(--navy);margin:0 0 .5em;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,7vw,3.4rem)}h2{font-size:clamp(1.6rem,4.5vw,2.3rem)}h3{font-size:1.15rem}p{margin:0 0 1em}a{color:var(--teal-d)}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.skip{position:absolute;left:-999px}.skip:focus{z-index:99;background:#fff;padding:8px;top:10px;left:10px}.todo{color:#7a5600;white-space:normal;background:#fff3c4;border:1px dashed #e0a800;border-radius:6px;padding:1px 6px;font-size:.92em;font-weight:600}.site-header{z-index:10;backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;display:flex}.site-header nav{align-items:center;gap:18px;display:flex}.site-header nav a:not(.btn){color:var(--navy);font-weight:500;text-decoration:none;display:none}.logo{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-icon{width:38px;height:38px}.logo-text{color:var(--navy);letter-spacing:-.01em;font-size:1.35rem;font-weight:800}.logo-text.light{color:#fff}.btn{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.btn:hover{background:var(--teal-d)}.btn-small{padding:8px 16px;font-size:.95rem}.btn-ghost{color:#fff;background:0 0;border:2px solid #fff9}.btn-ghost:hover{background:#ffffff1a}.hero{color:#e8f1f4;background:#0b1f2e;align-items:center;min-height:520px;padding:56px 0 64px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg picture,.hero-bg img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(#081622d1 0%,#0816228c 42%,#0816227a 100%);position:absolute;inset:0}.hero h1{color:#fff;text-shadow:0 2px 18px #00000059}.eyebrow{color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6em;font-size:.85rem;font-weight:700}.lead{color:#d4e4ea;max-width:34em;font-size:1.12rem}.cta-row{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.checks{flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;list-style:none;display:flex}.checks li:before{content:"✓";color:var(--teal);margin-right:6px;font-weight:800}.hero-inner{z-index:2;gap:28px;width:100%;display:grid;position:relative}.hero-copy{max-width:34em}.section{padding:56px 0}.section.alt{background:var(--bg)}.section-lead{color:var(--muted);margin-bottom:28px;font-size:1.05rem}.card{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:22px;box-shadow:0 2px 10px #0f2a3d0a}.steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.step-n{background:var(--yellow);width:40px;height:40px;color:var(--navy);border-radius:50%;place-items:center;margin-bottom:12px;font-weight:800;display:inline-grid}.step p,.price p{color:var(--muted);margin:0}.grid-2{gap:16px;display:grid}.price{flex-direction:column;gap:8px;display:flex}.price-tag{padding-top:8px;font-size:1.1rem;margin-top:auto!important}.note{color:var(--muted);margin-top:20px}.area svg{width:100%;display:block}.faq details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:10px;padding:14px 18px}.faq summary{cursor:pointer;color:var(--navy);font-weight:600}.faq details p{color:var(--muted);margin:10px 0 0}.draft-banner{color:#20507a;background:#eef7ff;border:1px solid #b9dcf5;border-radius:10px;padding:10px 14px;font-size:.95rem}.form,.form .row{gap:14px;display:grid}.form label{color:var(--navy);gap:6px;font-size:.95rem;font-weight:600;display:grid}.form input,.form select,.form textarea{font:inherit;color:var(--text);background:#fff;border:1px solid #c9d6dc;border-radius:10px;width:100%;padding:12px 14px;font-weight:400}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--teal);border-color:var(--teal)}.form .consent{color:var(--muted);align-items:flex-start;gap:10px;font-weight:400;display:flex}.form .consent input{width:auto;margin-top:5px}.form .btn{justify-self:start}.contact{color:var(--muted);margin-top:18px}.site-footer{background:var(--navy-2);color:#b8cad3;padding:40px 0 20px}.site-footer a{color:#fff}.footer-inner{gap:24px;display:grid}.footer-inner p{margin:.3em 0}.footer-inner strong{color:#fff}.copy{border-top:1px solid #ffffff1a;margin-top:28px;padding-top:16px;font-size:.88rem}@media (width>=720px){.grid-2,.steps,.form .row{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:2fr 1.5fr 1fr}.align-center{align-items:center}}@media (width>=1000px){.site-header nav a:not(.btn){display:inline}.hero{min-height:640px;padding:96px 0 110px}.hero-bg img{object-position:right bottom}.hero-overlay{background:linear-gradient(90deg,#081622eb 0%,#081622c7 38%,#08162259 68%,#08162238 100%)}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center}.hero-copy{grid-column:1}.steps{grid-template-columns:repeat(4,1fr)}.section{padding:80px 0}}.featured{border:2px solid var(--teal);position:relative;box-shadow:0 8px 28px #2bb39a26}.featured .btn{align-self:flex-start;margin-top:8px}.badge{background:var(--yellow);color:var(--navy);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:800;position:absolute;top:-13px;left:22px}.checks.dark{margin:6px 0}.checks.dark li{color:var(--text);width:100%}.prices{align-items:start}.area h3{margin-bottom:12px}.area-list{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.area-list li{color:var(--navy);background:#e6f6f2;border-radius:10px;padding:12px 14px;font-weight:700}.area-list li:before{content:"📍";margin-right:6px}.area-more{color:var(--muted);margin:0}.price .big-price{color:var(--navy);font-size:1.9rem;font-weight:800;line-height:1.2;margin:0!important}.big-price span{color:var(--teal-d)}.big-price small{color:var(--muted);margin-top:2px;font-size:.95rem;font-weight:600;display:block}.note-small{font-size:.92rem}.tire-grid{grid-template-columns:1fr;gap:14px;display:grid}.tire{flex-direction:column;gap:4px;display:flex}.tire-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tire-icon{width:40px;height:40px}.type-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.type-badge.nasta{color:#fff;background:#0f2a3d}.type-badge.kitka{color:#1e6f60;background:#e6f6f2}.tire h3{margin:0;font-size:1.08rem}.tire .tire-size{color:var(--muted);margin:0;font-weight:600}.tire .tire-price{color:var(--teal-d);margin:10px 0 0;font-size:1.7rem;font-weight:800;line-height:1.15}.tire-price small{color:var(--muted);font-size:.82rem;font-weight:600;display:block}.tire .tire-incl{color:var(--muted);margin:4px 0 12px;font-size:.85rem}.tire-btn{align-self:flex-start;margin-top:auto}@media (width>=560px){.tire-grid{grid-template-columns:1fr 1fr}}@media (width>=1000px){.tire-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1000px) and (width<=1100px){.site-header nav{gap:12px}}.size-label{color:var(--muted);gap:4px;margin-top:8px;font-size:.85rem;font-weight:600;display:grid}.size-select{font:inherit;color:var(--navy);background:#fff;border:1px solid #c9d6dc;border-radius:10px;width:100%;padding:9px 12px;font-size:1rem;font-weight:600}.size-select:focus{outline:2px solid var(--teal);border-color:var(--teal)}.tire .tire-sizes{color:var(--teal-d);margin:0 0 12px;font-size:.82rem;font-weight:600}.tire .tire-incl{margin-bottom:4px}.price .big-price{font-size:1.7rem}.hp{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.result-card{padding:28px 24px}.result-card h1{margin-top:0}.policy h2{margin-top:1.6em;font-size:1.15rem}.policy ul{color:var(--muted);margin:.4em 0 1em;padding-left:1.2em}.policy li{margin:.25em 0}.policy p{color:var(--muted)}.policy a{font-weight:600}.photo-feature{text-align:center;max-width:420px;margin:36px auto 0}.photo-feature img{border-radius:var(--r);border:1px solid var(--line);object-fit:cover;aspect-ratio:3/4;width:100%;height:auto;display:block;box-shadow:0 8px 28px #0f2a3d1f}.photo-feature figcaption{color:var(--muted);margin-top:10px;font-size:.95rem}@media (width>=1000px){.photo-feature{max-width:480px;margin-left:0;margin-right:0}}.form .req{color:var(--teal-d);font-weight:800}.valinta-yhteenveto{color:var(--navy);background:#e8f7f3;border:1px solid #b7e4d8;border-radius:10px;margin:0 0 4px;padding:12px 14px;font-weight:600}.valinta-yhteenveto[hidden]{display:none!important}