/* VALMEKA — css/style.css */
:root{--bg:#F3F5F7;--surface:#E8ECEF;--ink:#1A1C20;--muted:#5A6E86;--accent:#6B7E96;--line:rgba(26,28,32,.12);--shadow:0 18px 48px rgba(35,48,64,.10);--display:'Playfair Display',serif;--body:'Source Sans 3',sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1240px,calc(100% - 48px));margin:0 auto}.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:relative}.nav-wrap{min-height:82px;display:flex;align-items:center;gap:32px}.brand,.footer-wordmark{font:700 31px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a,.phone-link{font-size:16px;color:var(--ink)}.phone-link{font-weight:600;color:var(--muted)}.menu-button{display:none;background:transparent;border:1px solid var(--line);padding:8px 14px;color:var(--ink)}.mobile-menu{display:none;padding:18px 24px 24px;gap:14px;flex-direction:column}.mobile-menu.open{display:flex}.hero{background:var(--ink);color:#fff;min-height:680px;display:grid;align-items:end;position:relative;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}.hero-inner{position:relative;padding:100px 0 86px}.eyebrow,.kicker{font:600 13px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero .eyebrow{color:#E8ECEF}.hero h1{font:700 clamp(50px,8vw,110px)/.98 var(--display);max-width:850px;margin:22px 0;color:#fff;letter-spacing:-.05em}.hero p{max-width:670px;color:#F3F5F7;font-size:21px}.button{display:inline-block;background:var(--accent);color:#fff;padding:13px 22px;border-radius:999px;margin-top:18px}.section{padding:96px 0}.section h2,.section h3,.section p{color:var(--ink)}.section h2{font:700 clamp(34px,4vw,58px)/1.08 var(--display);letter-spacing:-.03em;margin:12px 0 22px}.section h3{font:700 25px/1.2 var(--display);margin:0 0 12px}.section-intro{max-width:690px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;align-items:center}.card{background:#fff;border:1px solid var(--line);padding:30px;box-shadow:var(--shadow)}.card img,.split-image img,.article img{width:100%;height:250px;object-fit:cover;margin-bottom:20px}.dark-section{background:var(--ink);color:#fff}.dark-section h2,.dark-section h3,.dark-section p,.dark-section li{color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{border-top:1px solid rgba(255,255,255,.35);padding-top:18px;color:#fff}.stat strong{display:block;font:700 48px/1 var(--display);color:#fff}.stat span{color:#E8ECEF}.table-wrap{overflow:auto}.comparison{width:100%;border-collapse:collapse;background:#fff;color:var(--ink)}.comparison th,.comparison td{padding:17px;border:1px solid var(--line);text-align:left}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}.step{border-top:3px solid var(--accent);padding-top:15px}.step:before{counter-increment:step;content:'0' counter(step);font:700 30px var(--display);color:var(--accent)}blockquote{margin:0;padding:30px;border-left:4px solid var(--accent);background:#fff;font:700 25px/1.35 var(--display);color:var(--ink)}.callout{background:var(--surface);padding:30px;border:1px solid var(--line)}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article{background:#fff;padding:20px;border:1px solid var(--line)}.article img{height:210px}.faq-item{border-top:1px solid var(--line);padding:20px 0}.faq-item h3{cursor:pointer}.faq-answer{display:none}.faq-item.open .faq-answer{display:block}.product-hero{background:var(--surface);padding:80px 0}.product-hero h1{font:700 clamp(48px,8vw,96px)/1 var(--display);color:var(--ink);margin:12px 0}.meta{display:flex;gap:20px;color:var(--muted);font-size:15px}.reading{max-width:860px;margin:0 auto}.reading h2{margin-top:55px}.reading p,.reading li{color:var(--ink)}.reading ul,.reading ol{padding-left:26px}.site-footer{background:var(--ink);color:#fff;padding:74px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:38px}.site-footer h2,.site-footer p,.site-footer address,.site-footer a{color:#fff}.site-footer h2{font:700 21px var(--display);margin:0 0 12px}.site-footer address{font-style:normal}.site-footer section>a{display:block;margin:5px 0}.footer-wordmark{color:#fff;margin-bottom:18px}.legal-strip{border-top:1px solid rgba(255,255,255,.25);margin-top:44px;padding-top:20px;display:flex;gap:10px;flex-wrap:wrap;font-size:14px}.legal-strip button{background:none;border:0;color:#fff;font:inherit;padding:0}.copyright{color:#E8ECEF;font-size:14px;margin-top:25px}.cookie-banner{position:fixed;z-index:20;left:50%;bottom:16px;transform:translateX(-50%);width:min(900px,calc(100% - 24px));padding:18px 22px;background:#F3F5F7;color:var(--ink);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;justify-content:space-between;gap:18px;align-items:center}.cookie-banner button{background:var(--accent);border:0;border-radius:999px;color:#fff;padding:9px 14px;margin:3px}.form-grid{display:grid;gap:18px}.form-grid label{display:grid;gap:7px;color:var(--ink);font-weight:600}.form-grid input,.form-grid textarea{font:inherit;padding:14px;border:1px solid var(--line);background:#fff;color:var(--ink)}.form-grid textarea{min-height:170px}.map{min-height:460px}.map iframe{width:100%;height:100%;min-height:460px;border:0}.not-found{text-align:center;padding:150px 0}.not-found h1{font:700 70px var(--display);color:var(--ink)}
@media (max-width:1023px){.desktop-nav,.phone-link{display:none}.menu-button{display:block;margin-left:auto}.grid-3,.article-list{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.wrap{width:min(100% - 32px,1240px)}body{font-size:17px}.hero{min-height:560px}.hero-inner{padding:76px 0 52px}.grid-2,.grid-3,.article-list,.stats,.steps,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.cookie-banner{display:block}.cookie-banner div{margin-top:10px}.meta{flex-wrap:wrap}.not-found h1{font-size:50px}}
