:root{--tile:#345FFD;--deep:#1C3BC2;--ink:#0E0F12;--paper:#FFFFFF;--mist:#E7EDFF;--grey:#585E6B;--play:#00B06F;--ease:cubic-bezier(0.16,1,0.3,1);}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:"M PLUS Rounded 1c","Arial Rounded MT Bold",system-ui,sans-serif;font-weight:500;background:var(--tile);color:var(--paper);min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;font-variant-numeric:tabular-nums;}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-underline-offset:0.2em}:focus-visible{outline:3px solid var(--paper);outline-offset:3px;border-radius:14px}.band{width:100%;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.wrap{max-width:1120px;margin:0 auto}.top{border-bottom:1px solid rgba(255,255,255,0.28);padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:clamp(1.05rem,1rem + 0.4vw,1.3rem)}.brand img{width:clamp(40px,9vw,64px);height:auto;aspect-ratio:1;border-radius:12px;display:block}.form-id{font-size:clamp(0.72rem,0.68rem + 0.2vw,0.85rem);font-weight:700;color:var(--paper);text-align:right;line-height:1.3}main{flex:1;display:flex}main .wrap{width:100%;display:grid;grid-template-columns:1fr;align-content:center}.head{padding:clamp(14px,3vh,36px) 0 clamp(12px,2vh,22px);border-bottom:1px solid rgba(255,255,255,0.28)}h1{font-weight:800;font-size:clamp(2.35rem,1.6rem + 3.6vw,4.6rem);line-height:0.98;letter-spacing:-0.02em}h1 span{display:block}.lede{margin-top:10px;font-size:clamp(0.95rem,0.9rem + 0.3vw,1.15rem);line-height:1.45;max-width:34ch;color:var(--paper)}.slipband{padding:clamp(12px,2vh,22px) 0;border-bottom:1px solid rgba(255,255,255,0.28)}.slot{height:10px;border-radius:6px;background:var(--deep);box-shadow:inset 0 3px 0 rgba(0,0,0,0.25);margin:0 4px}.feed{overflow:hidden;margin:-4px 14px 0;padding-bottom:2px}.slip{background:var(--paper);color:var(--ink);padding:14px 16px 22px;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/14px 8px repeat-x;animation:feed 1.1s var(--ease) both;}.slip-head{display:flex;justify-content:space-between;align-items:baseline;font-size:0.78rem;font-weight:700;color:var(--grey);padding-bottom:8px;border-bottom:1px solid var(--ink)}.slip-head b{font-size:0.95rem;color:var(--ink);font-weight:800;letter-spacing:0.02em}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #D5D9E2;font-size:0.86rem}.row .k{font-weight:700}.row .v{color:var(--grey);text-align:right}.amounts{padding:8px 0 10px;border-bottom:1px solid #D5D9E2}.amounts .k{font-weight:700;font-size:0.86rem;display:flex;justify-content:space-between}.amounts .k em{font-style:normal;font-weight:500;color:var(--grey)}.amt{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px;text-align:center}.amt span{position:relative;font-weight:800;font-size:clamp(0.95rem,0.85rem + 0.5vw,1.15rem);padding:6px 0}.amt span small{display:block;font-size:0.66rem;font-weight:700;color:var(--grey);letter-spacing:0.06em}.ring{position:absolute;inset:-1px -2px;pointer-events:none;animation:ring 0.9s var(--ease) 0.75s both}.ring svg{width:100%;height:100%;overflow:visible}.blank{display:inline-block;min-width:6.5em;border-bottom:2px solid var(--ink);height:1.1em;vertical-align:-2px}.total{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0 8px;font-weight:800;font-size:1rem;border-bottom:1px solid var(--ink)}.bars{display:block;margin:10px auto 0;width:min(236px,100%);height:30px;fill:var(--ink)}.act{padding:clamp(12px,2vh,22px) 0 clamp(12px,2vh,20px)}.cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;width:100%;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:800;font-size:clamp(1.05rem,1rem + 0.3vw,1.2rem);border-radius:16px;-webkit-tap-highlight-color:transparent;transition:transform 0.2s var(--ease),background-color 0.2s var(--ease);}.cta svg{width:22px;height:22px;flex:none}.cta:active{transform:scale(0.98)}@media (hover: hover){.cta:hover{background:#000;transform:translateY(-1px)}}.need{margin-top:9px;font-size:clamp(0.82rem,0.8rem + 0.15vw,0.92rem);color:var(--paper);text-align:center}footer{background:var(--ink);color:var(--mist);font-size:0.8rem;font-weight:700;padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}footer .wrap{display:flex;justify-content:space-between}@keyframes feed{from{transform:translateY(-14%)}to{transform:none}}@keyframes ring{from{opacity:0.15;transform:scale(1.25) rotate(-8deg)}to{opacity:1;transform:none}}@media (min-width: 900px){main .wrap{grid-template-columns:1.15fr 0.85fr;column-gap:64px;align-items:center}.head{grid-column:1;grid-row:1;border-bottom:0;padding-bottom:8px;align-self:end}.act{grid-column:1;grid-row:2;align-self:start;max-width:420px}.need{text-align:left}.slipband{grid-column:2;grid-row:1 / span 2;border-bottom:0;padding:40px 0}.lede{margin-top:18px}}@media (prefers-reduced-motion: reduce){.slip,.ring{animation:none}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}