body.home{--cream:#fff8f1;--mint-sky:#e5f5ef;--water:#a3dacb;--leaf:#e4f3db;--coral:#ff8a5b;--coral-soft:#ffe9de;--sun-soft:#fdf0d3;background:var(--cream);overflow-x:clip}body.home .shell{max-width:none;padding:0}body.home .top{z-index:20;max-width:var(--shell);margin:0 auto;padding:1rem 1.25rem;position:absolute;top:0;left:0;right:0}body.home .top .brand{color:var(--ink-now,var(--ink))}body.home footer{max-width:var(--shell);border-top:0;margin:0 auto;padding-inline:1.25rem}body.home main>section{padding:0}body.home .wrap{max-width:var(--shell);margin:0 auto;padding:0 1.25rem}.bank{position:absolute;inset:0}.bank .rb-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.bank-otter{left:50%;bottom:var(--water);z-index:2;width:var(--otter);height:var(--otter);margin-left:calc(var(--otter) / -2);position:absolute}.bank-otter img,.bank-otter canvas,.fit-otter img,.fit-otter canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.bank-otter canvas,.fit-otter canvas{opacity:0;transition:opacity .2s linear}.rive-on canvas{opacity:1}.rive-on .poster{visibility:hidden;transition:visibility 0s .2s}body.home .hero{background:var(--sky-now,var(--mint-sky));height:max(600px,min(100svh,980px));color:var(--ink-now,var(--ink));--otter:clamp(170px, min(33svh, 54vw), 300px);--water:calc(var(--otter) * .42);padding:0;display:block;position:relative;overflow:hidden}.hero-copy{z-index:3;inset-inline:0;top:4.75rem;bottom:calc(var(--water) + var(--otter) + .75rem);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.1rem,3.2svh,2rem);padding:0 1.25rem;display:flex;position:absolute}body.home .hero h1{letter-spacing:-.025em;text-wrap:balance;color:var(--ink-now,var(--ink));font-size:clamp(2.2rem,min(9.6vw,7.4svh),4.7rem);line-height:1.05}body.home .hero .hl{color:var(--ink);border:2px solid var(--outline);box-shadow:inset 0 -.16em 0 var(--primary);background:#fff;border-radius:.22em;margin:0;padding:0 .22em;line-height:1.25}body.home .hero .stores{justify-content:center}.lake{z-index:4;background:var(--water-now,var(--water));position:relative;padding:0 0 2.75rem!important}.lake .answer{border-radius:var(--r-xl);background:#fff;border-bottom-width:7px;max-width:46rem;margin:-1.5rem auto 0;padding:1.5rem 1.6rem;position:relative}.lake .answer h2{font-size:1.35rem}.lake .answer p{color:var(--muted-tint);font-size:1.02rem}.lake:after{content:"";inset-inline:0;background:var(--water-now,var(--water));height:12px;position:absolute;bottom:-11px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M0 0h24v3L12 12 0 3z'/%3E%3C/svg%3E") 0 0/24px 12px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Cpath d='M0 0h24v3L12 12 0 3z'/%3E%3C/svg%3E") 0 0/24px 12px repeat-x}.band{padding:clamp(3.75rem,9vw,6.5rem) 0!important}.band-cream{background:var(--cream)}.band-white{background:#fff}.band .head{max-width:44rem;margin-bottom:2.25rem}.band h2{font-size:clamp(1.95rem,4.4vw,2.9rem)}.split{align-items:center;gap:2.25rem;display:grid}.split>*{min-width:0}@media (width>=60rem){.split{grid-template-columns:.95fr 1.05fr;gap:4rem}.split.rev>.copy{order:2}}.copy p{color:var(--muted);margin-top:.95rem;font-size:1.07rem}.copy p.note{color:#2e4a22;background:var(--leaf);border:2px solid var(--outline);border-radius:var(--r-lg);border-bottom-width:4px;margin-top:1.4rem;padding:.85rem 1.05rem;font-size:1rem;font-weight:600}.copy p.strong{color:var(--ink);font-weight:700}.stage-card{aspect-ratio:4/3;background:var(--scene-sky,var(--mint-sky));border:2.5px solid var(--outline);border-bottom-width:7px;border-radius:24px;margin:0;position:relative;overflow:hidden;container-type:inline-size}.stage-card>*{--otter:clamp(110px, 34cqw, 230px);--water:calc(var(--otter) * .38)}.stage-grow>*{--water:calc(var(--otter) * .38 + 2.9rem)}.daychip{z-index:3;top:.8rem;font-variant-numeric:tabular-nums;border:2px solid var(--outline);background:#fff;border-bottom-width:4px;border-radius:999px;padding:.3rem .8rem;font-size:.95rem;font-weight:700;position:absolute;inset-inline-start:.8rem}.grow-ctl{z-index:3;inset-inline:1rem;position:absolute;bottom:.7rem}.grow-ctl input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:26px;margin:0}.grow-ctl input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--outline);background:#fff;border-radius:999px;height:12px}.grow-ctl input[type=range]::-moz-range-track{border:2px solid var(--outline);background:#fff;border-radius:999px;height:8px}.grow-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border:2px solid var(--outline);border-bottom-width:4px;border-radius:50%;width:26px;height:26px;margin-top:-9px}.grow-ctl input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid var(--outline);border-radius:50%;width:22px;height:22px}.ticks{color:#1f4a40;height:1.1rem;margin:.1rem 13px 0;font-size:.74rem;font-weight:700;position:relative}.ticks span{left:calc(var(--at) * 100%);font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}[dir=rtl] .ticks span{left:auto;right:calc(var(--at) * 100%);transform:translate(50%)}.shop{gap:1.1rem;display:grid}.fitting{background:var(--mint-sky);border:2.5px solid var(--outline);border-bottom-width:7px;border-radius:24px;height:clamp(250px,44vw,330px);position:relative;overflow:hidden}.fitting:before{content:"";border:2px solid var(--outline);background:#f4ece3;border-radius:50%;width:62%;height:2.4rem;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.fit-otter{aspect-ratio:1;width:clamp(190px,34vw,250px);position:absolute;bottom:2.7rem;left:50%;transform:translate(-50%)}.fit-label{z-index:2;white-space:nowrap;border:2px solid var(--outline);background:#fff;border-bottom-width:4px;border-radius:999px;gap:.35rem;margin:0;padding:.3rem .85rem;font-size:.92rem;font-weight:700;display:flex;position:absolute;top:.8rem;left:50%;transform:translate(-50%)}.fit-label span[data-shop-hat]:not([hidden]):after{content:" ·"}.shelf h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.4rem 0 .55rem;font-size:.8rem}.hats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}@media (width>=30rem){.hats{grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem}}.hat,.skin,.rhythm,.b-toggle{font:inherit;cursor:pointer;color:var(--ink);border:2px solid var(--outline);background:#fff;border-bottom-width:4px}.hat{border-radius:14px;justify-items:center;gap:.1rem;padding:.35rem .2rem .3rem;display:grid}.hat-img{aspect-ratio:1;background:url(/assets/otter/hats.webp) 0 0/1600% 100% no-repeat;background-position:calc(var(--i) * 100% / 15) 0;width:100%;max-width:42px;display:block}.price{font-variant-numeric:tabular-nums;align-items:center;gap:.2rem;font-size:.72rem;font-weight:700;display:inline-flex}.shellico{width:14px;height:13px;color:var(--ink);flex:none}.skins{grid-template-columns:repeat(6,minmax(0,40px));gap:.5rem;display:grid}@media (width>=30rem){.skins{grid-template-columns:repeat(12,minmax(0,40px));gap:.35rem}}.skin{aspect-ratio:1;border-bottom-width:2px;border-radius:50%;width:100%;height:auto;padding:2px}.skin span{background:linear-gradient(var(--fur) 0 58%, var(--belly) 58% 100%);width:100%;height:100%;box-shadow:inset 0 0 0 3px var(--accent);border-radius:50%;display:block}.hat[aria-pressed=true],.rhythm[aria-pressed=true]{background:var(--primary-soft);border-bottom-width:2px;transform:translateY(2px)}.skin[aria-pressed=true]{outline:3px solid var(--primary);outline-offset:2px}.hat:hover,.rhythm:hover{background:var(--surface-alt)}.stage-breathe{aspect-ratio:1}@media (width>=40rem){.stage-breathe{aspect-ratio:6/5}}.stage-breathe>*{--otter:clamp(120px, 36cqw, 240px)}.b-hud{z-index:3;inset-inline:0;top:.6rem;bottom:calc(var(--water) + var(--otter) + .2rem);color:var(--ink-now,var(--ink));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;display:flex;position:absolute}.b-total{top:.2rem;font-variant-numeric:tabular-nums;color:var(--ink);border:2px solid var(--outline);background:#fff;border-bottom-width:4px;border-radius:999px;padding:.2rem .7rem;font-size:.9rem;font-weight:700;position:absolute;inset-inline-end:.8rem}.b-phase{align-items:center;gap:.5rem;margin:0;font-size:clamp(1.35rem,6cqw,2rem);font-weight:700;display:flex}.b-phase b{min-width:1.6em;height:1.6em;color:var(--ink);border:2px solid var(--outline);font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;place-items:center;font-size:.8em;display:inline-grid}.b-bar{border:2px solid var(--outline);background:#fff;border-radius:999px;width:min(72%,300px);height:16px;position:relative;overflow:hidden}.b-bar span{background:var(--primary);width:0;position:absolute;inset-block:0;inset-inline-start:0}.b-bar.holding span{background:var(--coral)}.b-meta{margin:0;font-size:.85rem;font-weight:700}.b-toggle{z-index:3;bottom:.7rem;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:700;position:absolute;inset-inline-end:.7rem}.rhythms{flex-wrap:wrap;gap:.5rem;margin-top:1.4rem;display:flex}.rhythm{border-radius:999px;padding:.5rem .9rem;font-size:.92rem;font-weight:700}.rhythm small{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:.25rem;font-weight:600}.fish-line{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fish-line>path{fill:none;stroke:#2b2622;stroke-width:1.4px;stroke-linecap:round;opacity:.85}.fish-line .float circle{fill:#ff6b4a;stroke:#2b2622;stroke-width:1.6px}.fish-line .float path{stroke:#fff;stroke-width:1.6px}.catch{z-index:4;border:2px solid var(--outline);opacity:0;background:#fff;border-bottom-width:4px;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:1rem;font-weight:700;transition:opacity .25s,transform .35s cubic-bezier(.3,1.6,.5,1);display:inline-flex;position:absolute;top:14%;left:50%;transform:translate(-50%,8px)scale(.9)}.catch.show{opacity:1;transform:translate(-50%)scale(1)}.catch .shellico{width:18px;height:16px}.bento{gap:1.1rem;display:grid}@media (width>=52rem){.bento{grid-template-columns:1fr 1fr;gap:1.25rem}}.tile{border:2px solid var(--outline);border-radius:var(--r-xl);background:#fff;border-bottom-width:6px;padding:1.35rem 1.4rem 1.5rem}.tile h3{margin-top:1.2rem;font-size:1.2rem}.tile p{color:var(--muted);margin-top:.45rem;font-size:.97rem}.counter{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.counter .cell{background:var(--primary-soft);border:2px solid var(--outline);border-radius:var(--r-md);border-bottom-width:4px;justify-items:center;padding:.7rem .2rem .55rem;display:grid}.counter b{font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,6vw,2.3rem);line-height:1}.counter span{color:var(--muted-tint);margin-top:.3rem;font-size:.8rem;font-weight:700}.moodcard{background:var(--sun-soft);border:2px solid var(--outline);border-radius:var(--r-lg);--mood:#72c18d;border-bottom-width:4px;align-items:center;gap:.9rem;padding:.95rem 1rem;display:flex}.moodcard[data-level="0"]{--mood:#6c9bd1;background:#e3eefb}.moodcard[data-level="1"]{--mood:#f6b93b;background:var(--sun-soft)}.moodcard[data-level="2"]{--mood:#72c18d;background:var(--leaf)}.moodcard .face{flex:none;width:46px;height:46px}.moodcard .face>circle:first-child{fill:var(--mood);stroke:var(--outline);stroke-width:2.2px}.moodcard .face .eye{fill:var(--outline)}.moodcard .face .mouth{fill:none;stroke:var(--outline);stroke-width:2.4px;stroke-linecap:round}.mood-main{flex:1;min-width:0}.moodcard .mood-top{justify-content:space-between;font-size:.92rem;font-weight:700;display:flex}.moodcard .mood-top span:last-child{font-variant-numeric:tabular-nums}.moodcard .mood-track{border:2px solid var(--outline);background:#fff;border-radius:999px;height:14px;margin-top:.45rem;position:relative;overflow:hidden}.moodcard .mood-track span{background:var(--mood);width:72%;position:absolute;inset-block:0;inset-inline-start:0}.savings{background:var(--sun-soft);border:2px solid var(--outline);border-radius:var(--r-lg);border-bottom-width:4px;min-height:6.4rem;padding:.95rem 1.1rem;display:grid;position:relative}.savings b{font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,5.5vw,2.3rem);line-height:1.1}.savings>span{color:var(--muted-tint);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.sav-bars{inset-inline-end:1rem;align-items:flex-end;gap:5px;height:3.6rem;display:flex;position:absolute;bottom:.9rem}.sav-bars i{width:10px;height:calc(var(--h,.3) * 100%);background:var(--gold);border:2px solid var(--outline);border-bottom:0;border-radius:4px 4px 0 0;display:block}.sav-bars i:first-child{--h:.18}.sav-bars i:nth-child(2){--h:.3}.sav-bars i:nth-child(3){--h:.42}.sav-bars i:nth-child(4){--h:.55}.sav-bars i:nth-child(5){--h:.68}.sav-bars i:nth-child(6){--h:.82}.sav-bars i:nth-child(7){--h:1}.chat{background:var(--mint-sky);border:2px solid var(--outline);border-radius:var(--r-lg);border-bottom-width:4px;gap:.55rem;padding:.95rem 1rem;display:grid}.chat p{border:2px solid var(--outline);max-width:88%;margin:0;padding:.55rem .8rem;font-size:.92rem;line-height:1.35}.chat .me{background:var(--primary);color:var(--on-primary);border-radius:16px 16px 4px;justify-self:end;font-weight:600}.chat .otter{background:#fff;border-radius:16px 16px 16px 4px;justify-self:start;align-items:flex-start;gap:.5rem;display:flex}.chat .otter img{border:2px solid var(--outline);border-radius:8px;flex:none;width:26px;height:26px}[dir=rtl] .chat .me{border-radius:16px 16px 16px 4px}[dir=rtl] .chat .otter{border-radius:16px 16px 4px}.chat .otter.typing span{opacity:0}.chat .otter.typing:after{content:"• • •";letter-spacing:.1em;margin-inline-start:2.6rem;font-weight:700;position:absolute}.chat .otter{position:relative}body.home .health-note{max-width:46rem;color:var(--muted);margin-top:1.6rem;font-size:.9rem}.relapse{background:var(--coral-soft);border:2.5px solid var(--outline);border-bottom-width:7px;border-radius:24px;justify-items:center;gap:.4rem;margin:0;padding:1.5rem 1.25rem 1.75rem;display:grid}.relapse img{width:clamp(150px,40%,210px);height:auto}.relapse blockquote{text-align:center;border:2px solid var(--outline);border-radius:var(--r-lg);background:#fff;border-bottom-width:4px;width:100%;max-width:24rem;margin:0;padding:1rem 1.1rem}.relapse .q1{font-size:1.35rem;font-weight:700;line-height:1.2}.relapse .q2{color:var(--muted);margin-top:.35rem}body.home .card .ico{background:var(--primary-soft)}body.home .card .ico svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}body.home .card:nth-child(2) .ico{background:var(--coral-soft)}body.home .card:nth-child(3) .ico{background:var(--sun-soft)}body.home .night{background:var(--sky-now,#5563bd);--otter:clamp(140px, min(24svh, 38vw), 220px);--water:calc(var(--otter) * .42);min-height:max(620px, calc(var(--otter) + var(--water) + 25rem));position:relative;overflow:hidden}body.home .night .finale{z-index:3;text-align:center;max-width:44rem;box-shadow:none;color:var(--ink-now,#fff8f1);background:0 0;border:0;border-radius:0;margin:0 auto;padding:clamp(4rem,9vw,6rem) 1.25rem 0;display:block;position:relative}body.home .night .finale h2{color:inherit;font-size:clamp(2rem,5vw,3.2rem)}body.home .night .finale p{color:inherit;opacity:.92;margin-top:.9rem;font-size:1.05rem}body.home .night .finale .stores{justify-content:center;margin-top:1.75rem}body.home footer{margin-top:0}@media (prefers-reduced-motion:reduce){.catch,.bank-otter canvas,.fit-otter canvas{transition:none}}