:root{--field:#4d9f5b;--deep:#1f5a2e;--ink:#0b130c;--tile:#ffffff;--clue:#f2c12e;--mist:#e8f3ea;--slate:#6a6a6b;--soft:#d3ead7;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:"Public Sans",system-ui,sans-serif;font-weight:400;background:var(--field);color:var(--ink);line-height:1.5;overflow-x:hidden}.hero{position:relative;overflow:hidden;min-height:100dvh;display:grid;grid-template-columns:1fr;isolation:isolate}.copy{position:relative;z-index:2;background:var(--deep);color:var(--tile);padding:calc(env(safe-area-inset-top) + 20px) max(20px,env(safe-area-inset-right)) 26px max(20px,env(safe-area-inset-left))}.brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand img{width:56px;height:56px;border-radius:14px;display:block}.brand span{font-family:"Gluten",cursive;font-weight:700;font-size:clamp(1.15rem,1rem + 0.6vw,1.5rem);letter-spacing:0.01em}h1{font-family:"Gluten",cursive;font-weight:700;font-size:clamp(1.85rem,1.2rem + 3.2vw,3.6rem);line-height:1.08;letter-spacing:-0.005em;max-width:15ch}h1 em{font-style:normal;color:var(--clue)}.sub{margin-top:14px;font-size:clamp(0.98rem,0.92rem + 0.3vw,1.15rem);color:var(--soft);max-width:36ch}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;min-height:54px;padding:0 28px;border-radius:14px;background:var(--clue);color:var(--ink);font-weight:600;font-size:clamp(1.02rem,0.98rem + 0.3vw,1.18rem);text-decoration:none;border:3px solid var(--ink);transition:transform .18s ease;-webkit-tap-highlight-color:transparent}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--tile);outline-offset:4px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.after{margin-top:12px;font-size:clamp(0.86rem,0.82rem + 0.2vw,0.95rem);color:var(--soft);max-width:38ch}.stage{position:relative;z-index:1;padding:22px max(16px,env(safe-area-inset-right)) 30px max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center}.drift{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.drift i{position:absolute;width:var(--s);height:var(--s);border:3px solid rgba(11,19,12,.18);border-radius:8px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-family:"Gluten",cursive;font-weight:700;font-style:normal;font-size:calc(var(--s) * 0.5);color:rgba(11,19,12,.2);animation:float var(--d) ease-in-out infinite alternate}@keyframes float{from{transform:translateY(0) rotate(var(--r))}to{transform:translateY(-14px) rotate(calc(var(--r) * -1))}}.scene{width:100%;max-width:380px;height:auto;display:block}.scene .arm{transition:transform .5s cubic-bezier(.3,1.4,.5,1);transform-box:view-box}.scene .armL{transform-origin:152px 150px}.scene .armR{transform-origin:208px 150px}.scene .t{transition:transform .45s ease;transform-box:fill-box;transform-origin:center}.scene .face-o,.scene .bubble,.scene .tq,.scene .tg{transition:opacity .3s ease}.scene .bubble{transform-box:fill-box;transform-origin:left bottom;transition:opacity .3s ease,transform .35s ease}.meter{width:100%;max-width:380px;margin-top:6px}.track{position:relative;height:56px;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.rail{position:absolute;left:22px;right:22px;top:24px;height:8px;border-radius:8px;background:rgba(11,19,12,.25)}.fill{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:8px;background:var(--ink);transform-origin:left center;transform:scaleX(0);transition:transform .3s ease}.dot{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--field);border:3px solid var(--ink)}.knob{position:absolute;left:22px;top:4px;width:48px;height:48px;margin-left:-24px;border-radius:11px;background:var(--clue);border:3px solid var(--ink);display:grid;place-items:center;font-family:"Gluten",cursive;font-weight:700;font-size:1.6rem;line-height:1;color:var(--ink);transition:transform .3s cubic-bezier(.3,1.3,.5,1)}.track:focus-visible .knob{outline:3px solid var(--tile);outline-offset:3px}.track.drag .knob,.track.drag .fill{transition:none}.stops{display:flex;justify-content:space-between;margin-top:2px;list-style:none}.stops li{flex:1;text-align:center;font-size:0.82rem;font-weight:600;color:var(--ink)}.stops li:first-child{text-align:left}.stops li:last-child{text-align:right}.stops button{font:inherit;color:inherit;background:none;border:0;min-height:44px;padding:0 4px;cursor:pointer;-webkit-tap-highlight-color:transparent}.stops button[aria-pressed="true"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.say{margin-top:8px;text-align:center;font-size:clamp(0.95rem,0.9rem + 0.25vw,1.08rem);color:var(--ink);min-height:3em;max-width:32ch;margin-left:auto;margin-right:auto}.doubt{background:var(--mist);padding:44px max(20px,env(safe-area-inset-right)) 48px max(20px,env(safe-area-inset-left))}.doubt div{max-width:640px;margin:0 auto}.doubt h2{font-family:"Gluten",cursive;font-weight:700;font-size:clamp(1.4rem,1.1rem + 1.4vw,2rem);line-height:1.15;color:var(--deep)}.doubt p{margin-top:12px;font-size:clamp(1rem,0.95rem + 0.2vw,1.1rem);color:var(--ink)}.doubt p + p{color:#3d4a3f}footer{background:var(--ink);color:var(--soft);padding:26px max(20px,env(safe-area-inset-right)) calc(26px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));font-size:0.9rem;text-align:center}footer strong{color:var(--tile);font-weight:600}@media (min-width:900px){.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}.hero::before{content:"";position:absolute;inset:0;z-index:0;background:var(--deep);clip-path:polygon(0 0,60% 0,47% 100%,0 100%)}.copy{background:none;padding:56px 3vw 56px max(56px,6vw);align-self:center}.brand{margin-bottom:34px}.brand img{width:96px;height:96px;border-radius:20px}.sub{margin-top:20px}.cta{margin-top:30px}.stage{padding:48px 5vw 40px 3vw}.scene,.meter{max-width:440px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}html,body{max-width:100%;overflow-x:clip}