:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .19 0 0 0 0 .18 0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ease-out:cubic-bezier(.2, .8, .2, 1)}[data-progress]{--seen:1}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.motion .parallax{translate:0 calc(var(--sy,0) * var(--depth,.1) * -1px)}.pebble-char{width:100%;height:auto;display:block;overflow:visible}.pebble-char .eyes{transform-box:fill-box;transform-origin:50%}.site-header{z-index:2;position:relative}.hero{--header:88px;isolation:isolate;margin-top:calc(-1 * var(--header));padding-block:calc(var(--header) + 24px) 120px;position:relative;overflow:hidden}.hero:after,.news:after,.cta:after{content:"";z-index:-1;background-image:var(--grain);opacity:.5;pointer-events:none;position:absolute;inset:0}.blob{z-index:-2;height:auto;position:absolute}.blob-sun{fill:#ffe7a3;width:min(64vw,900px);top:-18%;right:-12%;rotate:-12deg}.sparkle{z-index:0;fill:var(--pebble);position:absolute}@media (prefers-reduced-motion:no-preference){.sparkle{animation:3.2s ease-in-out infinite twinkle}.sparkle:nth-of-type(2n){animation-delay:-1.6s}}@keyframes twinkle{50%{opacity:.6;scale:.7}}.blob-mint{fill:#d4ece6;width:min(36vw,480px);bottom:6%;left:-10%;rotate:24deg}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:48px;min-height:min(760px,100svh - 112px);display:grid}.hero h1{letter-spacing:-.04em;font-size:clamp(56px,8.4vw,132px);font-weight:600;line-height:.9}.hero h1 em{color:var(--teal);margin-top:.08em;font-style:italic;font-weight:450;display:block}.hero-lede{max-width:31rem;color:var(--ink-soft);margin-block:36px;font-size:20px;line-height:1.55}.hero-stage{justify-items:end;padding-right:4%;display:grid;position:relative}.hero-phone{width:min(340px,78%);rotate:4deg}.stack{aspect-ratio:250/420;filter:drop-shadow(0 18px 24px #0d4f5138);width:min(250px,46%);position:absolute;bottom:-6%;left:-9%}.stack .pebble-char{transform-origin:50% 100%;position:absolute}.stack-base{bottom:0;left:0;width:100%!important}.stack-mid{bottom:43%;left:13%;width:72%!important}.stack-top{bottom:73%;left:31%;rotate:8deg;width:46%!important}.stack-side{bottom:0;left:-34%;width:40%!important}@media (prefers-reduced-motion:no-preference){.stack-mid{animation:5.5s ease-in-out infinite sway}.stack-top{animation:4.2s ease-in-out infinite sway-top}.stack-side{animation:6s ease-in-out infinite hop}.pebble-char .eyes{animation:5.2s infinite blink}.stack-top .eyes{animation-duration:4.1s;animation-delay:1.3s}.cta-pebbles .pebble-char{animation:4.8s ease-in-out infinite peek;animation-delay:calc(var(--i) * -.9s)}}@keyframes sway{0%,to{rotate:-2deg}50%{rotate:2deg}}@keyframes sway-top{0%,to{translate:0;rotate:4deg}50%{translate:4px -6px;rotate:11deg}}@keyframes hop{0%,70%,to{translate:0}78%{translate:0 -16px;rotate:-6deg}86%{translate:0;rotate:0deg}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.moods{background:radial-gradient(52% 46% at 50% 58%, #fde3dc 0, #fde3dc00 100%), var(--paper);text-align:center;padding-block:150px 140px}.moods h2{letter-spacing:-.035em;font-size:clamp(44px,6.4vw,96px);font-weight:600;line-height:.95}.mood-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,3vw,48px);max-width:1080px;margin:72px auto 56px;padding:0;list-style:none;display:grid}.mood-row li{--wake:clamp(0, calc((var(--seen) - .12 - var(--i) * .11) * 4), 1);justify-items:center;gap:18px;display:grid}.mood-row .pebble-char{max-width:200px;translate:0 calc((1 - var(--wake)) * 18px);scale:calc(.9 + var(--wake) * .1);filter:drop-shadow(0 16px 18px #0d4f5129)}.mood-row .face-awake{opacity:var(--wake)}.mood-row .face-asleep{opacity:calc(1 - var(--wake))}.mood-row span{color:var(--ink);opacity:calc(.45 + var(--wake) * .55);font-size:18px;font-weight:650}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mood-row li:hover .pebble-char{animation:wiggle .6s var(--ease-out)}}@keyframes wiggle{30%{rotate:-7deg}60%{rotate:5deg}}.moods-copy{max-width:34rem;color:var(--ink-soft);margin-inline:auto;font-size:19px;line-height:1.6}.activities{padding-block:140px;overflow:hidden}.activities-copy{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:24px 64px;display:grid}.activities-copy p:first-child{margin-top:0}.activities h2,.jar-section h2,.letters h2,.wall h2{letter-spacing:-.03em;font-size:clamp(40px,5vw,72px);font-weight:600;line-height:.98}.activities-copy p,.jar-copy p,.letters-copy p,.wall-head p{color:var(--ink-soft);margin-top:22px;font-size:19px;line-height:1.6}.fan-stage{--spread:clamp(0, calc(var(--seen) * 1.4 - .1), 1);--turn:4.5deg;--step:186px;height:470px;margin-top:40px;position:relative}.fan{margin:0;padding:0;list-style:none}.card{--w:220px;top:96px;left:calc(50% - var(--w) / 2);z-index:calc(10 - var(--a,0));width:var(--w);background:var(--card);transform-origin:50% 420%;rotate:calc(var(--i) * var(--turn) * var(--spread));translate:calc(var(--i) * var(--step) * var(--spread)) 0;transition:scale .2s var(--ease-out);border-radius:26px;padding:12px 12px 18px;position:absolute;box-shadow:0 1px #0d4f510f,0 24px 40px -18px #0d4f5159}.card:first-child,.card:nth-child(5){--a:2}.card:nth-child(2),.card:nth-child(4){--a:1}.card:hover{z-index:20;scale:1.05}.card-art{background:var(--wash);border-radius:18px;place-items:center;height:150px;display:grid}.card-art svg{width:120px;height:90px}.card h3{margin:14px 6px 4px;font-size:21px;font-weight:600;line-height:1.15}.card span{color:var(--card-ink);margin-inline:6px;font-size:14px;font-weight:600}.jar-section{background:radial-gradient(42% 60% at 68% 52%, #fff1c2 0, #fff1c200 100%), linear-gradient(var(--paper), #fbf3e1);padding-block:140px;position:relative;overflow-x:clip}.jar-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:40px;display:grid}.jar-stage{justify-items:center;display:grid;position:relative}.jar{width:min(440px,100%);height:auto;overflow:visible}.jar-outline{fill:none;stroke:#cfe3dd;stroke-width:8px}.jar-shine{fill:none}.jar-lid{fill:var(--teal-deep)}.jar-count{fill:#fff;font-family:var(--sans);text-anchor:middle;font-size:19px;font-weight:700}.jar-shadow{fill:#0d4f511f}.jar-honey{transform:translateY(calc((1 - var(--seen)) * 250px))}.jp{--in:clamp(0, calc((var(--seen) - var(--at)) * 6), 1);opacity:var(--in);transform:translateY(calc((1 - var(--in)) * -460px))}@media (prefers-reduced-motion:no-preference){.jp-glow{animation:3.6s ease-in-out infinite glow}.jp:nth-of-type(odd) .jp-glow,g:nth-child(3n)>.jp .jp-glow{animation-delay:-1.4s}g:nth-child(4n)>.jp .jp-glow{animation-delay:-2.5s}}@keyframes glow{50%{opacity:.35}}.glimmer-chips{margin:0;padding:0;list-style:none}.glimmer-chips li{--show:clamp(0, calc((var(--seen) - .25 - var(--i) * .09) * 5), 1);background:var(--card);font-family:var(--display);white-space:nowrap;opacity:var(--show);translate:0 calc((1 - var(--show)) * 14px);border-radius:16px;padding:10px 16px;font-size:18px;font-style:italic;position:absolute;box-shadow:0 14px 30px -14px #0d4f5159}.glimmer-chips li:first-child{top:14%;left:-2%;rotate:-4deg}.glimmer-chips li:nth-child(2){top:30%;right:-6%;rotate:3deg}.glimmer-chips li:nth-child(3){top:50%;left:-6%;rotate:2deg}.glimmer-chips li:nth-child(4){top:64%;right:-2%;rotate:-3deg}.glimmer-chips li:nth-child(5){bottom:6%;left:2%;rotate:-2deg}.glimmer-chips li:nth-child(6){top:4%;right:6%;rotate:4deg}.news{isolation:isolate;background:var(--teal);color:var(--on-teal);padding-block:140px;position:relative;overflow:hidden}.news-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:72px;display:grid}.news-phone{justify-self:center;width:min(330px,100%);rotate:-4deg}.news h2{letter-spacing:-.03em;color:var(--on-teal);font-size:clamp(40px,5.2vw,76px);font-weight:600;line-height:1}.news p{max-width:34rem;color:var(--on-teal-soft);margin-top:22px;font-size:19px;line-height:1.6}.news strong{color:var(--on-teal)}.news-dots{gap:12px;margin:36px 0 0;padding:0;list-style:none;display:flex}.news-dots li{border-radius:var(--pebble-shape);background:var(--pebble);width:40px;height:34px}.news-dots li+li{background:#ffffff38}.letters{padding-block:150px 140px;position:relative;overflow:hidden}.letters-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:64px;display:grid}.letter-scene{isolation:isolate;--fold:clamp(0, calc(var(--seen) * 2.6), 1);--slide:clamp(0, calc((var(--seen) - .4) * 4), 1);--shut1:clamp(0, calc((var(--seen) - .66) * 8), 1);--shut2:clamp(0, calc((var(--seen) - .785) * 8), 1);--stamp:clamp(0, calc((var(--seen) - .9) * 10), 1);justify-items:center;display:grid;position:relative}.letters-blob{z-index:-1;fill:#fde6e1;width:96%;height:auto;position:absolute;top:2%;left:2%;rotate:-8deg}.envelope{aspect-ratio:44/28;filter:drop-shadow(0 24px 22px #0d4f5129);width:min(480px,92%);margin-top:min(190px,40vw);margin-bottom:20px;position:relative;container-type:inline-size}.envelope>div{position:absolute}.env-back{z-index:0;background:#f3dc98;border-radius:14px;inset:0}.env-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;width:100%;height:62%;top:0;left:0}.env-flap-open{z-index:1;transform:perspective(900px) rotateX(calc(180deg - var(--shut1) * 90deg));opacity:clamp(0, calc((1 - var(--shut1)) * 40), 1);background:#f0d48a}.env-flap-closed{z-index:4;filter:drop-shadow(0 4px 4px #0d4f511f);transform:perspective(900px) rotateX(calc((1 - var(--shut2)) * 90deg));opacity:clamp(0, calc(var(--shut2) * 40), 1);background:#ffe7a6}.letter{z-index:2;aspect-ratio:36/42;perspective:1000px;width:82%;transform-style:preserve-3d;translate:0 calc((1 - var(--slide)) * -12%);bottom:6%;left:9%}.letter-half{width:100%;height:50%;transform-style:preserve-3d;position:absolute;left:0}.letter-top{z-index:1;transform-origin:50% 100%;transform:translateZ(1px) rotateX(calc(var(--fold) * -180deg));top:0}.letter-bottom{bottom:0}.paper{color:var(--ink-soft);backface-visibility:hidden;background:repeating-linear-gradient(#0000 0 calc(7.2cqw - 1px),#136b6d1f calc(7.2cqw - 1px) 7.2cqw),#fffdf7;flex-direction:column;gap:2.5cqw;padding:6cqw 7cqw;font-size:3.8cqw;line-height:7.2cqw;display:flex;position:absolute;inset:0;box-shadow:0 1px 2px #0d4f511a}.letter-top .paper{border-radius:6px 6px 0 0;justify-content:flex-end}.letter-bottom .paper{border-radius:0 0 6px 6px}.paper-back{background:#f6efe0;transform:rotateX(180deg)}.letter-hand{font-family:var(--display);color:var(--teal-deep);font-size:5.4cqw;font-style:italic}.letter-bottom .letter-hand{text-align:right;margin-top:auto}.env-front{z-index:3;clip-path:polygon(0 28%,50% 70%,100% 28%,100% 100%,0 100%);background:linear-gradient(170deg,#fff1c2,#ffe7a6);border-radius:14px;inset:0}.env-to{z-index:3;font-family:var(--display);color:#8a6a12;margin:0;font-size:5cqw;font-style:italic;position:absolute;bottom:10%;left:9%}.seal{z-index:5;width:18%;translate:-50% -50%;scale:calc(1.7 - var(--stamp) * .7);opacity:var(--stamp);filter:drop-shadow(0 6px 8px #0d4f5140);top:62%;left:50%;rotate:-10deg}.letter-date{font-family:var(--display);color:var(--teal-deep);opacity:var(--stamp);font-size:22px;font-style:italic}.wall{background:linear-gradient(#eef3fb,#d9e6f5);padding-block:140px 160px;overflow:hidden}.wall-head{max-width:600px}.wall-hint{font-family:var(--display);color:var(--teal-deep);margin-top:18px;font-size:20px;font-style:italic;display:inline-block}@media (hover:none){.wall-hint{display:none}}.notes{height:640px;margin:56px 0 0;padding:0;list-style:none;position:relative}.note{--show:clamp(0, calc((var(--seen) - .1 - var(--i) * .07) * 6), 1);left:var(--x);top:var(--y);background:var(--paper);width:22%;min-height:190px;color:var(--ink);rotate:var(--tilt);translate:var(--dx,0px) var(--dy,0px);scale:calc(.9 + var(--show) * .1);opacity:var(--show);user-select:none;transition:rotate .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:4px 4px 4px 22px;flex-direction:column;justify-content:space-between;gap:18px;padding:30px 22px 18px;display:flex;position:absolute;box-shadow:0 1px #0d4f510d,0 22px 34px -18px #0d4f5166}.note:before{content:"";background:#fff9;width:84px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-3deg}.note p{font-size:18px;line-height:1.45}.note-pebbles{color:var(--ink-soft);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.note-pebbles svg{width:22px;height:19px;fill:var(--pebble);stroke:var(--ink);stroke-width:40px}@media (hover:hover){.note{cursor:grab}.note:hover{z-index:30;rotate:calc(var(--tilt) * .3);box-shadow:0 1px #0d4f510d,0 32px 44px -18px #0d4f5173}}.note.dragging{cursor:grabbing;transition:none;rotate:0deg}.privacy-block{padding-block:170px 40px;position:relative}.privacy-peek{position:absolute;top:82px;left:64px;width:150px!important}.privacy-card{background:var(--card);border-radius:44px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:64px;display:grid;position:relative;box-shadow:0 30px 60px -30px #0d4f514d}.privacy-card h2{letter-spacing:-.03em;font-size:clamp(38px,4.6vw,64px);font-weight:600;line-height:1}.privacy-text p{color:var(--ink-soft);font-size:18px;line-height:1.6}.privacy-text p+p{margin-top:16px}.care{text-align:center;max-width:720px;padding-block:96px 120px}.care h2{font-size:clamp(30px,3.4vw,42px);font-style:italic;font-weight:500}.care p{color:var(--ink-soft);margin-top:14px;font-size:17px;line-height:1.6}.cta{isolation:isolate;background:var(--teal);color:var(--on-teal);text-align:center;padding-block:150px clamp(170px,20vw,260px);position:relative;overflow:hidden}.cta-inner{justify-items:center;gap:44px;display:grid}.cta h2{letter-spacing:-.045em;color:var(--on-teal);font-size:clamp(56px,10vw,168px);font-weight:600;line-height:.9}.cta h2 em{color:var(--pebble);font-style:italic;font-weight:450}.cta .download-state{align-items:center}.cta .download-note{color:var(--on-teal-soft)}.cta .download-button{min-height:62px;box-shadow:0 8px 0 var(--teal-deep);padding-inline:36px;font-size:19px}.cta .download-button:disabled{box-shadow:none}.cta-pebbles{align-items:flex-end;gap:clamp(8px,2vw,28px);display:flex;position:absolute;bottom:0;left:50%;translate:-50% 34%}.cta-pebbles .pebble-char{width:clamp(84px,13vw,200px)}@keyframes peek{0%,to{translate:0}50%{translate:0 -12px}}@media (width<=960px){.hero-grid,.activities-grid,.jar-grid,.news-grid,.letters-grid,.privacy-card{grid-template-columns:minmax(0,1fr)}.hero-grid{gap:56px;min-height:0;padding-top:32px}.hero-stage{justify-items:center;padding-right:0}.hero-phone{width:min(320px,70%)}.stack{width:min(200px,34%);left:2%}.fan-stage{--step:150px;height:430px}.card{--w:180px}.jar-stage{margin-top:16px}.news-grid{gap:56px}.news-copy{order:-1}.letters-grid,.privacy-card{gap:24px}}@media (width<=700px){.hero{--header:72px;padding-bottom:88px}.hero h1{font-size:clamp(50px,15vw,72px)}.hero-lede{margin-block:24px 28px;font-size:18px}.hero-phone{width:72%;rotate:3deg}.stack{width:27%;bottom:-4%;left:-4%}.stack-side{display:none}.blob-sun{width:120vw;top:auto;bottom:4%;right:-40%}.blob-mint{display:none}.moods,.activities,.jar-section,.news,.letters,.wall{padding-block:88px}.mood-row{margin-block:48px 40px}.mood-row span{font-size:14px}.moods-copy,.activities-copy p,.jar-copy p,.letters-copy p,.wall-head p,.news p{font-size:17px}.fan-stage{height:300px}.activities-copy{grid-template-columns:minmax(0,1fr)}.sparkle{display:none}.fan-stage{--turn:3deg;--step:84px;margin-top:24px}.card{--w:114px;border-radius:18px;padding:7px 7px 12px;top:76px}.card:first-child,.card:nth-child(5){display:none}.card-art{border-radius:12px;height:92px}.card-art svg{width:84px;height:63px}.card h3{margin:8px 3px 4px;font-size:14px}.card span{margin-inline:3px;font-size:12px}.glimmer-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.glimmer-chips li{font-size:16px;position:static}.news-phone{width:70%}.envelope{width:92%}.notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;height:auto;margin-top:40px;display:grid}.note{width:auto;min-height:0;rotate:calc(var(--tilt) * .6);padding:24px 14px 12px;position:relative;top:auto;left:auto}.note:nth-child(n+7){display:none}.note p{font-size:15px}.privacy-block{padding-top:120px}.privacy-peek{top:48px;left:28px;width:110px!important}.privacy-card{border-radius:32px;padding:36px 24px}.care{padding-block:72px 88px}.cta{padding-top:104px}}