/* /start: onboarding questionnaire → your business as quests → waitlist. Uses home.css tokens and materials. */
.start-body{min-height:100vh}
.start-main{max-width:1100px;margin:0 auto;padding:56px var(--gutter) 120px}
.start-hero{max-width:760px;margin:0 0 34px}
.start-hero h1{font-size:clamp(36px,4.4vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1.02;margin:12px 0 16px}
.start-hero .lede{font-size:17px;line-height:1.6;color:var(--text);max-width:60ch}

.quest-track{margin:0 0 22px}
.qt{list-style:none;display:flex;gap:6px;padding:0;margin:0;flex-wrap:wrap}
.qt li{font:600 10.5px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:8px 10px;border-radius:20px;border:1px solid var(--hair)}
.qt li.is-done{color:var(--text-secondary);border-color:rgba(197,245,122,.3)}
.qt li.is-on{color:var(--action-text);background:var(--action);border-color:var(--action);box-shadow:0 0 16px rgba(197,245,122,.45)}

.deck-wrap{position:relative;perspective:1200px}
.q-deck{position:relative}
.q-card{position:relative;border-radius:18px;padding:34px 36px;background:var(--glass-strong);border:1px solid rgba(197,245,122,.2);box-shadow:var(--lift),0 0 60px -30px rgba(197,245,122,.35)}
.q-card::before{content:"";position:absolute;left:8%;right:8%;top:-1px;height:1px;background:var(--metal)}
.q-card[hidden]{display:none}
.q-kicker{font:600 10.5px/1 var(--font-mono);letter-spacing:.14em;color:#9fb094;margin:0 0 14px}
.q-card h2{font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin:0 0 12px;color:#eef4ea}
.q-help{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 18px;max-width:60ch}
.q-help-late{margin-top:26px}
.q-card textarea,.q-card input[type=text],.q-card input[type=email]{width:100%;font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--text);background:rgba(5,8,7,.5);border:1px solid var(--hair-2);border-radius:12px;padding:14px 16px;box-shadow:0 1px 0 rgba(255,255,255,.03) inset}
.q-card textarea{resize:vertical;min-height:96px}
.q-card textarea:focus,.q-card input:focus{outline:none;border-color:rgba(197,245,122,.6);box-shadow:0 0 0 3px rgba(197,245,122,.14),0 0 24px -8px rgba(197,245,122,.5)}
.q-count{font:500 11px/1 var(--font-mono);color:var(--text-3);text-align:right;margin:8px 0 0}
.q-doors{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q-doors .door{cursor:pointer}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.choice-multi{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice{text-align:left;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--hair-2);background:var(--glass);color:var(--text);box-shadow:var(--lift);font-family:var(--font-body)}
.choice b{font-size:15.5px;font-weight:600;letter-spacing:-.01em}
.choice span{font-size:12.5px;color:var(--muted)}
.choice:hover{border-color:var(--lime-35)}
.choice[aria-pressed="true"]{border-color:rgba(197,245,122,.65);background:linear-gradient(160deg,rgba(197,245,122,.14),rgba(15,21,18,.8));box-shadow:var(--lift),var(--glow)}
.choice[aria-pressed="true"]::after{content:"✓";position:absolute;right:14px;top:12px;color:var(--action);font-weight:700}
.choice{position:relative}

.q-nav{display:flex;align-items:center;gap:16px;margin:20px 0 0}
.q-nav .primary{margin-left:auto;font-size:16px;padding:15px 26px;border-radius:12px}
.q-nav .ghost{background:transparent;border-color:var(--hair-2);color:var(--text-secondary)}
.q-nav-hint{font:500 11px/1 var(--font-mono);letter-spacing:.06em;color:var(--text-3)}
.q-error{margin:10px 0 0;color:var(--red,#f08d86);font-size:13px;min-height:1.2em}

/* preview */
.preview-card{padding-bottom:28px}
.preview-grid{display:grid;grid-template-columns:1.2fr 1.3fr 1fr;gap:14px;margin:10px 0 18px}
.preview-grid .panel{border-radius:14px;padding:18px 20px;background:var(--glass);border:1px solid var(--hair-2);box-shadow:var(--lift)}
.panel-title{font:600 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#9fb094;margin:0 0 12px}
.p-mission h3{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px;color:#eef4ea}
.p-why{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.ring-row{display:flex;align-items:center;gap:14px}
.ring-row .mp-ringwrap{width:64px;height:64px;position:relative;flex:none}
.ring-row .mp-center b{font-size:22px}
.ring-row .mp-name{font:500 11.5px/1.5 var(--font-mono);color:var(--text-secondary);margin:0}
.p-quest-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.p-quest-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px 12px;border-radius:10px;border:1px solid var(--hair);background:rgba(5,8,7,.35)}
.p-quest-list .n{font:600 11px/1.6 var(--font-mono);color:var(--action)}
.p-quest-list b{display:block;font-size:13.5px;font-weight:600;color:#e8efe4;line-height:1.3}
.p-quest-list span.who{display:block;font:500 10.5px/1.6 var(--font-mono);letter-spacing:.04em;color:var(--text-3)}
.p-quest-list .xp{font:600 10.5px/1 var(--font-mono);color:var(--action-text);background:linear-gradient(180deg,#d6f99a,#c5f57a);padding:4px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 0 14px rgba(197,245,122,.45)}
.p-team-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.p-team-list li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;font-size:13px}
.p-team-list .g{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:600 10px/1 var(--font-mono);background:rgba(232,239,228,.06);border:1px solid var(--hair-2);color:#c9d6c3}
.p-team-list .g.you{background:var(--action);color:var(--action-text);border-color:var(--action);box-shadow:0 0 12px rgba(197,245,122,.5)}
.p-team-list b{display:block;font-weight:600;color:#e8efe4}
.p-team-list span{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}
.p-focus{margin:14px 0 0;font:500 11px/1.6 var(--font-mono);letter-spacing:.04em;color:var(--text-3)}
.p-universe{margin-top:6px}
.p-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:520px;border-radius:16px;overflow:hidden;border:1px solid var(--hair-2);background:radial-gradient(ellipse at 50% 40%,rgba(63,143,134,.10),transparent 60%),#050707;box-shadow:var(--lift);cursor:grab}
.p-stage .u-canvas,.p-stage .u-labels{opacity:1;pointer-events:auto}
.p-stage .u-labels{pointer-events:none}
.p-stage .b3-label{pointer-events:auto}
.p-stage .u-caption{position:absolute;left:14px;bottom:12px;margin:0;font:500 11px/1.5 var(--font-mono);letter-spacing:.06em;color:var(--text-3)}

/* waitlist */
.wl-form{max-width:520px;display:grid;gap:8px}
.wl-form label{font-size:12.5px;color:var(--text-secondary);margin-top:8px}
.wl-form .opt{color:var(--text-3)}
.wl-form .actions{display:flex;align-items:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.wl-submit{font-size:16px;padding:15px 26px;border-radius:12px}
.q-note{font:500 11px/1.6 var(--font-mono);letter-spacing:.03em;color:var(--text-3);margin:14px 0 0}
.form-feedback{font-size:13px;color:var(--muted)}
.form-feedback.is-error{color:#f08d86}
.wl-done{text-align:center;padding:10px 0 6px}
.wl-done .mp-lu-ringwrap{position:relative;width:150px;height:150px;margin:0 auto 14px}
.wl-done .mp-center b{font-size:44px}
.wl-done .mp-center .mp-lv{font-size:9.5px}
.wl-done .eyebrow{justify-content:center;display:flex}
.wl-done h3{font-size:30px;font-weight:600;letter-spacing:-.04em;margin:6px 0 10px;color:#eef4ea}
.wl-done .q-help{margin:0 auto 16px}

@media (prefers-reduced-motion:no-preference){
  .q-card.is-on{animation:prism-rise 360ms var(--ease-out) both}
  .choice{transition:border-color 140ms var(--ease),box-shadow 200ms var(--ease),transform 140ms var(--ease)}
  .choice:active{transform:scale(.98)}
  .qt li{transition:background 200ms var(--ease),color 200ms var(--ease),border-color 200ms var(--ease)}
  .mp-arc{transition:stroke-dashoffset 900ms var(--ease-out)}
}
@media (max-width:860px){
  .start-main{padding:30px var(--gutter) 90px}
  .q-card{padding:24px 20px}
  .q-doors,.choice-grid,.choice-multi,.preview-grid{grid-template-columns:1fr}
  .qt{gap:4px}.qt li{font-size:9.5px;padding:7px 8px}
  .q-nav .primary{width:100%;margin-left:0}
  .q-nav{flex-wrap:wrap}
  .p-stage{aspect-ratio:4/3}
}

[hidden]{display:none!important}
#u-stage.p-stage .u-canvas,#u-stage.p-stage .u-labels{opacity:1}
#u-stage.p-stage .u-canvas{pointer-events:auto;touch-action:none}
.start-main .nav-links{display:flex}

.p-idea{font-weight:500;color:var(--chartreuse);font-size:clamp(17px,1.6vw,21px);line-height:1.4;margin:0 0 10px;max-width:70ch}

.p-vision{margin:0 0 14px;padding:10px 12px;border-left:2px solid var(--action);font-size:13px;line-height:1.5;color:#d6dfd1;background:rgba(197,245,122,.06);border-radius:0 8px 8px 0}
.ring-row .lv-badge{margin:0;flex:none}
.ring-row{flex-wrap:wrap}