:root{--bg:#090b0e;--sidebar:#07090b;--panel:#0e1115;--panel2:#111419;--line:#22272e;--text:#f0f2f7;--muted:#919cad;--red:#e0292e;--green:#3dc785;--blue:#578ff2;--amber:#f0ab3d;--radius:16px;color-scheme:dark;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;font-size:13px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:28px 20px 24px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:50%;background:var(--red);box-shadow:inset -15px 0 #f4f6fa}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand strong{font-size:14px}.brand small{font-size:10px;color:var(--muted);margin-top:3px}.nav-label{font-size:10px;font-weight:600;color:var(--muted);margin:12px 0 8px}.nav-item{width:100%;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:10px;text-align:left;font:500 13px Inter;display:flex;gap:12px;align-items:center;cursor:pointer;margin-bottom:4px}.nav-item:hover{background:#111419;color:var(--text)}.nav-item.active{background:#2e1214;color:var(--text);font-weight:600}.nav-item.active .nav-icon{color:var(--red)}.nav-icon{width:16px;text-align:center}.nav-badge{margin-left:auto;background:#2e1214;color:var(--red);border-radius:20px;padding:4px 8px;font-size:11px}.sidebar-spacer{flex:1}.system-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#0a0c0f}.system-card strong{font-size:12px}.system-card p{font-size:11px;line-height:1.45;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px;margin-top:12px}.avatar{width:34px;height:34px;border-radius:50%;background:#e7e9ee;color:#111;display:grid;place-items:center;font-weight:700}.profile strong{font-size:12px}.profile small{font-size:10px;color:var(--muted);margin-top:2px}.app{margin-left:248px;min-height:100vh;padding:28px 32px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.eyebrow{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.04em}.topbar h1{font-size:28px;margin:5px 0}.subtitle,.muted{color:var(--muted)}.actions,.button-row{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:11px 16px;font:600 13px Inter;cursor:pointer}.btn:hover{filter:brightness(1.2)}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.small{padding:8px 12px}.status-strip,.trust-strip{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#0b0e11;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.status-copy{display:flex;gap:14px;align-items:center}.status-icon{width:34px;height:34px;border-radius:10px;background:#0a2117;color:var(--green);display:grid;place-items:center;font-weight:700}.status-copy strong{display:block;font-size:14px;margin-bottom:4px}.pill{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;white-space:nowrap}.pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.green{background:#0a1f17;color:var(--green)}.pill.red{background:#2e1214;color:#ff5559}.pill.blue{background:#0d1429;color:var(--blue)}.pill.amber{background:#261b0a;color:var(--amber)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric,.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.metric label{color:var(--muted);font-size:11px}.metric strong{font-size:24px;display:block;margin:8px 0}.metric small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,1fr);gap:16px}.stack{display:grid;gap:16px}.card h2,.card h3{margin:0}.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.card-head p{margin:4px 0 0;font-size:11px;color:var(--muted)}.list{display:grid;gap:0}.list-row{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.number,.score{width:32px;height:32px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;font-weight:700;flex:0 0 auto}.row-copy{flex:1}.row-copy strong{display:block;margin-bottom:5px}.row-copy p,.row-copy small{margin:0;color:var(--muted);line-height:1.4}.tag{font-size:10px;color:var(--green);margin-top:5px}.mission{background:var(--panel2);border:1px solid var(--line);padding:14px;border-radius:12px;margin-top:10px}.mission-line{display:flex;justify-content:space-between;gap:12px}.progress{height:7px;border-radius:9px;background:var(--line);overflow:hidden;margin-top:12px}.progress span{height:100%;display:block;border-radius:9px;background:var(--green)}.quote{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}.quote blockquote{margin:8px 0 12px;line-height:1.5}.page-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}.queue .draft{border:1px solid var(--line);background:#16181f;border-radius:12px;padding:14px;margin-top:12px;cursor:pointer}.queue .draft.active{background:#1c0e12;border-left:4px solid var(--red)}.draft strong,.draft small{display:block}.draft small{color:var(--muted);margin:6px 0 12px}.editor{min-height:520px}.message{background:#0b0d12;border:1px solid var(--line);border-radius:12px;padding:18px;line-height:1.5;min-height:220px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.radar-layout{display:grid;grid-template-columns:470px minmax(0,1fr);gap:18px}.opportunity{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:14px;border:1px solid transparent;border-radius:12px;cursor:pointer}.opportunity:hover,.opportunity.active{background:var(--panel2);border-color:var(--line)}.score{width:48px;height:48px;border-radius:50%;color:var(--green);border:1px solid var(--green)}.opportunity p{margin:5px 0;color:var(--text);line-height:1.35}.detail h2{font-size:24px}.metric-bar{margin:16px 0}.metric-bar label{display:flex;justify-content:space-between;margin-bottom:7px}.focus .app{margin-left:0}.focus-layout{display:grid;grid-template-columns:minmax(0,2fr) 330px;gap:20px}.focus-main{padding:24px}.focus-main h2{font-size:26px}.context-box{background:#111820;border:1px solid var(--line);padding:18px;border-radius:12px;margin:28px 0}.draft-box{min-height:180px;background:#0b0d12;border:1px solid var(--line);padding:20px;border-radius:12px;line-height:1.55}.mobile-menu{display:none}.toast{position:fixed;right:24px;bottom:24px;background:#f0f2f7;color:#090b0e;padding:12px 16px;border-radius:10px;font-weight:600;opacity:0;transform:translateY(15px);transition:.2s;z-index:50}.toast.show{opacity:1;transform:none}.coming-soon{min-height:70vh;display:grid;place-items:center;text-align:center}.coming-soon h1{font-size:36px}.coming-soon p{color:var(--muted);max-width:500px;line-height:1.6}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.radar-layout{grid-template-columns:1fr}.page-grid{grid-template-columns:300px 1fr}.focus-layout{grid-template-columns:1fr}.sidebar{width:220px}.app{margin-left:220px;padding:24px}}
@media(max-width:760px){.mobile-menu{display:block;position:fixed;top:14px;left:14px;z-index:40;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:9px 11px}.sidebar{transform:translateX(-100%);transition:.2s;width:260px}.sidebar.open{transform:none}.app{margin-left:0;padding:70px 16px 24px}.topbar,.status-strip{align-items:flex-start;flex-direction:column}.metrics,.page-grid,.lower-grid{grid-template-columns:1fr}.radar-layout{display:block}.radar-layout>.card{margin-bottom:16px}.actions{width:100%}.btn{flex:1}.focus-layout{display:block}.focus-layout>.stack{margin-top:16px}}
.people-layout{display:grid;grid-template-columns:minmax(620px,1.7fr) minmax(300px,1fr);gap:16px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.search-box{flex:1;display:flex;gap:10px;align-items:center;background:#0a0c0f;border:1px solid var(--line);border-radius:10px;padding:0 14px;color:var(--muted)}.search-box input{width:100%;padding:11px 0;background:transparent;border:0;outline:0;color:var(--text);font:13px Inter}.data-table{overflow-x:auto}.table-row{min-width:680px;display:grid;grid-template-columns:1.35fr 1.2fr 1fr .8fr;gap:14px;align-items:center;padding:13px 12px;border:0;border-top:1px solid var(--line);color:var(--text);background:transparent;text-align:left;font:12px Inter;width:100%}.table-head{color:var(--muted);font-size:10px;font-weight:600;border-top:0}.person-row{cursor:pointer;border-radius:10px}.person-row:hover,.person-row.selected{background:var(--panel2)}.person-row>span:first-child{display:flex;align-items:center;gap:10px}.initial,.big-initial{display:grid;place-items:center;border-radius:50%;background:#242a33;color:var(--text)}.initial{width:32px;height:32px;font-size:10px}.big-initial{width:56px;height:56px;font-size:16px;font-weight:700}.person-hero{display:flex;align-items:center;gap:12px}.person-hero h2{margin:0 0 5px}.person-hero .pill{margin-left:auto}.relationship-score{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.relationship-score span small,.relationship-score span strong{display:block}.relationship-score span small{color:var(--muted);margin-bottom:5px}.relationship-score b{font-size:24px}.person-detail h3{margin-top:28px}.recommendation{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}.recommendation p{color:var(--muted);line-height:1.5}.timeline-item{display:flex;gap:12px;padding:10px 0}.timeline-item i{width:9px;height:9px;border:2px solid var(--green);border-radius:50%;margin-top:4px}.timeline-item small,.timeline-item strong{display:block}.timeline-item small{color:var(--muted);margin-bottom:4px}.mission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mission-card{padding:20px}.mission-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#0a0c0f;border-radius:10px;padding:14px;margin:22px 0}.mission-stats small,.mission-stats strong{display:block}.mission-stats small{color:var(--muted);margin-bottom:8px}.mission-stats strong{font-size:20px}.mission-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.builder-layout{display:grid;grid-template-columns:310px minmax(500px,1fr) 280px;gap:16px}.builder-step{display:grid;grid-template-columns:40px 1fr;gap:12px;position:relative}.builder-step>.pill{position:absolute;right:12px;top:12px}.builder-step h2{font-size:14px;margin:5px 0}.builder-step p{font-size:11px;margin:0;line-height:1.45}.builder-step.active{border-color:var(--blue);background:#0d1420}.step-number{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-weight:700}.bridge-preview{padding:0;overflow:hidden}.preview-bar{display:flex;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);font-size:10px;font-weight:600}.preview-page{background:#f4f1eb;color:#17191c;margin:18px;border-radius:10px;min-height:560px;padding:58px 44px;text-align:center}.preview-kicker{color:#a11b20;font-size:11px;font-weight:700;letter-spacing:.12em}.preview-page h2{font-family:Georgia,serif;font-size:32px;line-height:1.15;max-width:600px;margin:18px auto}.preview-page p{max-width:590px;margin:0 auto;line-height:1.65;color:#4d5055}.preview-benefits{display:grid;gap:10px;text-align:left;max-width:390px;margin:30px auto;color:#282b2f;font-weight:600}.preview-benefits span::first-letter{color:#15945a}.preview-cta{background:#b91f26;color:#fff;border:0;border-radius:8px;padding:15px 24px;font:700 14px Inter;cursor:pointer}.preview-page>small{display:block;max-width:520px;margin:22px auto;color:#696c71;line-height:1.5}.bridge-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 18px 18px}.check-row{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.check-row:first-of-type{border-top:0}.check-row>span:first-child{color:var(--green);font-weight:700}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.chart-card{min-height:390px}.bar-chart{height:285px;display:flex;align-items:end;gap:16px;padding:30px 10px 0}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:10px}.bar-column>span{width:100%;max-width:54px;min-height:16px;background:linear-gradient(180deg,var(--red),#791318);border-radius:8px 8px 3px 3px;position:relative}.bar-column i{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--muted)}.bar-column small{color:var(--muted)}.contribution{padding:18px 0;border-top:1px solid var(--line)}.contribution:first-of-type{border-top:0}.contribution>div:first-child{display:flex;justify-content:space-between}.contribution small{display:block;margin-top:7px}.channel-row{display:grid;grid-template-columns:1.2fr .7fr .6fr .8fr;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.integration-logo{width:48px;height:48px;border-radius:12px;background:#f0f2f7;color:#0b0d12;display:grid;place-items:center;font-size:20px;font-weight:800}.integration-copy h3{margin:0 0 5px}.integration-copy p,.integration-copy small{display:block;color:var(--muted);margin:0}.integration-copy small{font-size:10px;margin-top:7px}.integration-action{text-align:right}.integration-action .pill{display:flex;margin-bottom:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line);cursor:pointer}.setting-row:first-of-type{border-top:0}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--muted);margin-top:5px}.setting-row input{display:none}.setting-row i{width:42px;height:24px;border-radius:20px;background:#303641;position:relative}.setting-row i::after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.setting-row input:checked+i{background:var(--green)}.setting-row input:checked+i::after{left:21px}
@media(max-width:1200px){.builder-layout{grid-template-columns:280px 1fr}.builder-layout>aside{grid-column:1/-1;grid-template-columns:1fr 1fr}.mission-cards,.integration-grid{grid-template-columns:1fr 1fr}.people-layout{grid-template-columns:1fr}.person-detail{display:block}}
@media(max-width:850px){.mission-cards,.integration-grid,.analytics-grid{grid-template-columns:1fr}.builder-layout{grid-template-columns:1fr}.builder-layout>aside{display:grid;grid-template-columns:1fr}.channel-row{grid-template-columns:1fr 1fr}.channel-row>.pill{justify-self:start}.people-layout{display:block}.person-detail{margin-top:16px}}
@media(max-width:760px){.mission-footer,.person-hero{align-items:flex-start;flex-direction:column}.person-hero .pill{margin-left:0}.preview-page{padding:36px 18px}.preview-page h2{font-size:26px}.bridge-actions{flex-direction:column}.table-row{min-width:620px}}