:root{--bg:#eef5fb;--surface:#ffffffe6;--surface-strong:#fff;--line:#0f27401a;--text:#5b6c80;--text-strong:#10253b;--text-inverse:#e8f6ff;--accent:#0ea5c6;--accent-strong:#0f7aa7;--accent-soft:#0ea5c61f;--good:#0f9d73;--warn:#d46d28;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--shadow-soft:0 12px 32px #0f274014;--font-ui:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif;--font-display:"Avenir Next", "Trebuchet MS", sans-serif;color:var(--text);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#0ea5c62e,#0000 26%),radial-gradient(circle at 100% 0,#0891b21f,#0000 22%),linear-gradient(#f7fbfe 0%,#eef5fb 42%,#edf3f8 100%);line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}p,ul,h1,h2,h3,strong,span{margin:0}ul{padding:0;list-style:none}#app{min-height:100vh;padding:28px}.app-shell{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:22px;max-width:1560px;margin:0 auto;display:grid}.sidebar,.panel,.hero-panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-soft)}.sidebar{border-radius:var(--radius-xl);gap:18px;padding:22px;display:grid;position:sticky;top:24px}.brand-block{align-items:center;gap:14px;display:flex}.brand-badge{color:#fff;background:linear-gradient(135deg,#0ea5c6 0%,#085b7b 100%);border-radius:16px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}.eyebrow,.sidebar-label,.kpi-label,.surface-sub,.proposal-strip span{letter-spacing:.12em;text-transform:uppercase;color:#10253b8f;font-size:12px}.brand-block h1{font-family:var(--font-display);color:var(--text-strong);font-size:28px;line-height:1.05}.side-nav{gap:8px;display:grid}.side-nav a{color:var(--text-strong);background:0 0;border-radius:14px;padding:12px 14px;font-weight:600}.side-nav a.active,.side-nav a:hover{background:var(--accent-soft);color:var(--accent-strong)}.sidebar-card{border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid #0f274014;gap:10px;padding:16px;display:grid}.sidebar-card p,.sidebar-card strong{color:var(--text-strong)}.tone-dark{color:var(--text-inverse);background:linear-gradient(#123555 0%,#0b2134 100%)}.tone-dark .sidebar-label,.tone-dark p{color:#e8f6ffc2}.content{gap:22px;display:grid}.hero-panel,.panel{border-radius:var(--radius-xl);padding:24px}.proposal-strip{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.hero-copy{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.hero-copy h2{font-family:var(--font-display);color:var(--text-strong);max-width:980px;margin-top:8px;font-size:clamp(32px,3.1vw,54px);line-height:1.02}.hero-text{max-width:880px;margin-top:18px;font-size:17px}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.pill,.tag,.chip{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.tag{color:var(--text-strong);background:#10253b0f}.chip{padding:8px 12px;font-size:12px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.stat-card{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid #0f274014;gap:10px;padding:18px;display:grid}.stat-card p{letter-spacing:.08em;text-transform:uppercase;color:#10253b8f;font-size:12px}.stat-card strong,.panel-head h3,.surface-title{color:var(--text-strong)}.stat-card strong{font-size:22px}.workspace-grid,.strategy-grid{gap:22px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-head h3{font-family:var(--font-display);margin-top:8px;font-size:28px}.mini-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.mini-kpis div,.reward-box,.ops-matrix div,.roadmap article{border-radius:var(--radius-md);background:#ffffffd9;border:1px solid #0f274014;padding:14px 16px}.mini-kpis strong,.reward-box strong,.ops-matrix strong,.roadmap strong{color:var(--text-strong);margin-top:6px;font-size:24px;display:block}.feature-layout,.ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.surface-card{border-radius:var(--radius-lg);background:#f8fcfff2;border:1px solid #0f274014;gap:16px;padding:18px;display:grid}.wide{grid-column:1/-1}.surface-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.surface-title{font-size:18px;font-weight:800}.campaign-list{gap:12px;display:grid}.campaign-card{border-radius:var(--radius-md);background:#fff;border:1px solid #0f274014;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;display:flex}.campaign-card strong,.timeline strong,.composer-main strong,.model-head strong{color:var(--text-strong)}.campaign-card p,.timeline span,.composer-main p,.model-card p{margin-top:6px}.campaign-card span,.model-head span{color:var(--text-strong);background:#0f27400f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.campaign-card.accent{background:linear-gradient(135deg,#0ea5c61f,#0ea5c608)}.reward-grid,.ops-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.timeline,.ops-list,.checklist{gap:10px;display:grid}.timeline li,.ops-list li,.checklist li{border-radius:var(--radius-md);background:#fff;border:1px solid #0f274014;padding:12px 14px}.checklist li{padding-left:40px;position:relative}.checklist li:before{content:"";background:linear-gradient(135deg,#15c7df 0%,#0f7aa7 100%);border-radius:50%;width:14px;height:14px;position:absolute;top:14px;left:14px;box-shadow:0 0 0 4px #0ea5c61f}.compact li{background:#ffffffbd}.ops-list li{justify-content:space-between;gap:12px;display:flex}.ops-list strong{color:var(--accent-strong)}.message-composer{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:14px;display:grid}.composer-main,.composer-side{border-radius:var(--radius-md);background:#fff;border:1px solid #0f274014;padding:16px}.composer-label{color:#10253b8f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.composer-side{gap:12px;display:grid}.composer-side strong{color:var(--text-strong);margin-top:6px;font-size:22px;display:block}.model-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.model-card{border-radius:var(--radius-lg);background:#fff;border:1px solid #0f274014;padding:18px}.model-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.recommended{background:linear-gradient(135deg,#0f9d731a,#0f9d7308)}.recommended .model-head span{color:var(--good);background:#0f9d731f}.caution{background:linear-gradient(135deg,#d46d2814,#d46d2808)}.caution .model-head span{color:var(--warn);background:#d46d281f}.scope-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.scope-board section{border-radius:var(--radius-lg);background:#f8fcfff2;border:1px solid #0f274014;padding:18px}.roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.step{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);border-radius:50%;place-items:center;margin-bottom:14px;font-weight:800;display:inline-grid}@media (width<=1320px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.stats-grid,.model-cards,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){#app{padding:16px}.hero-copy,.panel-head,.surface-head,.proposal-strip{flex-direction:column}.hero-actions{justify-content:flex-start}.stats-grid,.mini-kpis,.feature-layout,.ops-grid,.reward-grid,.ops-matrix,.model-cards,.scope-board,.roadmap,.message-composer{grid-template-columns:1fr}}@media (width<=640px){.hero-copy h2{font-size:28px}.brand-block h1{font-size:24px}.sidebar,.panel,.hero-panel{padding:18px}.checklist li{padding-left:36px}}