:root{--blue:#2563eb;--deep:#1e40af;--ink:#111827;--white:#ffffff;--mist:#f3f4f6;--mid:color-mix(in srgb,#2563eb 50%,#1e40af);--u:8px;--r:24px;--fs-body:clamp(1rem,0.96rem + 0.2vw,1.0625rem);--fs-h2:clamp(1.728rem,1.3rem + 1.8vw,2.369rem);--fs-h1:clamp(2.0736rem,1.4rem + 3vw,3.157rem);color-scheme:light;}*{box-sizing:border-box}html{scroll-snap-type:y proximity;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:clip;background:var(--mist);color:var(--ink);font-family:"Archivo",system-ui,sans-serif;font-size:var(--fs-body);line-height:1.6;font-weight:400;text-align:center}::selection{background:var(--blue);color:var(--white)}h1,h2,h3{margin:0;font-weight:800;line-height:1.1;letter-spacing:-0.02em;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:8px}.island{position:fixed;z-index:20;top:calc(var(--u) * 1.5 + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),560px);display:flex;align-items:center;justify-content:space-between;gap:var(--u);padding:var(--u);background:var(--white);border:2px solid var(--ink);border-radius:var(--r);transition:border-color .3s}.island .mark{display:flex;align-items:center;gap:var(--u);text-decoration:none;font-weight:800;letter-spacing:-0.01em}.island img{width:56px;height:56px;display:block;flex:none}.island .jump{display:inline-flex;align-items:center;min-height:44px;padding:0 calc(var(--u) * 2);border-radius:999px;font-weight:600;text-decoration:none;color:var(--deep)}@media (hover: hover){.island .jump:hover{text-decoration:underline}}.dots{position:fixed;z-index:15;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--u)}.dots span{width:8px;height:8px;border-radius:50%;background:var(--white);opacity:.45;border:1px solid var(--ink);transition:transform .3s,opacity .3s}.dots span.on{opacity:1;transform:scale(1.5)}.slide{min-height:100dvh;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--u) * 12) 20px calc(var(--u) * 10)}.wrap{width:100%;max-width:720px;margin:0 auto}.hero{background:var(--blue);color:var(--white);justify-content:flex-start;padding-top:calc(var(--u) * 13 + env(safe-area-inset-top))}.hero h1{font-size:var(--fs-h1);max-width:16ch;margin:0 auto}.hero .lead{max-width:34ch;margin:calc(var(--u) * 2) auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--u);min-width:240px;min-height:56px;padding:0 calc(var(--u) * 4);margin-top:calc(var(--u) * 3);background:var(--white);color:var(--ink);font-weight:800;font-size:var(--fs-body);text-decoration:none;border-radius:16px;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.16,1,.3,1)}.btn svg{width:20px;height:20px;flex:none}.btn:active{transform:scale(.96)}@media (hover: hover){.btn:hover{transform:translateY(-2px)}}.btn:focus-visible{outline-color:var(--white);box-shadow:0 0 0 6px var(--ink)}.under{margin-top:var(--u);font-weight:600}.result{display:block;margin:calc(var(--u) * 4) auto 0;padding:0;border:0;background:none;width:min(100%,320px);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:inherit}.result svg{display:block;width:100%;height:auto;overflow:visible}.hint{margin-top:var(--u);font-size:var(--fs-body);opacity:.92}#card{transform-box:fill-box;transform-origin:center;transform:rotate(-2deg)}#bar{transform-box:fill-box;transform-origin:left center;animation:fill 1.4s cubic-bezier(.16,1,.3,1) .4s both}@keyframes fill{from{transform:scaleX(.3)}to{transform:scaleX(1)}}.st-old{opacity:0;transition:opacity .25s}.st-new{transition:opacity .25s}#bar{transition:transform .5s cubic-bezier(.16,1,.3,1)}.result.held #bar{animation:none;transform:scaleX(.12)}.result.held .st-old{opacity:1}.result.held .st-new{opacity:0}.how{background:var(--ink);color:var(--white);padding-left:0;padding-right:0;padding-bottom:0;justify-content:flex-start}.how h2{font-size:var(--fs-h2);max-width:18ch;margin:calc(var(--u) * 4) auto calc(var(--u) * 6);padding:0 20px}.ribbon{position:absolute;top:0;right:24px;z-index:5;text-align:left}.ribbon summary{list-style:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;width:72px;min-height:72px;padding:0 0 18px;background:var(--blue);color:var(--white);font-weight:600;font-size:var(--fs-body);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);-webkit-tap-highlight-color:transparent}.ribbon summary::-webkit-details-marker{display:none}.ribbon ol{list-style:none;margin:var(--u) 0 0;padding:var(--u) 0;position:absolute;right:0;width:220px;background:var(--white);color:var(--ink);border:2px solid var(--ink);border-radius:16px}.ribbon li+li{border-top:1px solid #d1d5db}.ribbon a{display:flex;align-items:center;gap:var(--u);min-height:44px;padding:0 calc(var(--u) * 2);text-decoration:none;font-weight:600}.ribbon a b{color:var(--deep);font-weight:800}body:has(.ribbon details[open]) .island{border-color:var(--blue)}body:has(.ribbon details[open]) .how{background:#0b1220}body:has(.ribbon details[open]) .ribbon summary{background:var(--white);color:var(--deep)}.steps{list-style:none;margin:0;padding:0;width:100%}.band{container-type:inline-size;padding:calc(var(--u) * 6) 20px}.band:nth-child(1){background:var(--blue)}.band:nth-child(2){background:var(--mid)}.band:nth-child(3){background:var(--deep)}.band-in{max-width:720px;margin:0 auto;display:grid;gap:calc(var(--u) * 2);justify-items:center}.node{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--fs-h2);line-height:1;position:relative}.band:nth-child(1) .node{background:var(--white);color:var(--deep);transform:translateX(-24px)}.band:nth-child(2) .node{border:4px solid var(--white);color:var(--white);transform:translateX(24px)}.band:nth-child(3) .node{border:2px solid rgba(255,255,255,.6);color:var(--white);transform:translateX(-24px)}.node .tick{position:absolute;right:-6px;top:-6px;width:28px;height:28px;border-radius:50%;background:var(--ink);border:3px solid var(--white);display:grid;place-items:center}.node .tick svg{width:14px;height:14px}.band h3{font-size:clamp(1.25rem,7cqw,var(--fs-h2))}.band p{max-width:38ch;margin:var(--u) auto 0}@container (min-width: 600px){.band-in{grid-template-columns:1fr 2fr;align-items:center;text-align:left;justify-items:start;gap:calc(var(--u) * 4)}.band .node{justify-self:end}.band p{margin-left:0}}.limit{background:var(--mist);color:var(--ink)}.limit .wrap{max-width:640px}.tag{display:inline-block;color:var(--deep);font-weight:800;border:2px solid var(--deep);border-radius:999px;padding:0 calc(var(--u) * 2);line-height:2}.limit h2{font-size:var(--fs-h2);margin:calc(var(--u) * 3) auto 0;max-width:22ch}.limit p{margin:calc(var(--u) * 8) auto 0;max-width:30ch;font-size:var(--fs-h2);font-weight:600;line-height:1.3;letter-spacing:-0.01em}.fit{background:var(--ink);color:var(--white)}.fit h2{font-size:var(--fs-h2);max-width:18ch;margin:0 auto calc(var(--u) * 6)}.flow{max-width:560px;margin:0 auto}.box{border:2px solid var(--white);border-radius:var(--r);padding:calc(var(--u) * 2) calc(var(--u) * 2.5)}.q{font-weight:800;max-width:400px;margin:0 auto}.arrows{display:block;width:100%;max-width:400px;height:auto;margin:0 auto}.ends{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 2)}.ends .box{text-align:left}.ends b{display:block;font-weight:800;margin-bottom:4px}.yes{border-color:#93b4f8}.yes b{color:#bcd0fb}.no{border-color:rgba(255,255,255,.5)}.no b{color:var(--mist)}.go{background:var(--mist);padding:0;justify-content:flex-start}.go-band{flex:1;width:100%;background:var(--blue);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--u) * 12) 20px}.go-band h2{font-size:var(--fs-h2);max-width:18ch}.go-band p{max-width:36ch;margin:calc(var(--u) * 2) auto 0}footer{width:100%;margin-top:calc(var(--u) * 5);padding:calc(var(--u) * 4) 20px calc(var(--u) * 5 + env(safe-area-inset-bottom));border-top:2px solid var(--ink);color:var(--ink)}.crumb{margin:0 0 calc(var(--u) * 2);padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--u);font-weight:600}.crumb li+li::before{content:"/";margin-right:var(--u);color:var(--deep)}.links{display:flex;justify-content:center;flex-wrap:wrap;gap:0 calc(var(--u) * 2)}.links a{display:inline-flex;align-items:center;min-height:44px;color:var(--deep);font-weight:600}@media (min-width: 900px){.island img{width:96px;height:96px}.hero{padding-top:calc(var(--u) * 17)}.island{width:min(calc(100% - 32px),720px)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}html,body{overflow-x:clip;max-inline-size:100%;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(1c1ac19bc9ea.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 400;font-stretch: 100%;font-display: swap;src: url(3b8d3e0df930.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(1c1ac19bc9ea.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(3b8d3e0df930.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(1c1ac19bc9ea.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(3b8d3e0df930.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}