@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1d302e;--green:#567c59;--muted:#6c7b77;--cream:#f7f8f5;--line:#e3e9e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(255,255,255,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0eb}.brand{font:800 26px Manrope,Arial,sans-serif;letter-spacing:.08em;position:relative}.brand span{font-weight:400}.drop{position:absolute;width:7px;height:11px;border-radius:80% 0 70% 70%;transform:rotate(-30deg);background:linear-gradient(135deg,#a9d8bf,#38745c);right:-13px;top:-2px}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}nav a:hover{color:var(--green)}.nav-cta{border:1px solid #b7cbbd;border-radius:30px;padding:12px 21px}.menu-toggle{display:none;background:none;border:0;font-size:28px;color:var(--ink)}.hero{min-height:620px;background-image:url('assets/dewglass-hero.png');background-position:center;background-size:cover;position:relative}.hero-overlay{min-height:620px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(249,250,245,.12),rgba(255,255,255,0) 55%)}.hero-copy{background:rgba(251,253,248,.94);backdrop-filter:blur(12px);padding:31px 38px 35px;width:min(520px,calc(100% - 40px));margin:0 0 45px max(24px,calc((100vw - 1160px)/2));box-shadow:0 14px 48px rgba(18,41,32,.12)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#5e8b67;font-weight:800}.hero h1{font:700 clamp(29px,3.3vw,46px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:15px 0}.hero h1 em{font-style:normal;color:#618668}.hero p{font-size:15px;line-height:1.7;max-width:410px;color:#536660}.btn{display:inline-flex;gap:24px;align-items:center;padding:15px 21px;margin-top:12px;font-weight:700;font-size:13px}.btn-dark{background:#233d35;color:white}.btn:hover{opacity:.87}.intro{padding:108px 0 100px;text-align:center;max-width:760px}.intro h2,.section-head h2,.process h2,.contact h2{font:700 clamp(28px,3vw,40px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:14px 0 22px}.intro p{font-size:17px;line-height:1.9;color:var(--muted)}.products{padding-bottom:115px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-head h2{margin-bottom:0}.section-head p{color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);background:#fff}.product-visual{height:285px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.visual-label{position:absolute;top:19px;left:20px;font-size:12px;letter-spacing:.2em;color:#566d62}.visual-shower{background:linear-gradient(130deg,#dce6e0 0%,#f2eee5 65%,#c7d5cc 100%)}.glass-panel{width:47%;height:77%;border:9px solid rgba(170,211,201,.48);border-left-width:3px;box-shadow:13px 12px 26px #678c7a38,inset 5px 0 13px #fff9;transform:skewY(-5deg);background:linear-gradient(115deg,#ffffff55,#ffffff0a 45%,#d4eee430)}.visual-partition{background:linear-gradient(135deg,#ddd6c8,#f8f7f1 48%,#b6c7c3)}.partition{width:66%;height:76%;border:9px solid #2d403b;border-bottom:0;box-shadow:17px 10px 25px #465b5330;background:linear-gradient(110deg,#fff9,#ffffff12 52%,#d4e3db70);position:relative}.partition:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:6px solid #2d403b}.visual-mirror{background:linear-gradient(130deg,#d4d7d1,#f5f0e9 50%,#b3b9ae)}.mirror{width:54%;height:69%;border-radius:45% 45% 8% 8%;box-shadow:0 0 0 9px #fff4,0 0 23px 12px #fff8,12px 16px 20px #6c756438;background:linear-gradient(130deg,#c3d1cb,#eff5f0 40%,#abbeb9)}.product-body{padding:25px}.product-body h3{font:700 20px Manrope,Arial,sans-serif;margin:0 0 12px}.product-body p{color:var(--muted);font-size:14px;line-height:1.7;min-height:50px}.product-body a{font-weight:700;font-size:13px;color:#476c51;display:inline-block;margin-top:12px}.image-note{font-size:12px;color:#8a9790;margin-top:16px}.process{background:var(--cream);padding:100px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.steps>div{border-top:1px solid #b8c9bb;padding-top:22px}.steps b{color:#60846a;font-size:13px}.steps h3{font:700 18px Manrope,Arial,sans-serif;margin:18px 0 10px}.steps p{color:var(--muted);line-height:1.8;font-size:14px}.contact{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact>div>p{color:var(--muted);line-height:1.85}.contact-panel{background:#eaf0e9;padding:40px}.small-tag{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#5d8566}.contact-panel h3{font:700 24px/1.35 Manrope,Arial,sans-serif}.contact-panel p{line-height:1.8;font-size:14px}.status{font-size:13px;color:#638b68}footer{background:#1c302a;color:#fff;padding:36px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner strong{font:800 20px Manrope;letter-spacing:.08em}.footer-inner small{display:block;margin-top:6px;color:#b4c6b8}.footer-inner>span{font-size:13px;color:#b4c6b8}@media(max-width:780px){.topbar{height:70px}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px 24px;flex-direction:column;align-items:flex-start;gap:22px;box-shadow:0 12px 20px #0001}nav.open{display:flex}.hero,.hero-overlay{min-height:580px}.hero{background-position:57% center}.hero-overlay{align-items:end}.hero-copy{margin:0 16px 22px;width:calc(100% - 32px);padding:24px}.hero h1{font-size:29px}.intro{padding:70px 0}.section-head{display:block}.product-grid,.steps{grid-template-columns:1fr}.products{padding-bottom:75px}.product-visual{height:270px}.process{padding:70px 0}.contact{grid-template-columns:1fr;gap:22px;padding:75px 0}.contact-panel{padding:27px}.footer-inner{display:block}.footer-inner>span{display:block;margin-top:22px}.wrap{width:calc(100% - 36px)}}
