/* ADHDough — adhdough.com
   Retro-70s sunshine kitchen. Sunlit separation: things stand out by being brighter,
   shadows whisper. Motion transforms, it never jolts. */

@font-face{font-family:'Chicle';src:url(../fonts/chicle-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-latin-var.woff2) format('woff2');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Boogaloo';src:url(../fonts/boogaloo-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{
  --cream:#FFF6EC; --cream-2:#FDEBDD; --paper:#FFFDF9; --peach:#FCE3D2;
  --terra:#B4482A; --terra-2:#D0603A; --terra-deep:#8C3319;
  --amber:#E9A94E; --gold:#F4B740; --honey:#FFD58C;
  --ink:#4A2214; --ink-2:#76462D; --ink-3:#8A5F43;
  --mint:#3F9A6C; --mint-tint:#DDF1E6; --grape:#8C5BC7;
  --shadow-1:0 1px 2px rgba(74,34,20,.05),0 6px 18px rgba(74,34,20,.07);
  --shadow-2:0 2px 4px rgba(74,34,20,.05),0 18px 44px -12px rgba(74,34,20,.16);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --gut:clamp(16px,4vw,40px);
  --display:'Chicle','Caprasimo',Georgia,cursive;
  --body:'Nunito',ui-rounded,system-ui,-apple-system,'Segoe UI',sans-serif;
  --hand:'Boogaloo','Chicle',cursive;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--body);font-weight:600;font-size:1.0625rem;line-height:1.55;color:var(--ink);background:var(--cream);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,video,svg,canvas{display:block;max-width:100%}
img,video{height:auto}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
ul,ol{list-style:none}
:focus-visible{outline:3px solid #2E86C1;outline-offset:3px;border-radius:12px}
::selection{background:#FFD58C;color:var(--ink)}

.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.nowrap{white-space:nowrap}
.sr-only{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:absolute;left:-9999px;top:12px;z-index:100;background:#fff;padding:10px 16px;border-radius:12px;font-weight:800}
.skip:focus{left:12px}

main{overflow-x:hidden;overflow-x:clip}
.wrap{width:min(100% - 2*var(--gut),1200px);margin-inline:auto}
section{position:relative;padding-block:clamp(84px,11vw,150px)}

/* ── type ── */
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.005em}
h2{font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:.98;color:var(--terra);margin-top:14px;text-wrap:balance}
.kicker{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}
.kicker .i{width:15px;height:15px;fill:currentColor;stroke:none}
.kicker--light{color:var(--gold)}
.lead{font-size:clamp(1.08rem,1.45vw,1.24rem);font-weight:700;color:var(--ink-2);margin-top:18px;line-height:1.55;max-width:36em;text-wrap:pretty}
.lead a,.qa__a a{color:var(--terra);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.aside{display:inline-block;font-family:var(--hand);font-size:1.3rem;color:var(--terra);margin-top:24px;transform:rotate(-1.5deg)}

/* ── buttons ── */
.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font:850 1rem/1 var(--body);border:0;border-radius:999px;padding:16px 26px;cursor:pointer;text-align:center;
  transition:transform .4s var(--ease-spring),box-shadow .3s ease,background-color .3s;-webkit-tap-highlight-color:transparent}
.btn:hover{transform:translateY(-2px) scale(1.02)}
.btn:active{transform:scale(.97)}
.btn--primary{color:#FFF6EC;background:linear-gradient(180deg,#D8673F,#B4482A);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 24px -6px rgba(180,72,42,.55)}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 66%);
  transform:translateX(-120%);transition:transform .8s var(--ease-out)}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--ghost{color:var(--terra);background:var(--paper);box-shadow:var(--shadow-1),inset 0 0 0 1.5px rgba(180,72,42,.12)}
.btn--cream{color:var(--terra-deep);background:#FFF6EC;box-shadow:0 8px 22px -6px rgba(80,20,5,.4)}
.btn--sm{padding:11px 18px;font-size:.95rem}
.btn--block{display:flex;width:100%}

/* ── progress + nav ── */
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:60;pointer-events:none}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#E2553A);transform-origin:0 50%;transform:scaleX(0)}

.nav{position:fixed;top:12px;left:0;right:0;z-index:50;display:flex;justify-content:center;pointer-events:none}
.nav__bar{pointer-events:auto;display:flex;align-items:center;gap:16px;width:min(100% - 24px,1180px);padding:6px 6px 6px 10px;border-radius:999px;
  transition:background-color .4s,box-shadow .4s,width .6s var(--ease-out)}
.nav.is-scrolled .nav__bar{width:min(100% - 24px,1000px);background:rgba(255,248,240,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 34px -10px rgba(74,34,20,.22)}
.nav__logo{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:1.7rem;color:var(--terra);line-height:1}
.nav__logo img{width:48px;height:auto;transition:transform .5s var(--ease-spring)}
.nav__logo:hover img{transform:rotate(-12deg) scale(1.06)}
.nav__links{display:flex;gap:2px;margin-left:auto}
.nav__links a{font-weight:800;font-size:.95rem;padding:10px 14px;border-radius:999px;transition:background-color .25s,color .25s}
.nav__links a:hover{background:rgba(180,72,42,.08);color:var(--terra)}
.nav__cta{flex:none}

/* ── phone ── */
.phone{position:relative;width:var(--pw,300px);padding:calc(var(--pw,300px)*.032);border-radius:calc(var(--pw,300px)*.17);
  background:linear-gradient(150deg,#5a4740 0%,#1d1411 32%,#2b1e19 70%,#4a3a33 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),inset 0 0 0 calc(var(--pw,300px)*.012) #110b08,
    0 44px 70px -28px rgba(90,36,16,.5),0 18px 34px -16px rgba(90,36,16,.3)}
.phone::before,.phone::after{content:"";position:absolute;width:3px;border-radius:3px;background:#2b1e19}
.phone::before{left:-2px;top:22%;height:9%}
.phone::after{right:-2px;top:28%;height:13%}
.phone__screen{position:relative;aspect-ratio:1206/2622;border-radius:calc(var(--pw,300px)*.14);overflow:hidden;background:#F3D9C9;isolation:isolate}
.phone__screen>img,.phone__screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone__video{opacity:0;transition:opacity .8s ease}
.phone__video.is-on{opacity:1}

/* ═══════════ HERO ═══════════ */
.hero{position:relative;min-height:100svh;padding-top:clamp(110px,13vh,150px);padding-bottom:clamp(60px,9vh,100px);overflow:hidden;
  background:linear-gradient(180deg,#FFF6EC 0%,#FEEEE1 55%,#FCE3D2 100%)}
.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sunburst{position:absolute;left:72%;top:52%;width:1700px;height:1700px;translate:-50% -50%;
  background:repeating-conic-gradient(from 0deg,rgba(244,183,64,.17) 0deg 7deg,transparent 7deg 15deg);
  -webkit-mask-image:radial-gradient(circle,#000 0,#000 16%,transparent 58%);mask-image:radial-gradient(circle,#000 0,#000 16%,transparent 58%)}
.blob{position:absolute;border-radius:50%;filter:blur(70px)}
.blob--1{width:520px;height:460px;left:-160px;top:-120px;background:rgba(255,186,120,.45)}
.blob--2{width:560px;height:520px;right:-180px;top:10%;background:rgba(244,160,170,.32)}
.blob--3{width:620px;height:420px;left:30%;bottom:-220px;background:rgba(255,206,110,.42)}

.hero__grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(24px,4vw,56px);align-items:center}
.hero__title{font-size:clamp(3.4rem,6.6vw,6.5rem);line-height:.94;color:var(--terra);margin-top:0;text-shadow:0 3px 0 rgba(255,255,255,.65)}
.line{display:block;padding:.04em 0 .08em}
.line.is-clip{overflow:hidden}
.line__in{display:inline-block}
.wander{display:inline-block;white-space:nowrap;color:var(--terra-2)}
.wander span{display:inline-block;transform-origin:50% 80%;animation:wander 6.5s ease-in-out infinite}
.wander span:nth-child(1){animation-duration:4.1s;animation-delay:-.4s}
.wander span:nth-child(2){animation-duration:3.7s;animation-delay:-1.3s}
.wander span:nth-child(3){animation-duration:4.6s;animation-delay:-2.1s}
.wander span:nth-child(4){animation-duration:3.9s;animation-delay:-.9s}
.wander span:nth-child(5){animation-duration:4.3s;animation-delay:-2.7s}
.wander span:nth-child(6){animation-duration:3.6s;animation-delay:-1.8s}
.hero__lead{font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:700;color:var(--ink-2);margin-top:22px;max-width:33em;line-height:1.55}

.stores{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.store{position:relative;display:inline-flex;align-items:center;gap:11px;min-width:186px;padding:10px 18px 10px 14px;border-radius:16px;
  background:#1B120E;color:#fff;box-shadow:0 10px 22px -10px rgba(40,16,6,.55);transition:transform .4s var(--ease-spring)}
.store:hover{transform:translateY(-3px) rotate(-1deg)}
.store__logo{width:26px;height:26px;fill:none;stroke:none}
.store__logo--play{width:24px;height:24px}
.store__txt small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.02em;opacity:.82;line-height:1.2}
.store__txt b{display:block;font-size:1.18rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}
.store__soon{position:absolute;top:-15px;right:-9px;padding:4px 9px;border-radius:999px;background:var(--gold);color:#4A2214;
  font-size:.66rem;font-weight:900;white-space:nowrap;transform:rotate(5deg);box-shadow:0 6px 14px -4px rgba(233,169,78,.7)}
.store.is-live .store__soon{display:none}
.assure{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px}
.assure li{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.93rem;color:var(--ink-2)}
.assure .i{width:20px;height:20px;color:var(--terra-2)}

.hero__visual{position:relative;height:min(76vh,700px);min-height:560px}
.hero__stage{position:absolute;inset:0;--rx:0deg;--ry:0deg}
.hero__phone{position:absolute;left:50%;top:50%;z-index:2;translate:-50% -50%}
.phone--hero{--pw:clamp(250px,23vw,322px);transform:perspective(1400px) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}



/* ═══════════ MARQUEE ═══════════ */

/* ═══════════ CALM ═══════════ */
.calm{padding:0;background:var(--cream)}
.calm__pin{min-height:100svh;display:flex;align-items:center;padding-block:clamp(90px,12vh,120px) 60px}
.calm__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(28px,5vw,64px);align-items:center;width:min(100% - 2*var(--gut),1200px)}
.calm__heads,.calm__ps{display:grid}
.calm__heads{align-items:end}
.calm__h,.calm__p{grid-area:1/1}
.calm__p{margin-top:18px}
.js .calm__h--after,.js .calm__p--after{opacity:0}
.calm__p{font-size:clamp(1.08rem,1.45vw,1.22rem);font-weight:700;color:var(--ink-2);line-height:1.55;max-width:31em}
.calm__board{position:relative;height:min(72vh,640px);min-height:520px;border-radius:40px;
  background-color:#FCE8DA;background-image:radial-gradient(rgba(180,72,42,.13) 1.3px,transparent 1.4px);background-size:22px 22px;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(180,72,42,.06)}
.note{position:absolute;width:clamp(124px,12.5vw,168px);min-height:104px;padding:20px 14px 14px;background:var(--c);
  border-radius:3px 3px 16px 3px;font-family:var(--hand);font-size:clamp(1.02rem,1.35vw,1.28rem);line-height:1.13;color:#3A2418;
  transform:rotate(var(--r));box-shadow:0 1px 1px rgba(60,20,0,.05),0 14px 20px -10px rgba(90,40,10,.35);will-change:transform}
.note::before{content:"";position:absolute;top:-9px;left:50%;width:54px;height:20px;translate:-50% 0;rotate:-3deg;
  background:rgba(255,255,255,.6);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.js .note{animation:jiggle 2.2s ease-in-out infinite;animation-delay:calc(var(--j,0) * -0.37s)}
.note:nth-child(2n){--j:2}.note:nth-child(3n){--j:4}.note:nth-child(5n){--j:7}
.note--1{left:5%;top:6%}.note--2{left:37%;top:3%}.note--3{left:70%;top:9%}
.note--4{left:4%;top:37%}.note--5{left:63%;top:35%}.note--6{left:31%;top:44%}
.note--7{left:72%;top:66%}.note--8{left:3%;top:70%}.note--9{left:38%;top:74%}
.nudge{position:absolute;left:50%;top:50%;z-index:5;width:min(370px,88%);translate:-50% -50%;padding:18px;border-radius:30px;background:var(--paper);
  box-shadow:0 40px 70px -30px rgba(90,36,16,.45),0 0 0 1px rgba(180,72,42,.06)}
.nudge__head{display:flex;align-items:center;gap:11px}
.nudge__head img{width:40px;height:40px;border-radius:11px}
.nudge__head b{display:block;font-family:var(--display);font-size:1.4rem;color:var(--terra);line-height:1}
.nudge__head small{display:block;font-weight:800;font-size:.78rem;color:var(--ink-3);margin-top:2px}
.nudge__live{margin-left:auto;padding:4px 9px;border-radius:999px;background:#E2553A;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.1em;animation:livepulse 1.8s ease-in-out infinite}
.nudge__now{display:flex;align-items:center;gap:14px;margin:14px 0 8px;padding:14px;border-radius:22px;background:linear-gradient(160deg,#FFF1DC,#FFE1B8)}
.nudge__ring{position:relative;width:86px;height:86px;flex:none}
.nudge__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.nudge__ring circle{fill:none;stroke-width:10}
.nudge__ring .trk{stroke:rgba(180,72,42,.12)}
.nudge__ring .val{stroke:var(--terra-2);stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:141}
.nudge__ring span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1}
.nudge__ring b{font-size:1.65rem;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.nudge__ring small{font-size:.7rem;font-weight:850;color:var(--ink-3)}
.nudge__what small{font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-2)}
.nudge__what b{display:block;font-size:1.3rem;font-weight:900;line-height:1.2}
.nudge__what p{font-weight:700;font-size:.88rem;color:var(--ink-2)}
.nudge__steps{display:grid;gap:1px}
.nudge__steps li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;font-weight:850;font-size:.9rem}
.nudge__steps i{position:relative;width:15px;height:15px;border-radius:50%;border:2px solid rgba(180,72,42,.28);flex:none}
.nudge__steps time{margin-left:auto;font-weight:750;font-size:.8rem;color:var(--ink-3);white-space:nowrap}
.nudge__steps .is-done{color:var(--ink-3)}
.nudge__steps .is-done i{background:var(--mint);border-color:var(--mint)}
.nudge__steps .is-done i::after{content:"";position:absolute;left:3px;top:0;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;rotate:40deg}
.nudge__steps .is-now{background:rgba(233,169,78,.16)}
.nudge__steps .is-now i{border-color:var(--terra-2);box-shadow:0 0 0 4px rgba(208,96,58,.16)}

/* ═══════════ SPROUT ═══════════ */
.sprout{overflow:hidden;background:linear-gradient(180deg,var(--cream) 0%,#FFEAD3 28%,#FFDDB9 72%,#FFE7CE 100%)}
.sprout__glow{position:absolute;right:6%;top:50%;width:760px;height:760px;translate:0 -50%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,190,110,.55),transparent 64%);pointer-events:none}
.sprout__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.feats{display:grid;gap:18px;margin-top:30px}
.feats--compact{gap:14px;margin-top:26px}
.feats li{display:flex;gap:14px;align-items:flex-start}
.feats b{display:block;font-size:1.06rem;font-weight:900;color:var(--ink);line-height:1.3}
.feats p{font-weight:650;font-size:.98rem;color:var(--ink-2);margin-top:2px;line-height:1.5}
.fi{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;flex:none;
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),0 6px 14px -6px rgba(90,36,16,.25)}
.fi .i{width:23px;height:23px}
.fi--amber{background:linear-gradient(150deg,#FFE3B0,#F7C878);color:#A0561F}
.fi--sky{background:linear-gradient(150deg,#DCEDF8,#B9D8EC);color:#3E6E96}
.fi--berry{background:linear-gradient(150deg,#FCDDE6,#F5B8C9);color:#B14A66}
.fi--mint{background:linear-gradient(150deg,#D8F0E2,#AFDCC4);color:#3A7A57}
.fi--terra{background:linear-gradient(150deg,#FFDCCB,#F5AE8E);color:#A8401F}
.fi--grape{background:linear-gradient(150deg,#F1E8FB,#D8C5F2);color:#6A3FA6}
.fi--grape .i,.kicker .i{fill:currentColor}
.fi--grape .i{stroke:none}

.toy{position:relative;max-width:440px;margin-inline:auto;padding:28px 24px 24px;border-radius:44px;text-align:center;
  background:linear-gradient(170deg,rgba(255,251,244,.92),rgba(255,237,214,.78));
  box-shadow:inset 0 1px 0 #fff,0 40px 70px -36px rgba(160,80,30,.5)}
.toy__name{font-family:var(--display);font-size:2.5rem;line-height:1;color:var(--ink)}
.toy__status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:1.6em;margin-top:6px;font-weight:900;font-size:1rem;color:#8C5A2E}
.toy__dot{width:9px;height:9px;border-radius:50%;background:var(--amber);transition:background-color .4s}
.toy[data-state="fed"] .toy__dot,.toy[data-state="rising"] .toy__dot{background:var(--mint)}
.toy[data-state="peak"] .toy__dot{background:#E2553A;box-shadow:0 0 0 0 rgba(226,85,58,.5);animation:pulse 1.6s infinite}
.toy[data-state="nap"] .toy__dot{background:#6BB7F0}
.toy__stage{position:relative;height:340px;display:grid;place-items:center;cursor:pointer;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.toy__bloom{position:absolute;left:50%;top:52%;width:330px;height:330px;translate:-50% -50%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,200,90,.78),rgba(255,200,90,0) 62%);opacity:.3;transition:opacity .35s,background .5s}
.toy.is-holding .toy__bloom{opacity:1}
.toy[data-state="nap"] .toy__bloom{background:radial-gradient(circle,rgba(140,200,245,.6),rgba(140,200,245,0) 62%);opacity:.6}
.toy__jar{position:relative;transition:transform .18s cubic-bezier(.3,.9,.4,1.2)}
.toy__jar svg{width:250px;height:auto;overflow:visible}
.toy.is-holding .toy__jar{transform:scale(.968) translateY(3px)}
.toy.is-pop .toy__jar{animation:pop .6s cubic-bezier(.3,1.6,.4,1)}
#lidG{transform-box:view-box;transform-origin:158px 40px;transition:transform .35s cubic-bezier(.3,1.2,.4,1)}
.toy.is-holding #lidG{transform:rotate(-9deg) translateY(-6px)}
.zz{position:absolute;right:6%;top:6%;font-family:var(--display);color:#5B9FD6;pointer-events:none}
.zz i{position:absolute;font-style:normal;opacity:0}
.zz i:nth-child(1){font-size:1.2rem}.zz i:nth-child(2){font-size:1.6rem;animation-delay:.8s!important}.zz i:nth-child(3){font-size:2.1rem;animation-delay:1.6s!important}
.toy[data-state="nap"] .zz i{animation:zz 2.4s ease-out infinite}
.toy__bursts{position:absolute;inset:0;pointer-events:none}
.burst{position:absolute;left:50%;top:44%;font-weight:900;font-size:1.3rem;line-height:1}
.toy__meter{width:min(300px,86%);margin:2px auto 0}
.toy__labels{display:flex;justify-content:space-between;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.toy__track{height:10px;margin-top:6px;border-radius:999px;background:rgba(180,72,42,.12);overflow:hidden}
.toy__track i{display:block;height:100%;width:22%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#E2553A)}
.toy[data-state="nap"] .toy__track i{background:linear-gradient(90deg,#B9D8EC,#6BB7F0)}
.toy__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.toy__feed{min-width:220px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.toy__fill{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,236,190,.55),rgba(255,236,190,.3));transform-origin:0 50%;transform:scaleX(var(--hold,0))}
.toy__nap .i{width:18px;height:18px}
.toy__nap[aria-pressed="true"]{color:#2E6E9E;background:#E2F0FB}
.toy__hint{margin-top:12px;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8E5418}

/* ═══════════ LIVE BAKE ═══════════ */
.bake{background:var(--cream)}
.wavetop{position:absolute;left:0;right:0;top:-1px;height:46px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v14c-100 0-150 28-300 28S700 6 600 6 450 32 300 32 100 14 0 14z' fill='%23FFE7CE'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.wavebottom{position:absolute;left:0;right:0;bottom:-1px;z-index:3;height:46px;pointer-events:none;transform:scaleY(-1);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 46' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1200v14c-100 0-150 28-300 28S700 6 600 6 450 32 300 32 100 14 0 14z' fill='%23FFF6EC'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.bake__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.bake__visual{position:relative;height:clamp(560px,52vw,680px)}
.phone--lock{--pw:clamp(200px,19vw,248px);position:absolute;left:2%;top:13%;rotate:-7deg}
.phone--live{--pw:clamp(240px,23vw,300px);position:absolute;right:4%;top:0;rotate:3deg}
.dyn{position:absolute;left:50%;top:1.62%;z-index:4;width:31.2%;height:4.2%;translate:-50% 0;border-radius:999px;background:#000;color:#fff;
  display:flex;align-items:center;gap:6%;padding:0 4% 0 1.6%;overflow:hidden;font-weight:900;font-size:calc(var(--pw) * .043);
  transition:width .7s var(--ease-spring),height .7s var(--ease-spring),top .7s var(--ease-spring)}
.dyn.is-open{width:54%;height:4.6%;top:1.45%}
.dyn>*{opacity:0;transition:opacity .3s}
.dyn.is-open>*{opacity:1;transition-delay:.25s}
.dyn__ic{display:grid;place-items:center;height:76%;aspect-ratio:1;border-radius:50%;background:var(--amber);color:#3A1D08;flex:none}
.dyn__ic .i{width:58%;height:58%}
.dyn__lbl{white-space:nowrap}
.dyn__t{margin-left:auto;color:var(--gold);font-variant-numeric:tabular-nums}
.banners{position:absolute;left:3.6%;right:3.6%;top:7.4%;z-index:3}
.banner{position:absolute;left:0;right:0;top:0;display:flex;gap:3.5%;align-items:flex-start;padding:3.2% 4%;border-radius:calc(var(--pw)*.065);
  background:rgba(252,248,244,.97);
  box-shadow:0 12px 26px -10px rgba(40,16,6,.45);font-size:calc(var(--pw)*.04);line-height:1.25}
.banner img{width:calc(var(--pw)*.12);height:calc(var(--pw)*.12);border-radius:22%;flex:none}
.banner p{color:#3A2A22;font-weight:650}
.banner .bt{display:flex;justify-content:space-between;font-size:.82em;font-weight:850;color:#8F7062;letter-spacing:.03em}
.banner .bt b{text-transform:uppercase}
.banner .bh{font-weight:900;color:#1E130E}
.track{display:flex;margin:30px 0 4px;max-width:520px}
.track li{position:relative;flex:1;padding-top:28px;text-align:center;font-weight:900;font-size:.82rem;color:var(--ink-3);transition:color .4s}
.track li::before{content:"";position:absolute;left:50%;top:3px;z-index:1;width:18px;height:18px;translate:-50% 0;border-radius:50%;background:var(--paper);
  border:3px solid rgba(180,72,42,.22);transition:background-color .4s,border-color .4s,box-shadow .4s,scale .4s var(--ease-spring)}
.track li::after{content:"";position:absolute;top:10px;left:calc(50% + 11px);right:calc(-50% + 11px);height:3px;border-radius:3px;background:rgba(180,72,42,.14);transition:background-color .4s}
.track li:last-child::after{display:none}
.track li.is-done::before{background:var(--mint);border-color:var(--mint)}
.track li.is-done::after{background:var(--mint)}
.track li.is-now{color:var(--terra)}
.track li.is-now::before{background:#FFE3BD;border-color:var(--terra-2);box-shadow:0 0 0 6px rgba(208,96,58,.14);scale:1.18}

/* ═══════════ DOUGHLENE ═══════════ */
.dough{overflow:hidden;text-align:center;color:#FFEBD8;background:radial-gradient(130% 85% at 50% 0%,#93401F 0%,#5E2516 52%,#3B170D 100%)}
.dough__bg{position:absolute;inset:0;pointer-events:none}
.dough__rays{position:absolute;left:50%;top:56%;width:1900px;height:1900px;translate:-50% -50%;
  background:repeating-conic-gradient(from 0deg,rgba(255,200,120,.065) 0deg 6deg,transparent 6deg 14deg);
  -webkit-mask-image:radial-gradient(circle,#000 0,transparent 60%);mask-image:radial-gradient(circle,#000 0,transparent 60%)}
.dough__motes i{position:absolute;bottom:-10px;width:var(--s,4px);height:var(--s,4px);border-radius:50%;background:rgba(255,226,180,.5);animation:mote var(--d,14s) linear infinite;animation-delay:var(--dl,0s)}
.dough__inner{position:relative}
.dough h2{color:#FFE5C4}
.dough .lead{margin-inline:auto;color:rgba(255,232,210,.84)}
.dough__demo{display:grid;justify-items:center;margin-top:26px}
.orbstage{position:relative;width:360px;height:360px;display:grid;place-items:center;cursor:pointer}
.orbstage__wave{position:absolute;left:50%;top:50%;width:520px;height:520px;max-width:none;translate:-50% -50%;pointer-events:none}
.orbstage__rings i{position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;border:2px solid rgba(255,200,130,.55);opacity:0}
.orbstage[data-state="speaking"] .orbstage__rings i{animation:ring 2.4s ease-out infinite}
.orbstage[data-state="speaking"] .orbstage__rings i:nth-child(2){animation-delay:.8s}
.orbstage[data-state="speaking"] .orbstage__rings i:nth-child(3){animation-delay:1.6s}
.orb{position:relative;width:250px;height:250px;border-radius:50%;overflow:hidden;isolation:isolate;
  background:radial-gradient(circle at 50% 50%,#D4532F,#9E2F1A);
  box-shadow:0 0 90px rgba(255,130,70,.45),0 34px 70px -20px rgba(0,0,0,.55);
  transform:scale(var(--breath,1));transition:transform .6s var(--ease-spring),box-shadow .6s}
.orbstage[data-state="listening"] .orb{--breath:1.07;box-shadow:0 0 120px rgba(255,170,90,.6),0 34px 70px -20px rgba(0,0,0,.55)}
.orbstage[data-state="thinking"] .orb{--breath:.97}
.orbstage[data-state="speaking"] .orb{box-shadow:0 0 130px rgba(255,150,80,.65),0 34px 70px -20px rgba(0,0,0,.55)}
/* Safari/WebKit ignores the rounded overflow clip for animated children, so the swirl
   lives in a wrapper with a real circle mask (tested in iOS 26 Safari). */
.orb__clip{position:absolute;inset:0;border-radius:50%;overflow:hidden;
  -webkit-mask-image:radial-gradient(closest-side,#000 98.5%,transparent 100%);mask-image:radial-gradient(closest-side,#000 98.5%,transparent 100%)}
.orb__swirl{position:absolute;inset:-45%}
.ob{will-change:transform}
.ob{position:absolute;border-radius:50%}
.ob1{width:58%;height:58%;left:-2%;top:0;background:radial-gradient(circle at 40% 40%,#E8693A 6%,transparent 58%);animation:drift1 12s linear infinite}
.ob2{width:60%;height:60%;right:-6%;top:8%;background:radial-gradient(circle at 50% 45%,#C2381F 6%,transparent 56%);animation:drift2 15s linear infinite}
.ob3{width:52%;height:52%;left:10%;bottom:-4%;background:radial-gradient(circle at 45% 55%,#F4C97E 4%,transparent 56%);animation:drift3 18s linear infinite;opacity:.8}
.ob4{width:50%;height:50%;right:2%;bottom:2%;background:radial-gradient(circle,#8E2414 6%,transparent 54%);animation:drift4 14s linear infinite;opacity:.7}
.ob5{width:46%;height:46%;left:12%;top:10%;background:radial-gradient(circle,#3FA38A 8%,#8FD3BE 26%,transparent 56%);animation:drift5 20s linear infinite;opacity:.85}
.orb__band{position:absolute;inset:-30%;border-radius:50%;opacity:.45;animation:spin 22s linear infinite;will-change:transform;
  background:conic-gradient(from 0deg,transparent 0deg,rgba(224,100,46,.85) 36deg,transparent 88deg,rgba(70,160,140,.7) 148deg,transparent 200deg,rgba(232,168,76,.9) 268deg,transparent 320deg)}
.orbstage[data-state="listening"] .ob,.orbstage[data-state="speaking"] .ob{animation-duration:6s}
.orbstage[data-state="thinking"] .orb__band{animation-duration:4s}
.orb__gloss{position:absolute;inset:0;z-index:3;border-radius:50%;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(40% 30% at 30% 22%,rgba(255,255,255,.32),rgba(255,255,255,0) 60%),radial-gradient(120% 120% at 50% 124%,rgba(92,20,10,.26),transparent 52%)}
.orb__rim{position:absolute;inset:0;z-index:4;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 40px rgba(122,40,18,.38),inset 0 3px 10px rgba(255,255,255,.4)}
.dough__talk{min-height:128px;max-width:620px;margin:14px auto 0}
.dough__you{min-height:1.5em;font-weight:800;font-size:.95rem;color:rgba(255,215,180,.62)}
.dough__line{min-height:2.7em;margin-top:4px;font-weight:850;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.35;color:#FFF3E4;text-wrap:balance}
.dough__line.is-typing::after{content:"";display:inline-block;width:3px;height:1em;margin-left:3px;vertical-align:-.12em;background:var(--gold);animation:blink 1s steps(1) infinite}
.asks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin-top:8px}
.ask{padding:11px 18px;border-radius:999px;border:1.5px solid rgba(255,210,170,.3);background:rgba(255,235,215,.08);color:#FFE7C7;
  font-weight:850;font-size:.98rem;cursor:pointer;transition:background-color .25s,transform .35s var(--ease-spring),color .25s,border-color .25s}
.ask:hover{background:rgba(255,235,215,.16);transform:translateY(-2px)}
.ask.is-on{background:#FFE7C7;color:#5E2516;border-color:#FFE7C7}
.dough__feats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;text-align:left}
.dough__feats li{display:grid;gap:6px;align-content:start;padding:22px;border-radius:26px;background:rgba(255,235,215,.06);border:1px solid rgba(255,210,170,.14)}
.dough__feats b{font-size:1.06rem;font-weight:900;color:#FFE7C7;margin-top:8px}
.dough__feats li>span:last-child{font-weight:650;font-size:.95rem;color:rgba(255,232,210,.72);line-height:1.45}
.fi--glass{background:rgba(255,226,190,.1);color:var(--honey);box-shadow:inset 0 0 0 1px rgba(255,220,180,.2)}
.fi--glass .i{width:22px;height:22px}
.dough__feats li:last-child .fi .i{fill:currentColor;stroke:none}
.dough__note{margin-top:28px;font-weight:800;font-size:.95rem;color:rgba(255,222,190,.72)}

/* ═══════════ IMPORT ═══════════ */
.imp{background:linear-gradient(180deg,#FFF6EC,#FDEBDD)}
.imp__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.impcard{position:relative;max-width:450px;min-height:500px;margin-inline:auto;padding:24px;border-radius:36px;
  background:linear-gradient(170deg,#FFFCF7,#FFF0E2);box-shadow:inset 0 1px 0 #fff,0 50px 90px -40px rgba(120,50,20,.45)}
.impcard__head{display:flex;align-items:center;gap:12px}
.impcard__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;flex:none;background:linear-gradient(150deg,#FFE3B0,#F7C878);color:#A0561F}
.impcard__ic .i{width:24px;height:24px}
.impcard__head b{display:block;font-family:var(--display);font-size:1.65rem;line-height:1;color:var(--terra)}
.impcard__head small{display:block;margin-top:3px;font-weight:800;font-size:.8rem;color:var(--ink-3)}
.impcard__field{display:flex;align-items:center;min-height:54px;margin-top:20px;padding:14px 16px;border-radius:18px;background:#fff;
  box-shadow:inset 0 0 0 1.5px rgba(180,72,42,.14);font-weight:750;font-size:.95rem;color:var(--ink);white-space:nowrap;overflow:hidden}
.impcard__url:empty::before{content:"Paste a link…";color:var(--ink-3);font-weight:700}
.caret{width:2px;height:1.2em;margin-left:1px;background:var(--terra-2);animation:blink 1s steps(1) infinite;flex:none}
.impcard__go{display:block;width:100%;margin-top:12px;padding:16px;border:0;border-radius:999px;cursor:pointer;
  font-weight:900;font-size:1rem;color:#fff;background:linear-gradient(180deg,#D8673F,#B4482A);box-shadow:0 12px 26px -10px rgba(180,72,42,.6);
  transition:transform .35s var(--ease-spring),opacity .3s}
.impcard__go:hover{transform:translateY(-2px)}
.impcard__go.is-press{transform:scale(.95)}
.impcard__watch{display:none;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;font-weight:850;color:var(--ink-2)}
.impcard__orb{width:28px;height:28px;border-radius:50%;background:conic-gradient(from 0deg,#E0642E,#F4C97E,#3FA38A,#E0642E);filter:blur(.6px);animation:spin 1.3s linear infinite}
.impcard__bar{flex-basis:100%;height:8px;border-radius:99px;background:rgba(180,72,42,.12);overflow:hidden}
.impcard__bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#E2553A)}
.impcard__found{display:none;margin-top:18px}
.impcard__ftitle{font-family:var(--display);font-size:1.55rem;line-height:1;color:var(--ink)}
.impcard__rows{display:grid;gap:8px;margin-top:12px}
.impcard__rows li{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:14px;background:#fff;box-shadow:var(--shadow-1)}
.impcard__rows span{flex:1;font-weight:800;font-size:.86rem;color:var(--ink-3)}
.impcard__rows b{font-weight:900;font-size:.98rem;color:var(--ink)}
.impcard__rows em{font-style:normal;font-weight:900;font-size:.68rem;letter-spacing:.02em;color:#2F7A55;background:var(--mint-tint);padding:4px 8px;border-radius:999px;white-space:nowrap}
.impcard__rows em::before{content:"✓ "}
.impcard__ready{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--mint-tint);color:#2F7A55;font-weight:900}
.impcard__ready .i{width:20px;height:20px;stroke-width:2.6}
.impcard__replay{display:none;margin:14px auto 0;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:var(--terra);font-weight:850;cursor:pointer}
.impcard[data-step="2"] .impcard__watch{display:flex}
.impcard[data-step="3"] .impcard__found{display:block}
.impcard[data-step="3"] .impcard__go{display:none}
.impcard[data-step="3"] .impcard__replay{display:block}

/* ═══════════ JOURNAL ═══════════ */
.journal{background:var(--cream)}
.journal__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.pile{position:relative;height:540px}
.pcard{position:absolute;left:var(--x);top:var(--y);rotate:var(--r);cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  transition:box-shadow .3s;will-change:transform}
.pcard.is-drag{cursor:grabbing;z-index:20}
.pcard--photo{width:min(214px,42%);padding:10px 10px 14px;border-radius:8px;background:#fff;box-shadow:0 22px 40px -18px rgba(90,36,16,.45)}
.pcard--photo img{width:100%;aspect-ratio:437/522;object-fit:cover;border-radius:3px;pointer-events:none}
.pcard--photo figcaption{margin-top:7px;text-align:center;font-family:var(--hand);font-size:1.25rem;color:var(--ink)}
.pcard--note{width:min(230px,46%);padding:18px 20px;border-radius:22px;background:linear-gradient(160deg,#FFF6E0,#FFE6BC);box-shadow:0 22px 40px -20px rgba(160,90,20,.5)}
.pcard--note small{font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#B0661C}
.pcard--note p{margin-top:6px;font-weight:850;line-height:1.35;color:var(--ink)}
.pcard--rate{display:grid;gap:2px;padding:14px 20px;border-radius:22px;background:#fff;box-shadow:var(--shadow-2)}
.rate__stars{display:flex;gap:2px;color:#F0A63E}
.rate__stars .i{width:24px;height:24px}
.rate__stars .i.off{color:rgba(180,72,42,.16)}
.pcard--rate b{font-size:1.1rem;font-weight:900}
.pcard--rate small{font-size:.8rem;font-weight:800;color:var(--ink-3)}
.pile__hint{position:absolute;left:0;bottom:-4px;font-family:var(--hand);font-size:1.25rem;color:var(--terra);rotate:-3deg;pointer-events:none}
.pile__hint::after{content:" ↗";font-family:var(--body)}

.share{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;margin-top:clamp(80px,10vw,130px)}
.share h3{font-size:clamp(2.1rem,3.8vw,3.1rem);line-height:1;color:var(--terra)}
.share__copy p{max-width:28em;margin-top:12px;font-weight:700;font-size:1.12rem;color:var(--ink-2)}
.swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.swatch{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border:0;border-radius:999px;background:#fff;cursor:pointer;
  font-weight:850;font-size:.92rem;color:var(--ink);box-shadow:var(--shadow-1);transition:transform .35s var(--ease-spring),background-color .25s,color .25s}
.swatch::before{content:"";width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--s1),var(--s2));box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.swatch:hover{transform:translateY(-2px)}
.swatch.is-on{background:var(--ink);color:#fff}
.share__card-wrap{display:grid;place-items:center}
.sharecard{--a:#FF9CC0;--b:#FFE1EC;--c:#8A2552;position:relative;display:flex;flex-direction:column;align-items:center;width:min(340px,100%);aspect-ratio:4/5;
  padding:24px 22px 18px;border-radius:30px;overflow:hidden;background:var(--b);rotate:2deg;
  box-shadow:0 46px 80px -36px rgba(90,36,16,.55);transition:background-color .6s}
.sharecard[data-theme="spearmint"]{--a:#7FD8B0;--b:#E3F7EC;--c:#1E6B4A}
.sharecard[data-theme="creamsicle"]{--a:#FFAE6B;--b:#FFEBD7;--c:#9A4A12}
.sharecard[data-theme="blush"]{--a:#F2A3A8;--b:#FCEAE8;--c:#93353D}
.sharecard[data-theme="sky"]{--a:#8CC8F5;--b:#E6F3FD;--c:#1F5F92}
.sharecard__waves{position:absolute;inset:0;opacity:.55;transition:background .6s;
  background:repeating-radial-gradient(circle at 105% -5%,var(--a) 0 16px,transparent 16px 36px)}
.sharecard__photo{position:relative;width:76%;aspect-ratio:1;border-radius:22px;overflow:hidden;border:6px solid #fff;box-shadow:0 16px 28px -14px rgba(0,0,0,.35)}
.sharecard__photo img{width:100%;height:100%;object-fit:cover}
.sharecard__pun{position:relative;margin-top:12px;font-family:var(--display);font-size:2.6rem;line-height:1;color:var(--c);text-shadow:0 2px 0 #fff}
.sharecard__meta{position:relative;margin-top:6px;font-weight:900;font-size:.8rem;color:var(--c);opacity:.85}
.sharecard__by{position:relative;display:flex;align-items:center;gap:6px;margin-top:auto;padding:6px 11px 6px 7px;border-radius:999px;background:rgba(255,255,255,.72);
  font-weight:900;font-size:.74rem;color:var(--c)}
.sharecard__by img{width:20px;height:20px;border-radius:5px}

/* ═══════════ TOUR ═══════════ */
.tour{background:linear-gradient(180deg,#FFF6EC,#FCE3D2)}
.tour__grid{display:grid;grid-template-columns:1fr auto;gap:clamp(32px,6vw,90px);align-items:center}
.vframe{position:relative;width:min(320px,74vw);aspect-ratio:720/1564;border-radius:42px;overflow:hidden;background:#F3D4C0;
  box-shadow:0 0 0 8px #fff,0 60px 100px -46px rgba(120,50,20,.6);rotate:2deg}
.vframe video{width:100%;height:100%;object-fit:cover}
.vplay{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:94px;height:94px;margin:-47px 0 0 -47px;border:0;border-radius:50%;cursor:pointer;
  background:rgba(255,250,244,.94);color:var(--terra);box-shadow:0 18px 40px -10px rgba(90,36,16,.45);transition:transform .4s var(--ease-spring),opacity .3s}
.vplay:hover{transform:scale(1.08)}
.vplay .i{width:40px;height:40px;translate:3px 0}
.vplay::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,250,244,.8);animation:ring 2.2s ease-out infinite}
.vframe.is-playing .vplay{opacity:0;pointer-events:none;transform:scale(.6)}

/* chapters: tap one, the film jumps there */
.tour__list{display:grid;gap:8px;max-width:440px;margin-top:28px}
.chap{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-radius:16px;background:var(--paper);box-shadow:var(--shadow-1);
  text-align:left;font-weight:850;font-size:1rem;color:var(--ink);cursor:pointer;transition:transform .35s var(--ease-spring),background-color .3s,color .3s}
.chap time{padding:4px 9px;border-radius:999px;background:#FFE9D6;color:var(--terra-2);font-weight:900;font-size:.78rem;font-variant-numeric:tabular-nums}
.chap:hover{transform:translateX(5px)}
.chap.is-on{background:var(--ink);color:#fff}
.chap.is-on time{background:rgba(255,255,255,.14);color:var(--gold)}
.tour .stores{margin-top:26px}

/* ═══════════ PRICING ═══════════ */
.pricing{background:var(--cream)}
.sechead{max-width:780px;margin-inline:auto;text-align:center}
.sechead .lead{margin-inline:auto}
.sechead--left{margin-inline:0;text-align:left}
.sechead--left .lead{margin-inline:0}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:30px 26px 26px;border-radius:32px;background:var(--paper);box-shadow:var(--shadow-2);
  transition:transform .45s var(--ease-spring),box-shadow .4s}
.plan:hover{transform:translateY(-6px)}
.plan__tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--mint-tint);color:#2F7A55;font-weight:900;font-size:.78rem}
.plan--unl .plan__tag{background:#FFEBC7;color:#9A5A12}
.plan__tag--pro{background:linear-gradient(90deg,#8C5BC7,#B36FD8)!important;color:#fff!important}
.plan__tag--pro .i{width:14px;height:14px;fill:currentColor;stroke:none}
.plan h3{margin-top:16px;font-size:2rem;line-height:1;color:var(--ink)}
.plan__price{margin-top:8px;font-weight:950;font-size:2.6rem;line-height:1.05;color:var(--terra);letter-spacing:-.01em}
.plan__price small{font-size:1rem;font-weight:800;color:var(--ink-3);letter-spacing:0}
.plan__sub{margin-top:4px;font-weight:750;color:var(--ink-2)}
.plan ul{display:grid;gap:11px;flex:1;margin:22px 0 26px}
.plan li{display:flex;gap:10px;font-weight:700;font-size:.98rem;line-height:1.38}
.plan li .i{width:20px;height:20px;margin-top:1px;color:var(--mint);stroke-width:2.5}
.plan--pro{background:linear-gradient(170deg,#FFFDF9 0%,#F6ECFF 100%);box-shadow:0 34px 64px -28px rgba(140,91,199,.55)}
.plan--pro::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2.5px;pointer-events:none;
  background:conic-gradient(from var(--ang,0deg),#E0642E,#F4B740,#3FA38A,#8C5BC7,#E0642E);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.plan--pro li .i{color:var(--grape)}
.plans__note{margin-top:26px;text-align:center;font-weight:700;font-size:.9rem;color:var(--ink-3)}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}

/* ═══════════ FAQ ═══════════ */
.faq{background:linear-gradient(180deg,var(--cream),#FDEBDD)}
.faq__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,5vw,72px);align-items:start}
.faq .sechead{position:sticky;top:110px}
.qa{margin-bottom:12px;border-radius:24px;background:var(--paper);box-shadow:var(--shadow-1);overflow:hidden}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font-weight:900;font-size:1.08rem;color:var(--ink)}
.qa summary::-webkit-details-marker{display:none}
.qa summary .i{width:22px;height:22px;color:var(--terra-2);transition:transform .4s var(--ease-spring)}
.qa[open] summary .i{transform:rotate(180deg)}
.qa summary:hover{color:var(--terra)}
.qa__a{padding:0 22px 22px;font-weight:650;color:var(--ink-2);line-height:1.6}

/* ═══════════ JOIN ═══════════ */
.join{padding-block:clamp(64px,8vw,110px);background:#FDEBDD}
.join__panel{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px);align-items:center;overflow:hidden;
  padding:clamp(36px,5vw,72px);border-radius:46px;color:#FFF1E2;
  background:radial-gradient(120% 120% at 18% 0%,#EA7C4B 0%,#C2502C 45%,#963A1E 100%);box-shadow:0 60px 110px -50px rgba(140,51,25,.7)}
.join__rays{position:absolute;left:24%;top:50%;width:1600px;height:1600px;translate:-50% -50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(255,214,140,.15) 0deg 7deg,transparent 7deg 15deg);
  -webkit-mask-image:radial-gradient(circle,#000 0,transparent 55%);mask-image:radial-gradient(circle,#000 0,transparent 55%);}
.join__logo{position:relative;display:grid;place-items:center}
#bigLogo{width:min(360px,100%);height:auto;overflow:visible;filter:drop-shadow(0 22px 30px rgba(80,20,5,.35))}
.join__copy{position:relative;z-index:2}
.join h2{color:#FFF3E2}
.join .lead{color:rgba(255,240,225,.92)}
.joinform{display:flex;gap:8px;max-width:520px;margin-top:26px;padding:7px;border-radius:999px;background:rgba(255,250,245,.16);box-shadow:inset 0 0 0 1.5px rgba(255,235,210,.4);transition:box-shadow .3s}
.joinform:focus-within{box-shadow:inset 0 0 0 2px #FFE7C7,0 0 0 5px rgba(255,231,199,.22)}
.joinform input{flex:1;min-width:0;padding:0 16px;border:0;outline:0;background:transparent;font:800 1.05rem var(--body);color:#fff}
.joinform input::placeholder{color:rgba(255,240,225,.72)}
.join__msg{margin-top:14px;font-weight:900}
.join__msg--ok{display:inline-flex;padding:12px 18px;border-radius:16px;background:#FFF6EC;color:#2F7A55;font-size:1.1rem}
.join__msg--err{color:#FFE7C7}
.join__small{margin-top:12px;font-weight:750;font-size:.86rem;color:rgba(255,244,232,.92)}
.stores--light{margin-top:28px}
.confetti{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}

/* ═══════════ FOOTER ═══════════ */
.foot{padding:64px 0 30px;background:#3A1A0E;color:#F6DCC6}
.foot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.foot__brand img{width:84px;height:auto}
.foot__brand p{max-width:24em;margin-top:14px;font-weight:700;color:rgba(246,220,198,.82)}
.foot__nav{display:grid;gap:10px;align-content:start}
.foot__nav p{font-weight:900;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.foot__nav a{font-weight:800;color:#F6DCC6;transition:color .2s}
.foot__nav a:hover{color:#fff}
.foot__fine{margin-top:44px;padding-top:22px;border-top:1px solid rgba(246,220,198,.14);font-weight:700;font-size:.86rem;color:rgba(246,220,198,.62)}

/* ═══════════ keyframes ═══════════ */
@keyframes spin{to{rotate:360deg}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(63,154,108,.5)}70%{box-shadow:0 0 0 10px rgba(63,154,108,0)}100%{box-shadow:0 0 0 0 rgba(63,154,108,0)}}
@keyframes livepulse{50%{opacity:.6}}
@keyframes wander{0%,100%{transform:translate(0,0) rotate(0)}30%{transform:translate(0,-.045em) rotate(-3deg)}65%{transform:translate(0,.02em) rotate(2deg)}}
@keyframes twinkle{0%,100%{transform:scale(.55) rotate(0);opacity:.55}50%{transform:scale(1.15) rotate(45deg);opacity:1}}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
@keyframes pop{0%{transform:scale(.97)}45%{transform:scale(1.07)}100%{transform:scale(1)}}
@keyframes zz{0%{opacity:0;transform:translate(0,10px) scale(.6)}25%{opacity:1}100%{opacity:0;transform:translate(18px,-46px) scale(1.1)}}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}
@keyframes blink{50%{opacity:0}}
@keyframes jiggle{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes angle{to{--ang:360deg}}
@keyframes mote{0%{transform:translate(0,0);opacity:0}10%{opacity:1}90%{opacity:.8}100%{transform:translate(var(--dx,20px),-110vh);opacity:0}}
@keyframes drift1{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(18%,14%) rotate(180deg)}100%{transform:translate(0,0) rotate(360deg)}}
@keyframes drift2{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-16%,10%) rotate(-160deg)}100%{transform:translate(0,0) rotate(-360deg)}}
@keyframes drift3{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(12%,-16%) rotate(140deg)}100%{transform:translate(0,0) rotate(360deg)}}
@keyframes drift4{0%{transform:translate(0,0) rotate(0)}50%{transform:translate(-14%,-12%) rotate(200deg)}100%{transform:translate(0,0) rotate(360deg)}}
@keyframes drift5{0%{transform:translate(0,0) scale(1)}50%{transform:translate(10%,12%) scale(1.15)}100%{transform:translate(0,0) scale(1)}}
@keyframes drift6{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-12%,8%) scale(1.2)}100%{transform:translate(0,0) scale(1)}}

/* ═══════════ responsive ═══════════ */
@media (max-width:1080px){
  .dough__feats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .nav__links{display:none}
  .nav__cta{margin-left:auto}
  .hero{min-height:auto}
  .hero__grid,.sprout__grid,.bake__grid,.imp__grid,.journal__grid,.share,.tour__grid,.faq__grid,.calm__grid{grid-template-columns:1fr}
  .hero__copy{text-align:center}
  .hero__title{margin-inline:auto}
  .hero__lead{margin-inline:auto}
  .stores,.assure{justify-content:center}
  .hero__visual{height:600px;min-height:0;margin-top:10px}
  .calm__copy{text-align:center}
  .calm__p{margin-inline:auto}
  .calm__board{height:540px;min-height:0}
  .sprout__copy,.bake__copy,.imp__copy,.journal__copy,.tour__copy,.share__copy{text-align:left}
  .bake__visual{order:2;height:600px;max-width:520px;width:100%;margin-inline:auto}
  .pile{max-width:520px;width:100%;margin-inline:auto}
  .share__copy{order:1}
  .tour__video{justify-self:center}
  .faq .sechead{position:static}
  .join__panel{grid-template-columns:1fr;text-align:center}
  .join .lead,.joinform{margin-inline:auto}
  .join .stores{justify-content:center}
  #bigLogo{width:min(260px,70%)}
  .foot__grid{grid-template-columns:1fr 1fr}
  .foot__brand{grid-column:1/-1}
}
@media (max-width:600px){
  body{font-size:1rem}
  .nav__logo span{display:none}
  .nav__logo img{width:44px}
  .hero{padding-top:96px}
  .hero__title{font-size:clamp(2.85rem,13.4vw,3.6rem)}
  .store{min-width:0;flex:1 1 150px;padding:9px 12px}
  .store__txt b{font-size:1.02rem}
  .assure{gap:8px 14px}
  .assure li{font-size:.85rem}
  .hero__visual{height:520px}
  .phone--hero{--pw:228px}
  .calm__pin{padding-block:78px 24px;min-height:100svh}
  .calm__grid{gap:18px}
  .calm .kicker{font-size:.72rem}
  .calm__h{font-size:clamp(2rem,9.4vw,2.6rem)}
  .calm__p{margin-top:10px;font-size:.95rem;line-height:1.5}
  .calm__board{height:max(330px,calc(100svh - 330px));min-height:0;border-radius:28px}
  .nudge__steps li:nth-child(n+6){display:none}
  .note{width:112px;min-height:86px;padding:16px 10px 10px;font-size:.98rem}
  .note--3{left:64%}.note--5{left:60%}.note--7{left:62%}
  .nudge{padding:14px;border-radius:24px;width:min(330px,92%)}
  .nudge__ring{width:70px;height:70px}
  .nudge__ring b{font-size:1.35rem}
  .nudge__steps li{padding:5px 6px;font-size:.84rem}
  .toy{padding:22px 16px 20px;border-radius:34px}
  .toy__stage{height:300px}
  .toy__jar svg{width:214px}
  .toy__feed{min-width:0;flex:1 1 100%}
  .bake__visual{height:520px}
  .phone--lock{--pw:176px;left:0}
  .phone--live{--pw:226px;right:0}
  .track li{font-size:.72rem}
  .orbstage{width:300px;height:300px}
  .orb{width:210px;height:210px}
  .orbstage__wave{width:440px;height:440px}
  .orbstage__rings i{width:210px;height:210px;margin:-105px 0 0 -105px}
  .ask{font-size:.9rem;padding:10px 14px}
  .dough__feats{grid-template-columns:1fr}
  .impcard{padding:18px;border-radius:30px;min-height:540px}
  .pile{height:470px}
  .pcard--photo{width:46%}
  .pcard--note{width:52%;padding:14px 16px}
  .plans{grid-template-columns:1fr}
  .joinform{flex-direction:column;border-radius:26px;padding:8px}
  .joinform input{padding:14px 16px;text-align:center}
  .foot__grid{grid-template-columns:1fr}
}
@media (min-width:601px) and (max-width:900px){
  .plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
}

/* off-screen sections rest their loops */
[data-inview="false"] *,[data-inview="false"]::before{animation-play-state:paused!important}

/* calm motion: everything still, everything readable */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .wander span,.sunburst,.dough__rays,.join__rays{animation:none!important}
}