.header{position:sticky;top:0;z-index:100;background-color:var(--color-white);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--header-height);min-width:0}.logo{font-size:15px;font-weight:600;color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.nav-desktop{display:none;align-items:center;gap:28px;flex-shrink:0}.nav-link{font-size:14px;font-weight:500;color:var(--color-accent);background:none;border:none;padding:0;transition:color var(--transition)}.nav-link:hover{color:var(--color-accent-hover)}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.nav-cta{font-size:14px;padding:9px 16px}.header-mobile-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-cta-mobile{white-space:nowrap}.menu-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);flex-shrink:0}.menu-toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.menu-icon{width:16px;height:2px;background-color:currentColor;position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:16px;height:2px;background-color:currentColor}.menu-icon:before{top:-5px}.menu-icon:after{top:5px}.nav-mobile{display:flex;flex-direction:column;padding-bottom:12px;border-top:1px solid var(--color-border);padding-top:8px}.nav-mobile .nav-link{padding:10px 0;text-align:left;font-size:15px}@media(min-width:768px){.nav-desktop{display:flex}.header-mobile-actions{display:none}}.hero{background-color:var(--color-bg-hero)}.hero-stage{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(241,244,242,.94) 0%,rgba(241,244,242,.55) 38%,rgba(241,244,242,.08) 62%,transparent 100%)}.hero-content{position:absolute;left:16px;right:16px;bottom:24px;z-index:2;max-width:100%}.hero-headline{font-size:28px;font-weight:600;line-height:1.15;color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word}.hero-description{margin-top:8px;font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text-secondary);max-width:320px}.hero-cta{margin-top:16px}@media(min-width:768px){.hero-stage{aspect-ratio:21 / 9;max-height:520px;border-radius:var(--radius-card);margin:24px auto 0;max-width:var(--max-width)}.hero-content{left:clamp(24px,4vw,40px);bottom:32px;max-width:420px}.hero-headline{font-size:36px}.hero-description{font-size:15px}}.product-card{display:flex;flex-direction:column;min-width:0;max-width:100%}.product-image-wrap{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-card--warm .product-image-wrap,.product-card--sage .product-image-wrap,.product-card--sand .product-image-wrap{background-color:var(--color-white)}.product-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center center;padding:8px;box-sizing:border-box}.product-info{margin-top:10px}.product-name{font-size:15px;font-weight:600;line-height:1.35;color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word}.product-inquire{display:inline-block;margin-top:5px;padding:0;background:none;border:none;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;color:var(--color-accent);cursor:pointer;transition:color .15s ease;overflow-wrap:anywhere;word-break:break-word;text-align:left}.product-inquire:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:2px}.product-inquire:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media(min-width:768px){.product-image-wrap{aspect-ratio:4 / 3}.product-image{padding:12px}.product-info{margin-top:12px}.product-name{font-size:17px}.product-inquire{font-size:14px}}.product-grid-section{background-color:var(--color-bg-product)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:28px;margin-top:24px}@media(min-width:768px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}}.brand-section{background-color:var(--color-bg-brand)}.brand-inner{display:flex;flex-direction:column;gap:24px;min-width:0}.brand-visual{min-width:0;max-width:100%}.brand-image-wrap{width:100%;max-width:100%;aspect-ratio:9 / 10;overflow:hidden}.brand-image{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.brand-content{min-width:0;max-width:100%}.brand-name{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:8px}.brand-title{font-size:22px;font-weight:600;line-height:1.25;color:var(--color-text-primary);margin-bottom:10px;overflow-wrap:anywhere;word-break:break-word}.brand-description{font-size:14px;font-weight:400;line-height:1.5;color:var(--color-text-secondary);max-width:100%;overflow-wrap:anywhere;word-break:break-word}@media(min-width:768px){.brand-inner{gap:28px}.brand-title{font-size:28px}.brand-description{font-size:15px;max-width:420px}}.supply-section{background-color:var(--color-bg-supply)}.supply-section .container{display:flex;flex-direction:column;gap:32px;min-width:0}.supply-visual{width:100%;max-width:100%;min-width:0}.supply-image{width:100%;max-width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center center;display:block}.supply-content{min-width:0;max-width:100%}.supply-eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-bg-work);margin-bottom:12px}.supply-title{font-size:22px;font-weight:600;line-height:1.3;color:var(--color-white);margin-bottom:28px;max-width:20em;overflow-wrap:anywhere;word-break:break-word}.supply-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.supply-point{display:flex;align-items:baseline;gap:16px;padding:18px 0;border-top:1px solid rgba(255,255,255,.22);min-width:0}.supply-point:last-child{border-bottom:1px solid rgba(255,255,255,.22)}.supply-point-num{flex-shrink:0;font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--color-bg-work);min-width:1.75em}.supply-point-title{font-size:16px;font-weight:500;line-height:1.35;color:var(--color-white);overflow-wrap:anywhere;word-break:break-word}@media(min-width:768px){.supply-section .container{gap:40px}.supply-title{font-size:28px;margin-bottom:36px}.supply-point{padding:22px 0;gap:24px}.supply-point-title{font-size:18px}}.how-section{background-color:var(--color-bg-work)}.how-title{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:28px}.how-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;min-width:0}.how-step{display:flex;flex-direction:column;gap:8px;padding:24px 0;border-top:1px solid var(--color-border);min-width:0}.how-step:last-child{border-bottom:1px solid var(--color-border)}.how-step-num{font-size:32px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--color-accent)}.how-step-title{font-size:18px;font-weight:500;line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word}@media(min-width:768px){.how-title{margin-bottom:36px}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.how-step{padding:28px 24px 28px 0;border-top:none;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border)}.how-step:last-child{border-right:none;padding-right:0}.how-step-num{font-size:40px}.how-step-title{font-size:20px}}.final-cta{background-color:var(--color-bg-cta);text-align:center}.final-cta-headline{font-size:22px;font-weight:600;line-height:1.25;color:var(--color-white)}.final-cta-supporting{margin-top:6px;font-size:14px;font-weight:400;color:#ffffffb8}.final-cta-button{margin-top:16px}.final-cta .btn-primary{background-color:var(--color-white);color:var(--color-accent)}.final-cta .btn-primary:hover{background-color:var(--color-bg-work);color:var(--color-accent-hover)}@media(min-width:768px){.final-cta-headline{font-size:28px}.final-cta-supporting{font-size:15px}.final-cta-button{margin-top:20px}}.footer{padding:32px 0;border-top:1px solid var(--color-border);background-color:var(--color-white)}.footer-inner{display:flex;flex-direction:column;gap:8px;text-align:center;min-width:0}.footer-company{font-size:15px;font-weight:600;color:var(--color-text-primary)}.footer-link{font-size:14px;color:var(--color-accent);transition:color var(--transition);background:none;border:none;padding:0;font-family:inherit;cursor:pointer;overflow-wrap:anywhere;word-break:break-word}.footer-link:hover{color:var(--color-accent-hover)}.footer-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.footer-copy{margin-top:8px;font-size:13px;color:var(--color-text-secondary)}.floating-chat{position:fixed;z-index:90;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;background-color:var(--color-whatsapp);color:var(--color-white);border:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #25d36638;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}.floating-chat:hover{background-color:var(--color-whatsapp-hover);transform:scale(1.03);box-shadow:0 4px 16px #25d36647}.floating-chat:focus-visible{outline:2px solid var(--color-whatsapp);outline-offset:3px}.floating-chat svg{width:24px;height:24px}@media(max-width:767px){.floating-chat{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:48px;height:48px}.floating-chat svg{width:22px;height:22px}}.modal-overlay{position:fixed;inset:0;z-index:200;background-color:#17221e2e;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.modal{position:relative;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;background-color:var(--color-bg-hero);border-radius:10px;box-shadow:0 8px 32px #17221e14;padding:24px 22px 22px;animation:slideUp .2s ease}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:20px;line-height:1;transition:color var(--transition),background-color var(--transition)}.modal-close:hover{color:var(--color-text-primary);background-color:var(--color-bg-brand)}.modal-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:6px;padding-right:36px}.modal-title{font-size:20px;font-weight:600;line-height:1.2;color:var(--color-text-primary);padding-right:36px;margin-bottom:10px}.modal-product{font-size:13px;font-weight:500;color:var(--color-text-secondary);margin-bottom:16px;overflow-wrap:anywhere;word-break:break-word}.modal-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.modal-module{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:88px;padding:12px 14px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:10px;text-align:left;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.modal-module:hover:not(.modal-module--selected){border-color:var(--color-bg-work);background-color:var(--color-bg-brand)}.modal-module:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.modal-module--selected{background-color:var(--color-bg-brand);border-color:var(--color-accent);color:var(--color-accent)}.modal-module-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.modal-module-num{font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--color-text-secondary);transition:color .18s ease}.modal-module--selected .modal-module-num{color:var(--color-accent)}.modal-module-check{font-size:11px;font-weight:600;color:var(--color-accent);line-height:1}.modal-module-label{display:flex;flex-direction:column;gap:1px}.modal-module-line{font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.25;color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word;transition:color .18s ease}.modal-module--selected .modal-module-line{color:var(--color-accent)}.modal-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:13px 20px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;border:none;border-radius:6px;cursor:pointer;transition:background-color .18s ease,color .18s ease,opacity .18s ease}.modal-cta:not(:disabled){background-color:var(--color-accent);color:var(--color-white)}.modal-cta:not(:disabled):hover{background-color:var(--color-accent-hover)}.modal-cta:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;opacity:.7}.modal-cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.modal-overlay{align-items:flex-end;padding:0}.modal{width:calc(100% - 24px);max-width:480px;margin:0 12px calc(12px + env(safe-area-inset-bottom,0px));border-radius:10px;max-height:88dvh;padding:22px 20px 20px}.modal-options-grid{grid-template-columns:1fr;gap:8px}.modal-module{min-height:72px}}:root{--color-bg-hero: #f1f4f2;--color-bg-product: #dde5e1;--color-bg-brand: #e8ece7;--color-bg-supply: #23483d;--color-bg-work: #d3dfda;--color-bg-cta: #23483d;--color-text-primary: #17221e;--color-text-secondary: #53615b;--color-accent: #23483d;--color-accent-hover: #1b3830;--color-border: #c5d0cb;--color-white: #ffffff;--color-whatsapp: #25d366;--color-whatsapp-hover: #20bd5a;--color-bg: var(--color-white);--color-text: var(--color-text-primary);--font-family: "Inter", system-ui, -apple-system, sans-serif;--max-width: 1240px;--header-height: 56px;--space-section-desktop: 72px;--space-section-mobile: 40px;--radius-card: 8px;--radius-modal: 12px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{margin:0;font-family:var(--font-family);font-size:15px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-white);-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%;overflow-wrap:anywhere;word-break:break-word}#root{overflow-x:hidden;max-width:100%}main{overflow-x:hidden;max-width:100%}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;max-width:100%}h1,h2,h3,h4,p{margin:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-left:16px;padding-right:16px}.section{padding-top:var(--space-section-mobile);padding-bottom:var(--space-section-mobile)}.section-title{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:.04em;color:var(--color-text-primary)}.section-subtitle{margin-top:6px;font-size:14px;font-weight:400;color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;line-height:1.2;border:none;border-radius:6px;transition:background-color var(--transition),color var(--transition)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background-color:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-sm{padding:9px 16px;font-size:13px}.btn-text{background:none;border:none;padding:0;font-size:14px;font-weight:500;color:var(--color-accent);transition:color var(--transition)}.btn-text:hover{color:var(--color-accent-hover)}.btn-text:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px){body{font-size:16px}.container{padding-left:clamp(24px,4vw,32px);padding-right:clamp(24px,4vw,32px)}.section{padding-top:var(--space-section-desktop);padding-bottom:var(--space-section-desktop)}.section-title{font-size:28px}.section-subtitle,.btn{font-size:15px}}