:root{--navy:#0b2637;--green:#6b883e;--cream:#f4f1e9;--ink:#132027;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}.ss-page{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.ss-page a{text-decoration:none}.ss-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.ss-nav{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px max(24px,calc((100vw - 1180px)/2));color:#fff}.ss-brand{display:grid;color:#fff;line-height:.92;font-size:18px}.ss-brand b{font-size:24px}.ss-nav nav{display:flex;gap:34px}.ss-nav nav a{color:#fff;font-weight:650;font-size:14px}.ss-button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff;padding:16px 25px;border-radius:4px;font-weight:800}.ss-button-small{padding:12px 18px;font-size:14px}.ss-hero{min-height:760px;display:flex;align-items:flex-end;position:relative;background:url('assets/hero-sopulin-v2.png') center/cover no-repeat;color:#fff}.ss-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,36,.86) 0%,rgba(5,25,36,.55) 40%,rgba(5,25,36,.08) 67%,rgba(5,25,36,0) 100%)}.ss-hero-content{position:relative;padding-bottom:90px}.ss-kicker{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:850;margin:0 0 20px}.ss-hero h1,.ss-section h2,.ss-about h2,.ss-contact h2{font-family:Georgia,serif;font-weight:500;line-height:.96;margin:0}.ss-hero h1{font-size:clamp(58px,7vw,96px);max-width:850px}.ss-hero h1 em{font-style:italic;color:#c8df99}.ss-lead{max-width:650px;font-size:20px;line-height:1.55}.ss-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.ss-phone{color:#fff;font-weight:800}.ss-trust{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-34px auto 0;position:relative;z-index:3;background:#fff;box-shadow:0 15px 45px rgba(10,31,42,.12)}.ss-trust div{padding:27px;border-right:1px solid #e6e8e5}.ss-trust b,.ss-trust span{display:block}.ss-trust b{color:var(--navy);font-size:17px}.ss-trust span{font-size:13px;margin-top:5px;color:#657078}.ss-section{padding:120px 0}.ss-green{color:var(--green)}.ss-section h2,.ss-about h2,.ss-contact h2{font-size:clamp(48px,6vw,78px);color:var(--navy)}.ss-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px}.ss-card{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;color:#fff;position:relative;overflow:hidden;background-position:center;background-size:cover}.ss-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,28,40,.91),rgba(7,28,40,.04) 75%)}.ss-card>*{position:relative}.ss-card span{position:absolute;top:22px;right:22px;font-size:13px}.ss-card h3{font-family:Georgia,serif;font-size:32px;margin:0 0 12px}.ss-card p{font-size:14px;line-height:1.5;margin:0}.ss-home{background-image:url("assets/kotisiivous.png")}.ss-move{background-image:url("assets/muuttosiivous.png")}.ss-business{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=900&q=85')}.ss-stairs{background-image:url("assets/porrassiivous.png")}.ss-about{background:var(--cream);padding:120px 0}.ss-about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.ss-about p{font-size:18px;line-height:1.7}.ss-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}.ss-products a{min-height:250px;padding:24px;color:var(--navy);display:flex;flex-direction:column;justify-content:space-between;transition:.25s;position:relative;overflow:hidden;background-size:cover;background-position:center}.ss-products a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,233,.98) 0%,rgba(244,241,233,.88) 42%,rgba(244,241,233,.08) 78%)}.ss-products a:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(10,31,42,.12)}.ss-products b,.ss-products span{position:relative;z-index:1}.ss-products b{font-family:Georgia,serif;font-size:28px}.ss-products span{font-size:13px;font-weight:800}.ss-product-detergents{background-image:url("assets/pesuaineet.png")}.ss-product-bags{background-image:url("assets/jatesakit.png")}.ss-product-toilet{background-image:url("assets/wc-paperit.png")}.ss-product-towels{background-image:url("assets/kasipaperit.png")}.ss-contact{background:var(--navy);color:#fff;padding:110px 0}.ss-contact h2{color:#fff}.ss-contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:90px}.ss-contact p{font-size:17px;line-height:1.6}.ss-button-light{background:#d2e5aa;color:var(--navy)}.ss-phone-light{color:#fff}.ss-details{border-left:1px solid rgba(255,255,255,.2);padding-left:50px;display:flex;flex-direction:column;gap:13px}.ss-details h3{font-size:25px;margin:0 0 10px}.ss-details a{color:#fff}.ss-anniversary{background:#fff;margin-top:10px;padding:8px}.ss-anniversary img{display:block;width:100%;height:auto}footer{background:#071a25;color:#aab6bb;display:flex;justify-content:space-between;padding:24px max(24px,calc((100vw - 1180px)/2));font-size:12px}@media(max-width:820px){.ss-nav nav{display:none}.ss-nav{padding:17px 20px}.ss-hero{min-height:690px}.ss-hero-content{padding-bottom:62px}.ss-hero h1{font-size:52px}.ss-lead{font-size:17px}.ss-actions{align-items:flex-start;flex-direction:column}.ss-trust{grid-template-columns:1fr 1fr;margin:0}.ss-trust div{padding:20px}.ss-section,.ss-about,.ss-contact{padding:80px 0}.ss-section h2,.ss-about h2,.ss-contact h2{font-size:47px}.ss-grid{grid-template-columns:1fr 1fr}.ss-card{min-height:330px}.ss-about-grid,.ss-contact-grid{grid-template-columns:1fr;gap:50px}.ss-products{grid-template-columns:1fr 1fr}.ss-details{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-top:38px}}@media(max-width:520px){.ss-hero{background-image:url("assets/hero-mobile.png");background-position:center}.ss-hero-shade{background:linear-gradient(180deg,rgba(5,25,36,.76) 0%,rgba(5,25,36,.5) 58%,rgba(5,25,36,.14) 100%)}.ss-wrap{width:min(100% - 30px,1180px)}.ss-button-small{display:none}.ss-hero{min-height:660px}.ss-hero h1{font-size:45px}.ss-grid,.ss-products{grid-template-columns:1fr}.ss-card{min-height:410px}.ss-trust b{font-size:15px}.ss-products a{min-height:210px}footer{flex-direction:column;gap:8px}}