:root{--ground:#ffffff;--ink:#14171c;--blue:#1a8cf0;--tint:#e8f3fe;--grey:#5b6470;--big:clamp(2rem,1.35rem + 3vw,3.75rem);--small:0.6875rem;--gut:clamp(1.25rem,0.75rem + 3vw,4rem);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Archivo",system-ui,sans-serif;font-size:1rem;line-height:1.6;font-weight:400;overflow-x:clip}::selection{background:var(--tint);color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:999px}h1,h2,p{margin:0}h1,h2{text-wrap:balance}p,li,td,th{text-wrap:pretty}.wrap{max-width:1240px;margin:0 auto;padding-left:max(var(--gut),env(safe-area-inset-left));padding-right:max(var(--gut),env(safe-area-inset-right))}.hero{display:grid;grid-template-columns:1fr;gap:2rem;padding-top:max(1.25rem,env(safe-area-inset-top));padding-bottom:4rem}.brandrow{display:flex;align-items:center;gap:0.75rem}.logo{display:block;width:56px;height:56px;border-radius:14px}.wordmark{font-weight:800;font-size:1rem;letter-spacing:-0.01em}h1{font-weight:800;font-size:var(--big);line-height:1.04;letter-spacing:-0.035em;margin-top:1.75rem;max-width:16ch}.lead{margin-top:1rem;color:var(--grey);max-width:44ch}.shelf{margin-top:1.5rem}.shelf-label{font-size:var(--small);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--grey);margin-bottom:0.5rem}.tabs{display:flex;gap:0.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 6px;margin:-4px -2px 0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{all:unset;flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:0.5rem;min-height:44px;padding:0 1.1rem 0 0.9rem;border-radius:999px;background:var(--tint);color:var(--ink);font-weight:600;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease-out,color .2s ease-out}.tab svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tab[aria-selected="true"]{background:var(--ink);color:#fff}.tab:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.start-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:440px;min-height:58px;margin-top:1rem;padding:0 1.5rem;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;font-size:1rem;letter-spacing:0.005em;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.16,1,.3,1)}.start-btn:active{transform:scale(0.97)}.under{margin-top:0.75rem;color:var(--grey);max-width:44ch}.figure{margin:0;align-self:center}.figure svg{display:block;width:100%;max-width:400px;height:auto}@media (min-width:960px){.hero{grid-template-columns:repeat(12,1fr);column-gap:24px;min-height:100dvh;align-items:center;padding-bottom:6rem}.hero-text{grid-column:1 / span 6}.figure{grid-column:8 / span 5}.figure svg{max-width:460px}.brandrow{margin-bottom:2rem}.logo{width:96px;height:96px;border-radius:22px}}.term{all:unset;cursor:help;color:var(--ink);font-weight:600;background-image:linear-gradient(var(--blue),var(--blue));background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;-webkit-tap-highlight-color:transparent}.term:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}[popover]{border:0;margin:0;padding:0.75rem 1rem;max-width:min(260px,80vw);border-radius:16px;background:var(--ink);color:#fff;font-size:1rem;line-height:1.5;position-area:bottom;margin-top:8px}.info{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;vertical-align:middle;color:var(--blue);border-radius:999px}.info svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fold{padding-top:2rem;padding-bottom:2rem}details{max-width:760px}details + details{margin-top:0.5rem}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:0 1.25rem;border-radius:999px;background:var(--tint);cursor:pointer;-webkit-tap-highlight-color:transparent}summary::-webkit-details-marker{display:none}summary h2{font-size:1rem;font-weight:800;letter-spacing:-0.005em;line-height:1.3}summary .chev{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.16,1,.3,1)}details[open] summary .chev{transform:rotate(180deg)}details[open] summary{background:var(--ink);color:#fff}details[open] summary .chev{stroke:#fff}.body{padding:2rem 1.25rem 3.5rem}.body p + p{margin-top:1rem}.ticks{list-style:none;margin:0;padding:0}.ticks li{display:grid;grid-template-columns:24px 1fr;gap:0.75rem;align-items:start}.ticks li + li{margin-top:1.25rem}.ticks svg{width:20px;height:20px;margin-top:3px;fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.pair{display:grid;gap:2rem}@media (min-width:640px){.pair{grid-template-columns:1fr 1fr}}.pair h3{font-size:1rem;font-weight:800;margin:0 0 0.25rem}.pair p{color:var(--grey)}.choices{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1rem}.choice{all:unset;display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;border-radius:999px;background:var(--tint);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.choice[aria-pressed="true"]{background:var(--ink);color:#fff}.choice:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.answer{margin-top:1.25rem;max-width:56ch}.limit{margin-top:3.5rem;max-width:760px;border:1px solid var(--ink);border-radius:28px;padding:1.5rem 1.5rem}.limit h2{font-size:1rem;font-weight:800}.limit p{margin-top:0.5rem;color:var(--grey)}.closing{padding-top:7rem;padding-bottom:5rem}.closing h2{font-size:var(--big);font-weight:800;line-height:1.04;letter-spacing:-0.035em;max-width:16ch}.closing .start-btn{margin-top:2rem}footer{margin-top:3rem;padding-top:2.5rem;padding-bottom:max(3rem,env(safe-area-inset-bottom));border-top:1px solid #d9dde3}.frow{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid #d9dde3;font-size:var(--small);letter-spacing:0.1em;text-transform:uppercase}.frow span:first-child{color:var(--grey);font-weight:600}.frow a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.fbrand{display:flex;align-items:center;gap:0.5rem;padding-top:1.5rem;font-weight:800}.fbrand img{width:28px;height:28px;border-radius:8px}.bar{transform-box:fill-box;transform-origin:left center}@media (prefers-reduced-motion:no-preference){.bar{animation:fill 1.6s cubic-bezier(.16,1,.3,1) .4s both}.done{animation:show .5s ease-out 1.8s both}.wait{animation:hide .3s ease-out 1.7s both}}@keyframes fill{from{transform:scaleX(0.18)}to{transform:scaleX(1)}}@keyframes show{from{opacity:0}to{opacity:1}}@keyframes hide{from{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}