:root{--foam:#EEF7FD;--ocean:#0F68C4;--night:#1B1640;--crimson:#C4243B;--moon:#FFF3C4;--white:#FFFFFF;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--foam);color:var(--night);font-family:"Zen Maru Gothic","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;font-weight:500;line-height:1.4;overflow-x:hidden;}[hidden]{display:none !important}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));display:grid;grid-template-columns:1fr;grid-template-areas:"top" "deck" "act";gap:14px;align-content:start;}.top{grid-area:top}.deck{grid-area:deck}.act{grid-area:act}.logo{display:block;width:clamp(60px,17vw,128px);height:auto;aspect-ratio:1 / 1;border-radius:22%;margin-bottom:10px}h1{margin:0 0 8px;font-weight:900;font-size:clamp(1.7rem,1.15rem + 2.5vw,3.3rem);line-height:1.08;letter-spacing:-0.01em;text-wrap:balance;}h1 em{font-style:normal;color:var(--ocean)}.lede{margin:0;font-size:clamp(0.94rem,0.88rem + 0.3vw,1.15rem);max-width:34em}.deck{position:relative;padding-top:26px}.switch{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 16px;border:3px solid var(--night);border-radius:999px;background:var(--white);color:var(--night);font:inherit;font-weight:700;font-size:clamp(0.86rem,0.82rem + 0.2vw,1rem);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}.switch:focus-visible{outline:3px solid var(--crimson);outline-offset:3px}.track{position:relative;flex:none;width:64px;height:34px;border-radius:999px;background:var(--night);}.knob{position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:var(--moon);transform:translateX(0);transition:transform .22s cubic-bezier(.3,1.4,.5,1);}.switch[aria-checked="true"] .knob{transform:translateX(30px)}.switch[aria-checked="true"] .track{background:var(--ocean)}.lab{font-weight:500}.switch[aria-checked="true"] .lab-with,.switch[aria-checked="false"] .lab-without{font-weight:900}.knob i{display:block;width:100%;height:100%;border-radius:50%;animation:nudge 1.1s .7s ease-in-out 1 both}@keyframes nudge{0%,100%{transform:translateX(0)}40%{transform:translateX(-6px)}}.card{background:var(--ocean);color:var(--white);border-radius:26px;padding:40px 14px 14px;transform-origin:50% 50%;backface-visibility:hidden;}.face{display:grid;gap:10px}.face-head{display:flex;align-items:center;gap:8px;margin:0;font-weight:900;font-size:clamp(1rem,0.94rem + 0.3vw,1.25rem);}.face-head svg{flex:none;width:30px;height:18px}.slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px;}.slots li{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:4px 6px;border-radius:12px;font-weight:700;font-size:clamp(0.8rem,0.76rem + 0.25vw,1rem);line-height:1.15;text-align:center;}.with .slots li{background:var(--white);color:var(--night)}.with .slots li.pick{background:var(--moon)}.pick svg{flex:none;width:14px;height:16px}.without .slots li{border:2px solid rgba(255,255,255,.55);color:var(--white);font-weight:900;}.note{margin:0;min-height:2.8em;font-size:clamp(0.88rem,0.84rem + 0.2vw,1.02rem)}.act{display:grid;gap:8px;justify-items:stretch}.cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 22px;border-radius:18px;background:var(--crimson);color:var(--white);font-weight:900;font-size:clamp(1.08rem,1rem + 0.4vw,1.3rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease;}.cta:active{transform:scale(.98)}.cta:focus-visible{outline:3px solid var(--night);outline-offset:3px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.worry{margin:0;font-size:clamp(0.84rem,0.8rem + 0.2vw,0.98rem);text-align:center}footer{padding:8px 16px calc(10px + env(safe-area-inset-bottom));font-size:clamp(0.74rem,0.72rem + 0.1vw,0.84rem);text-align:center;}@media (min-width: 900px){main{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);grid-template-areas:"top deck" "act deck";column-gap:56px;row-gap:22px;align-content:center;padding-top:32px;padding-bottom:24px;}.top{align-self:end}.act{align-self:start;justify-items:start;max-width:420px}.cta{width:100%}.worry{text-align:left}.deck{align-self:center}.card{padding:48px 22px 22px}.slots{gap:10px}.slots li{min-height:54px}.logo{margin-bottom:18px}h1{margin-bottom:14px}}@media (prefers-reduced-motion: reduce){.knob,.cta{transition:none}.knob i{animation:none}}html,body{max-width:100%;overflow-x:clip}