body{-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dark: #0E0D0B;--mid: #4A4540;--muted: #8A8480;--light: #F5F3EF;--cream: #FAF8F4;--gold: #B8965A;--white: #FFFFFF;--sidebar-w: 220px;--font-body: "DM Sans", "Helvetica Neue", sans-serif}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--cream);color:var(--dark);-webkit-font-smoothing:antialiased}.app{display:flex;height:100vh;overflow:hidden;width:100%}.main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--cream);min-width:0}.cover-page{height:100vh;width:100%;background:var(--cream);display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden}.cover-left{display:flex;flex-direction:column;justify-content:space-between;padding:52px 56px;border-right:.5px solid rgba(14,13,11,.1)}.cover-right{display:flex;flex-direction:column;justify-content:space-between;padding:52px 48px;background:#0e0d0b06}.cover-eyebrow{font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:16px}.cover-wordmark{font-family:var(--font-body);font-size:clamp(96px,12vw,148px);font-weight:300;line-height:.88;letter-spacing:-.05em;color:var(--dark);margin:0}.cover-left-mid{display:flex;flex-direction:column;gap:14px}.cover-tagline{font-size:22px;font-weight:300;color:var(--dark);line-height:1.3;letter-spacing:-.01em}.cover-tagline-sub{font-size:14px;font-weight:300;color:var(--muted);line-height:1.7;max-width:360px}.cover-features{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:.5px solid rgba(14,13,11,.08)}.cover-feature{font-size:13px;font-weight:300;color:var(--mid);padding:14px 0;border-bottom:.5px solid rgba(14,13,11,.06);display:flex;align-items:center;gap:10px}.cover-feature:before{content:"—";color:var(--gold);font-weight:400;flex-shrink:0}.cover-feature:nth-child(odd){padding-right:24px;border-right:.5px solid rgba(14,13,11,.06)}.cover-feature:nth-child(2n){padding-left:24px}.cover-feature:nth-last-child(-n+2){border-bottom:none}.cover-pills,.cover-pill,.cover-mid{display:none}.cover-cta{align-self:flex-start;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--dark);border:none;cursor:pointer;padding:16px 36px;border-radius:1px;transition:background .2s,transform .15s;display:flex;align-items:center;gap:12px}.cover-cta:hover{background:#2a2825;transform:translate(3px)}.cover-right-eyebrow{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.cover-stats{display:flex;flex-direction:column;gap:0}.cover-stat{padding:22px 0;border-bottom:.5px solid rgba(14,13,11,.08);display:flex;flex-direction:column;gap:6px}.cover-stat:first-child{border-top:.5px solid rgba(14,13,11,.08)}.cover-stat-n{font-size:56px;font-weight:300;color:var(--gold);line-height:1;letter-spacing:-.04em}.cover-stat-l{font-size:13px;font-weight:300;color:var(--muted);line-height:1.5}.cover-brands{display:flex;flex-direction:column;gap:0}.cover-brand-item{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:.5px solid rgba(14,13,11,.07);cursor:pointer;transition:background .1s}.cover-brand-item:first-child{border-top:.5px solid rgba(14,13,11,.07)}.cover-brand-item:last-child{border-bottom:none}.cover-brand-num{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--muted);width:26px;flex-shrink:0}.cover-brand-name{font-size:17px;font-weight:400;color:var(--dark);letter-spacing:.04em;flex:1}.cover-brand-arrow{font-size:13px;color:var(--muted);transition:transform .15s}.cover-brand-item:hover .cover-brand-arrow{transform:translate(4px);color:var(--dark)}.cover-brand-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);flex-shrink:0;background:var(--cream);border-right:.5px solid rgba(14,13,11,.08);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden}.sidebar-wordmark{padding:32px 24px 28px;border-bottom:.5px solid rgba(14,13,11,.08);-webkit-user-select:none;user-select:none}.sidebar-wm-name{font-size:22px;font-weight:300;letter-spacing:.18em;color:var(--dark);line-height:1;margin-bottom:5px}.sidebar-wm-sub{font-size:10px;font-weight:400;letter-spacing:.16em;color:var(--gold);text-transform:uppercase}.sidebar-nav{flex:1;padding:12px 0;display:flex;flex-direction:column;gap:0}.sidebar-item{display:flex;align-items:center;padding:13px 24px;width:100%;border:none;background:none;cursor:pointer;text-align:left;position:relative;transition:background .15s;border-left:2px solid transparent}.sidebar-item:hover{background:#0e0d0b0a}.sidebar-item.active{background:#0e0d0b0d;border-left-color:var(--active-color, var(--dark))}.sidebar-label{font-size:13px;font-weight:300;color:var(--mid);letter-spacing:.04em}.sidebar-item.active .sidebar-label{color:var(--dark);font-weight:500}.sidebar-item:hover .sidebar-label{color:var(--dark)}.sidebar-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;flex-shrink:0;opacity:.8}.sidebar-footer{padding:20px 24px;border-top:.5px solid rgba(14,13,11,.08)}.sidebar-footer-text{font-size:11px;font-weight:300;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.content-page{max-width:900px;margin:0 auto;padding:64px 48px 80px}.page-header{margin-bottom:48px}.page-eyebrow{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}.page-title{font-size:44px;font-weight:300;color:var(--dark);line-height:1.05;letter-spacing:-.02em;margin-bottom:14px}.page-subtitle{font-size:15px;font-weight:300;color:var(--muted);line-height:1.75;max-width:560px}.color-codes{display:flex;flex-direction:column;gap:36px}.color-brand-label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-bottom:12px;border-bottom:.5px solid rgba(14,13,11,.1);margin-bottom:16px}.color-chips{display:flex;flex-wrap:wrap;gap:10px}.color-chip{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:#fff;border:.5px solid rgba(14,13,11,.08);border-radius:3px;border-left:3px solid var(--chip-color)}.chip-swatch{width:24px;height:24px;border-radius:2px;background:var(--chip-color);flex-shrink:0}.chip-name{display:block;font-size:13px;font-weight:500;color:var(--dark);margin-bottom:2px}.chip-desc{display:block;font-size:11px;font-weight:300;color:var(--muted)}.brand-view{max-width:1100px;margin:0 auto}.brand-intro{padding:64px 48px 48px;border-bottom:.5px solid rgba(14,13,11,.08)}.brand-eyebrow{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-color);margin-bottom:12px}.brand-title{font-size:64px;font-weight:300;color:var(--dark);line-height:.95;letter-spacing:-.03em;margin-bottom:14px}.brand-tagline{font-size:18px;font-weight:300;color:var(--mid);font-style:italic;line-height:1.5;margin-bottom:16px}.brand-desc{font-size:15px;font-weight:300;color:var(--mid);line-height:1.8;max-width:600px;margin-bottom:28px}.brand-families-list{display:flex;flex-wrap:wrap;gap:8px}.brand-fam-chip{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:10px 20px;background:#0e0d0b08}.family-section{padding:48px 48px 40px;border-bottom:.5px solid rgba(14,13,11,.06)}.family-header{margin-bottom:28px}.family-bar{width:28px;height:2px;margin-bottom:14px}.family-name{font-size:30px;font-weight:300;color:var(--dark);letter-spacing:-.02em;margin-bottom:12px}.family-desc{font-size:16px;font-weight:300;color:var(--mid);margin-bottom:18px;line-height:1.7}.family-tags{display:flex;flex-wrap:wrap;gap:8px}.family-tag{font-size:13px;padding:7px 16px;background:#fff;border:.5px solid rgba(14,13,11,.12);border-radius:2px;color:var(--mid)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.pcard{background:#fff;border:.5px solid rgba(14,13,11,.08);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s;cursor:default}.pcard:hover{box-shadow:0 12px 40px #0e0d0b1a;transform:translateY(-2px)}.pcard-img-wrap{height:220px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:.5px solid rgba(14,13,11,.05);flex-shrink:0}.pcard-img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply;background:#fff}.pcard-img-empty{width:100%;height:100%;background:#f5f3ef}.pcard-body{padding:22px;display:flex;flex-direction:column;flex:1}.pcard-step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--card-color);margin-bottom:7px}.pcard-step-badge{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--card-color);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.pcard-type{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.pcard-name{font-size:18px;font-weight:400;color:var(--dark);line-height:1.35;margin-bottom:13px}.pcard-vols{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.pcard-vol{font-size:13px;font-weight:500;padding:5px 12px;border:.5px solid var(--card-color);border-radius:2px;color:var(--card-color)}.pcard-divider{height:.5px;background:#0e0d0b12;margin-bottom:14px}.pcard-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.pcard-label{font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.pcard-value{font-size:14px;font-weight:300;color:var(--mid)}.pcard-concern{font-size:14px;font-weight:300;color:var(--mid);margin-top:10px;line-height:1.65}.pcard-ingr{font-size:13px;font-weight:500;color:var(--card-color);margin-top:10px;line-height:1.55}.pcard-skins{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pcard-skin{font-size:12px;padding:5px 12px;border:.5px solid rgba(14,13,11,.12);border-radius:2px;color:var(--mid);background:var(--light)}.routine-strip{padding:18px 22px;background:#fff;border:.5px solid rgba(14,13,11,.08);border-radius:4px}.routine-label{display:block;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.routine-steps{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.routine-step-group{display:flex;align-items:center;gap:10px}.routine-step{font-size:15px;font-weight:400;color:var(--mid)}.routine-arrow{font-size:15px;color:var(--muted);opacity:.5}.kits-section{padding:48px 48px 40px;border-bottom:.5px solid rgba(14,13,11,.06);background:#0e0d0b04}.kits-header{margin-bottom:28px}.kits-eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}.kits-title{font-size:30px;font-weight:300;color:var(--dark);letter-spacing:-.02em;margin-bottom:8px}.kits-desc{font-size:14px;font-weight:300;color:var(--mid)}.cond-page{display:flex;flex-direction:column;height:100%}.cond-hero{background:var(--cream);padding:56px 56px 48px;border-bottom:.5px solid rgba(14,13,11,.08);flex-shrink:0}.cond-hero-inner{max-width:560px}.cond-eyebrow{font-size:11px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:20px}.cond-title{font-size:52px;font-weight:300;line-height:1;letter-spacing:-.03em;color:var(--dark);margin-bottom:24px}.cond-lead{font-size:15px;font-weight:300;color:var(--mid);line-height:1.75}.cond-body{flex:1;padding:48px 56px 56px}.cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#0e0d0b14;border:.5px solid rgba(14,13,11,.08);border-radius:6px;overflow:hidden;margin-bottom:24px}.cond-card{background:#fff;padding:28px 26px;display:flex;flex-direction:column;gap:8px}.cond-card:hover{background:var(--cream);transition:background .15s}.cond-card-num{font-size:11px;font-weight:500;letter-spacing:.14em;color:var(--gold)}.cond-card-label{font-size:17px;font-weight:400;color:var(--dark);letter-spacing:-.01em}.cond-card-desc{font-size:13px;font-weight:300;color:var(--mid);line-height:1.65;margin-top:2px}.cond-pricing-note{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:#b8965a12;border:.5px solid rgba(184,150,90,.25);border-radius:4px;margin-bottom:40px}.cond-note-icon{font-size:14px;color:var(--gold);flex-shrink:0;margin-top:1px}.cond-note-text{font-size:13px;font-weight:300;color:var(--mid);line-height:1.7}.cond-contact-eyebrow{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:20px}.cond-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:.5px solid rgba(14,13,11,.08);padding-top:24px}.cond-contact-item{padding:0 24px 0 0;border-right:.5px solid rgba(14,13,11,.08)}.cond-contact-item:first-child{padding-left:0}.cond-contact-item:last-child{border-right:none;padding-right:0}.cond-contact-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.cond-contact-value{font-size:15px;font-weight:300;color:var(--dark)}.mobile-topbar,.sidebar-overlay{display:none}@media (max-width: 1024px){:root{--sidebar-w: 200px}.cover-left{padding:40px}.cover-right{padding:40px 36px}.cover-wordmark{font-size:clamp(72px,10vw,110px)}.cover-tagline{font-size:18px}.brand-intro{padding:48px 32px 40px}.brand-title{font-size:52px}.family-section,.kits-section{padding:40px 32px 36px}.brand-nav-inner{padding:0 32px}.products-grid{gap:14px}.pcard-img-wrap{height:180px}.pcard-name{font-size:15px}.content-page{padding:48px 32px 64px}.cond-hero{padding:44px 40px 40px}.cond-body{padding:36px 40px 48px}.cond-title{font-size:44px}}@media (max-width: 680px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:200;height:52px;padding:0 20px;background:var(--cream);border-bottom:.5px solid rgba(14,13,11,.1)}.mobile-topbar-home{font-size:15px;font-weight:300;letter-spacing:.18em;color:var(--dark);background:none;border:none;cursor:pointer;padding:0}.mobile-topbar-page{font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.mobile-topbar-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px}.mobile-topbar-menu span{display:block;height:1px;background:var(--dark);width:100%;transition:opacity .15s}.app{padding-top:52px;height:100dvh}.main{padding-top:0;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}:root{--sidebar-w: 260px}.sidebar{position:fixed;top:52px;left:0;bottom:0;z-index:150;transform:translate(-100%);transition:transform .25s ease;height:calc(100vh - 52px);box-shadow:none}.sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0e0d0b1f}.sidebar-overlay{display:block;position:fixed;right:0;bottom:0;left:0;z-index:140;background:#0e0d0b59;top:52px}.cover-page{grid-template-columns:1fr;height:auto;min-height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.cover-left{padding:40px 28px 36px;border-right:none;border-bottom:.5px solid rgba(14,13,11,.1);gap:36px}.cover-right{padding:36px 28px calc(60px + env(safe-area-inset-bottom,44px))}.cover-wordmark{font-size:clamp(72px,18vw,110px)}.cover-tagline{font-size:20px}.cover-tagline-sub{font-size:14px}.cover-features{grid-template-columns:1fr}.cover-feature:nth-child(odd){padding-right:0;border-right:none}.cover-feature:nth-child(2n){padding-left:0}.cover-feature:nth-last-child(-n+2){border-bottom:.5px solid rgba(14,13,11,.06)}.cover-feature:last-child{border-bottom:none}.cover-stat-n{font-size:44px}.cover-stat-l{font-size:13px}.cover-brand-name{font-size:15px}.brand-intro{padding:32px 20px 28px}.brand-title{font-size:40px}.brand-tagline{font-size:16px}.brand-desc{font-size:14px}.family-section{padding:28px 20px}.family-name{font-size:24px}.family-desc{font-size:14px}.kits-section{padding:28px 20px}.kits-title{font-size:24px}.brand-nav-inner{padding:0 20px}.products-grid{grid-template-columns:1fr 1fr;gap:10px}.pcard-img-wrap{height:140px}.pcard-body{padding:14px}.pcard-name{font-size:14px}.pcard-type{font-size:10px}.pcard-concern,.pcard-value{font-size:12px}.pcard-label{font-size:10px}.pcard-vol{font-size:11px;padding:3px 8px}.pcard-skin{font-size:10px;padding:3px 8px}.content-page{padding:28px 20px 48px}.page-title{font-size:32px}.color-chips{gap:8px}.cond-hero{padding:32px 20px 28px}.cond-title{font-size:36px}.cond-lead{font-size:14px}.cond-body{padding:24px 20px 40px}.cond-grid{grid-template-columns:1fr}.cond-contact-grid{grid-template-columns:1fr 1fr;gap:20px}.cond-contact-item{padding:0;border-right:none}.cond-contact-item:last-child{border-right:none}}.brand-nav{border-bottom:.5px solid rgba(14,13,11,.08);background:#fff;position:sticky;top:0;z-index:10}.brand-nav-inner{max-width:1100px;margin:0 auto;padding:0 48px;height:52px;display:flex;align-items:center;justify-content:space-between}.brand-nav-btn{background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--muted);padding:8px 0;transition:color .15s}.brand-nav-btn:hover{color:var(--dark)}.brand-nav-btn-next{text-align:right}.brand-nav-pos{font-size:11px;color:var(--muted);letter-spacing:.12em}.cover-logo-img{width:clamp(200px,28vw,340px);height:auto;filter:invert(1);opacity:.9;display:block}.sidebar-home-btn{display:flex;align-items:center;padding:13px 24px;width:100%;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;border-left:2px solid transparent}.sidebar-home-btn:hover{background:#0e0d0b0a}.sidebar-home-btn .sidebar-label{font-size:13px;font-weight:400;color:var(--mid);letter-spacing:.04em}.contact-page-wrap{max-width:640px}.contact-cards{display:flex;flex-direction:column;gap:16px;margin-top:40px}.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:28px 32px;border-radius:12px;border:.5px solid rgba(14,13,11,.12);background:#fff;text-decoration:none;color:var(--dark);transition:box-shadow .2s,transform .2s}.contact-card:hover{box-shadow:0 4px 20px #0e0d0b14;transform:translateY(-2px)}.contact-card-icon{color:var(--dark);margin-bottom:8px}.contact-card-icon--whatsapp{color:#25d366}.contact-card-label{font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.contact-card-value{font-size:22px;font-weight:300;letter-spacing:-.01em;color:var(--dark)}.contact-card-note{font-size:12px;font-weight:300;color:var(--muted);margin-top:4px}
