.alpha-body { min-height: 100vh; background: var(--paper-2); }
.alpha-layout { display: grid; grid-template-columns: minmax(22rem,.78fr) minmax(38rem,1.22fr); min-height: 100vh; }
.alpha-story { position: sticky; top: 0; display: flex; min-height: 100vh; height: 100vh; flex-direction: column; justify-content: space-between; overflow: hidden; padding: clamp(2rem,5vw,4.5rem); background: var(--ink); color: var(--white); }
.alpha-story::before { content:""; position:absolute; width:38rem; height:38rem; right:-25rem; bottom:-12rem; border:4.8rem solid rgba(239,106,58,.13); border-radius:50%; }
.alpha-story::after { content:""; position:absolute; inset:0; opacity:.06; background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom right,black,transparent 75%); }
.alpha-story > * { position:relative; z-index:1; }
.alpha-story-copy { max-width:39rem; margin:4rem 0 2rem; }
.alpha-story-copy .overline { color:#ff9a76; }
.alpha-story-copy h1 { max-width:37rem; margin-bottom:1.4rem; font-size:clamp(3rem,5.2vw,5.6rem); }
.alpha-story-copy > p { max-width:34rem; color:#c7c4c3; font-size:1.08rem; }
.alpha-principles { display:grid; gap:.65rem; margin-top:2.2rem; }
.alpha-principles > div { display:grid; grid-template-columns:2rem 1fr; gap:.75rem; padding-top:.85rem; border-top:1px solid rgba(255,255,255,.12); }
.alpha-principles span { color:var(--signal); font-size:.7rem; font-weight:900; }
.alpha-principles p { margin:0; color:#aaa7a6; font-size:.8rem; }
.alpha-principles strong { display:block; margin-bottom:.15rem; color:var(--white); font-size:.88rem; }
.alpha-footnote { margin:0; color:#8e8b8b; font-size:.7rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }
.alpha-panel { display:grid; min-height:100vh; place-items:center; padding:clamp(1.25rem,5vw,5rem); background:var(--paper-2); }
.alpha-card { width:min(100%,50rem); }
.alpha-card-heading { margin-bottom:2rem; }
.alpha-card-heading h2 { margin:.6rem 0 1rem; font-size:clamp(2.4rem,4.5vw,4.4rem); }
.alpha-card-heading > p:last-child { max-width:39rem; color:var(--muted); }
.alpha-badge { display:inline-flex; align-items:center; gap:.4rem; width:max-content; border:1px solid #edb49f; border-radius:99px; padding:.35rem .6rem; background:var(--signal-soft); color:var(--signal-dark); font-size:.64rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.alpha-badge-live { border-color:#b9dacb; background:#e8f4ee; color:var(--green); }
.alpha-badge-live i { width:.42rem; height:.42rem; border-radius:50%; background:var(--green); }
.alpha-form { display:grid; gap:1rem; max-width:38rem; }
.alpha-form > label:not(.consent-choice) { display:grid; gap:.45rem; font-size:.82rem; font-weight:800; }
.alpha-form input[type="email"], .alpha-form input[type="text"] { width:100%; border:1px solid var(--line); border-radius:.5rem; padding:.95rem 1rem; background:white; }
.consent-choice { display:grid; grid-template-columns:1rem 1fr; gap:.75rem; align-items:start; margin:.3rem 0; border:1px solid var(--line); border-radius:.6rem; padding:1rem; background:#f8f4ef; cursor:pointer; }
.consent-choice input { margin-top:.25rem; accent-color:var(--signal); }
.consent-choice strong,.consent-choice small { display:block; }
.consent-choice strong { font-size:.82rem; }
.consent-choice small { margin-top:.3rem; color:var(--muted); font-size:.72rem; line-height:1.45; }
.form-message { min-height:1.2rem; margin:0; color:var(--signal-dark); font-size:.78rem; font-weight:700; }
.alpha-preview-link { border:0; padding:.55rem 0; background:transparent; color:var(--muted); font-size:.76rem; font-weight:750; text-decoration:underline; cursor:pointer; }
.workspace-header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.workspace-header h2 { margin:0; font-size:clamp(2.3rem,4vw,3.8rem); }
.tester-progress { display:grid; grid-template-columns:auto 1fr auto 1fr auto 1fr auto; align-items:start; gap:.55rem; margin:2rem 0 2.5rem; }
.tester-progress > div { text-align:center; color:#aaa49d; }
.tester-progress > div span { display:grid; width:2rem; height:2rem; place-items:center; margin:auto; border:1px solid var(--line); border-radius:50%; background:white; font-size:.63rem; font-weight:900; }
.tester-progress > div p { margin:.35rem 0 0; font-size:.62rem; font-weight:800; text-transform:uppercase; }
.tester-progress > i { height:1px; margin-top:1rem; background:var(--line); }
.tester-progress .done,.tester-progress .active { color:var(--signal-dark); }
.tester-progress .done span { border-color:var(--green); background:var(--green); color:white; }
.tester-progress .active span { border-color:var(--signal); background:var(--signal-soft); }
.connection-heading { max-width:42rem; margin-bottom:1.2rem; }
.connection-heading h3 { margin-bottom:.45rem; font-size:1.5rem; }
.connection-heading p { color:var(--muted); font-size:.86rem; }
.alpha-platforms { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }
.alpha-platform { display:flex; flex-direction:column; min-height:24rem; border:1px solid var(--line); border-radius:.7rem; padding:1.2rem; background:white; }
.platform-top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.platform-glyph { display:grid; width:2.45rem; height:2.45rem; place-items:center; border-radius:.55rem; background:var(--ink); color:white; font-size:.68rem; font-weight:900; }
.alpha-platform h3 { margin:1rem 0 .45rem; }
.alpha-platform > p { color:var(--muted); font-size:.82rem; }
.alpha-platform ul { display:grid; gap:.42rem; margin:.5rem 0 1.2rem; padding:0; list-style:none; color:#5f5a5e; font-size:.75rem; }
.alpha-platform li::before { content:"✓"; margin-right:.45rem; color:var(--green); font-weight:900; }
.alpha-platform .button { width:100%; margin-top:auto; }
.alpha-platform > small { margin-top:.55rem; color:#948e89; font-size:.65rem; text-align:center; }
.import-divider { display:flex; align-items:center; gap:1rem; margin:1.5rem 0; color:#9c9690; font-size:.68rem; font-weight:800; text-transform:uppercase; }
.import-divider::before,.import-divider::after { content:""; height:1px; flex:1; background:var(--line); }
.import-panel { border:1px solid var(--line); border-radius:.65rem; padding:1rem; background:#f8f4ef; }
.import-panel h3 { margin:.2rem 0 .35rem; font-size:1.15rem; }
.import-panel p { margin-bottom:0; color:var(--muted); font-size:.76rem; }
.import-actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:.9rem; }
.import-actions .button { min-height:2.7rem; font-size:.74rem; }
.import-platform { display:grid; gap:.25rem; min-width:9rem; color:var(--ink); font-size:.68rem; font-weight:800; }
.import-platform select { min-height:2.7rem; border:1px solid var(--line); border-radius:.45rem; padding:0 .65rem; background:#fff; color:var(--ink); font:inherit; }
.file-button { position:relative; overflow:hidden; }
.file-button input { position:absolute; inset:0; opacity:0; cursor:pointer; }
.connected-summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1rem; border:1px solid #b9dacb; border-radius:.65rem; padding:1rem; background:#eff8f4; }
.connected-summary > div { display:flex; align-items:center; gap:.7rem; }
.connected-summary p,.connected-summary strong,.connected-summary small { display:block; margin:0; }
.connected-summary small { color:#567065; font-size:.7rem; }
.connected-accounts-list { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.35rem; }
.connected-accounts-list b { border-radius:99px; padding:.2rem .4rem; background:white; color:var(--green); font-size:.58rem; text-transform:uppercase; }
.connected-dot { width:.65rem; height:.65rem; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(37,138,98,.1); }
.workspace-footer { margin-top:1.1rem; border-top:1px solid var(--line); padding-top:1rem; }
.workspace-footer p { margin-bottom:.25rem; color:var(--muted); font-size:.74rem; }
.workspace-footer strong { color:var(--ink); }
.existing-dashboard { width:100%; margin:.8rem 0 .25rem; }
@media (max-width:900px){.alpha-layout{grid-template-columns:1fr}.alpha-story{position:relative;min-height:auto;height:auto;padding:1.5rem}.alpha-story-copy{margin:4rem 0 2rem}.alpha-story-copy h1{font-size:clamp(2.8rem,11vw,4.4rem)}.alpha-principles{display:none}.alpha-footnote{margin-top:1.5rem}.alpha-panel{min-height:auto;padding:2rem 1rem 4rem}.alpha-platforms{grid-template-columns:1fr}.alpha-platform{min-height:22rem}}
@media (max-width:560px){.workspace-header{display:block}.workspace-header .alpha-badge{margin-top:.8rem}.tester-progress{gap:.25rem}.connected-summary{align-items:stretch;flex-direction:column}.connected-summary .button{width:100%}.import-actions{display:grid}.alpha-card-heading h2{font-size:2.45rem}}
.connected-accounts-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.connected-accounts-list button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:.38rem .65rem;color:var(--muted);font:inherit;font-size:.72rem;font-weight:800;text-align:left;cursor:pointer}.connected-accounts-list button small{display:none}.connected-accounts-list button.active{border-color:var(--ink);background:var(--ink);color:#fff}