/* V4 identity: outlined Space Grotesk brand, hosted Adobe UI typography. */
:root{--bg:#eef0ec;--ink:#0e1a24;--ink-2:#45515b;--mute:#596773;--faint:#63717b;--line:#d4dad6;--line-2:#c2cbc6;--soft:#f4f6f2;--soft-2:#e2e7e1;--accent:#2b3fd6;--accent-ink:#fff;--r:18px;--r-s:10px}
body{background:var(--bg)}
.gate{background:radial-gradient(ellipse at top left,#2b3fd630,transparent 65%),#0e1a24;color:#eef0ec}
.gate-card{max-width:440px;background:#ffffff08;padding:40px;border:1px solid #ffffff24;border-radius:28px}
.brand .wordmark{width:200px;height:auto;max-width:100%;object-fit:contain}
.brand small{color:#ddeb5a}
.gate h1{font-weight:500;letter-spacing:-.035em;line-height:1.14}
.gate .btn.link,.gate .msg,.gate-sub,.gate-sub b{color:#dee3dc}
.gate-foot{border-color:#ffffff24;color:#b7c4cd;line-height:1.6}
.gate .btn:not(.link){background:#ddeb5a;border-color:#ddeb5a;color:#0e1a24}
.app{grid-template-columns:236px minmax(0,1fr) var(--srcw)}
.rail{background:#0e1a24;color:#eef0ec;padding:36px 24px;border:0}
.rail .wordmark{width:172px}
.steps{gap:10px}
.steps li{color:#b7c4cd;line-height:1.4;padding:12px 10px}
.steps li .n{background:transparent;color:#b7c4cd;border-color:#657580}
.steps li.cur{background:#ffffff10;color:#fff}
.steps li.cur .n{background:#ddeb5a;color:#0e1a24;border-color:#ddeb5a}
.steps li.done,.steps li.go:hover{color:#eef0ec}
.steps li.done .n{background:#ddeb5a;border-color:#ddeb5a}
.steps li.done .n:after{border-color:#0e1a24}
.who{border-color:#ffffff24;color:#b7c4cd}.who .btn.link{color:#eef0ec}
.main{max-width:980px;padding:48px clamp(24px,3vw,56px) 80px}
h1{font-size:clamp(30px,3.1vw,46px);line-height:1.13;letter-spacing:-.035em;margin-bottom:24px}
.eyebrow{color:#0f6e6a;font-weight:500;font-size:13px;margin:0 0 16px}
.intro{font-size:16px;line-height:1.65;color:var(--ink-2);margin:0 0 28px;max-width:620px}
.connections{margin-bottom:24px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.connections-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.connections h2{font-size:18px;letter-spacing:-.02em;text-transform:none;border:0;padding:0;margin:0}
.connections p{font-size:13px;color:var(--mute);line-height:1.55}
.connection-status{font-size:11px;background:#eef0ec;padding:5px 9px;border-radius:20px;color:#45515b}
.connector-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.connector{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f7f8f5;display:grid;gap:5px}
.connector b{font-size:14px;font-weight:500}.connector span{font-size:12px;line-height:1.45;color:var(--mute)}
.later-connections{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:13px}.later-connections summary{cursor:pointer;padding:8px 0}
.drop{background:#fff;border-radius:20px;border-color:#bac5bc;padding:26px}.drop .big{font-family:var(--display);font-weight:500;font-size:23px;letter-spacing:-.025em}.drop .sub{line-height:1.65}
.btn{border-radius:999px;min-height:44px}.btn.ghost{background:#eef0ec;color:#0e1a24;border-color:#c2cbc6}
.source{background:#e3e8e2;padding:36px 24px}.source .empty{color:#596773;border-color:#b7c2b9}
.looma{border-radius:18px;background:#fff;border-color:var(--line)}
:focus-visible{outline-color:#2b3fd6}.rail :focus-visible,.gate :focus-visible{outline-color:#ddeb5a}
@media(max-width:1100px){.app{grid-template-columns:210px minmax(0,1fr) 56px}.main{padding:36px 24px 64px}.rail{padding:28px 18px}}
@media(max-width:760px){.app{display:block}.rail{position:relative;height:auto;padding:22px}.rail .brand{margin-bottom:20px}.steps{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding:4px;margin:0}.steps li{flex:none;margin:0;font-size:12px;gap:7px;padding:10px}.who{margin-top:18px;padding-top:12px;flex-direction:row;justify-content:space-between;gap:12px}.main{padding:30px 20px 48px;max-width:none}.source{position:relative;height:auto;max-height:70vh;border-left:0;border-top:1px solid var(--line)}.app:not(.src-open) .source>*:not(.srcbar){display:none!important}.srcbar,.app:not(.src-open) .srcbar{flex-direction:row}.srcbar .lbl,.app:not(.src-open) .srcbar .lbl{writing-mode:horizontal-tb;transform:none}.gate{padding:24px 16px}.gate-card{padding:32px 24px}.connections{padding:20px}.connector-grid{grid-template-columns:1fr}.unsure{grid-template-columns:1fr}.done .stat{gap:6px}.done .stat div{padding:14px 10px}.done .stat b{font-size:28px}.save{grid-template-columns:1fr}.form,.grid{max-width:100%}.team{display:block;overflow-x:auto}.actions{flex-wrap:wrap}.twin dl{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.connector-connect{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;min-height:36px;padding:8px 10px;border:1px solid #d4dad6;border-radius:8px;background:#e9ede7;color:#596773;font-size:12px;cursor:not-allowed;text-align:left}.connector-connect span{font-size:10px;color:#596773}