/* Shared, buildless styles. Original hero and source artwork stay unchanged. */
:root{--ink:#073b43;--teal:#007d7a;--deep:#00586a;--mint:#04b79c;--paper:#f4faf8;--muted:#47666a;--line:#c8dcda;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #024e58;outline-offset:5px}
.skip-link{position:fixed;z-index:20;left:16px;top:12px;transform:translateY(-180%);background:white;padding:12px 20px;border-radius:6px}
.skip-link:focus{transform:translateY(0)}
.announcement{position:relative;z-index:2;min-height:36px;display:flex;align-items:center;justify-content:center;gap:28px;padding:8px 20px;background:#007e73;color:white;font-size:14px;line-height:1.4;text-align:center}
.announcement__phase{white-space:nowrap;font-size:13px}
.announcement__phase>span{font-size:20px;line-height:0;vertical-align:-1px;margin-right:5px}
.announcement__main{font-weight:500}
.landing-stage{position:relative;isolation:isolate;min-height:max(680px,calc(100svh - 36px));padding:40px 3.1% 32px;overflow:hidden}
.hero-art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
/* A faint copy-only glow is clipped before the nearest product pack by site.js. */
.landing-stage:before{content:'';position:absolute;z-index:-1;left:0;top:16%;bottom:3%;width:var(--copy-glow-width,0px);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(255,255,255,.46) 0%,rgba(255,255,255,.22) 50%,transparent 100%);pointer-events:none}
.brand-header{display:flex;align-items:center;justify-content:center;height:clamp(56px,4.1vw,68px);background:rgba(255,255,255,.96);border-radius:50px;position:relative;z-index:1}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:34px;letter-spacing:-1.2px;font-weight:400;color:#101c1d;text-decoration:none;white-space:nowrap}
.brand__symbol{width:41px;height:45px;background:url('reference.png') -744px -98px / 1672px 941px no-repeat;flex-shrink:0}
.hero-copy{width:51%;max-width:740px;margin-top:clamp(48px,5.3vw,94px);padding-left:clamp(32px,5.5vw,94px)}
.eyebrow{text-transform:uppercase;font-size:14px;line-height:1.6;font-weight:600;letter-spacing:.29em;color:#006b6d;margin:0 0 24px}
.hero-copy h1{font-family:var(--serif);font-size:clamp(76px,6.7vw,116px);font-weight:400;line-height:.88;letter-spacing:-.055em;margin:0 0 16px;color:#03353e;white-space:nowrap}
.hero-copy h1 span{display:block;color:#005c60;margin-top:5px}
.hero-subtitle{font-size:clamp(16px,1.25vw,20px);font-weight:600;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;color:#004e55;margin:0 0 22px}
.hero-description{max-width:450px;font-size:clamp(17px,1.2vw,20px);line-height:1.3;margin:0 0 26px;color:#101c20;text-wrap:pretty}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;max-width:480px;padding:0;margin:0 0 24px;list-style:none}
.benefits li{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:14px;line-height:1.23;color:#073b43}
/* Teal strokes render solid; neutral and warm paper pixels remain transparent. */
.icon-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.benefit-icon{display:block;height:54px;width:53px;margin-bottom:4px;background-image:url('benefits.png');background-size:974.4px 104px;background-repeat:no-repeat;filter:url('#benefit-transparency')}
.benefit-icon--metabolic{background-position:-16.8px -19.2px}
.benefit-icon--radiant{background-position:-240.8px -18.4px}
.benefit-icon--cellular{background-position:-485.6px -17.6px}
.benefit-icon--collagen{background-position:-780.8px -17.6px}
.button{min-height:58px;border:0;border-radius:40px;background:linear-gradient(105deg,#008f7b,#006475);color:white;display:flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;cursor:pointer;padding:16px 29px;font-size:18px;font-weight:600;line-height:1.4;transition:background .18s,box-shadow .18s,transform .18s}
.button:hover{background:linear-gradient(105deg,#00796a,#004e60);box-shadow:0 6px 20px #00586a20;transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.button:disabled{opacity:.65;cursor:wait;transform:none}
.button--shop{width:330px;max-width:100%;font-size:22px;text-transform:uppercase;letter-spacing:.015em;justify-content:space-between;padding-left:70px}
.prelaunch-note{font-size:12px;line-height:1.5;color:#234f54;margin:11px 0 0 24px}
.site-footer{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding:19px 24px;background:#f4faf8;font-size:12px;color:#3b6265;line-height:1.5;border-top:1px solid #ddebe7}
.site-footer a:hover{color:var(--teal)}
.inner-page{background:radial-gradient(ellipse at 2% 65%,#e6f3ee,transparent 45%),#f7faf7}
.brand-header--inner{margin:32px auto 0;max-width:calc(100% - 80px);border:1px solid #e0eae3;background:#fff}
.signup-layout{max-width:1450px;margin:34px auto 56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:0 64px;align-items:stretch}
.signup-copy{padding:15px 0 24px;max-width:600px}
.back-link{font-size:13px;display:inline-flex;gap:9px;align-items:center;color:#47666a;margin-bottom:46px;text-decoration:none}
.back-link:hover{text-decoration:underline}
.signup-copy .eyebrow{font-size:11px;letter-spacing:.22em;margin-bottom:20px}
.signup-copy h1,.privacy-copy h1{font-family:var(--serif);font-size:clamp(42px,4vw,62px);font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
.signup-copy h1 span{color:var(--teal)}
.signup-intro{font-size:17px;line-height:1.6;color:var(--muted);margin:0 0 30px}
.signup-form-wrap{max-width:440px}
.waitlist-form label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}
.waitlist-form input{width:100%;height:56px;padding:14px 17px;border:1px solid #97b9b4;border-radius:9px;background:#fff;color:var(--ink);font-size:16px;box-shadow:0 2px 3px #023e3c03}
.waitlist-form input::placeholder{color:#68817f;opacity:1}
.waitlist-form input[aria-invalid=true]{border-color:#a62d28}
.waitlist-form .button{width:100%;font-size:16px;justify-content:center;padding:16px 24px;margin-top:18px;min-height:54px}
.field-error{font-size:13px;color:#a62d28;line-height:1.5;margin:8px 0 0}
.field-error:empty{display:none}
.form-notice{font-size:13px;line-height:1.6;color:#4a6866;padding:11px 13px;margin:16px 0;background:#e6f1ec;border-radius:6px;border-left:2px solid #7caaa1}
.form-fine-print{font-size:12px;line-height:1.6;color:#4a6866;margin:15px 0 0}
.signup-footnote{font-family:var(--serif);font-style:italic;color:#54746d;font-size:16px;margin:40px 0 0}
.signup-art{position:relative;min-height:720px;border-radius:180px 180px 16px 16px;overflow:hidden;isolation:isolate;background:#b0dfdc}
.signup-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:88% 65%;z-index:-2}
.signup-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#004e5525,transparent 32%,transparent 68%,#003f4d85);z-index:-1}
.signup-art__caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:46px 24px 38px;color:white;text-align:center}
.signup-art__caption>span{font-size:13px;letter-spacing:.24em}
.signup-art__caption p{font-family:var(--serif);font-size:43px;line-height:.98;letter-spacing:-.035em;margin:0;text-shadow:0 2px 10px #00313a55}
.privacy-copy{max-width:780px;margin:40px auto 70px;padding:0 32px;color:#294f53}
.privacy-copy .back-link{margin-bottom:44px}
.privacy-copy h1{font-size:56px;color:var(--ink);margin-bottom:12px}
.privacy-copy .eyebrow{font-size:11px;margin-bottom:14px}
.privacy-date{font-size:12px;color:#5c7474;margin-bottom:32px}
.privacy-copy h2{font-size:19px;font-weight:600;margin:32px 0 12px;color:var(--ink)}
.privacy-copy p{font-size:15px;line-height:1.75}
/* The official full Brevo HTML embed retains its scripts and validation. */
.signup-form-wrap .sib-form{padding:0!important;text-align:left!important;background:transparent!important;font-family:var(--sans)!important}
.signup-form-wrap #sib-container{background:transparent!important;max-width:100%!important;width:100%!important;min-height:0!important;padding:0!important;border:0!important;text-align:left!important;font-family:var(--sans)!important}
.signup-form-wrap #sib-form{padding:0!important;margin:0!important}
.signup-form-wrap .sib-form-block{padding-left:0!important;padding-right:0!important}
.signup-form-wrap .sib-form-block p,.signup-form-wrap .entry__label{font-family:var(--sans)!important;color:var(--ink)!important}
.signup-form-wrap .entry__label{font-size:13px!important;font-weight:600!important;margin-bottom:10px!important}
.signup-form-wrap .entry__field{border-radius:9px!important;border-color:#97b9b4!important;background:#fff!important}
.signup-form-wrap #sib-container input::placeholder{color:#68817f!important;opacity:1}
.signup-form-wrap input.input{box-sizing:border-box!important;width:100%!important;height:54px!important;min-height:54px!important;padding:14px 17px!important;font:16px var(--sans)!important;color:var(--ink)!important}
.signup-form-wrap button.sib-form-block__button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:54px!important;background:linear-gradient(105deg,#008f7b,#006475)!important;border-radius:40px!important;font:600 16px var(--sans)!important;color:white!important}
.signup-form-wrap .sib-form-message-panel{max-width:100%!important;border-radius:8px!important;font-family:var(--sans)!important}
.signup-form-wrap .entry__error{font-family:var(--sans)!important;font-size:13px!important}
@media(min-width:1800px){.hero-copy{margin-top:100px}.landing-stage{min-height:1000px}.hero-description{font-size:22px}.benefits{margin-top:32px;margin-bottom:28px}.hero-copy h1{font-size:124px}}
@media(min-width:960px) and (max-width:1200px){.landing-stage{min-height:780px;padding-top:30px}.hero-copy{width:55%;margin-top:68px;padding-left:32px}.hero-copy h1{font-size:clamp(64px,7vw,84px)}.hero-description{max-width:360px;font-size:17px}.eyebrow{font-size:11px;letter-spacing:.22em}.benefits{max-width:280px;gap:5px}.benefits li{font-size:12px}.benefit-icon{margin-bottom:2px}.hero-art{object-position:57% center}.button--shop{width:290px;font-size:19px;padding-left:60px}.signup-layout{padding:0 40px;gap:32px}.signup-art{min-height:730px;border-radius:140px 140px 16px 16px}.signup-copy h1{font-size:46px}.signup-copy .back-link{margin-bottom:34px}.signup-art>img{object-position:85% center}}
@media(max-width:1000px){.announcement__phase{display:none}}
@media(max-width:960px){.announcement{min-height:34px;font-size:11px;padding:8px 12px}.landing-stage{display:flex;flex-direction:column;min-height:0;padding:0;overflow:visible}.landing-stage:before{display:none}.brand-header{height:59px;border-radius:36px}.landing-stage .brand-header{position:absolute;left:20px;right:20px;top:20px}.brand{font-size:29px;gap:6px;letter-spacing:-1px}.brand__symbol{transform:scale(.85);margin:-3px}.hero-art{position:relative;order:0;width:100%;height:440px;object-fit:cover;object-position:90% bottom;z-index:auto}.hero-copy{width:auto;max-width:none;margin:0;padding:30px 26px 38px;background:linear-gradient(150deg,#fff,#eff9f5)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:20px}.hero-copy h1{font-size:clamp(60px,10.2vw,83px);line-height:.91;letter-spacing:-.055em;margin-bottom:14px;white-space:normal}.hero-subtitle{font-size:16px;letter-spacing:.05em;margin-bottom:20px}.hero-description{font-size:17px;line-height:1.5;max-width:520px;margin-bottom:20px}.benefits{grid-template-columns:repeat(2,1fr);max-width:390px;gap:19px 24px;margin:0 auto 27px}.benefits li{font-size:13px}.benefit-icon{margin-bottom:2px}.button--shop{width:100%;min-height:56px;font-size:18px;padding:15px 26px;justify-content:center;gap:45px}.button--shop svg{width:10px;height:18px}.prelaunch-note{text-align:center;font-size:11px;margin:12px 0 0}.site-footer{gap:9px 20px;font-size:10px;padding:16px 20px}.site-footer>span:nth-child(2){display:none}.brand-header--inner{margin:20px 20px 0;max-width:none}.signup-layout{display:flex;flex-direction:column;margin:18px 0 32px;padding:0 25px;gap:32px}.signup-copy{max-width:560px;margin:0 auto;padding:0}.signup-copy .back-link{margin:12px 0 35px}.signup-copy .eyebrow{font-size:10px;margin-bottom:16px}.signup-copy h1{font-size:clamp(40px,8vw,56px);max-width:530px}.signup-intro{font-size:16px;margin-bottom:25px}.signup-form-wrap{max-width:none}.signup-footnote{font-size:15px;margin-top:30px}.signup-art{min-height:380px;max-height:420px;border-radius:110px 110px 12px 12px;margin:0 auto;width:100%;max-width:560px}.signup-art>img{object-position:right bottom}.signup-art__caption{padding:27px 20px}.signup-art__caption p{font-size:34px}.privacy-copy{margin:30px auto 50px;padding:0 26px}.privacy-copy .back-link{margin-bottom:34px}.privacy-copy h1{font-size:44px}.privacy-copy h2{font-size:18px}.privacy-copy p{font-size:14px}}
@media(max-width:400px){.hero-art{height:370px}.hero-copy{padding-left:22px;padding-right:22px}.hero-copy h1{font-size:clamp(48px,14.8vw,58px)}.hero-description{font-size:16px}.signup-copy h1{font-size:40px}.signup-layout{padding:0 22px}.announcement__main{max-width:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}