/*
Theme Name: Salminen Kiinteistö ja Huolto V4
Author: Salminen Kiinteistö ja Huolto
Description: Salminen Kiinteistö ja Huolto – moderni yritysteema.
Version: 4.0
*/
:root{--green:#3f7f47;--green2:#5a9b61;--dark:#0c1110;--ink:#202522;--muted:#69716b;--line:#e2e6e2;--soft:#f5f6f4;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}
.container{width:min(var(--max),92%);margin:auto}
.site-header{position:sticky;top:0;z-index:99;background:#fff;border-bottom:1px solid #e4e7e4;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.header-inner{height:140px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{height:128px;width:auto;max-width:500px;display:block;object-fit:contain}
.nav-area{margin-left:auto;display:flex;align-items:center;gap:27px}.nav ul{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0}.nav li{margin:0}.nav a{font-size:14px;font-weight:800;padding:35px 0 30px;position:relative}.nav a:after{content:"";position:absolute;bottom:23px;left:0;right:100%;height:3px;background:var(--green);transition:right .22s}.nav a:hover:after,.nav .current-menu-item>a:after{right:0}
.phone{font-size:16px;font-weight:900;white-space:nowrap}.phone b{color:var(--green);font-size:20px;margin-right:6px}.cta{background:var(--green);color:#fff!important;padding:14px 21px;border-radius:4px;font-weight:900;white-space:nowrap}.cta:hover{background:#32683a}
.hero{position:relative;min-height:610px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(7,12,9,.97) 0%,rgba(7,12,9,.90) 26%,rgba(7,12,9,.48) 54%,rgba(7,12,9,.10) 100%),url('assets/hero-blue-t5-clean-v3.jpg');background-size:cover;background-position:center;color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 35%);pointer-events:none}.hero-inner{position:relative;z-index:2;padding:88px 0;max-width:760px}
.eyebrow{color:var(--green2);font-weight:900;font-size:14px;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(47px,6vw,78px);line-height:.96;margin:12px 0 22px;letter-spacing:-2px;text-transform:uppercase}.hero h1 .green{color:#69ad70}.hero p{font-size:20px;max-width:640px;color:#edf1ee;margin:0}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:14px 22px;border-radius:4px;background:var(--green);color:#fff;font-weight:900;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#4b9154}.btn.outline{background:transparent;border:1px solid #fff}.btn.outline:hover{background:#fff;color:#111}
.trust-row{display:flex;gap:38px;flex-wrap:wrap;margin-top:48px}.trust{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900}.trust b{font-size:24px;color:#6ab06f}
.section{padding:76px 0}.section.soft{background:var(--soft)}.head{text-align:center;max-width:850px;margin:0 auto 35px}.head h2{font-size:38px;margin:5px 0 8px;line-height:1.1}.head p{color:var(--muted);font-size:16px;margin:0}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:25px 17px 22px;text-align:center;box-shadow:0 4px 16px rgba(20,30,23,.06);transition:transform .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 26px rgba(20,30,23,.11)}.icon{font-size:34px;line-height:1;color:var(--green);height:52px}.card h3{font-size:17px;line-height:1.2;margin:5px 0 9px}.card p{font-size:13px;color:var(--muted);margin:0}.more{display:none}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.split h2{font-size:40px;line-height:1.1}.checks{list-style:none;padding:0}.checks li{margin:11px 0;font-weight:700}.checks li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}.dark-box{background:var(--dark);color:#fff;padding:42px;border-radius:7px}.dark-box h2{color:#fff}.dark-box p{color:#d8ded9}
.contact{background:#0d1311;color:#fff;padding:34px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h3{font-size:22px;margin:0 0 4px}.contact p{margin:0;color:#d2d9d4}.contact-data{display:flex;gap:45px}.contact-data strong{display:block}.contact-data small{color:#aeb8b1}
.page{padding:75px 0;min-height:55vh}.page h1{font-size:52px;line-height:1.1}.footer{background:#090d0b;color:#aeb8b1;padding:28px 0}.footer-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:#fff}
@media(max-width:1150px){.nav ul{gap:14px}.phone{display:none}.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.header-inner{height:94px}.brand img{height:92px;max-width:350px}.nav-area{display:none}.hero{min-height:650px;background-position:61% center}.hero-inner{padding:70px 0}.hero h1{font-size:48px}.hero p{font-size:17px}.trust-row{gap:18px}.cards{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.contact-inner{align-items:flex-start;flex-direction:column}.contact-data{flex-direction:column;gap:15px}.section{padding:58px 0}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.hero h1{font-size:42px}.brand img{max-width:210px}}