:root{--bg:#080909;--panel:#161816d1;--panel-strong:#171916;--line:#e5e0ca1f;--text:#f4f0df;--muted:#a8a08e;--signal:#f4b84a;--signal-2:#9ee5c1;--danger:#ff7b6e;--shadow:0 30px 90px #0000007a}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% -10%,#f4b84a38,#0000 34rem),radial-gradient(circle at 85% 5%,#9ee5c121,#0000 30rem),linear-gradient(135deg,#080909 0%,#10110f 55%,#070807 100%);margin:0;font-family:IBM Plex Sans,sans-serif}body:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}button{font:inherit}.shell{width:min(1440px,100% - 48px);margin:0 auto;padding:32px 0 48px}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{border-radius:34px;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:28px;min-height:360px;padding:44px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #f4b84a47;border-radius:999px;width:360px;height:360px;position:absolute;top:-80px;right:-80px}.eyebrow{color:var(--signal);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.045em;margin:0;font-family:Fraunces,serif}h1{max-width:880px;font-size:clamp(54px,8vw,108px);line-height:.86}h2{font-size:30px}.hero-copy{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.actions button{color:#15120a;background:var(--signal);cursor:pointer;border:0;border-radius:999px;padding:13px 18px;font-weight:800}.actions .secondary{color:var(--text);border:1px solid var(--line);background:#ffffff14}.actions span{color:var(--muted)}.signal-card{background:linear-gradient(160deg,#f4b84a33,#9ee5c114);border:1px solid #f4b84a38;border-radius:28px;padding:26px}.signal-card span,.metric span,.metric small,.journey-row small,.step small{color:var(--muted)}.signal-card strong{letter-spacing:-.08em;font-size:86px;display:block}.signal-card small{color:var(--signal-2)}.app-header{border-radius:28px;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:18px;margin-bottom:14px;padding:24px;display:grid}.app-header h1{max-width:none;font-size:clamp(34px,4vw,54px);line-height:.95}.app-header p:not(.eyebrow){color:var(--muted);margin:10px 0 16px;line-height:1.5}.header-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.header-stats .metric{min-height:118px;box-shadow:none;padding:16px}.header-stats .metric strong{margin:12px 0 4px;font-size:30px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0;display:grid}.onboarding-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;display:grid}.step-card{border:1px solid var(--line);background:#ffffff08;border-radius:24px;padding:20px}.step-card span{color:#15120a;background:var(--muted);border-radius:999px;place-items:center;width:30px;height:30px;margin-bottom:18px;font-weight:800;display:inline-grid}.step-card.active{background:#f4b84a14;border-color:#f4b84a73}.step-card.complete span,.step-card.active span{background:var(--signal)}.step-card strong,.step-card small{display:block}.step-card small{color:var(--muted);margin-top:8px;line-height:1.5}.connector,.workspace{border-radius:30px;grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(150px,.7fr)) auto;align-items:end;gap:14px;margin-bottom:14px;padding:24px;display:grid}.workspace-guide{grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);align-items:stretch;padding:0;overflow:hidden}.workspace-copy{border-right:1px solid var(--line);background:linear-gradient(150deg,#f4b84a1a,#0000 48%),#ffffff05;padding:28px}.workspace-card{align-content:center;gap:16px;padding:28px;display:grid}.primary-step{background:radial-gradient(circle at 92% 12%,#9ee5c124,#0000 18rem)}.step-kicker{width:fit-content;color:var(--signal);letter-spacing:.08em;text-transform:uppercase;background:#f4b84a14;border:1px solid #f4b84a47;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.workspace-card input,.workspace-card select{min-height:52px;font-size:16px}.workspace-card button{width:fit-content;min-width:190px}.context-card{grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);align-items:center}.context-summary{background:#9ee5c10f;border:1px solid #9ee5c138;border-radius:22px;padding:20px}.context-summary span,.context-summary small{color:var(--muted)}.context-summary strong{margin:8px 0 4px;font-size:24px;display:block}.workspace-switchers{grid-template-columns:repeat(2,minmax(160px,1fr));gap:14px;display:grid}.connector p:not(.eyebrow),.workspace p:not(.eyebrow),.cost-panel p:not(.eyebrow),.empty-state p:not(.eyebrow){color:var(--muted);margin:10px 0 0;line-height:1.6}.connector label,.workspace label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.connector input,.workspace input,.workspace select{border:1px solid var(--line);width:100%;color:var(--text);background:#0000003d;border-radius:14px;outline:none;padding:12px 13px}.connector input:focus,.workspace input:focus,.workspace select:focus{border-color:#f4b84a9e}.connector button,.workspace button{color:#15120a;background:var(--signal-2);cursor:pointer;border:0;border-radius:16px;padding:13px 16px;font-weight:800}button:disabled{opacity:.62;filter:saturate(.65);cursor:wait!important}.secondary-button{color:var(--text)!important;border:1px solid var(--line)!important;background:#ffffff14!important}.connector-status{border:1px solid var(--line);background:#ffffff08;border-radius:18px;gap:6px;min-width:190px;padding:14px;display:grid}.connector-status span{color:var(--signal-2)}.compact-connector{grid-template-columns:minmax(260px,1fr) auto auto}.settings-panel{grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(150px,.7fr)) auto auto}.metric{border-radius:24px;min-height:154px;padding:20px}.metric strong{letter-spacing:-.04em;text-transform:capitalize;margin:18px 0 8px;font-size:40px;display:block}.grid{grid-template-columns:420px minmax(0,1fr);gap:14px;display:grid}.journey-list,.detail,.philosophy,.cost-panel,.empty-state{border-radius:30px;padding:26px}.section-heading{margin-bottom:22px}.split{justify-content:space-between;align-items:start;gap:24px;display:flex}.pill{color:var(--signal-2);border:1px solid #9ee5c14d;border-radius:999px;padding:8px 12px}.journey-row{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:18px;justify-content:space-between;gap:16px;margin-bottom:10px;padding:16px;display:flex}.journey-row.active{background:#f4b84a17;border-color:#f4b84a73}.journey-row strong,.journey-row small{display:block}.journey-row em{color:var(--signal);font-style:normal}.intent{color:var(--muted);font-size:17px;line-height:1.7}.flow{gap:10px;padding:12px 0 20px;display:flex;overflow-x:auto}.step{border:1px solid var(--line);background:#ffffff08;border-radius:18px;min-width:150px;padding:14px}.step span{color:#15120a;background:var(--signal);border-radius:999px;place-items:center;width:24px;height:24px;margin-bottom:18px;font-weight:800;display:inline-grid}.step strong{margin-bottom:8px;display:block}.insight-strip{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.insight-strip span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 12px}.example-sessions{gap:10px;margin-bottom:18px;display:grid}.example-sessions>strong{color:var(--text)}.example-sessions a,.example-session-muted{color:var(--text);background:#9ee5c10e;border:1px solid #9ee5c133;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.example-sessions a:hover{background:#9ee5c11a;border-color:#9ee5c18c}.example-sessions small,.example-sessions p,.example-session-muted small{color:var(--muted)}.example-session-muted{opacity:.75}.code{color:#d7f8e5;background:#050605;border:1px solid #9ee5c12e;border-radius:20px;max-height:390px;padding:18px;overflow:auto}.philosophy{margin-top:14px}.philosophy p:last-child{color:var(--muted);max-width:940px;line-height:1.75}.cost-panel{margin:14px 0}.cost-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.event-list{gap:10px;margin-top:14px;display:grid}.event-row{border:1px solid var(--line);color:var(--muted);background:#ffffff06;border-radius:18px;justify-content:space-between;gap:18px;padding:14px;display:flex}.event-row strong{color:var(--text);text-transform:capitalize}.empty-state{margin-top:14px}@media (max-width:980px){.hero,.app-header,.header-stats,.grid,.metrics,.connector,.workspace,.workspace-guide,.context-card,.workspace-switchers,.onboarding-steps,.cost-grid{grid-template-columns:1fr}.workspace-copy{border-right:0;border-bottom:1px solid var(--line)}h1{font-size:58px}}@media (max-width:640px){.shell{width:min(100% - 28px,1440px);padding-top:18px}.hero{border-radius:26px;min-height:auto;padding:28px}h1{font-size:44px}.signal-card strong{font-size:62px}.connector,.journey-list,.detail,.philosophy,.cost-panel,.empty-state,.workspace-copy,.workspace-card{padding:20px}.event-row{display:grid}}