/* r30 form continuity: one Cartridge look for every field, select, radio, checkbox and textarea */
:root{--f-line:#3d3a78;--f-sh:#ff3fb4;--f-gold:#ffd23f;--f-bg:#0f1338;--f-txt:#f4f1ff;--f-r:11px;--f-gap:1.15rem}
html.light{--f-line:#c9b6e8;--f-sh:#ff3fb4;--f-gold:#c98f00;--f-bg:#ffffff;--f-txt:#1d1236}
/* labels */
form label:not(.choice),form legend,.field>label{display:block;font-weight:700;font-size:1.15rem;color:var(--f-gold)!important;margin:0 0 .4rem;letter-spacing:.01em}
html.light form label:not(.choice),html.light form legend{color:#8a0059!important}
form label small,form .hint,.field small{display:block;font-weight:400;font-size:1rem;color:inherit;opacity:.8;margin-top:.15rem}
form label:not(.choice)::before,form legend::before{content:none!important}
form .field,form>p,form fieldset{margin:0 0 var(--f-gap)!important}
/* text fields, native selects, textarea */
form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=submit]):not([type=button]),form select,form textarea{
 width:100%;min-height:3.25rem;padding:.7rem 1rem!important;font:inherit;font-size:1.15rem!important;color:var(--f-txt)!important;
 background:var(--f-bg)!important;border:2px solid var(--f-line)!important;border-radius:var(--f-r)!important;
 box-shadow:3px 3px 0 var(--f-sh)!important;transition:border-color .12s,box-shadow .12s}
form textarea{min-height:8rem;line-height:1.5}
form input:focus,form select:focus,form textarea:focus{border-color:var(--f-gold)!important;outline:0!important;box-shadow:3px 3px 0 var(--f-sh),0 0 0 3px rgba(255,210,63,.4)!important}
form ::placeholder{color:var(--f-txt);opacity:.55}
/* Arcade dropdown (pxselect) */
.pxs-btn{background:var(--f-bg)!important;color:var(--f-txt)!important;border:2px solid var(--f-line)!important;border-radius:var(--f-r)!important;box-shadow:3px 3px 0 var(--f-sh)!important;min-height:3.25rem!important;font-size:1.15rem!important}
.pxs-btn:hover,.pxs.open .pxs-btn{border-color:var(--f-gold)!important;box-shadow:3px 3px 0 var(--f-sh),0 0 14px rgba(255,210,63,.3)!important}
.pxs-btn::after,.pxs-caret{color:var(--f-gold)!important}
.pxs-list{background:var(--f-bg)!important;border:2px solid var(--f-gold)!important;border-radius:var(--f-r)!important;box-shadow:4px 4px 0 var(--f-sh)!important}
.pxs-opt{color:var(--f-txt)!important;border:2px solid transparent!important;border-radius:8px!important;box-shadow:none!important}
.pxs-opt[aria-selected=true],.pxs-opt.active,.pxs-opt:hover{border-color:var(--f-gold)!important;background:rgba(255,63,180,.14)!important}
.pxs-check,.pxs-arrow{color:var(--f-gold)!important}
.pxs-ic{filter:none!important}
/* fieldsets and radio/checkbox cartridges */
form fieldset{border:2px solid var(--f-line)!important;border-radius:var(--f-r)!important;padding:.6rem 1rem 1rem!important;box-shadow:none!important}
form fieldset legend{padding:0 .4rem!important}
form .choice,.reach-fs .choice{display:inline-flex!important;align-items:center;gap:.6rem;min-height:3rem;padding:.45rem 1rem .45rem .7rem!important;margin:.35rem .6rem .1rem 0;
 background:var(--f-bg);color:var(--f-txt);border:2px solid var(--f-line);border-radius:var(--f-r);box-shadow:3px 3px 0 var(--f-sh);font-size:1.15rem;font-weight:600;outline:0!important;cursor:pointer}
form .choice:has(input:checked){border-color:var(--f-gold);box-shadow:3px 3px 0 var(--f-gold),0 0 12px rgba(255,210,63,.3);font-weight:700}
form .choice:has(input:focus-visible){outline:3px solid var(--f-gold)!important;outline-offset:3px}
form input[type=radio],form input[type=checkbox]{accent-color:#ff3fb4;width:1.4rem!important;height:1.4rem!important;flex:none;margin:0}
/* submit buttons follow the site's gold Cartridge button */
form button[type=submit],form input[type=submit]{min-height:3.25rem}
@media(max-width:640px){form .choice{display:flex!important;margin-right:0}}
@media(prefers-reduced-motion:reduce){form input,form select,form textarea,.pxs-btn{transition:none!important}}
/* nav: Sign in uses the plain nav-button style (no unique styling) */
.levelnav .nav-in a{border-color:var(--cart-line)!important}
/* r30 B: Small Business matches the "3 easy steps" scale (same label + h2 + card grid) */
#business .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:inherit;align-items:stretch}
#business .grid-3>.card{height:100%;padding:1.4rem 1.2rem 1.2rem}
#business .biz-promise{margin-top:1.4rem}
@media(max-width:860px){#business .grid-3{grid-template-columns:1fr}}
/* r30 A: one press feel everywhere (120ms), consistent focus */
.btn,button,.levelnav a,.pxs-btn,form .choice,.who,.cd-pack,.tok-machine,.fx-dock a,.mg-card,.tool-btn{transition:transform .12s cubic-bezier(.2,.7,.3,1),box-shadow .12s cubic-bezier(.2,.7,.3,1),border-color .12s,background-color .12s!important}
.btn:active,button:active,.levelnav a:active,.pxs-btn:active,form .choice:active,.who:active,.cd-pack:active,.mg-card:active,.tool-btn:active{transform:translate(2px,2px)!important;box-shadow:1px 1px 0 var(--cart-sh,#ff3fb4)!important}
.btn:focus-visible,button:focus-visible,a:focus-visible,.pxs-btn:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffd23f!important;outline-offset:3px!important}
html.light .btn:focus-visible,html.light button:focus-visible,html.light a:focus-visible{outline-color:#a3006a!important}
/* symmetry: equal-height cards, aligned icons */
.grid-3>*,.grid-2>*,.how-steps>li,.ka-perks>*,.bk-packs>*{height:100%}
.card>svg.ci:first-child,.v5-card>svg.ci:first-child{display:block;margin:0 0 .6rem}
html.calm .btn:active,html.calm button:active{transform:none!important}
@media(prefers-reduced-motion:reduce){.btn,button,.levelnav a,.pxs-btn,form .choice{transition:none!important}}
#business .actions .btn{font-size:1.25rem!important;min-height:58px;padding:.95rem 1.6rem!important}
#business .actions .biz-go{background:#ffd23f!important;color:#14102e!important;border-color:#14102e!important}
html.light #business .actions .biz-go,html.light #business .actions .biz-go *{background:#ffd23f!important;color:#14102e!important;-webkit-text-fill-color:#14102e!important}
html.light #business .biz-promise li{background:#fff!important;color:#1d1236!important;-webkit-text-fill-color:#1d1236!important}
/* r31 FX5 Space Invaders scroll (decorative) */
.ka-inv-strip{position:fixed;left:0;right:0;bottom:0;height:56px;z-index:5;pointer-events:none}
.ka-inv-brk{height:60px;max-width:1100px;margin:0 auto;pointer-events:none}
.ka-inv-strip canvas,.ka-inv-brk canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
@media(max-width:640px){.ka-inv-strip{display:none}.ka-inv-brk{height:48px}}
@media print{.ka-inv-strip,.ka-inv-brk{display:none}}
html.calm .ka-inv-strip{display:none}
@media(prefers-reduced-motion:reduce){.ka-inv-strip{display:none}}
.ka-inv-strip{opacity:.7}
#business .actions .biz-go .ka-gt{color:#14102e!important;-webkit-text-fill-color:#14102e!important;background:none!important;text-shadow:none!important}
