.onboarding{
  --mark:#005cfd;
  min-height:100vh;
  background:var(--mark);
  color:#fff
}
.onboarding .console{height:40px;padding:12px 18px;background:var(--mark);color:#fff;letter-spacing:.08em}
.onboarding .console span{color:rgba(255,255,255,.7)}
.onboarding header{width:min(1100px,calc(100% - 48px));margin:0 auto;padding-left:0;padding-right:0;background:var(--mark);border-bottom:0}
.onboarding .pixel-rule{width:min(1100px,calc(100% - 48px));height:2px;margin:0 auto;background:repeating-linear-gradient(90deg,#fff 0 6px,transparent 6px 10px)}
.onboarding .brand,.onboarding .new-link{color:#fff}
.onboarding .ghost-link{border-color:#fff;color:#fff}
.start-shell{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:28px 0 72px}
.replace-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 28px;padding:12px 0;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}
.replace-banner[hidden]{display:none}
.replace-banner p{margin:0;max-width:52ch;color:rgba(255,255,255,.86);font:13px Georgia,serif;line-height:1.4}
.start-pick{display:grid;gap:32px;align-items:start}
.start-split{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);gap:12px 64px;align-items:start}
.start-copy{position:sticky;top:24px}
.start-pick .start-copy{position:static}
.onboarding .kicker{margin:0 0 14px;color:rgba(255,255,255,.75);font:10px var(--mono);letter-spacing:.12em}
.onboarding h1{margin:0 0 16px;max-width:14ch;font:normal clamp(40px,5.2vw,68px)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.07em;color:#fff}
.start-pick h1{max-width:16ch}
.onboarding-lede{max-width:42ch;margin:0 0 22px;color:rgba(255,255,255,.86);font-size:17px;line-height:1.42}
.onboarding .onboarding-step[hidden]{display:none}
.path-grid{display:grid;gap:14px}
.path-grid-row{grid-template-columns:repeat(3,1fr);align-items:start}
.path-grid-row .login-path,.path-grid-row .text-button{grid-column:1 / -1;justify-self:start}
.login-path{margin-top:4px;color:#fff;font:10px var(--mono);letter-spacing:.08em;text-decoration:none}
.login-path:hover{text-decoration:underline}
.path-grid .text-button{justify-self:start;margin-top:4px}
.invent-thread{display:grid;gap:14px;margin:0 0 18px;max-height:42vh;overflow:auto;padding-right:4px}
.invent-empty{margin:0;color:#777;font:13px Georgia,serif}
.invent-msg p{margin:0;font:14px/1.45 Georgia,serif}
.invent-msg .chat-who{margin:0 0 4px;color:#777;font:9px var(--mono);letter-spacing:.08em}
.invent-msg.is-user .chat-who{color:#111}
.invent-card{margin:12px 0 0;padding:14px 0 0;border-top:1px solid #eee;display:grid;gap:8px}
.invent-card b{font:16px Georgia,serif}
.invent-card .invent-meta{color:#777;font:9px var(--mono);letter-spacing:.04em}
.invent-card .primary{min-width:0;width:max-content}
.path-choice{width:100%;min-height:168px;padding:22px 22px 20px;border:2px solid #111;border-radius:0;background:#fff;box-shadow:4px 4px 0 #0836b8;color:#111;text-align:left;cursor:pointer}
.path-choice:hover,.path-choice:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #0836b8}
.path-choice em{display:block;margin-bottom:18px;color:var(--mark);font:10px var(--mono);font-style:normal;letter-spacing:.12em}
.path-choice > span:not(.path-art-wrap){display:block;color:#111;font:600 clamp(15px,1.7vw,21px)/1.05 var(--pixel);letter-spacing:.1em;text-shadow:none}
.path-choice small{display:block;margin-top:10px;color:#444;font:italic 14px Georgia,serif}
.annual-choice{position:relative;border-color:#005cfd;background:linear-gradient(145deg,#eef4ff,#fff 62%);box-shadow:4px 4px 0 #f2a600}
.annual-choice:hover,.annual-choice:focus-visible{box-shadow:6px 6px 0 #f2a600}
.annual-choice b{display:inline-block;margin-left:5px;padding:4px 6px;background:#005cfd;color:#fff;font:8px var(--mono);letter-spacing:.06em;vertical-align:middle}
.path-choice.has-art{display:grid;grid-template-columns:1fr;grid-template-rows:168px auto auto auto;align-content:start;padding:0 0 18px}
.path-art-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:168px;min-height:168px;overflow:hidden;background:var(--mark);border-bottom:2px solid #111}
.path-art-wrap .path-art{position:relative;z-index:1;width:auto;height:148px;max-width:none;object-fit:fill;image-rendering:pixelated;image-rendering:crisp-edges}
.path-choice.has-art > em,.path-choice.has-art > span:not(.path-art-wrap),.path-choice.has-art > small{padding:0 18px}
.path-choice.has-art em{margin:16px 0 12px}
.path-choice.is-fly .path-art{animation:shoe-fly 1.8s steps(8) infinite}
.path-speed{position:absolute;inset:18% 48% 18% 6%;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none;z-index:0}
.path-speed span{display:block;height:3px;background:#fff;transform-origin:right center;animation:pixel-dash .7s steps(5) infinite}
.path-speed span:nth-child(1){width:92%;animation-delay:0s}
.path-speed span:nth-child(2){width:58%;animation-delay:.08s}
.path-speed span:nth-child(3){width:80%;animation-delay:.16s}
.path-speed span:nth-child(4){width:44%;animation-delay:.04s}
.path-speed span:nth-child(5){width:70%;animation-delay:.2s}
@keyframes shoe-fly{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(10px,-8px)}
  50%{transform:translate(16px,-2px)}
  75%{transform:translate(6px,-10px)}
}
@keyframes pixel-dash{
  0%{transform:translateX(8px);opacity:.25}
  50%{opacity:1}
  100%{transform:translateX(-18px);opacity:.15}
}
@media(prefers-reduced-motion:reduce){
  .path-choice.is-fly .path-art,.path-speed span{animation:none}
}
.privacy-note{margin:0;color:rgba(255,255,255,.7);font:9px var(--mono)}
.start-split .start-panel{background:#fff;color:#111;padding:28px 30px}
.start-split .start-panel .kicker,.start-split .start-panel h1,.start-split .start-panel .onboarding-lede{color:#111}
.onboarding .start-form{display:grid;gap:22px;width:100%}
.onboarding fieldset{margin:0;padding:0 0 4px;border:0;border-top:1px solid #e4e4e4}
.onboarding legend{padding:0 10px 0 0;color:#777;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.onboarding .start-form label{display:block;margin-top:12px;font:11px var(--mono);letter-spacing:.04em;color:#111}
.onboarding .start-form textarea,.onboarding .start-form input,.onboarding .start-form select{width:100%;margin-top:7px;border:1px solid #aaa;border-radius:0;background:#fff;padding:11px 12px;font:14px Georgia,serif;color:#111}
.onboarding .start-form select{height:41px}
.onboarding .start-form textarea{height:90px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field-hint{display:block;margin:7px 0 0;color:#888;font:9px var(--mono);letter-spacing:0}
.optional{color:#888;font:9px var(--mono);letter-spacing:0}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.onboarding .primary{min-width:220px;border:2px solid #111;border-radius:0;background:#111;box-shadow:3px 3px 0 #0836b8;padding:13px 18px;color:#fff;font:14px var(--pixel);letter-spacing:.06em;cursor:pointer}
.onboarding .primary:disabled{cursor:wait;opacity:.72}
.onboarding .text-button{border:0;background:transparent;color:#fff;padding:0;font:10px var(--mono);cursor:pointer}
.start-split .text-button{color:#555}
.ready-card{display:flex;align-items:center;gap:15px;width:100%;margin:0 0 8px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#111}
.ready-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #444;color:var(--mark);font:24px var(--pixel)}
.ready-card b{font:16px Georgia,serif}
.ready-card p{margin:4px 0 0;color:#777;font:9px var(--mono)}
.ready-facts{display:grid;gap:0;width:100%;margin:0 0 26px;color:#111}
.ready-facts div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #eee}
.ready-facts dt{margin:0;color:#777;font:9px var(--mono);letter-spacing:.06em}
.ready-facts dd{margin:0;color:#333;font:13px Georgia,serif}
.sync-status{min-height:14px;margin:12px 0 0;color:#666;font:9px var(--mono)}
.start-pick .sync-status{color:rgba(255,255,255,.8)}
#resendVerify{display:block;margin:10px 0 0}
#resendVerify[hidden]{display:none}
.start-pay{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr)}
.pay-embed{min-height:560px;width:100%;background:#fff}
.annual-checkout{min-height:560px;padding:clamp(24px,4vw,56px);border:2px solid #111;background:linear-gradient(135deg,#edf4ff 0%,#fff 55%,#fff4d8 100%);box-shadow:8px 8px 0 #005cfd}
.annual-checkout[hidden]{display:none}
.annual-checkout h2{margin:14px 0 12px;font:600 clamp(26px,3.3vw,46px)/.98 var(--pixel);letter-spacing:.03em}
.annual-checkout p{max-width:600px;color:#273042;font:18px/1.5 Georgia,serif}
.offer-chip{display:inline-block;margin:0!important;padding:7px 9px;background:#005cfd!important;color:#fff!important;font:10px var(--mono)!important;letter-spacing:.1em!important}
.annual-checkout ul{display:grid;gap:10px;margin:25px 0;padding:0;list-style:none;color:#111;font:11px var(--mono);letter-spacing:.03em}
.annual-checkout li::before{content:'✓';margin-right:9px;color:#005cfd;font-weight:700}
.annual-checkout .primary{display:inline-block;margin-top:8px;text-decoration:none}
.annual-return{margin:18px 0 8px!important;color:#5b6474!important;font:10px var(--mono)!important}
.pay-fallback{display:grid;gap:10px;margin:16px 0 0}
.pay-fallback[hidden]{display:none}
.pay-fallback span{color:#666;font:9px var(--mono)}
.pay-fallback .primary{min-width:0;width:max-content;text-decoration:none}
@media(max-width:900px){
  .start-split{grid-template-columns:1fr;gap:8px}
  .start-copy{position:static}
  .onboarding h1{max-width:none}
}
@media(max-width:800px){
  .field-row,.ready-facts div,.replace-banner{grid-template-columns:1fr}
  .replace-banner,.ready-facts div{display:grid}
  .path-grid-row{grid-template-columns:1fr}
  .path-choice{min-height:0}
  .path-choice.has-art{grid-template-rows:132px auto auto auto}
  .path-art-wrap{height:132px}
}
@media(max-width:680px){
  .onboarding .console span{display:none}
  .start-shell{width:calc(100% - 40px);padding-top:22px}
  .onboarding header,.onboarding .pixel-rule{width:calc(100% - 40px)}
  .onboarding h1{font-size:42px}
  .onboarding-lede{font-size:16px}
  .path-choice > span:not(.path-art-wrap){font-size:16px}
}
/* Grow: fill the form from the founder's website. */
.onboarding .site-prefill{padding:14px 16px 12px;margin-bottom:18px;border:1px dashed #0836b8;background:#f3f7ff}
.onboarding .site-prefill legend .optional{margin-left:6px;color:#888;font:9px var(--mono);letter-spacing:.04em;text-transform:lowercase}
.onboarding .site-prefill label{margin-top:4px;color:#444}
.onboarding .prefill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;align-items:stretch}
.onboarding .prefill-row input{margin-top:0}
.onboarding .prefill-row .secondary{border:2px solid #111;border-radius:0;background:#fff;box-shadow:3px 3px 0 #0836b8;padding:0 14px;color:#111;font:13px var(--pixel);letter-spacing:.05em;white-space:nowrap;cursor:pointer}
.onboarding .prefill-row .secondary:hover:not(:disabled){background:#111;color:#fff}
.onboarding .prefill-row .secondary:disabled{opacity:.6;cursor:progress}
.onboarding .prefill-status{min-height:14px;margin:8px 0 0;color:#555;font:10px/1.4 var(--mono);letter-spacing:.02em}
.onboarding .prefill-status.is-error{color:#a11}
.onboarding .prefill-status.is-ok{color:#1c6b3e}
.onboarding .start-form .is-prefilled{background:#eef9f1;border-color:#58b37a;transition:background .6s}
@media(max-width:640px){.onboarding .prefill-row{grid-template-columns:1fr}.onboarding .prefill-row .secondary{padding:11px 14px}}
.start-pick .path-grid-row{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){.start-pick .path-grid-row{grid-template-columns:1fr}}