:root{--violet-300: #a988e6;--violet-400: #8a5fd8;--violet-500: #6c3bc5;--violet-600: #5b2fb0;--violet-700: #4a238f;--lavender-50: #f6f1fe;--lavender-100: #f0e7fd;--lavender-200: #e9ddfb;--lavender-300: #d6c3f6;--plum-800: #3e1b61;--plum-900: #32154f;--plum-950: #1e0b33;--ivory: #faf7f2;--paper: #f3eee6;--white: #ffffff;--ink: #2a1242;--ink-soft: #5e4d74;--on-violet: #ffffff;--on-violet-soft: #e9ddfb;--focus: #ffcf5c;--danger: #b3261e;--danger-light: #ffd3cf;--font-display: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: clamp(1.0625rem, .98rem + .35vw, 1.25rem);--fs-lg: clamp(1.25rem, 1.05rem + .9vw, 1.75rem);--fs-h2: clamp(2.5rem, 1.6rem + 4.2vw, 5.25rem);--fs-hero: clamp(3.1rem, 1.4rem + 6.4vw, 7.6rem);--fs-mega: clamp(5.5rem, 2rem + 17vw, 17rem);--tracking-label: .18em;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--s-9: 6rem;--s-10: 8rem;--gutter: clamp(1rem, .6rem + 2vw, 2.5rem);--section-y: clamp(4.5rem, 3rem + 7vw, 10rem);--max: 76rem;--r-sm: 10px;--r-md: 18px;--r-lg: 28px;--r-pill: 999px;--r-bar: 34% / 48%;--hairline: 1px solid color-mix(in srgb, var(--plum-900) 14%, transparent);--shadow-soft: 0 1px 2px rgba(30, 11, 51, .06), 0 12px 32px -12px rgba(30, 11, 51, .25);--shadow-deep: 0 40px 80px -30px rgba(20, 6, 36, .65);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--d-fast: .16s;--d-base: .32s;--d-slow: .7s;--d-reveal: 1s;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img,svg,canvas{display:block;max-width:100%}[hidden]{display:none!important}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,p,dl,dd,figure{margin:0}em{font-style:italic}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}::selection{background:var(--violet-500);color:var(--white)}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:var(--s-4);top:var(--s-4);z-index:100;padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);background:var(--plum-900);color:var(--white);text-decoration:none;transform:translateY(-200%);transition:transform var(--d-base) var(--ease-out)}.skip:focus{transform:none}.container{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}.testbar{position:fixed;inset:auto 0 0;z-index:90;padding:.4rem 1rem;background:var(--focus);color:var(--plum-950);font-size:var(--fs-xs);font-weight:600;text-align:center}.grain{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:var(--grain);opacity:.16;mix-blend-mode:overlay}.grain--soft{opacity:.1}.label{display:inline-flex;align-items:center;gap:var(--s-3);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--violet-600)}.label span{font-family:var(--font-display);font-size:1rem;letter-spacing:0;font-weight:400;display:inline-grid;place-items:center;width:2.1rem;height:1.4rem;border:1px solid currentColor;border-radius:var(--r-pill)}.label--light{color:var(--lavender-200)}.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.dot{width:7px;height:7px;border-radius:50%;background:var(--lavender-200);box-shadow:0 0 0 4px color-mix(in srgb,var(--lavender-200) 25%,transparent)}.h2,.product__title,.join__title,.footer__statement{text-wrap:balance}.h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:.95;letter-spacing:-.015em;color:var(--plum-900)}.h2 em,.product__title em,.join__title em,.hero__title em{color:var(--violet-500)}.h2--light{color:var(--ivory)}.h2--light em{color:var(--lavender-300)}.section-head{display:grid;gap:var(--s-4);margin-bottom:clamp(2rem,1rem + 4vw,4rem)}.section-head--center{justify-items:center;text-align:center}.btn{--btn-bg: var(--violet-500);--btn-fg: var(--white);--btn-ring: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);min-height:48px;padding:.85rem 1.5rem;border:0;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);box-shadow:inset 0 0 0 1.5px var(--btn-ring);font-weight:600;font-size:var(--fs-base);letter-spacing:.01em;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform var(--d-base) var(--ease-out),background-color var(--d-base),box-shadow var(--d-base),color var(--d-base);-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--btn-hover, var(--violet-600));transform:scaleX(0);transform-origin:left;transition:transform var(--d-slow) var(--ease-out)}.btn:hover:before{transform:scaleX(1)}.btn:active{transform:scale(.97)}.btn__arrow{width:1.15em;height:1.15em;transition:transform var(--d-base) var(--ease-out)}.btn:hover .btn__arrow{transform:translate(4px)}.btn--sm{min-height:40px;padding:.55rem 1.1rem;font-size:var(--fs-sm)}.btn--lg{min-height:56px;padding:1rem 1.75rem;font-size:var(--fs-md)}.btn--block{width:100%}.btn--ivory{--btn-bg: var(--ivory);--btn-fg: var(--plum-900);--btn-hover: var(--white);box-shadow:0 10px 30px -12px #14062480}.btn--violet{--btn-bg: var(--violet-500);--btn-fg: var(--white);--btn-hover: var(--plum-900)}.btn--ghost-light{--btn-bg: transparent;--btn-fg: var(--ivory);--btn-ring: color-mix(in srgb, var(--ivory) 45%, transparent);--btn-hover: color-mix(in srgb, var(--ivory) 14%, transparent)}.link-quiet{display:inline-flex;align-items:center;min-height:48px;padding-inline:var(--s-2);color:var(--on-violet);font-weight:500;text-decoration:none;background:linear-gradient(currentColor,currentColor) left calc(100% - 12px) / 100% 1px no-repeat;transition:background-size var(--d-base) var(--ease-out)}.link-quiet:hover{background-size:30% 1px}.textlink{background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.chip{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1.1rem;border-radius:var(--r-pill);border:1.5px solid color-mix(in srgb,var(--plum-900) 22%,transparent);background:transparent;color:var(--plum-900);font-weight:600;font-size:var(--fs-sm);text-decoration:none;cursor:pointer;transition:background var(--d-fast),border-color var(--d-fast)}.chip:hover{background:var(--lavender-100);border-color:var(--violet-500)}.chip--solid{background:var(--violet-500);border-color:var(--violet-500);color:var(--white)}.chip--solid:hover{background:var(--violet-600)}.wordmark{display:inline-flex;align-items:baseline;gap:.35em;text-decoration:none;line-height:1}.wordmark__slayt{font-family:var(--font-sans);font-weight:750;letter-spacing:.3em;font-size:1.05rem;margin-right:-.3em}.wordmark__skin{font-family:var(--font-display);font-style:italic;font-size:1.3rem}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:max(env(safe-area-inset-top),.9rem) var(--gutter) .9rem;color:var(--ivory);transition:background var(--d-base),color var(--d-base),padding var(--d-base) var(--ease-out),box-shadow var(--d-base)}.nav.is-scrolled{padding-block:.6rem;background:color-mix(in srgb,var(--ivory) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);color:var(--plum-900);box-shadow:0 1px color-mix(in srgb,var(--plum-900) 10%,transparent)}.nav.is-scrolled .nav__cta{--btn-bg: var(--violet-500);--btn-fg: var(--white);--btn-hover: var(--plum-900);box-shadow:none}.nav.is-dark{background:color-mix(in srgb,var(--plum-950) 70%,transparent);color:var(--ivory);box-shadow:none}.nav.is-dark .nav__cta{--btn-bg: var(--ivory);--btn-fg: var(--plum-900);--btn-hover: var(--white)}.nav__cta{opacity:1;transition:opacity var(--d-base),transform var(--d-base) var(--ease-out)}.nav.hide-cta .nav__cta{opacity:0;pointer-events:none;transform:translateY(-6px)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:calc(5.5rem + env(safe-area-inset-top)) var(--gutter) 0;background:var(--violet-500);color:var(--on-violet);--mx: 0;--my: 0;--sy: 0}.hero__light{position:absolute;inset:-20% -10% -10%;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 78% 18%,rgba(214,195,246,.55),transparent 70%),radial-gradient(40% 35% at 85% 62%,rgba(255,255,255,.14),transparent 70%),radial-gradient(70% 60% at 10% 100%,rgba(30,11,51,.75),transparent 70%),linear-gradient(160deg,#7444cc 0%,var(--violet-500) 45%,var(--violet-700) 100%)}.hero__inner{position:relative;z-index:2;align-self:start;display:grid;gap:var(--s-5);max-width:40rem;padding-top:clamp(0rem,-1rem + 5vh,3rem)}.hero__eyebrow{color:var(--on-violet-soft)}.hero__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-hero);line-height:.9;letter-spacing:-.02em;color:var(--white);text-wrap:balance}.hero__title em{color:var(--lavender-200)}.hero__sub{max-width:30rem;font-size:var(--fs-md);color:var(--on-violet-soft)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-2)}.hero__art{position:relative;z-index:1;pointer-events:none;height:clamp(15rem,44vw,22rem);margin-inline:calc(-1 * var(--gutter));display:grid;place-items:center}.scene{position:relative;width:min(78vw,25rem);transform:translate3d(calc(var(--mx) * 18px),calc(var(--my) * 12px + var(--sy) * -60px),0);transition:transform .6s var(--ease-out)}.scene__shadow{position:absolute;left:12%;right:12%;bottom:-12%;height:22%;z-index:-1;background:radial-gradient(closest-side,rgba(20,6,36,.55),transparent);filter:blur(8px);transform:translate3d(calc(var(--mx) * -10px),0,0)}.rings{position:absolute;inset:0;display:grid;place-items:center}.rings span{position:absolute;width:calc(var(--k) * 26rem);aspect-ratio:1.6;border-radius:var(--r-bar);border:1px solid rgba(233,221,251,calc(.34 - var(--k) * .07));transform:rotate(-14deg) translate3d(calc(var(--mx) * var(--k) * -8px),calc(var(--my) * var(--k) * -6px),0);transition:transform .8s var(--ease-out)}.rings span:nth-child(1){--k: 1.05}.rings span:nth-child(2){--k: 1.5}.rings span:nth-child(3){--k: 2}.rings span:nth-child(4){--k: 2.6}.rings span:nth-child(5){--k: 3.3}.bar{position:relative;width:100%;aspect-ratio:1.58;transform:rotate(-14deg)}.bar__soap{position:absolute;inset:0;border-radius:var(--r-bar);background:radial-gradient(90% 70% at 32% 26%,#fbf8ff 0%,transparent 55%),radial-gradient(120% 110% at 70% 85%,#8f69d6 0%,transparent 60%),linear-gradient(150deg,#efe6fd,#cdb7f3 48%,#a684e3);box-shadow:inset 0 2px 1px #ffffffe6,inset 0 -14px 26px #4a238f73,inset 14px 0 30px #ffffff59,var(--shadow-deep);display:grid;place-items:center;overflow:hidden}.bar__soap:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);background-size:120px;opacity:.35;mix-blend-mode:soft-light}.bar__emboss{font-family:var(--font-sans);font-weight:800;letter-spacing:.32em;font-size:clamp(1.1rem,4vw,1.9rem);color:#a080dc8c;text-shadow:0 1px 0 rgba(255,255,255,.75),0 -1px 0 rgba(74,35,143,.35);margin-right:-.32em}.bar__sleeve{position:absolute;inset:-2% 31%;border-radius:3px;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 8%,transparent 92%,rgba(0,0,0,.1)),repeating-linear-gradient(90deg,transparent 0 22px,rgba(50,21,79,.03) 22px 23px),linear-gradient(180deg,#fffdf9,var(--paper));box-shadow:0 18px 30px -16px #1406248c,inset 0 0 0 1px #32154f0f;transform:translate(calc(var(--unwrap, 0) * 105%)) rotate(calc(var(--unwrap, 0) * 4deg));opacity:calc(1 - var(--unwrap, 0) * .15);display:grid;place-items:center}.bar__sleeve:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);background-size:140px;opacity:.25;mix-blend-mode:multiply}.bar__band{position:relative;height:100%;width:38%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:14% 0;background:var(--violet-500);color:var(--lavender-200);font-size:clamp(.5rem,1.4vw,.66rem);letter-spacing:.3em;font-weight:700;text-transform:uppercase;box-shadow:inset 0 0 0 1px #ffffff14}.bar__band span{writing-mode:vertical-rl;transform:rotate(180deg)}.bar__band span+span{font-family:var(--font-display);text-transform:none;letter-spacing:.08em;font-size:1.5em;font-weight:400}.bar__sheen{position:absolute;inset:0;border-radius:var(--r-bar);pointer-events:none;overflow:hidden}.bar__sheen:before{content:"";position:absolute;top:-20%;bottom:-20%;width:35%;left:calc(-40% + var(--sheen, 0) * 150%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);filter:blur(6px)}.bar--hero .bar__soap{box-shadow:inset 0 2px 1px #ffffffe6,inset 0 -14px 26px #4a238f80,var(--shadow-deep)}.bar--hero{animation:bar-in 1.4s var(--ease-out) .25s both}.bar--hero .bar__sheen:before{animation:sheen 2.4s var(--ease-in-out) 1.1s both}@keyframes bar-in{0%{opacity:0;transform:rotate(-4deg) translateY(40px) scale(.94)}}@keyframes sheen{0%{left:-40%}to{left:110%}}.js .hero__eyebrow,.js .hero__sub,.js .hero__actions,.js .scrollcue{animation:rise .9s var(--ease-out) both}.js .hero__eyebrow{animation-delay:80ms}.js .hero__sub{animation-delay:.42s}.js .hero__actions{animation-delay:.52s}.js .scrollcue{animation-delay:1s}.split-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.split-line>span{display:inline-block;animation:line-up 1.1s var(--ease-out) both;animation-delay:calc(.14s + var(--i) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes line-up{0%{transform:translateY(105%)}}.scrollcue{position:relative;z-index:2;justify-self:center;display:grid;justify-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom));font-size:var(--fs-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:none;color:var(--on-violet-soft)}.scrollcue i{width:1px;height:36px;background:linear-gradient(var(--on-violet-soft),transparent);position:relative;overflow:hidden}.scrollcue i:after{content:"";position:absolute;left:0;width:1px;height:12px;background:var(--white);animation:drip 2.2s var(--ease-in-out) infinite 1.8s}@keyframes drip{0%{top:-12px}60%,to{top:36px}}.idea{padding-block:var(--section-y);background:var(--ivory)}.idea .container{display:grid;gap:var(--s-6)}.idea__text{font-family:var(--font-display);font-size:clamp(2rem,1.1rem + 4.2vw,4.75rem);line-height:1.05;letter-spacing:-.01em;color:var(--plum-900);max-width:18ch;text-wrap:pretty}.idea__text .w{transition:color .4s linear}.js .idea__text .w{color:#8f8199}.js .idea__text .w.on{color:var(--plum-900)}.idea__text .w.accent{font-style:italic;color:var(--violet-500)}.js .idea__text .w.accent:not(.on){color:#8f8199}.slate-line{height:1px;background:var(--plum-900);opacity:.2;transform-origin:left}.js .slate-line{transform:scaleX(0);transition:transform 1.6s var(--ease-out)}.js .slate-line.is-in{transform:scaleX(1)}.product{position:relative;height:210vh;background:linear-gradient(180deg,var(--ivory) 0%,var(--lavender-200) 18%,var(--lavender-200) 70%,var(--lavender-100) 100%);--p: 0}.product__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr;align-content:center;gap:var(--s-5);padding:5rem var(--gutter) var(--s-6);width:min(100%,calc(var(--max) + 2 * var(--gutter)));margin-inline:auto}.product__copy{display:grid;gap:var(--s-4);align-content:start;position:relative;z-index:2}.product__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:.95;color:var(--plum-900)}.specs{display:grid;gap:0;max-width:26rem;border-top:var(--hairline)}.specs__row{display:flex;justify-content:space-between;gap:var(--s-4);padding:.6rem 0;border-bottom:var(--hairline);font-size:var(--fs-sm)}.specs__row dt{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.14em;font-size:var(--fs-xs);font-weight:600;align-self:center}.specs__row dd{font-weight:600;color:var(--plum-900);text-align:right}.product__note{font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg);color:var(--violet-600)}.js .product [data-step]{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.js .product [data-step].on{opacity:1;transform:none}.product__visual{position:relative;display:grid;place-items:center;min-height:0}.product__halo{position:absolute;width:min(110%,40rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--violet-500) 55%,transparent),transparent);opacity:calc(.35 + var(--p) * .5);filter:blur(10px);transform:scale(calc(.8 + var(--p) * .3))}.bar--reveal{width:min(72vw,26rem);--unwrap: calc(var(--p) * .62);--sheen: var(--p);transform:rotate(calc(-22deg + var(--p) * 10deg)) scale(calc(.9 + var(--p) * .12))}.product__photo{position:relative;width:min(80vw,30rem);aspect-ratio:1;border-radius:var(--r-bar);overflow:hidden;box-shadow:var(--shadow-deep)}.product__photo img{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.25 - var(--p) * .2));filter:blur(calc((1 - var(--p)) * 10px)) saturate(calc(.6 + var(--p) * .4))}.product__veil{position:absolute;inset:0;background:linear-gradient(90deg,var(--plum-900),transparent);opacity:calc(.9 - var(--p) * .55)}.ritual{padding-block:var(--section-y);background:var(--ivory)}.tiles{display:grid;gap:var(--s-4)}.tile{position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:22rem;display:grid;grid-template-rows:1fr auto;background:var(--white);box-shadow:var(--shadow-soft)}.tile figcaption{position:relative;z-index:2;grid-row:2;align-self:end;display:grid;gap:.15rem;padding:var(--s-5)}.tile figcaption strong{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:var(--plum-900)}.tile figcaption span{color:var(--ink-soft);font-size:var(--fs-sm)}.tile--water{background:repeating-radial-gradient(ellipse 150% 62% at 50% 40%,transparent 0 34px,rgba(108,59,197,.07) 35px 36px),radial-gradient(80% 60% at 50% 40%,rgba(255,255,255,.9),transparent 70%),linear-gradient(180deg,#f5efff 0%,var(--lavender-200) 100%)}.tile__canvas{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.tile--water figcaption,.tile--steam figcaption{pointer-events:none}.tile--steam{background:radial-gradient(120% 80% at 50% 110%,var(--violet-500) 0%,var(--plum-900) 70%)}.tile--steam figcaption strong{color:var(--ivory)}.tile--steam figcaption span{color:var(--lavender-300)}.steam{position:absolute;inset:0;width:100%;height:100%}.steam__p{stroke:#f0e7fdcc;stroke-width:34;stroke-dasharray:1 0;opacity:0}.tile--steam.is-in .steam__p{animation:steam 6.5s var(--ease-in-out) infinite}.tile--steam.is-in .steam__p--2{animation-delay:1.8s}.tile--steam.is-in .steam__p--3{animation-delay:3.6s}.tile--steam:hover .steam__p{stroke-width:44}@keyframes steam{0%{opacity:0;transform:translateY(70px) scaleX(.9)}30%{opacity:.75}to{opacity:0;transform:translateY(-90px) scaleX(1.15)}}.tile--fold{background:var(--paper)}.fold{position:relative;margin:var(--s-5) var(--s-5) 0;border:0;padding:0;cursor:pointer;border-radius:var(--r-md);background:var(--violet-500);color:var(--ivory);perspective:900px;overflow:visible;min-height:13rem;text-align:left}.fold__under{position:absolute;inset:0;display:grid;place-items:center;padding:var(--s-5);font-family:var(--font-display);font-size:var(--fs-lg);text-align:center}.fold__under em{color:var(--lavender-300)}.fold__flap{position:absolute;inset:0;border-radius:inherit;transform-origin:top;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(50,21,79,.035) 18px 19px),linear-gradient(180deg,#fffdf9,#efe8dd);box-shadow:0 1px #32154f0f,0 18px 30px -18px #14062466;transition:transform .9s var(--ease-out),box-shadow .9s var(--ease-out)}.fold__flap:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);background-size:140px;opacity:.25;mix-blend-mode:multiply}.fold__flap{display:flex;flex-direction:column;justify-content:space-between;padding:var(--s-5);color:var(--plum-900);backface-visibility:hidden}.fold__flap b{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--fs-lg)}.fold__flap small{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink-soft)}.fold:hover .fold__flap{transform:rotateX(18deg)}.fold[aria-pressed=true] .fold__flap{transform:rotateX(178deg);box-shadow:0 -10px 30px -18px #14062440}.mist{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--section-y);color:var(--ivory);background:radial-gradient(80% 60% at 50% 0%,var(--plum-800),var(--plum-950) 75%)}.mist__frame{position:relative;overflow:hidden;border-radius:clamp(1.75rem,1rem + 5vw,5rem);height:clamp(22rem,58svh,36rem);background:radial-gradient(60% 70% at 30% 30%,rgba(214,195,246,.35),transparent 60%),radial-gradient(70% 80% at 80% 90%,rgba(108,59,197,.85),transparent 60%),linear-gradient(140deg,var(--violet-500),var(--violet-700));box-shadow:inset 0 0 0 1px #e9ddfb2e,0 50px 90px -40px #000000b3}.mist__reveal{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--s-3);padding:var(--s-6);text-align:center}.mist__big{font-family:var(--font-display);font-size:clamp(2.6rem,1.2rem + 6vw,6.5rem);line-height:.95;color:var(--white)}.mist__big em{color:var(--lavender-200)}.mist__sub{font-size:var(--fs-md);color:var(--lavender-200)}.mist__cta{margin-top:var(--s-4);opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out) .3s,transform .6s var(--ease-out) .3s;--btn-bg: var(--ivory);--btn-fg: var(--plum-900);--btn-hover: var(--white)}.mist__frame.is-clear .mist__cta{opacity:1;transform:none}.mist__canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none;transition:opacity .9s var(--ease-out)}.mist__canvas:active{cursor:grabbing}.mist__frame.is-clear .mist__canvas{opacity:0;pointer-events:none}.mist__frame:has(.mist__canvas:focus-visible){outline:3px solid var(--focus);outline-offset:4px}.mist__canvas:focus-visible{outline:none}.mist__hint{position:absolute;left:50%;bottom:var(--s-5);transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--s-2);padding:.5rem 1rem;border-radius:var(--r-pill);background:#32154f8c;color:var(--ivory);font-size:var(--fs-sm);font-weight:600;pointer-events:none;transition:opacity var(--d-base)}.mist__frame.is-touched .mist__hint,.mist__frame.is-clear .mist__hint{opacity:0}.mist__hand{width:18px;height:18px;border-radius:50%;border:2px solid var(--ivory);position:relative;animation:wipe-hint 2.2s var(--ease-in-out) infinite}@keyframes wipe-hint{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}.mist__meter{position:absolute;left:var(--s-6);right:var(--s-6);top:var(--s-5);height:2px;background:#faf7f22e;border-radius:2px;overflow:hidden}.mist__meter i{position:absolute;inset:0;background:var(--ivory);transform-origin:left;transform:scaleX(var(--clear, 0));transition:transform .2s linear}.mist__frame.is-clear .mist__meter{opacity:0;transition:opacity .4s}.mist__controls{display:flex;justify-content:center;gap:var(--s-3);margin-top:var(--s-5)}.soon{padding-block:var(--section-y);background:var(--ivory);text-align:center;overflow:hidden}.soon .container{display:grid;justify-items:center;gap:var(--s-5)}.soon__big{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:var(--fs-mega);line-height:.82;letter-spacing:-.03em;background:linear-gradient(180deg,var(--violet-500) 30%,var(--plum-900));-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .08em .06em}.soon__text{max-width:28rem;font-size:var(--fs-md);color:var(--ink-soft)}.soon__line{width:min(60%,24rem);height:1px;background:var(--violet-500);opacity:.5}.js .soon__line{transform:scaleX(0);transition:transform 1.4s var(--ease-out)}.js .soon__line.is-in{transform:scaleX(1)}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3);width:min(100%,36rem)}.countdown div{display:grid;gap:.2rem;padding:var(--s-4) var(--s-2);border-radius:var(--r-md);background:var(--lavender-200)}.countdown span{font-family:var(--font-display);font-size:clamp(2rem,1rem + 4vw,3.5rem);line-height:1;color:var(--plum-900);font-variant-numeric:tabular-nums}.countdown small{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.soon__date{color:var(--ink-soft);font-size:var(--fs-sm)}.join{position:relative;isolation:isolate;overflow:hidden;padding:var(--section-y) var(--gutter);background:var(--violet-500);color:var(--on-violet)}.hero__light--join{background:radial-gradient(55% 45% at 15% 15%,rgba(214,195,246,.45),transparent 70%),radial-gradient(70% 60% at 100% 100%,rgba(30,11,51,.7),transparent 70%),linear-gradient(200deg,#7444cc 0%,var(--violet-500) 50%,var(--violet-700) 100%)}.rings--join{z-index:-1;opacity:.8}.rings--join span{transform:rotate(10deg)}.join__inner{position:relative;z-index:1;display:grid;gap:var(--s-7);width:min(100%,var(--max));margin-inline:auto;align-items:center}.join__intro{display:grid;gap:var(--s-4)}.join__title{font-family:var(--font-display);font-weight:400;font-size:var(--fs-h2);line-height:.95;color:var(--white)}.join__title em{color:var(--lavender-200)}.join__text{max-width:28rem;font-size:var(--fs-md);color:var(--on-violet-soft)}.card{position:relative;border-radius:var(--r-lg);padding:clamp(1.25rem,.8rem + 2vw,2.25rem);background:var(--ivory);color:var(--ink);box-shadow:var(--shadow-deep)}.form{display:grid;grid-template-columns:1fr;gap:var(--s-4)}.field{display:grid;gap:.4rem}.field label{font-size:var(--fs-sm);font-weight:600;color:var(--plum-900)}.req,.opt{font-weight:500;font-size:var(--fs-xs);color:var(--ink-soft);margin-left:.35em}.field input{width:100%;min-height:52px;padding:.8rem 1rem;border-radius:var(--r-sm);border:1.5px solid color-mix(in srgb,var(--plum-900) 20%,transparent);background:var(--white);font:inherit;font-size:1rem;color:var(--ink);transition:border-color var(--d-fast),box-shadow var(--d-fast)}.field input::placeholder{color:#76668c}.field input:hover{border-color:color-mix(in srgb,var(--violet-500) 55%,transparent)}.field input:focus{outline:none;border-color:var(--violet-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet-500) 22%,transparent)}.field input[aria-invalid=true]{border-color:var(--danger)}.field__error{font-size:var(--fs-sm);color:var(--danger);min-height:0}.field__error:empty{display:none}.check{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:start}.check input{appearance:none;-webkit-appearance:none;margin:.1rem 0 0;width:22px;height:22px;border-radius:7px;border:1.5px solid color-mix(in srgb,var(--plum-900) 35%,transparent);background:var(--white);cursor:pointer;display:grid;place-items:center;transition:background var(--d-fast),border-color var(--d-fast)}.check input:after{content:"";width:10px;height:6px;border:2px solid var(--white);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform var(--d-fast) var(--ease-out)}.check input:checked{background:var(--violet-500);border-color:var(--violet-500)}.check input:checked:after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}.check input[aria-invalid=true]{border-color:var(--danger)}.check label{font-size:var(--fs-sm);color:var(--ink);cursor:pointer}.check .field__error{grid-column:2}.check--wa{animation:rise .5s var(--ease-out)}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form__foot{display:grid;gap:var(--s-3);margin-top:var(--s-2)}.form__privacy{font-size:var(--fs-xs);color:var(--ink-soft);text-align:center}.form__privacy a,.form__privacy .textlink{color:var(--violet-600);font-weight:600}.form__status{font-size:var(--fs-sm);font-weight:600;text-align:center;color:var(--danger)}.form__status:empty{display:none}.btn__spinner{position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:var(--white);opacity:0;animation:spin .8s linear infinite}.btn.is-loading .btn__label{opacity:0}.btn.is-loading .btn__spinner{opacity:1}.btn[disabled]{cursor:progress}@keyframes spin{to{transform:rotate(360deg)}}.done{display:grid;justify-items:center;text-align:center;gap:var(--s-3);padding:var(--s-4) 0;outline:none}.done__mark svg{width:140px;height:auto;fill:none;stroke-linecap:round;stroke-linejoin:round}.done__ring{stroke:var(--violet-500);stroke-width:2;stroke-dasharray:260;stroke-dashoffset:260}.done__ring--2{stroke:var(--lavender-300);stroke-width:1.5;stroke-dasharray:340;stroke-dashoffset:340}.done__tick{stroke:var(--violet-500);stroke-width:4;stroke-dasharray:50;stroke-dashoffset:50}.done.is-in .done__ring{animation:draw .9s var(--ease-out) forwards}.done.is-in .done__ring--2{animation:draw 1.1s var(--ease-out) .15s forwards}.done.is-in .done__tick{animation:draw .5s var(--ease-out) .7s forwards}@keyframes draw{to{stroke-dashoffset:0}}.done__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,1.4rem + 2.5vw,3rem);line-height:1;color:var(--plum-900)}.done__text{max-width:26rem;color:var(--ink-soft)}.share{display:grid;gap:var(--s-3);margin-top:var(--s-4);padding-top:var(--s-5);border-top:var(--hairline);width:100%;justify-items:center}.share__prompt{font-size:var(--fs-sm);font-weight:600;color:var(--plum-900)}.share__row{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center}.share__status{font-size:var(--fs-sm);color:var(--violet-600);min-height:1.2em}.faq{padding-block:var(--section-y);background:var(--lavender-100)}.faq__grid{display:grid;gap:var(--s-6)}.faq__list{border-top:var(--hairline)}.qa{border-bottom:var(--hairline)}.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);min-height:64px;padding:var(--s-4) 0}.qa summary::-webkit-details-marker{display:none}.qa summary:focus-visible{outline-offset:2px}.qa__q{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);line-height:1.15;color:var(--plum-900);margin:0}.qa__icon{position:relative;flex:none;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--violet-500) 40%,transparent);transition:background var(--d-base),transform var(--d-base) var(--ease-out)}.qa__icon:before,.qa__icon:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--violet-600);transform:translate(-50%,-50%)}.qa__icon:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform var(--d-base) var(--ease-out)}.qa[open] .qa__icon{background:var(--violet-500)}.qa[open] .qa__icon:before,.qa[open] .qa__icon:after{background:var(--white)}.qa[open] .qa__icon:after{transform:translate(-50%,-50%) rotate(0)}.qa__a{max-width:40rem;padding:0 3rem var(--s-5) 0;color:var(--ink-soft);font-size:var(--fs-md)}.dialog__more a{color:var(--violet-600);font-weight:600;font-size:var(--fs-sm)}.is-page .nav{position:sticky}.page{background:var(--ivory);padding:clamp(3rem,2rem + 5vw,7rem) var(--gutter) var(--section-y);min-height:70vh}.page__inner{width:min(100%,46rem);margin-inline:auto;display:grid;gap:var(--s-6)}.page__title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,1.6rem + 4.5vw,5rem);line-height:.95;color:var(--plum-900);text-wrap:balance}.page__title em{color:var(--violet-500)}.page__body{display:grid;gap:var(--s-4);font-size:var(--fs-md);color:var(--ink)}.page__body h2{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lg);color:var(--plum-900);margin-top:var(--s-4)}.page__body a:not(.btn){color:var(--violet-600);font-weight:600}.page__lede{font-size:var(--fs-lg);color:var(--ink-soft)}.page__list{margin:0;padding-left:1.2rem;display:grid;gap:var(--s-3)}.page__meta{font-size:var(--fs-sm);color:var(--ink-soft)}.footer--slim{padding-top:var(--s-6)}.footer{background:var(--plum-950);color:var(--lavender-200);padding:var(--s-9) var(--gutter) calc(var(--s-6) + env(safe-area-inset-bottom))}.footer__inner{width:min(100%,var(--max));margin-inline:auto;display:grid;gap:var(--s-7)}.footer__statement{font-family:var(--font-display);font-size:clamp(2.2rem,1.2rem + 4.5vw,5.5rem);line-height:1;color:var(--ivory);max-width:16ch}.footer__row{display:grid;gap:var(--s-5);align-items:center;padding-top:var(--s-5);border-top:1px solid rgba(233,221,251,.15)}.wordmark--footer{color:var(--ivory)}.footer__links{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5)}.footer__links a,.footer__links .textlink{display:inline-flex;align-items:center;min-height:44px;color:var(--lavender-200);text-decoration:none;font-size:var(--fs-sm)}.footer__links a:hover,.footer__links .textlink:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px}.footer__links .textlink{text-decoration:none}.totop{justify-self:start;display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;color:var(--ivory);text-decoration:none;font-size:var(--fs-sm);font-weight:600}.totop svg{width:36px;height:36px;padding:8px;border-radius:50%;border:1px solid rgba(233,221,251,.35);transition:transform var(--d-base) var(--ease-out),background var(--d-base)}.totop:hover svg{transform:translateY(-4px);background:var(--violet-500)}.footer__legal{font-size:var(--fs-xs);color:color-mix(in srgb,var(--lavender-200) 70%,transparent)}.dialog{border:0;padding:0;border-radius:var(--r-lg);max-width:min(92vw,36rem);background:var(--ivory);color:var(--ink);box-shadow:var(--shadow-deep)}.dialog::backdrop{background:#1e0b3399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog__inner{display:grid;gap:var(--s-4);padding:var(--s-6)}.dialog h2{font-family:var(--font-display);font-weight:400;font-size:2rem;color:var(--plum-900);line-height:1.05}.dialog ul{margin:0;padding-left:1.1rem;display:grid;gap:var(--s-3);font-size:var(--fs-sm);color:var(--ink-soft)}.dialog .btn{justify-self:start}.consent{position:fixed;z-index:60;left:var(--s-4);right:var(--s-4);bottom:calc(var(--s-4) + env(safe-area-inset-bottom));display:grid;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);background:var(--ivory);color:var(--ink);box-shadow:var(--shadow-deep);font-size:var(--fs-sm)}.consent div{display:flex;gap:var(--s-2)}.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity var(--d-reveal) var(--ease-out),transform var(--d-reveal) var(--ease-out)}.js [data-reveal].is-in{opacity:1;transform:none}.js .slate-line[data-reveal],.js .soon__line[data-reveal]{opacity:.5;transform:scaleX(0)}.js .slate-line[data-reveal].is-in{opacity:.2;transform:scaleX(1)}.js .soon__line[data-reveal].is-in{transform:scaleX(1)}.tiles .tile:nth-child(2){transition-delay:90ms}.tiles .tile:nth-child(3){transition-delay:.18s}@media (min-width: 40em){.form{grid-template-columns:1fr 1fr}.field--full{grid-column:1 / -1}.tiles{grid-template-columns:repeat(2,1fr)}.tile--fold{grid-column:1 / -1}.consent{left:auto;max-width:24rem}.footer__row{grid-template-columns:auto 1fr auto}.footer__links{justify-content:center}.totop{justify-self:end}}@media (min-width: 64em){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:1fr auto;align-items:center;padding-top:6rem}.hero__inner{grid-column:1;grid-row:1;align-self:center;padding:0 0 2rem}.hero__art{grid-column:2;grid-row:1 / span 2;height:100%;margin:0 calc(-1 * var(--gutter)) 0 0}.scene{width:min(36vw,34rem)}.scrollcue{grid-column:1 / -1;grid-row:2}.rings span{width:calc(var(--k) * 32rem)}.idea .container{grid-template-columns:14rem 1fr;align-items:start}.idea .slate-line{grid-column:1 / -1}.product{height:260vh}.product__stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:none;align-items:center;padding-top:6rem}.bar--reveal{width:min(40vw,34rem)}.tiles{grid-template-columns:repeat(3,1fr)}.tile--fold{grid-column:auto}.tile{min-height:28rem}.join__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-9)}.faq__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:var(--s-9)}}@media (max-width: 63.99em){.hero{min-height:100svh}.hero__art{margin-top:var(--s-2)}.hero .hero__light{background:radial-gradient(55% 35% at 80% 72%,rgba(214,195,246,.45),transparent 70%),radial-gradient(70% 60% at 10% 100%,rgba(30,11,51,.75),transparent 70%),linear-gradient(160deg,#7444cc 0%,var(--violet-500) 45%,var(--violet-700) 100%)}.product__stage{padding-top:4.5rem}.product__visual{align-self:stretch}}@media (max-width: 22em){.hero__title{font-size:2.8rem}.hero__actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important}.js [data-reveal],.js .product [data-step]{opacity:1!important;transform:none!important}.js .idea__text .w{color:var(--plum-900)!important}.js .idea__text .w.accent{color:var(--violet-500)!important}.js .slate-line,.js .soon__line{transform:none!important}.product{height:auto}.product__stage{position:relative;height:auto;min-height:0;padding-block:var(--section-y)}.product{--p: .85 !important}.scene,.rings span,.scene__shadow{transform:none!important}.mist__hand,.scrollcue i:after{animation:none!important}.tile--steam .steam__p{animation:none!important;opacity:.45}}
