@layer kit-default{main[data-main]{display:grid}.stage{display:grid;justify-items:center;align-content:center;min-height:calc(100svh - 140px);padding:var(--s-6,24px) 16px var(--s-7,40px)}.signup-card{width:min(100%,460px)}.perks{display:grid;gap:10px}.form{display:grid;gap:var(--s-4,16px)}}body{background:radial-gradient(60% 50%at 85% 8%,color-mix(in srgb,var(--c4) 22%,transparent),transparent 70%),radial-gradient(55% 45%at 8% 90%,color-mix(in srgb,var(--c2) 20%,transparent),transparent 70%),var(--bg)}body>header{border-bottom:1px solid var(--line)}.nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s-5);padding-block:var(--s-2)}.brand{display:inline-flex;align-items:center;gap:10px;margin-right:auto;font:800 var(--t-lg)/1 var(--sans);letter-spacing:-.03em;color:var(--ink);text-decoration:none}.mark{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--accent);color:var(--on-accent);font:800 15px/1 var(--sans)}.nav ul{display:flex;flex-wrap:wrap;gap:0 var(--s-5);margin:0;padding:0;list-style:none}.nav ul a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);font:600 var(--t-sm)/1 var(--sans);text-decoration:none}.nav ul a:hover{color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 18px 44px -22px color-mix(in srgb,var(--ink) 30%,transparent);padding:clamp(24px,5vw,40px);display:grid;gap:0;text-align:center}.eyebrow{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--wash);color:var(--accent);font:700 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}.icon-badge{display:grid;place-items:center;width:64px;height:64px;margin:18px auto 6px;border-radius:20px;background:var(--wash)}.icon-badge svg{width:34px;height:34px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.signup-card h1{margin:10px 0 0;font:800 clamp(31px,7vw,40px)/1.05 var(--display);letter-spacing:-.03em;text-wrap:balance}.signup-card h1 em{font-family:var(--serif);font-style:italic;font-weight:600;color:var(--accent)}.lede{max-width:46ch;margin:12px auto 0;color:var(--ink-2)}.perks{margin:22px 0 0;padding:0;list-style:none;text-align:left}.perks li{display:flex;gap:12px;align-items:flex-start}.perks .pk{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.perks .pk svg{width:13px;height:13px;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.perks b{display:block;font-size:var(--t-md)}.perks span{display:block;font-size:var(--t-sm);color:var(--ink-2)}.form{margin-top:24px;text-align:left}.field{display:grid;gap:6px}.field label{font:600 var(--t-sm)/1.3 var(--sans)}.hint{margin:0;font-size:var(--t-sm);color:var(--ink-2)}.error{display:flex;align-items:center;gap:6px;margin:0;color:var(--bad);font-size:var(--t-sm);font-weight:600}.error::before{content:"!";display:grid;place-items:center;flex:none;width:16px;height:16px;border:1.5px solid;border-radius:50%;font:700 11px/1 var(--sans)}.btn{min-height:48px;border-radius:var(--r);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-primary{width:100%;background:var(--accent);color:var(--on-accent);border:0;font-size:var(--t-md)}.btn-primary:hover{background:var(--hover)}.btn-primary:disabled{opacity:.75;cursor:wait}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--on-accent) 40%,transparent);border-top-color:var(--on-accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.done{display:grid;gap:12px;justify-items:center;padding-block:8px}.done h2{margin:4px 0 0;font:800 var(--t-2xl,25px)/1.1 var(--display);letter-spacing:-.03em}.done p{margin:0;color:var(--ink-2);max-width:44ch}.check-anim{width:76px;height:76px}.ck-ring{fill:none;stroke:var(--accent);stroke-width:4;stroke-dasharray:202;stroke-dashoffset:202;animation:draw .6s ease-out forwards}.ck-mark{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:42;stroke-dashoffset:42;animation:draw .4s .45s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.avatars{display:flex;justify-content:center;font-size:26px;letter-spacing:6px}.reset{background:0 0;border:0;padding:0;min-height:44px;color:var(--accent);font:600 var(--t-sm)/1 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sample-note{margin:18px 0 0;font-size:var(--t-sm);color:var(--ink-2);text-align:center;max-width:52ch}.foot{padding-block:var(--s-6) var(--s-7);border-top:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-2);text-align:center}.foot p{margin:0}@media (prefers-reduced-motion:reduce){.ck-ring,.ck-mark{animation:none;stroke-dashoffset:0}.spinner{animation-duration:1.6s}}@media (max-width:600px){a[href]:not(p a,li p a,blockquote a,figcaption a,td a,dd a,label a),button,[role=button],[onclick],summary,select,input:not([type=hidden],[type=checkbox],[type=radio],[type=range]){min-height:44px!important;min-width:44px!important}:where(a[href]:not(p a,li p a,blockquote a,figcaption a,td a,dd a,label a)){display:inline-flex;align-items:center;justify-content:center}input,select,textarea{font-size:max(16px,1em)!important}}

/* tap-targets: comfortable phone taps -- the sizes win on phones, the page's own layout stays */
@media (max-width: 600px) {
  a[href]:not(p a, li p a, blockquote a, figcaption a, td a, dd a, label a), button, [role=button], [onclick], summary, select, input:not([type=hidden], [type=checkbox], [type=radio], [type=range]) { min-height: 44px !important; min-width: 44px !important; }
  :where(a[href]:not(p a, li p a, blockquote a, figcaption a, td a, dd a, label a)) { display: inline-flex; align-items: center; justify-content: center; }
  input, select, textarea { font-size: max(16px, 1em) !important; }
}