:root{--bg: #f4f1ea;--surface: #ffffff;--surface-alt: #f7f4ee;--surface-dark: #12181f;--surface-dark-2: #18212b;--text: #0f1720;--muted: #495762;--line: rgba(19, 32, 42, .1);--line-light: rgba(255, 255, 255, .12);--accent: #d49d45;--accent-2: #f0c16f;--shadow: 0 20px 60px rgba(10, 20, 30, .08);--shadow-strong: 0 30px 100px rgba(0, 0, 0, .3);--radius: 26px;--container: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}section[id],[id=renkaidenvaihto-varaus],[id=hero],[id=main-content]{scroll-margin-top:96px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:16px;top:-48px;background:var(--surface-dark);color:#fff;padding:10px 14px;border-radius:999px;z-index:200}.skip-link:focus{top:16px}.site-shell{overflow:clip}.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}.topbar{background:#0f151b;color:#fffc;font-size:.92rem}.topbar-inner,.topbar-links,.header-inner,.header-actions,.hero-actions,.hero-stats,.contact-actions,.contact-details,.footer-grid{display:flex}.topbar-inner{align-items:center;justify-content:space-between;gap:18px;padding:11px 0}.topbar-inner p{margin:0}.topbar-links{gap:18px;flex-wrap:wrap}.topbar-links a:last-child{color:#8b5a17;font-weight:700}.site-header{position:sticky;top:0;z-index:100;background:#f5f1eadb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:14px;min-width:0}.brand img{width:58px;height:58px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow)}.brand strong,.brand span{display:block}.brand strong{font-size:1.02rem}.brand span{color:#42515c;font-size:.92rem}.header-menu,.main-nav,.header-actions{align-items:center}.header-menu{display:flex;align-items:center;gap:18px;margin-left:auto}.main-nav{display:inline-flex;gap:24px;font-weight:700}.main-nav a{color:#22313d}.header-actions{display:inline-flex;gap:12px}.nav-toggle,.mobile-menu-backdrop{display:none}.nav-toggle{position:relative;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:16px;background:#ffffffd1;color:var(--text);box-shadow:var(--shadow);cursor:pointer}.nav-toggle span{position:absolute;left:12px;right:12px;height:2px;border-radius:999px;background:currentColor;transition:transform .22s ease,opacity .22s ease,top .22s ease}.nav-toggle span:nth-child(1){top:16px}.nav-toggle span:nth-child(2){top:23px}.nav-toggle span:nth-child(3){top:30px}.nav-toggle.is-open span:nth-child(1){top:23px;transform:rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){top:23px;transform:rotate(-45deg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:14px 22px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;cursor:pointer}.button:hover{transform:translateY(-1px)}.button-solid{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#19140d;box-shadow:0 14px 32px #d49d4538}.button-minimal,.button-dark-outline{border:1px solid var(--line);background:#fff9;color:var(--text)}.button-outline-light{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff}.button-block{width:100%}.hero{position:relative;color:#fff;background:radial-gradient(circle at top right,rgba(240,193,111,.14),transparent 28%),linear-gradient(180deg,#151c23,#0d1318)}.hero-photo,.hero-overlay,.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0}.hero-photo{overflow:hidden}.hero-photo picture,.hero-photo img{width:100%;height:100%}.hero-photo img{object-fit:cover;object-position:62% center;opacity:.58;filter:brightness(1.02) contrast(1.01) saturate(1);transform:scale(1.04) translateZ(0);backface-visibility:hidden}.hero-overlay{background:linear-gradient(90deg,#080b0ee0,#080b0eb8 42%,#080b0e8f 66%,#080b0ecc),linear-gradient(180deg,#ffffff0f,#080b0e2e 38%,#080b0e52);z-index:0}.hero-pattern{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 70%);z-index:0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,470px);gap:40px;align-items:center;padding:92px 0 96px}.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.hero-badges span,.chip-row span,.service-tag,.before-after-label{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700}.hero-badges span{padding:10px 14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.eyebrow{margin:0 0 14px;color:var(--accent-2);letter-spacing:.14em;font-size:.82rem;font-weight:800;text-transform:uppercase}.hero h1,.section-heading h2,.contact-copy h2,.contact-form h2,.hero-showcase-card h2{line-height:1.02;letter-spacing:-.035em}.hero h1{margin:0;max-width:10.8ch;font-size:clamp(2.35rem,4.6vw,4.2rem)}.hero-lead,.section-heading>p,.service-card p,.feature-card p,.process-card p,.result-card p,.gallery-card span,.faq-item p,.contact-copy p,.email-preview li,.contact-box p,.site-footer p,.hero-showcase-card p{color:#ffffffe0}.hero-lead{max-width:64ch;margin:22px 0 0;font-size:1.06rem}.hero-actions{gap:14px;flex-wrap:wrap;margin-top:28px}.hero-stats{gap:16px;flex-wrap:wrap;margin-top:30px}.hero-stats>div{min-width:180px;padding:16px 18px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats strong,.hero-stats span,.gallery-card strong,.before-after-label{display:block}.hero-stats strong{font-size:1rem;color:#fff}.hero-stats span{margin-top:4px;color:#ffffffe0;font-size:.92rem}.hero-showcase{display:grid;gap:18px}.hero-showcase-single{align-self:center}.hero-showcase-image,.hero-showcase-card,.service-card,.result-card,.feature-card,.gallery-card,.process-card,.email-preview,.contact-box,.faq-item,.contact-form{border-radius:var(--radius);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;will-change:transform}.hero-showcase-image:hover,.hero-showcase-card:hover,.service-card:hover,.result-card:hover,.feature-card:hover,.gallery-card:hover,.process-card:hover,.email-preview:hover,.contact-box:hover,.faq-item:hover,.contact-form:hover{transform:translateY(-6px)}.hero-showcase-image{position:relative;overflow:hidden;min-height:360px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-strong)}.hero-showcase-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}.hero-showcase-image:hover img,.service-card:hover .service-image-wrap img,.result-card:hover .before-after-pane img,.gallery-card:hover img{transform:translateZ(0)}.hero-showcase-badge{position:absolute;left:18px;bottom:18px;padding:10px 14px;border-radius:999px;background:#0f151bbd;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.92rem;font-weight:800}.form-kicker,.contact-box-kicker,.small-note{font-size:.9rem}.form-kicker,.contact-box-kicker{margin:0;color:#7a4b10;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-showcase-card,.contact-form{padding:26px;background:#fffffff5;color:var(--text);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.3)}.hero-showcase-card{background:#fffffff0}.hero-showcase-card h2,.contact-form h2{margin:12px 0 8px;font-size:clamp(2rem,3vw,2.4rem);color:#101820}.hero-showcase-card p,.contact-form .form-intro,.section-light .section-heading>p,.section-light .section-heading h2,.service-card p,.service-card a,.feature-card p,.feature-card h3,.result-card p,.result-card h3,.contact-copy p,.contact-copy h2,.email-preview li,.email-preview h3,.contact-box p,.contact-box h3,.faq-item p,.faq-item summary{color:var(--text)}.hero-showcase-card p,.contact-form .form-intro{color:var(--muted);margin:0 0 14px}.hero-checklist{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}.hero-checklist li{position:relative;padding-left:24px;color:#324351;font-weight:600}.hero-checklist li:before{content:"✓";position:absolute;left:0;top:0;color:#9b691d;font-weight:900}.contact-form label{display:grid;gap:8px;font-weight:700;color:#24323d}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid rgba(19,32,42,.12);border-radius:16px;background:#fff;padding:14px 16px;color:var(--text)}.contact-form textarea{resize:vertical;min-height:148px}.form-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-form>*+*{margin-top:14px}.hidden{display:none}.checkbox-row{display:flex!important;align-items:flex-start;gap:12px;font-weight:500!important}.checkbox-row input{width:auto;margin-top:4px}.service-strip{position:relative;z-index:2;margin-top:-30px}.chip-row{display:flex;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#fffffff5;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow)}.chip-row span{padding:10px 14px;background:var(--surface-alt);color:#314150;font-size:.94rem}.section{padding:90px 0;content-visibility:auto;contain-intrinsic-size:900px}.hero,.service-strip{content-visibility:visible;contain-intrinsic-size:auto}.section-light{background:transparent}.section-muted{background:linear-gradient(180deg,rgba(18,24,31,.03),transparent 70%)}.section-dark{background:linear-gradient(180deg,#10171e,#0c1218);color:#fff}.section-heading{max-width:780px;margin-bottom:36px}.section-heading h2{margin:0 0 14px;font-size:clamp(2.2rem,4.2vw,4rem);color:var(--text)}.section-heading>p{margin:0;color:var(--muted)}.split-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:28px;align-items:end}.section-heading-light h2,.section-heading-light>p,.section-heading-light .eyebrow{color:#fff}.section-heading-light>p{color:#ffffffe6}.eyebrow-light{color:var(--accent-2)!important}.service-grid,.results-grid,.feature-grid,.process-grid,.gallery-grid-2,.faq-grid,.contact-grid{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card,.feature-card,.gallery-card,.email-preview,.contact-box,.faq-item,.contact-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.service-card,.result-card{overflow:hidden}.service-image-wrap{aspect-ratio:16 / 10;overflow:hidden;background:#e6e1d7}.service-image-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#ffffff38}.service-image-compare .before-after-pane{min-height:100%}.service-image-wrap img,.gallery-card img,.before-after-pane img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.service-card-content{padding:22px 22px 24px}.service-tag{padding:8px 12px;background:#d49d4524;color:#6f4711;font-size:.82rem;margin-bottom:14px}.service-card h3,.result-card h3,.feature-card h3,.process-card h3,.email-preview h3,.contact-box h3,.site-footer h3{margin:0 0 10px;font-size:1.28rem}.service-card p,.feature-card p,.result-card p,.contact-copy p,.email-preview li,.contact-box p,.faq-item p{color:var(--muted)}.service-card a{display:inline-flex;margin-top:10px;color:#8c5a17;font-weight:800}.results-grid,.feature-grid,.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);box-shadow:none}.before-after-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#ffffff1f;aspect-ratio:16 / 11}.before-after-pane{position:relative;overflow:hidden;background:#00000024}.before-after-label{position:absolute;top:14px;padding:8px 12px;background:#0f151be6;color:#fff;font-size:.92rem;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 22px #0000003d;z-index:2}.before-after-label-before{left:14px}.before-after-label-after{right:14px}.result-card-copy{padding:22px}.result-card h3,.result-card p{color:#fff}.result-card p{opacity:.9;margin-bottom:0}.feature-card{padding:24px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;margin-bottom:16px;background:#d49d4524;color:#97641d;font-weight:900}.gallery-grid-2{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-card{position:relative;overflow:hidden;aspect-ratio:4 / 5;min-height:340px}.gallery-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:14px 16px;border-radius:18px;background:#0a0f14b8;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-card strong{color:#fff}.gallery-card span{margin-top:4px;color:#ffffffc7;font-size:.92rem}.process-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:none;color:#fff;padding:26px}.process-card span{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border-radius:16px;margin-bottom:16px;background:#ffffff14;color:var(--accent-2);font-weight:800}.process-card p{margin:0;color:#ffffffe0}.faq-grid,.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.contact-grid-main{align-items:stretch}.contact-grid-secondary{margin-top:22px;grid-template-columns:minmax(0,420px);justify-content:end}.faq-list{display:grid;gap:14px}.faq-item{padding:18px 20px}.faq-item summary{cursor:pointer;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:12px 0 0}.faq-item p a{text-decoration:underline;font-weight:700}.contact-copy{min-width:0}.contact-details{flex-direction:column;gap:8px;margin-top:20px;font-weight:700}.contact-details a,.contact-details p{color:var(--text)}.contact-details p{margin:0;font-weight:600}.contact-actions{gap:12px;flex-wrap:wrap;margin-top:24px}.email-preview,.contact-box{padding:24px}.email-preview ul{margin:0;padding-left:18px}.contact-box{background:linear-gradient(135deg,#151c23,#10171e);border-color:#ffffff14;box-shadow:none}.contact-box-inline{margin-top:24px;max-width:420px}.contact-box h3,.contact-box p{color:#fff}.contact-box p{opacity:.78}.site-footer{background:#0d1217;color:#fffffff0;padding:34px 0 52px}.footer-grid{align-items:start;justify-content:space-between;gap:28px}.footer-grid>div{flex:1}.brand-footer{margin-bottom:18px}.site-footer p,.site-footer li,.site-footer a{color:#ffffffe6}.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}@media (max-width: 1180px){.hero-grid,.split-heading,.results-grid,.faq-grid,.contact-grid,.contact-grid-secondary{grid-template-columns:1fr}.service-grid,.feature-grid,.gallery-grid-2,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-photo img{object-position:center}}@media (max-width: 760px){.topbar{display:none}.footer-grid,.contact-actions,.topbar-inner{flex-direction:column;align-items:stretch}.hero-grid{padding:64px 0 76px}.hero h1{max-width:10ch}.hero-photo img{object-position:56% center;opacity:.34}.hero-copy,.hero-showcase{position:relative;z-index:1}.hero-stats,.hero-actions,.form-two-col,.service-grid,.feature-grid,.gallery-grid-2,.process-grid,.results-grid,.contact-grid,.contact-grid-secondary{grid-template-columns:1fr}.hero-stats{display:grid}.chip-row{border-radius:28px}.section{padding:72px 0}.button{width:100%}.before-after-media{aspect-ratio:16 / 13}}.hero-badges span{color:#fff}.brand span{color:#42515c}.section-heading-light .eyebrow{color:var(--accent-2)}.site-footer .brand span{color:#ffffffe6}@media (max-width: 767px){.topbar-inner{flex-direction:column;align-items:flex-start}.header-inner{position:relative;gap:14px}.brand{min-width:0;flex:1 1 auto}.brand strong{font-size:.96rem}.brand span{font-size:.84rem}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;z-index:121}.header-menu{position:absolute;top:calc(100% + 12px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:16px;padding:18px;border:1px solid var(--line);border-radius:24px;background:#fffffffa;box-shadow:var(--shadow);z-index:120}.header-menu.is-open{display:flex}.main-nav,.header-actions{width:100%}.main-nav{flex-direction:column;align-items:stretch;gap:8px;font-size:.98rem}.main-nav a{display:block;padding:12px 14px;border-radius:16px;background:var(--surface-alt)}.header-actions{flex-direction:column}.header-actions .button{width:100%}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:block;border:0;padding:0;background:#0f17202e;z-index:90;cursor:default}}.label-mobile{display:none}@media (max-width: 767px){.label-desktop{display:none}.label-mobile{display:inline}}