:root{--ink:#171a17;--muted:#6d716b;--cream:#f2eee4;--lime:#d5f36c;--line:#d7d9d1;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8f7f2;font-family:Manrope,system-ui,sans-serif}button,input,select{font:inherit}button,a{color:inherit}img{width:100%;display:block;object-fit:cover}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.notice{min-height:34px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;padding:6px 36px;text-align:center}.notice button{position:absolute;right:15px;border:0;background:none;color:#fff;font-size:20px}.nav{height:82px;display:flex;align-items:center;gap:34px}.logo{text-decoration:none;display:flex;align-items:flex-end;gap:5px}.logo span{font-family:Unbounded;font-weight:600;font-size:23px}.logo small{font-size:9px;letter-spacing:2px;margin-bottom:3px}.nav nav{display:flex;gap:28px;margin:auto}.nav nav a,.phone{text-decoration:none;font-size:13px;font-weight:700}.phone{border-bottom:1px solid}.menu{display:none;border:0;background:none;font-size:25px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:30px;padding-top:54px;padding-bottom:80px}.hero-copy{padding:48px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#697064}.hero h1,.section h2,.cta h2{font-family:Unbounded;font-size:clamp(42px,5.6vw,78px);line-height:1.04;letter-spacing:-3px;margin:24px 0}.hero h1 em,.cta h2 em{color:#789719;font-style:normal}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:12px;margin:34px 0 54px}.btn{border:0;border-radius:99px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 22px;font-weight:800;font-size:13px;cursor:pointer}.primary{background:var(--ink);color:#fff}.primary span{color:var(--lime)}.ghost{border:1px solid var(--line)}.trust{display:flex;gap:28px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;font-weight:700}.trust b{color:#92a95d;margin-right:8px}.hero-visual{position:relative}.hero-visual>img{height:100%;min-height:600px;border-radius:var(--radius);filter:saturate(.85)}.measure-card{position:absolute;right:-16px;bottom:26px;background:var(--lime);padding:22px;border-radius:18px;width:220px;display:grid;gap:7px;box-shadow:0 15px 40px #1b21051f}.measure-card span{font-size:10px;text-transform:uppercase}.measure-card strong{font-size:18px}.measure-card button,.product button,.text-btn{border:0;background:none;padding:0;text-align:left;font-weight:800;font-size:12px;cursor:pointer}.marquee{overflow:hidden;background:var(--lime);padding:17px 0;white-space:nowrap;font-family:Unbounded;font-size:13px;letter-spacing:1px}.marquee div{width:max-content;animation:marquee 26s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head h2{font-size:clamp(32px,4vw,56px);margin:18px 0 0}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7}.catalog-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.product{grid-column:span 2;position:relative;overflow:hidden;border-radius:20px;min-height:440px;background:#ccc}.product.large{grid-column:span 4}.product.wide{grid-column:span 4}.product img{height:100%;position:absolute;transition:.5s}.product:hover img{transform:scale(1.035)}.product:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#10130ede)}.product>div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:#fff}.product h3{font-size:25px;margin:10px 0 5px}.product p{margin:0 0 15px;font-size:12px;opacity:.85}.product button{color:var(--lime)}.dark{background:#161915;color:#fff}.light .eyebrow{color:var(--lime)}.light>p{color:#a7aba4}.filters{display:flex;gap:5px}.filters button{border:1px solid #454842;background:none;color:#b5b9b0;border-radius:99px;padding:10px 16px;cursor:pointer}.filters .active{background:var(--lime);color:#151713;border-color:var(--lime)}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.projects figure{margin:0;overflow:hidden;border-radius:18px}.projects figure:nth-child(3){grid-column:2;transform:translateY(-100px)}.projects img{height:520px}.projects figure:nth-child(2) img,.projects figure:nth-child(3) img{height:300px}.projects figcaption{display:flex;justify-content:space-between;padding:15px 2px}.projects figcaption span{font-size:12px;color:#999}.projects figure.hidden{display:none}.demo-note{font-size:11px;color:#898d86}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);transition:.25s}.steps li:hover{padding-left:15px;background:#f0efe8}.steps span{font-family:Unbounded;color:#8aa13d}.steps h3{font-size:20px;margin:0 0 5px}.steps p{margin:0;color:var(--muted)}.calculator{background:var(--cream)}.calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.calc-copy h2{font-size:clamp(38px,4.4vw,62px)}.calc-copy>p{color:var(--muted);line-height:1.7}.calc-benefit{display:grid;gap:10px;margin-top:35px}.calc-benefit span{font-size:13px}.calc-form{background:#fff;border-radius:22px;padding:30px;box-shadow:0 20px 60px #55532e12}.calc-form label{display:grid;gap:8px;font-weight:700;font-size:12px;margin-bottom:18px}.calc-form input,.calc-form select{width:100%;border:1px solid var(--line);background:#fafaf7;border-radius:10px;padding:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc-form fieldset{border:0;padding:0;margin:0 0 15px}.calc-form legend{font-size:12px;font-weight:800;margin-bottom:10px}.calc-form .check{display:flex;align-items:center;gap:8px;font-weight:500;margin:8px 0}.calc-form .check input,.consent input{width:auto}.result{background:#eff6d5;border-radius:14px;padding:20px;display:grid;gap:5px;margin:15px 0}.result span{font-size:11px}.result strong{font-family:Unbounded;font-size:22px}.result small{color:#69705b;font-size:9px;line-height:1.4}.full{width:100%}.quality{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.quality h2{font-size:clamp(38px,4vw,58px)}.quality p{color:var(--muted);line-height:1.7}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:12px}.swatches button{aspect-ratio:1;border:0;border-radius:18px;background:var(--c);padding:18px;text-align:left;display:flex;justify-content:space-between;align-items:flex-end;font-weight:800}.swatches button:nth-child(2){color:#fff}.faq-wrap{background:#eeeee8}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-grid h2{font-size:46px}.faq details{border-bottom:1px solid #c7c9c0;padding:22px 0}.faq summary{font-size:17px;font-weight:800;cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--muted);line-height:1.6}.cta{background:var(--lime);padding:100px 0;text-align:center}.cta h2{font-size:clamp(46px,6vw,80px)}.cta h2 em{color:#fff}.cta p{max-width:560px;margin:0 auto 30px}.cream{background:#fff}footer{background:#111410;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}.footer-grid>div:not(.logo){display:grid;align-content:start;gap:11px;font-size:12px;color:#9fa49c}.footer-grid b{color:#fff;margin-bottom:8px}.footer-grid a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #30332f;margin-top:55px;padding-top:20px;color:#777;font-size:10px}.inverse span{font-size:26px}.whatsapp{position:fixed;z-index:8;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#29c66f;color:#fff;font-weight:800;box-shadow:0 10px 30px #0003}dialog{border:0;border-radius:22px;padding:36px;width:min(500px,calc(100% - 28px));box-shadow:0 30px 90px #0005}dialog::backdrop{background:#121510b8;backdrop-filter:blur(5px)}dialog h2{font-family:Unbounded;font-size:30px;margin:15px 0}dialog>p{color:var(--muted)}dialog form label{display:grid;gap:7px;margin:14px 0;font-size:12px;font-weight:700}dialog input,dialog select{border:1px solid var(--line);padding:13px;border-radius:9px}.modal-close{position:absolute;right:20px;top:14px;border:0;background:none;font-size:26px}.consent{display:flex!important;align-items:center}.success{text-align:center;padding:30px}.success div{font-size:45px;color:#789719}.success h3{font-family:Unbounded;font-size:24px}
@media(max-width:850px){.nav nav,.phone{display:none}.menu{display:block;margin-left:auto}.nav.open nav{display:flex;position:absolute;z-index:9;top:110px;left:20px;right:20px;background:#fff;padding:25px;border-radius:15px;flex-direction:column;box-shadow:0 20px 50px #0002}.hero{grid-template-columns:1fr;padding-top:0}.hero-copy{padding:30px 0 0}.hero-visual>img{min-height:480px}.section-head{align-items:start;flex-direction:column}.catalog-grid{grid-template-columns:1fr 1fr}.product,.product.large,.product.wide{grid-column:span 1}.product.large{grid-column:span 2}.projects{grid-template-columns:1fr}.projects figure:nth-child(3){grid-column:auto;transform:none}.projects img,.projects figure:nth-child(2) img,.projects figure:nth-child(3) img{height:360px}.calc-layout,.quality,.faq-grid{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.notice{font-size:10px}.hero h1,.section h2{letter-spacing:-2px}.hero-actions{flex-direction:column}.trust{flex-direction:column;gap:10px}.hero-visual>img{min-height:420px}.measure-card{right:8px}.section{padding:78px 0}.catalog-grid{grid-template-columns:1fr}.product,.product.large,.product.wide{grid-column:span 1;min-height:400px}.filters{flex-wrap:wrap}.two{grid-template-columns:1fr}.result strong{font-size:17px}.swatches{gap:8px}.footer-grid{grid-template-columns:1fr}.footer-bottom{gap:20px}.cta{padding:75px 0}.cta h2{letter-spacing:-3px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.product img{transition:none}}
.langs{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px}.langs button{border:0;background:none;border-radius:99px;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.langs button.active{background:var(--ink);color:#fff}@media(max-width:850px){.langs{margin-left:auto}.menu{margin-left:0}}
