:root{--ink:#21211e;--muted:#6d6c66;--paper:#f7f5ef;--white:#fff;--yellow:#f5ca24;--line:#dedbd1;--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}.hero{min-height:100vh;padding:22px clamp(22px,5vw,78px) 70px;background:radial-gradient(circle at 75% 8%,rgba(245,202,36,.17),transparent 31%),var(--paper)}.topbar{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{width:112px;height:auto}.contact-link{font-weight:700;text-decoration:none;border-bottom:2px solid var(--yellow);padding:9px 0}.hero-grid{max-width:1180px;margin:45px auto 0;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(38px,6vw,82px);align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:800}.eyebrow:before{content:"";width:28px;height:2px;background:var(--yellow)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;margin:16px 0;line-height:1.02}h1{font-size:clamp(3.25rem,6vw,6rem)}h1 em{font-style:normal;color:#cea900}.hero-copy>p{font-size:1.1rem;line-height:1.75;color:var(--muted);max-width:600px}.benefits{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.88rem;font-weight:700;margin:24px 0}.benefits span::first-letter{color:#c7a400}.product-composition{height:205px;position:relative;margin-top:22px;max-width:560px;overflow:hidden;border-radius:24px;background:#e9e3d4}.product-main{width:100%;height:100%;object-fit:cover}.product-small{position:absolute;width:34%;right:18px;bottom:14px;border:6px solid var(--paper);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.2)}.form-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(25px,4vw,42px);box-shadow:0 24px 65px rgba(31,30,26,.12)}.form-kicker{font-size:.75rem;color:#9a7f00;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.form-card h2{font-size:clamp(2rem,3vw,3rem)}.form-card>p{color:var(--muted);line-height:1.55;margin-bottom:24px}form{display:grid;gap:14px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:.76rem;font-weight:700;color:#55534d;display:grid;gap:7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;color:var(--ink);background:#fbfaf7;outline:none}input:focus,select:focus,textarea:focus{border-color:#bda000;box-shadow:0 0 0 3px rgba(245,202,36,.2)}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;font-weight:500;line-height:1.4}.consent input{width:auto;margin:2px 2px 0 0;accent-color:var(--yellow)}button,.whatsapp-button{border:0;border-radius:14px;background:var(--yellow);padding:16px 18px;font:800 1rem Manrope,sans-serif;display:flex;justify-content:center;gap:12px;text-decoration:none;cursor:pointer;box-shadow:0 12px 24px rgba(224,184,17,.28);transition:.2s}button:hover,.whatsapp-button:hover{transform:translateY(-2px);background:#ffd62d}form small{text-align:center;color:#85827b}.about{background:var(--ink);color:#fff;padding:95px clamp(22px,5vw,78px) 28px}.about-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about h2{font-size:clamp(2.5rem,4.8vw,4.8rem)}.about-copy>p{color:#c8c6be;line-height:1.8;font-size:1.05rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:#494942;border:1px solid #494942;border-radius:18px;overflow:hidden}.stats div{background:#292924;padding:20px}.stats strong{display:block;color:var(--yellow);font:800 1.35rem Manrope}.stats span{display:block;color:#b8b6af;font-size:.78rem;margin-top:4px}.about-panel{background:#2a2a26;border:1px solid #46463f;border-radius:var(--radius);padding:32px}.panel-label{color:var(--yellow);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.about-panel ol{list-style:none;margin:24px 0 0;padding:0}.about-panel li{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:20px 0;border-top:1px solid #494942}.about-panel li>span{width:42px;height:42px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:800;display:grid;place-items:center}.about-panel strong{font:700 1.05rem Manrope}.about-panel p{margin:5px 0 0;color:#aaa89f;line-height:1.5;font-size:.9rem}.about footer{max-width:1180px;margin:75px auto 0;padding-top:28px;border-top:1px solid #44443e;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;align-items:center;color:#aaa89f;font-size:.87rem}.about footer img{width:170px}.about footer a{color:#fff;text-decoration:none}.thank-you-page{min-height:100vh;background:radial-gradient(circle at 70% 12%,rgba(245,202,36,.28),transparent 36%),var(--paper)}.thank-you{min-height:100vh;padding:28px;display:grid;place-items:center}.thank-you-card{width:min(650px,100%);text-align:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:clamp(30px,7vw,70px);box-shadow:0 28px 80px rgba(35,34,30,.14)}.thank-you-card .logo{margin-bottom:28px}.checkmark{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;background:var(--yellow);font-size:2rem;font-weight:800}.thank-you-card .eyebrow:before{display:none}.thank-you-card h1{font-size:clamp(2.6rem,7vw,4.6rem)}.thank-you-card p{font-size:1.08rem;line-height:1.7;color:var(--muted);max-width:520px;margin:0 auto 30px}.whatsapp-button{max-width:390px;margin:auto}.back-link{display:inline-block;margin-top:24px;color:#6a685f;font-weight:700;text-decoration:none}
@media(max-width:850px){.hero-grid,.about-inner{grid-template-columns:1fr}.hero{padding-bottom:50px}.product-composition{height:180px}.about{padding-top:70px}.about footer{grid-template-columns:1fr}.about footer img{width:140px}.hero-grid{margin-top:35px}.form-card{order:-1}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.benefits{justify-content:center}}
@media(max-width:560px){.contact-link{font-size:.82rem}.logo{width:90px}.field-row,.stats{grid-template-columns:1fr}.hero{padding-left:16px;padding-right:16px}.form-card{padding:24px 18px}.hero-copy h1{font-size:3rem}.about{padding-left:18px;padding-right:18px}.about h2{font-size:2.6rem}.product-composition{height:155px}.product-small{width:38%}}
.label-note{font-weight:500;color:#8a877f}.field-error{min-height:1em;color:#a52d23;font-size:.7rem;font-weight:700}input[aria-invalid="true"]{border-color:#b33126;box-shadow:0 0 0 3px rgba(179,49,38,.12)}
.topbar .contact-link{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:0;border-radius:999px;background:var(--yellow);box-shadow:0 10px 24px rgba(211,170,0,.24);font:800 .9rem Manrope,sans-serif;transition:transform .2s,background .2s,box-shadow .2s}.topbar .contact-link:hover{transform:translateY(-2px);background:#ffd62d;box-shadow:0 14px 28px rgba(211,170,0,.3)}
.about .official-footer{display:block;max-width:1180px;margin:78px auto 0;padding:0;border-top:0;color:#aaa89f;font-size:.9rem}.footer-main{display:grid;grid-template-columns:1.05fr 1fr 1.35fr;gap:50px;align-items:center;padding:38px 10px 34px;border-top:1px solid #42423c}.about .footer-brand img{width:225px;max-width:100%}.footer-signature{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}.footer-accent{height:2px;background:var(--yellow);margin-top:9px}.footer-signature p{margin:0;color:#b8b6ae;font-size:1rem;line-height:1.5}.footer-contact h3{font:700 1.12rem Manrope,sans-serif;color:#fff;margin:0 0 15px}.footer-contact a,.footer-contact>p{display:flex;gap:11px;align-items:flex-start;margin:10px 0;color:#b8b6ae;text-decoration:none;line-height:1.5}.footer-contact a:hover{color:#fff}.contact-icon{flex:0 0 27px;width:27px;height:27px;border:1px solid #8e7610;border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:.78rem}.footer-bottom{border-top:1px solid #42423c;padding:22px 10px 2px;text-align:center;color:#797972;font-size:.78rem}
@media(max-width:850px){.footer-main{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.about .footer-brand img{width:185px}.footer-bottom{text-align:left;line-height:1.55}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr;gap:28px;padding-left:0;padding-right:0}.footer-contact{grid-column:auto}.footer-signature{max-width:270px}.footer-bottom{padding-left:0;padding-right:0}}
.hero-copy{align-self:center}.gallery-section{background:var(--paper);padding:95px clamp(22px,5vw,78px) 105px}.gallery-heading{max-width:1180px;margin:0 auto 42px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end}.gallery-heading h2{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:0}.gallery-heading>p{color:var(--muted);font-size:1.05rem;line-height:1.75;margin:0}.gallery-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid figure{position:relative;margin:0;border-radius:20px;overflow:hidden;background:#ddd5c5;aspect-ratio:1;box-shadow:0 12px 30px rgba(40,37,30,.08)}.gallery-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;border-radius:12px;background:rgba(24,24,21,.84);backdrop-filter:blur(8px);color:#fff;font:700 .88rem Manrope,sans-serif}.official-footer{display:block;background:var(--ink);color:#aaa89f;padding:0 clamp(22px,5vw,78px) 28px}.official-footer .footer-main{max-width:1180px;margin:auto}.official-footer .footer-brand img{width:225px;max-width:100%}.official-footer .footer-bottom{max-width:1180px;margin:auto}.official-footer .footer-contact h3{color:#fff}.official-footer .footer-contact a,.official-footer .footer-contact>p{color:#b8b6ae}
@media(max-width:850px){.gallery-heading{grid-template-columns:1fr;gap:16px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.gallery-section{padding:68px 14px 72px}.gallery-grid{grid-template-columns:1fr;gap:14px}.gallery-grid figure{border-radius:16px}.gallery-heading{margin-bottom:28px}.gallery-heading h2{font-size:2.8rem}}
