@property --glow{syntax: '<percentage>';initial-value: 28%;inherits: false}@property --turn{syntax: '<angle>';initial-value: 0deg;inherits: false}:root{--canvas:#F4F5F7;--surface:#FCFCFD;--ink:#1A1C21;--quiet:#696D75;--rule:#D6D9DF;--accent:#0265DC;--accent-deep:#0046A8;--go:#0C7A50;--caution:#96500A;--stop:#C8343C;--pad:clamp(16px,5vw,32px);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Source Sans 3",ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;font-weight:400;font-size:clamp(16px,1.2vw + 13px,18px);line-height:1.55;overflow-x:hidden;}h1,h2,h3{font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.14;margin:0}p{margin:0}a{color:var(--accent-deep)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-inline:var(--pad)}.top{padding-top:clamp(14px,3vw,22px)}.top .wrap{display:flex;align-items:center;gap:12px}.top img{display:block;width:clamp(48px,13vw,96px);height:auto;border-radius:4px}.brandline{font-weight:900;letter-spacing:-0.01em;font-size:clamp(1.05rem,4vw,1.3rem)}.brandline span{display:block;font-weight:400;font-size:0.78rem;color:var(--quiet);letter-spacing:0.02em}.hero{position:relative;padding:clamp(18px,4vw,34px) 0 clamp(26px,5vw,40px);background:radial-gradient(74% 58% at 50% var(--glow),#DEE9FC,rgba(222,233,252,0) 72%);animation:breathe 11s ease-in-out infinite alternate;}@keyframes breathe{to{--glow:76%}}.hero h1{font-size:clamp(2rem,8.4vw,3.6rem);letter-spacing:-0.015em;max-width:17ch}.hero .lead{margin-top:14px;max-width:46ch;color:#3C4049}.ctarow{margin-top:clamp(18px,4vw,26px);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 clamp(20px,5vw,30px);border:2px solid transparent;border-radius:6px;color:#fff;text-decoration:none;font-weight:900;font-size:1.05rem;letter-spacing:0.01em;background:linear-gradient(var(--accent),var(--accent)) padding-box,conic-gradient(from var(--turn),var(--accent),#0F6FE0,var(--accent-deep),var(--accent)) border-box;animation:turn 6s linear infinite;}@keyframes turn{to{--turn:360deg}}.cta .arw{width:16px;height:16px;flex:0 0 auto}.undercta{font-size:0.92rem;color:#4A4E56}.story{padding-bottom:clamp(20px,5vw,40px)}.stage{position:sticky;top:10px;z-index:1;height:46dvh;min-height:240px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:10px;}.stage svg{width:100%;height:100%;max-width:420px}.steps{margin-top:6px}.step{min-height:70dvh;display:flex;align-items:flex-end;padding-bottom:7dvh}.step p{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:16px 18px;max-width:34ch;font-size:clamp(1.05rem,4.1vw,1.35rem);line-height:1.35;opacity:0.75;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease;}.step.on p{opacity:1;transform:translateY(0);border-color:#A9C6EE}.row-in{transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .5s ease;transform-box:fill-box;transform-origin:center}.bar-fill{transition:transform .6s ease;transform-box:fill-box;transform-origin:left center;transform:scaleX(var(--v))}.rank,.pin,.hint{transition:opacity .45s ease}.hilite{transition:opacity .45s ease}.stage[data-step="1"] .row-in{transform:translate(var(--dx),var(--dy)) rotate(var(--r))}.stage[data-step="1"] .bar-fill{transform:scaleX(0)}.stage[data-step="1"] .rank{opacity:0}.stage[data-step="1"] .hilite{opacity:0}.stage[data-step="1"] .pin{opacity:0}.stage[data-step="2"] .row-in{transform:translate(calc(var(--dx) * 0.45),calc(var(--dy) * 0.45)) rotate(calc(var(--r) * 0.4))}.stage[data-step="2"] .rank{opacity:0}.stage[data-step="2"] .hilite{opacity:0}.stage[data-step="2"] .pin{opacity:0}.stage[data-step="2"] .hint{opacity:1}.hint{opacity:0}.stage[data-step="3"] .hint,.stage[data-step="0"] .hint{opacity:0}.sheet{padding:clamp(26px,6vw,48px) 0 0}.sheet h2{font-size:clamp(1.5rem,5.6vw,2.2rem);max-width:20ch}.sheet .sub{margin-top:10px;color:var(--quiet);max-width:48ch}.list{list-style:none;margin:clamp(18px,4vw,28px) 0 0;padding:0;display:grid;gap:16px}.item{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:20px;padding:clamp(16px,4vw,24px)}.item h3{display:flex;align-items:center;gap:12px;font-size:clamp(1.15rem,4.4vw,1.5rem)}.tick{width:26px;height:26px;flex:0 0 auto}.tick circle{fill:none;stroke:var(--rule);stroke-width:2}.tick path{stroke:var(--go);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;transition:opacity .4s ease,transform .4s ease}.item.ticked .tick circle{stroke:var(--go)}.item.ticked .tick path{opacity:1;transform:scale(1)}.signs{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.sign{display:flex;gap:14px;align-items:flex-start}.sign svg{width:46px;height:46px;flex:0 0 auto}.sign b{display:block;font-weight:900;font-size:0.82rem;letter-spacing:0.06em;text-transform:uppercase}.sign.go b{color:var(--go)}.sign.caution b{color:var(--caution)}.sign.stop b{color:var(--stop)}.sign p{font-size:0.98rem;color:#3C4049}.choice{margin-top:12px;border-top:1px solid var(--rule)}.choice summary{cursor:pointer;list-style:none;padding:14px 2px;min-height:44px;display:flex;align-items:center;gap:12px;font-weight:900;font-size:1rem;}.choice summary::-webkit-details-marker{display:none}.choice summary::before{content:"";width:18px;height:18px;flex:0 0 auto;border:2px solid var(--rule);border-radius:50%}.choice[open] summary::before{border-color:var(--accent);box-shadow:inset 0 0 0 4px var(--accent)}.choice p{padding:0 2px 16px 32px;color:#3C4049}.close{padding:clamp(34px,8vw,70px) 0 clamp(26px,6vw,44px)}.receipt{max-width:400px;margin:0 auto;background:var(--surface);border:1px solid var(--rule);border-radius:6px 6px 0 0;padding:22px;padding:clamp(18px,5vw,26px);}.receipt h2{font-size:clamp(1.35rem,5.2vw,1.9rem);text-align:center}.receipt .lines{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px;font-size:0.96rem}.receipt .lines li{display:flex;align-items:baseline;gap:8px}.receipt .lines span:first-child{flex:0 1 auto}.receipt .lines i{flex:1 1 auto;border-bottom:1px dotted var(--rule);transform:translateY(-4px)}.receipt .lines span:last-child{color:var(--quiet);font-style:normal}.total{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:14px;border-top:2px solid var(--ink);font-weight:900;font-size:1.1rem}.tear{max-width:400px;margin:0 auto;padding:20px 22px 22px;padding:clamp(16px,4vw,22px) clamp(18px,5vw,26px) clamp(18px,5vw,26px);background:var(--surface);border:1px solid var(--rule);border-top:none;border-radius:0 0 6px 6px;-webkit-mask-image:radial-gradient(7px 7px at 10px 0,transparent 97%,#000 100%);mask-image:radial-gradient(7px 7px at 10px 0,transparent 97%,#000 100%);-webkit-mask-size:20px 100%;mask-size:20px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;}.tear .cta{width:100%}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:8px var(--pad) calc(8px + env(safe-area-inset-bottom));background:rgba(244,245,247,0.94);border-top:1px solid var(--rule);backdrop-filter:blur(8px);transform:translateY(110%);transition:transform .3s ease;}.bar.show{transform:translateY(0)}.bar .cta{width:100%;max-width:520px;margin:0 auto;display:flex}footer{border-top:1px solid var(--rule);background:var(--surface);padding:clamp(26px,6vw,44px) 0 calc(96px + env(safe-area-inset-bottom))}.fgrid{display:grid;grid-template-columns:1fr;gap:22px}.fbrand b{font-weight:900;font-size:1.05rem}.fbrand p{margin-top:8px;color:var(--quiet);font-size:0.95rem;max-width:42ch}.method{margin-top:10px;font-size:0.88rem;color:var(--quiet)}.flinks{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:0.95rem}.flinks a{color:var(--accent-deep);text-decoration:none}.flinks a:hover{text-decoration:underline}.sources{margin-top:18px;font-size:0.9rem}.sources summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:900;color:var(--quiet)}.sources p{margin-top:6px}@media (hover: hover) and (pointer: fine){.cta:hover{background:linear-gradient(var(--accent-deep),var(--accent-deep)) padding-box,conic-gradient(from var(--turn),var(--accent),#0F6FE0,var(--accent-deep),var(--accent)) border-box}}@media (min-width: 900px){.hero .wrap{max-width:880px}.hero h1{max-width:none;text-align:center}.hero .lead{font-size:1.12rem;max-width:58ch;margin-left:auto;margin-right:auto;text-align:center}.ctarow{align-items:center}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:start}.stage{position:sticky;top:12dvh;height:72dvh}.steps{margin-top:0}.step{min-height:72dvh;align-items:center;padding-bottom:0}.step p{max-width:30ch}.signs{grid-template-columns:repeat(3,1fr)}.sign{flex-direction:column;gap:10px}.fgrid{grid-template-columns:1.4fr 1fr}.flinks{justify-self:end;text-align:right}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}.step p{opacity:1;transform:none}}html,body{max-width:100%;overflow-x:clip}