:root{
  --paper:#f8f6ee;--ink:#173b30;--muted:#63736b;--line:rgba(23,59,48,.13);--green:#24b57b;--lime:#7be451;--pink:#f35ab3;--purple:#9a73dd;--sky:#65c6ef;--sun:#ffd94d;--white:#fff;--shadow:0 28px 80px rgba(25,56,47,.14);--glass:rgba(255,255,255,.62);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.progress{position:fixed;inset:0 0 auto;height:2px;z-index:1000;pointer-events:none}.progress span{display:block;width:100%;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left center}
.hero{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;padding-bottom:max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 18%,rgba(101,198,239,.22),transparent 28%),radial-gradient(circle at 10% 75%,rgba(243,90,179,.11),transparent 30%),var(--paper)}.grain{position:absolute;inset:0;pointer-events:none;opacity:.14;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:multiply}.aurora{position:absolute;border-radius:50%;filter:blur(60px);opacity:.22;z-index:-2;animation:aurora 12s ease-in-out infinite alternate}.aurora-a{width:360px;height:360px;background:var(--lime);right:-140px;top:28%}.aurora-b{width:260px;height:260px;background:var(--purple);left:-100px;bottom:2%;animation-delay:-6s}@keyframes aurora{to{transform:translate3d(30px,-20px,0) scale(1.15)}}
.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding-top:max(8px,env(safe-area-inset-top))}.brand{display:inline-flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:13px;background:var(--green);color:white;font-weight:900;transform:rotate(-7deg);box-shadow:0 8px 22px rgba(36,181,123,.25)}.trip-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.58);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 13px;border-radius:999px;color:var(--muted);font-size:11px;font-weight:700;box-shadow:0 12px 34px rgba(22,58,48,.07)}.trip-pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(123,228,81,.18)}
.hero-grid{min-height:calc(100svh - 130px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,.85fr);align-items:center;gap:72px;padding:30px 0 54px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 17px}.hero h1,.brand-copy h2,.connect-heading h2,.sheet h2{font-family:"Arial Rounded MT Bold",ui-rounded,"SF Pro Rounded",Inter,sans-serif;letter-spacing:-.065em}.hero h1{font-size:clamp(70px,7vw,112px);line-height:.82;margin:0;font-weight:900}.hero h1 span{color:transparent;-webkit-text-stroke:1.6px var(--ink)}.role{margin:24px 0 0;color:var(--green);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.lede{max-width:560px;margin:20px 0 0;color:var(--muted);font-size:20px;line-height:1.5;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:54px;padding:0 22px;border-radius:999px;font-weight:800;font-size:14px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s;will-change:transform}.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px) scale(.97)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 14px 30px rgba(36,181,123,.25)}.btn-primary:hover{box-shadow:0 18px 38px rgba(36,181,123,.32)}.btn-glass{background:rgba(255,255,255,.62);color:var(--ink);border:1px solid rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(22,58,48,.08);backdrop-filter:blur(16px)}.btn-square{width:54px;padding:0}.meta-line{display:flex;align-items:center;gap:9px;margin-top:22px;color:var(--muted);font-size:12px;font-weight:650}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative}.pulse-dot:after{content:"";position:absolute;inset:-1px;border:1px solid var(--green);border-radius:50%;animation:pulse 1.8s ease-out infinite}@keyframes pulse{to{transform:scale(2.2);opacity:0}}
.avatar-stage{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;margin:auto;perspective:1000px;transform-style:preserve-3d;touch-action:pan-y;--tilt-x:0deg;--tilt-y:0deg;--pax:0px;--pay:0px;--pbx:0px;--pby:0px}.avatar-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:58%;aspect-ratio:1;border:0;background:transparent;border-radius:50%;padding:0;cursor:pointer;z-index:8;filter:drop-shadow(0 30px 36px rgba(22,58,48,.16));transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .14s linear}.avatar-core:active{scale:.97}.avatar-glow{position:absolute;inset:-10%;border-radius:50%;background:conic-gradient(from 15deg,var(--sky),var(--pink),var(--sun),var(--lime),var(--sky));filter:blur(18px);opacity:.48;animation:spin 14s linear infinite}.avatar-crop{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.85);background:linear-gradient(145deg,#fff,#e7f8ef);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 25px 60px rgba(19,60,47,.17)}.avatar-crop img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:contain;object-position:center bottom;user-select:none;pointer-events:none}.tap-ring{position:absolute;inset:-7%;border:1px solid rgba(36,181,123,.28);border-radius:50%;animation:ring 2.6s ease-out infinite}@keyframes ring{0%{scale:.86;opacity:.7}70%,100%{scale:1.12;opacity:0}}@keyframes spin{to{rotate:1turn}}
.halo{position:absolute;border-radius:46% 54% 60% 40%/46% 42% 58% 54%;filter:blur(2px);opacity:.5;animation:morph 8s ease-in-out infinite alternate}.halo-one{inset:20%;background:linear-gradient(145deg,var(--sky),var(--pink))}.halo-two{inset:10%;border:1px solid rgba(23,59,48,.08);background:transparent;animation-delay:-4s}@keyframes morph{to{border-radius:58% 42% 44% 56%/40% 60% 45% 55%;transform:rotate(9deg) scale(1.04)}}.orbit-ring{position:absolute;border:1px solid rgba(23,59,48,.11);border-radius:50%;pointer-events:none}.orbit-ring-a{inset:10%;transform:rotate(-15deg) scaleY(.72)}.orbit-ring-b{inset:2% 18%;transform:rotate(42deg) scaleX(.78)}
.product-node{position:absolute;width:27%;aspect-ratio:1;border-radius:28%;overflow:hidden;border:2px solid rgba(255,255,255,.78);box-shadow:0 18px 44px rgba(25,56,47,.16);z-index:5;background:white;transform-style:preserve-3d;will-change:transform}.product-node img{width:100%;height:100%;object-fit:cover;display:block;transition:scale .5s ease}.product-node:hover img{scale:1.05}.product-label{position:absolute;z-index:2;bottom:8px;left:8px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(10px);font-size:9px;font-weight:800;color:var(--ink);box-shadow:0 4px 14px rgba(22,58,48,.08)}.product-calm{left:2%;top:10%;animation:floatA 7.5s ease-in-out infinite}.product-lotion{right:-1%;top:12%;animation:floatB 8.4s ease-in-out infinite}.product-suds{right:4%;bottom:3%;animation:floatA 9s ease-in-out infinite reverse}@keyframes floatA{0%,100%{transform:translate3d(var(--pax),var(--pay),26px) rotate(-5deg)}50%{transform:translate3d(var(--pax),-14px,38px) rotate(1deg)}}@keyframes floatB{0%,100%{transform:translate3d(var(--pbx),var(--pby),18px) rotate(6deg)}50%{transform:translate3d(var(--pbx),12px,30px) rotate(0)}}.spark{position:absolute;z-index:10;font-size:28px;filter:drop-shadow(0 8px 12px rgba(25,56,47,.13));animation:spark 4s ease-in-out infinite}.spark-a{top:10%;left:39%;color:var(--sun)}.spark-b{bottom:14%;left:13%;color:var(--sky);animation-delay:-1.5s}.spark-c{top:44%;right:0;color:var(--pink);font-size:15px;animation-delay:-3s}@keyframes spark{50%{transform:translateY(-8px) rotate(12deg) scale(1.12)}}.micro-chip{position:absolute;z-index:9;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(14px);font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;box-shadow:0 10px 26px rgba(22,58,48,.07)}.micro-a{left:10%;bottom:24%;transform:rotate(-7deg)}.micro-b{right:7%;top:47%;transform:rotate(7deg)}.scroll-cue{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;color:var(--muted);text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;display:flex;gap:8px;align-items:center}.scroll-cue span{animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}
.brand-section{background:#173b30;color:#f7fbf8;border-radius:36px 36px 0 0;position:relative;overflow:hidden}.brand-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.07);right:-260px;top:-240px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.015)}.brand-grid{min-height:780px;padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.lime{color:var(--lime)}.brand-copy h2{font-size:clamp(54px,6vw,82px);line-height:.92;margin:0}.brand-copy>p:not(.eyebrow){max-width:560px;color:#b7c6bf;font-size:18px;line-height:1.6;margin:26px 0}.proofs{display:flex;flex-wrap:wrap;gap:9px}.proofs span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);padding:10px 12px;border-radius:999px;font-size:12px;font-weight:750}.brand-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.btn-sun{background:var(--sun);color:#183c31;box-shadow:0 16px 38px rgba(255,217,77,.15)}.btn-dark-glass{background:rgba(255,255,255,.07);color:white;border:1px solid rgba(255,255,255,.14)}
.product-showcase{position:relative;height:560px}.showcase-orbit{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-12deg) scaleY(.72)}.pack{position:absolute;width:52%;background:#fff;border-radius:28px;padding:10px;color:var(--ink);box-shadow:0 34px 80px rgba(0,0,0,.22);transition:transform .35s ease}.pack img{display:block;width:100%;aspect-ratio:1;border-radius:21px;object-fit:cover}.pack span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;padding:12px 10px 2px}.pack strong{display:block;font-size:15px;padding:0 10px 11px}.pack-green{left:0;bottom:5%;transform:rotate(-8deg)}.pack-pink{right:0;top:4%;transform:rotate(8deg)}.pack-purple{left:28%;top:31%;z-index:4;transform:rotate(-1deg)}.pack:hover{z-index:10;transform:rotate(0) translateY(-8px)}
.connect-section{padding:110px 0 54px}.connect-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.connect-heading h2{font-size:clamp(52px,6vw,82px);line-height:.94;margin:0}.wink{color:var(--green);font-size:18px;font-weight:850;margin:0 0 6px}.connect-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.connect-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:92px;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.54);border-radius:22px;padding:18px;box-shadow:0 12px 32px rgba(22,58,48,.05);cursor:pointer;text-align:left;transition:transform .25s,background .25s,box-shadow .25s}.connect-card:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 40px rgba(22,58,48,.08)}.connect-card strong{font-size:13px}.connect-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:800}.connect-section footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:70px;padding-top:22px;color:var(--muted);font-size:12px}
.sheet{padding:0;border:0;background:transparent;width:100%;max-width:none;height:100%;max-height:none;overflow:hidden}.sheet::backdrop{background:rgba(8,33,25,.35);backdrop-filter:blur(4px)}.sheet[open]{display:block}.sheet-backdrop{position:absolute;inset:0}.sheet-backdrop button{width:100%;height:100%;border:0;background:transparent}.sheet-card{position:absolute;bottom:0;left:50%;translate:-50% 0;width:min(620px,100%);max-height:92svh;overflow:auto;background:rgba(250,249,244,.97);border:1px solid rgba(255,255,255,.8);border-radius:30px 30px 0 0;padding:38px 30px max(28px,env(safe-area-inset-bottom));box-shadow:0 -30px 90px rgba(7,34,25,.24);animation:sheetIn .4s cubic-bezier(.2,.9,.2,1)}.sheet-card-small{width:min(560px,100%)}@keyframes sheetIn{from{transform:translateY(50px);opacity:.3}}.sheet-handle{position:absolute;top:10px;left:50%;translate:-50%;width:46px;height:4px;border-radius:999px;background:rgba(23,59,48,.17)}.sheet-close{position:absolute;right:18px;top:17px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:24px;cursor:pointer}.sheet h2{font-size:42px;line-height:.95;margin:0 0 12px}.sheet-intro{color:var(--muted);line-height:1.5;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:800}.form-grid small{color:var(--muted);font-weight:500}.form-grid input{width:100%;height:50px;border:1px solid var(--line);border-radius:15px;background:white;padding:0 14px;color:var(--ink);outline:none}.form-grid input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(36,181,123,.10)}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:12px;font-weight:800;margin-bottom:10px}.interest-chips{display:flex;flex-wrap:wrap;gap:8px}.interest-chips label input{position:absolute;opacity:0;pointer-events:none}.interest-chips span{display:inline-flex;align-items:center;min-height:40px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 12px;font-size:11px;font-weight:750;cursor:pointer;transition:.2s}.interest-chips input:checked+span{background:#dff7eb;border-color:var(--green);color:#176b4d}.field-error{color:#b83247;font-size:11px;font-weight:700;margin:8px 0 0}.btn-full{width:100%;margin-top:10px}.privacy-note{text-align:center;font-size:10px;color:var(--muted);margin:11px 0 0}.success-state{text-align:center;padding:35px 0 10px}.success-orb{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:var(--lime);font-size:30px;animation:success .55s cubic-bezier(.2,1.25,.35,1)}@keyframes success{from{transform:scale(.5) rotate(-15deg);opacity:0}}.success-state p{color:var(--muted);margin:0 0 22px}.toast{position:fixed;z-index:1500;left:50%;bottom:max(24px,env(safe-area-inset-bottom));translate:-50% 30px;opacity:0;pointer-events:none;background:var(--ink);color:white;padding:11px 16px;border-radius:999px;font-size:12px;font-weight:750;transition:.3s}.toast.show{translate:-50% 0;opacity:1}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:1400;overflow:hidden}.confetti{position:absolute;width:10px;height:18px;border-radius:3px;left:50%;top:42%;animation:confetti .9s cubic-bezier(.1,.7,.2,1) forwards}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:4px;padding-top:4px}.avatar-stage{grid-row:1;max-width:390px}.hero-copy{grid-row:2;text-align:center;margin-top:-6px}.hero h1{font-size:clamp(54px,15vw,76px)}.lede{font-size:17px;margin-inline:auto}.hero-actions{justify-content:center}.meta-line{justify-content:center}.brand-grid{grid-template-columns:1fr;gap:50px}.product-showcase{height:520px}.connect-heading{display:block}.wink{margin-top:18px}.connect-grid{grid-template-columns:1fr 1fr}.brand-copy{text-align:center}.brand-copy>p{margin-inline:auto!important}.proofs,.brand-actions{justify-content:center}}
@media(max-width:600px){.shell{width:min(100% - 28px,1180px)}.topbar{height:68px}.trip-pill{font-size:9px;padding:9px 11px}.hero-grid{min-height:calc(100svh - 102px);align-content:center;padding:0 0 40px}.avatar-stage{max-width:320px}.product-node{width:28%}.product-label{display:none}.hero-copy{margin-top:-8px}.eyebrow{font-size:9px;margin-bottom:12px}.hero h1{line-height:.86}.role{margin-top:15px;font-size:10px}.lede{margin-top:12px;font-size:14px;line-height:1.45;max-width:330px}.hero-actions{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 52px}.hero-actions .btn{min-height:52px}.hero-actions .btn:nth-child(3){grid-column:1/-1}.meta-line{font-size:10px;margin-top:13px}.scroll-cue{display:none}.brand-section{border-radius:28px 28px 0 0}.brand-grid{padding:76px 0;min-height:auto}.brand-copy h2,.connect-heading h2{font-size:48px}.brand-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}.brand-actions{display:grid}.brand-actions .btn{width:100%}.product-showcase{height:390px}.pack{width:58%;border-radius:21px}.pack img{border-radius:15px}.pack-green{left:-5%;bottom:1%}.pack-pink{right:-5%;top:1%}.pack-purple{left:22%;top:29%}.connect-section{padding:76px 0 34px}.connect-grid{grid-template-columns:1fr}.connect-card{min-height:74px}.connect-section footer{display:grid;margin-top:48px}.form-grid{grid-template-columns:1fr}.sheet-card{padding:35px 20px max(22px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sheet h2{font-size:36px}.micro-chip{font-size:7px}.micro-a{left:3%}.micro-b{right:1%}}
@media(max-height:740px) and (max-width:600px){.avatar-stage{max-width:245px}.hero h1{font-size:49px}.lede{font-size:13px}.hero-grid{padding-bottom:14px}.brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.avatar-core{transform:none!important}}
@media(hover:none){.btn:hover,.connect-card:hover,.pack:hover{transform:none}}