:root{--green:#173f31;--green2:#255a45;--kraft:#b47b42;--cream:#f5f2e9;--ink:#18221e;--muted:#69736e;--line:#dedfd9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.topbar{height:34px;display:flex;align-items:center;justify-content:center;background:var(--green);color:#e8f0eb;font-size:12px;letter-spacing:.02em}.topbar span{margin:0 10px;color:#9cb3a7}.header{height:78px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:white;position:relative;z-index:20;border-bottom:1px solid #eceeea}.brand{display:flex;align-items:center;gap:10px;font:700 21px 'Manrope',sans-serif;color:var(--green)}.brand b{font-weight:600}.brand-mark{width:35px;height:31px;border:2px solid currentColor;display:block;transform:skewY(-3deg);position:relative}.brand-mark:before{content:"";position:absolute;width:16px;height:100%;border-right:2px solid currentColor;transform:skewY(29deg);top:-5px;left:0}.brand-mark i{position:absolute;width:100%;height:8px;border-bottom:2px solid currentColor;transform:skewY(15deg);top:-7px}.nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.nav>a:not(.nav-cta):hover{color:var(--green2)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:0}.nav-cta{background:var(--green);color:white;padding:13px 17px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{height:min(680px,calc(100vh - 112px));min-height:520px;position:relative;overflow:hidden}.slide{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(248,245,237,.94) 0%,rgba(248,245,237,.68) 36%,rgba(248,245,237,0) 65%),var(--bg);background-size:cover;background-position:center;opacity:0;transform:scale(1.025);transition:opacity .8s,transform 5s;pointer-events:none}.slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-content{position:absolute;left:clamp(25px,8vw,130px);top:50%;transform:translateY(-52%);max-width:570px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--green2);display:block;margin-bottom:18px}.hero h1{font:800 clamp(46px,5.4vw,82px)/.98 'Manrope',sans-serif;letter-spacing:-.055em;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--green2)}.hero p{font-size:18px;line-height:1.6;max-width:475px;color:#505c56;margin:0 0 32px}.button{padding:16px 22px;background:none}.button.primary{background:var(--green);color:white}.button:hover{transform:translateY(-1px)}.hero-controls{position:absolute;z-index:4;right:clamp(25px,5vw,75px);bottom:34px;display:flex;align-items:center;gap:16px}.arrow{width:43px;height:43px;border:1px solid rgba(23,63,49,.35);border-radius:50%;background:rgba(255,255,255,.72);color:var(--green)}.dots{display:flex;gap:7px}.dot{width:7px;height:7px;border-radius:50%;padding:0;border:0;background:#87938c}.dot.active{width:25px;border-radius:8px;background:var(--green)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px clamp(25px,5vw,78px);border-bottom:1px solid var(--line)}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-icon{font-size:21px;color:var(--green)}.trust-strip p{margin:0}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:13px}.trust-strip small{font-size:11px;color:var(--muted);margin-top:3px}.section{padding:100px clamp(25px,7vw,112px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading h2,.about h2,.steps h2,.cta h2{font:700 clamp(32px,4vw,52px)/1.08 'Manrope',sans-serif;letter-spacing:-.04em;margin:0}.section-heading>p{max-width:440px;color:var(--muted);line-height:1.6;margin:0}.filters{display:flex;gap:9px;margin-bottom:28px;overflow:auto}.filters button{white-space:nowrap;padding:10px 17px;border:1px solid var(--line);background:white;border-radius:30px;color:#59635e}.filters button.active{background:var(--green);color:white;border-color:var(--green)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);background:white;text-align:left;padding:0;position:relative;transition:.25s;overflow:hidden}.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(25,48,39,.1);border-color:#b8c3bc}.product-visual{height:240px;background:#f2f0e9;display:flex;align-items:center;justify-content:center;position:relative}.tag{position:absolute;top:14px;left:14px;background:white;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;z-index:2}.box-art{width:125px;height:93px;background:linear-gradient(135deg,#bd884d,#9b6732);position:relative;box-shadow:12px 15px 22px rgba(79,51,25,.18);transform:skewY(-2deg)}.box-art:before{content:"";position:absolute;width:28px;height:100%;right:-28px;top:-10px;background:#8f5e2e;transform:skewY(-32deg)}.box-art:after{content:"";position:absolute;width:100%;height:27px;left:14px;top:-27px;background:#d09a5c;transform:skewX(-44deg)}.box-art i{position:absolute;width:3px;height:100%;background:rgba(82,45,18,.23);left:50%}.box-art.tall{width:94px;height:125px}.box-art.wide{width:150px;height:72px}.box-art.large{transform:scale(1.25)}.card-body{padding:20px}.card-type{font-size:11px;color:var(--green2);font-weight:700;text-transform:uppercase;letter-spacing:.09em}.card-body h3{font:700 17px/1.3 'Manrope';margin:8px 0 15px;min-height:44px}.measure{color:var(--muted);font-size:12px}.card-footer{display:flex;align-items:end;justify-content:space-between;margin-top:19px}.price small,.price strong{display:block}.price small{font-size:10px;color:var(--muted)}.price strong{font:700 21px 'Manrope'}.view{width:35px;height:35px;border:1px solid var(--line);display:grid;place-items:center}.custom-product .product-visual{background:var(--green);color:white}.custom-drawing{width:130px;height:90px;border:2px dashed rgba(255,255,255,.8);position:relative}.custom-drawing:before,.custom-drawing:after{content:"";position:absolute;background:white}.custom-drawing:before{width:50px;height:1px;left:40px;top:44px}.custom-drawing:after{width:1px;height:45px;left:64px;top:22px}.custom-product .card-type{color:var(--green2)}.about{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);gap:9vw;align-items:center}.about-visual{height:480px;background:#d9d0bd;position:relative;display:grid;place-items:center;overflow:hidden}.box-stack{width:300px;height:270px;position:relative}.box-stack span{position:absolute;background:#a96f38;box-shadow:0 16px 25px rgba(60,38,17,.17)}.box-stack span:nth-child(1){width:190px;height:115px;left:0;bottom:0}.box-stack span:nth-child(2){width:130px;height:155px;right:0;bottom:0;background:#bd8247}.box-stack span:nth-child(3){width:145px;height:100px;left:65px;bottom:115px;background:#c69056}.box-stack b{position:absolute;left:108px;bottom:145px;font:800 32px 'Manrope';color:#5e391b}.about-note{position:absolute;right:20px;bottom:20px;background:white;padding:12px 16px;font:600 12px 'Manrope'}.about-copy>p{line-height:1.8;color:var(--muted);max-width:560px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid #cccbbf;padding-top:28px}.numbers strong,.numbers small{display:block}.numbers strong{font:700 23px 'Manrope';color:var(--green)}.numbers small{font-size:11px;color:var(--muted);margin-top:5px}.steps{text-align:center}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;text-align:left;border:1px solid var(--line)}.step-grid>div{padding:35px;border-right:1px solid var(--line)}.step-grid>div:last-child{border:0}.step-grid b{color:var(--kraft);font-size:12px}.step-grid h3{font:700 19px 'Manrope';margin:24px 0 9px}.step-grid p{color:var(--muted);font-size:14px}.cta{padding:72px clamp(25px,7vw,112px);background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta .eyebrow{color:#b5c8bd}.cta h2{max-width:760px}.button.light{background:white;color:var(--green);white-space:nowrap}footer{background:#102a21;color:#cdd9d2;padding:55px clamp(25px,7vw,112px);display:grid;grid-template-columns:1fr 1fr;gap:25px}.brand-light{color:white}footer p{margin:0;text-align:right;color:#96aaa0}.footer-links{display:flex;gap:25px}footer small{text-align:right;color:#738a7e}.modal{position:fixed;inset:0;z-index:50;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(10,24,18,.67);backdrop-filter:blur(4px)}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,calc(100% - 32px));max-height:92vh;overflow:auto;background:white;display:grid;grid-template-columns:.9fr 1.1fr}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:29px;z-index:2}.modal-product-visual{background:#f1eee6;min-height:480px;display:grid;place-items:center}.modal-info{padding:55px}.modal-info h2,.custom-intro h2{font:700 31px/1.2 'Manrope';margin:0 0 15px}.modal-info>p,.custom-intro p{color:var(--muted);line-height:1.65}.specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.spec{padding:16px 0}.spec small,.spec strong{display:block}.spec small{font-size:10px;color:var(--muted);text-transform:uppercase}.spec strong{font-size:13px;margin-top:5px}.modal-price{margin:24px 0}.modal-price>*{display:block}.modal-price small,.modal-price span{font-size:11px;color:var(--muted)}.modal-price strong{font:700 28px 'Manrope';margin:3px 0}.custom-card{grid-template-columns:1fr 1.15fr;width:min(980px,calc(100% - 32px))}.custom-intro{padding:50px;background:var(--cream)}#custom-form{padding:60px 45px 45px;display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:12px;font-weight:700}input,select{display:block;width:100%;border:1px solid var(--line);padding:14px;margin-top:7px;background:white;color:var(--ink)}.full{grid-column:1/-1}.form-note{text-align:center;color:var(--muted);font-size:10px}.measure-sketch{height:180px;display:grid;place-items:center}.sketch-box{width:160px;height:90px;border:2px solid var(--green);transform:skewY(-5deg);position:relative}.sketch-box:before{content:"";position:absolute;width:44px;height:100%;right:-44px;top:-14px;border:2px solid var(--green);transform:skewY(-27deg)}.sketch-box span{font-size:9px;position:absolute;color:var(--green)}.m-width{bottom:-20px;left:60px}.m-height{left:-38px;top:35px}.m-depth{right:-65px;top:-25px}.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;font-size:25px;z-index:30;box-shadow:0 7px 20px rgba(0,0,0,.2)}body.modal-open{overflow:hidden}
@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 12px 25px rgba(0,0,0,.08)}.nav.open{display:flex}.menu-toggle{display:block}.trust-strip{grid-template-columns:1fr 1fr;gap:20px}.trust-strip>div{border:0;justify-content:flex-start}.section-heading{display:block}.section-heading>p{margin-top:16px}.product-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.cta{display:block}.cta .button{margin-top:28px}.modal-card,.custom-card{grid-template-columns:1fr}.modal-product-visual{min-height:250px}.custom-intro{display:none}}
@media(max-width:560px){.topbar{font-size:10px}.header{height:68px}.brand{font-size:18px}.hero{height:620px}.slide{background-image:linear-gradient(180deg,rgba(248,245,237,.96) 0%,rgba(248,245,237,.78) 52%,rgba(248,245,237,.1) 85%),var(--bg);background-position:64% center}.hero-content{top:38%;left:22px;right:22px}.hero h1{font-size:44px}.hero p{font-size:15px}.hero-controls{bottom:22px}.trust-strip{grid-template-columns:1fr;padding:24px}.section{padding:70px 20px}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-visual{height:170px}.box-art{transform:scale(.7)}.card-body{padding:14px}.card-body h3{font-size:14px;min-height:55px}.card-footer{display:block}.view{display:none}.price strong{font-size:18px}.about-visual{height:350px}.numbers{gap:10px}.step-grid{grid-template-columns:1fr}.step-grid>div{border-right:0;border-bottom:1px solid var(--line)}.cta{padding:55px 22px}footer{grid-template-columns:1fr}footer p,footer small{text-align:left}.modal-info{padding:35px 24px}.modal-product-visual{display:none}#custom-form{padding:55px 24px 28px;grid-template-columns:1fr}.full{grid-column:auto}.custom-card{display:block}}