:root{color:#172033;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#ffffffd1,#eef2f6eb),#eef2f6}button{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px clamp(16px,4vw,48px);border-bottom:1px solid rgba(23,32,51,.1);background:#f8fafce6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-button,.nav-tab,.primary-action,.back-button,.restart-tour,.tour-row,.build-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;cursor:pointer}.brand-button{justify-content:flex-start;padding:0;color:#172033;background:transparent;text-align:left}.brand-button strong,.brand-button small{display:block}.brand-button small{margin-top:2px;color:#667085;font-size:12px}.brand-mark,.tour-launcher-icon,.build-card-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#f8fafc;background:#0f766e}.nav-tabs{display:inline-flex;gap:8px;padding:4px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff}.nav-tab{min-width:112px;padding:0 14px;border-radius:6px;color:#475467;background:transparent}.nav-tab.active{color:#0b3b38;background:#dff4ed}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 140px}.hub-hero,.detail-header{display:flex;align-items:stretch;justify-content:space-between;gap:24px;margin-bottom:18px}.hub-hero h1,.detail-header h1{max-width:760px;margin:8px 0 0;font-size:clamp(34px,5vw,64px);line-height:.98;letter-spacing:0}.eyebrow{margin:0;color:#0f766e;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-stat,.score-ring{display:grid;place-items:center;align-self:stretch;min-width:180px;padding:24px;border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff}.hero-stat strong,.score-ring span{color:#0f766e;font-size:52px;line-height:1}.hero-stat span,.score-ring small{color:#667085;font-size:13px;font-weight:700}.panel{border:1px solid rgba(23,32,51,.1);border-radius:8px;background:#fff;box-shadow:0 18px 52px #0f172a14}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(190px,.6fr) minmax(190px,.6fr);gap:16px}.idea-of-day,.compact-panel,.chart-panel,.detail-header,.metric-card,.split-layout>.panel,.page-shell>.panel{padding:22px}.panel-heading,.section-heading,.metric-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h2,.section-heading h2{margin:5px 0 0;font-size:24px;line-height:1.15}.lead-copy{max-width:720px;margin:14px 0 0;color:#4b5565;font-size:17px;line-height:1.55}.score-badge{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;color:#0b3b38;background:#b9ead8;font-size:25px;font-weight:900}.idea-meta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.idea-meta span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid #d7dde8;border-radius:6px;color:#344054;background:#f8fafc;font-size:13px;font-weight:700}.primary-action,.build-button{min-width:172px;padding:0 16px;border-radius:7px;color:#fff;background:#0f766e;font-weight:800}.compact-panel{min-height:210px}.compact-panel p,.metric-card p,.action-card p,.ladder-step p{margin:8px 0 0;color:#667085;line-height:1.45}.large-number{display:block;margin-top:32px;color:#172033;font-size:46px;line-height:1}.split-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;margin-top:16px}.idea-grid,.action-grid,.metric-grid{display:grid;gap:12px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.idea-card{position:relative;min-height:142px;padding:16px;border:1px solid #d7dde8;border-radius:8px;color:#172033;background:#f8fafc;text-align:left;cursor:pointer}.idea-card span,.idea-card small{display:block;color:#667085;font-size:12px;font-weight:800}.idea-card strong{display:block;max-width:calc(100% - 44px);margin-top:9px;font-size:18px;line-height:1.2}.idea-card small{margin-top:16px;color:#0f766e}.idea-card b{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#fff}.signal-list{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none}.signal-list li{display:grid;grid-template-columns:12px 1fr;gap:10px;color:#344054;line-height:1.5}.signal-list span{width:8px;height:8px;margin-top:8px;border-radius:50%;background:#f59e0b}.action-grid,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.action-card{min-height:132px;padding:16px;border:1px solid #d7dde8;border-radius:8px;background:#f8fafc}.action-card strong{display:block;margin-top:14px}.detail-shell{padding-top:18px}.back-button{margin-bottom:14px;padding:0 12px;border-radius:7px;color:#344054;background:#fff;box-shadow:inset 0 0 0 1px #d7dde8}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{min-height:226px}.metric-topline span{color:#667085;font-size:13px;font-weight:800}.metric-card strong{display:block;margin-top:18px;color:#172033;font-size:42px;line-height:1}.metric-card small{display:block;margin-top:6px;color:#0f766e;font-weight:800}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:16px;margin-top:16px}.chart-frame{width:100%;height:322px;margin-top:22px}.fit-table{display:grid;gap:0;margin-top:18px;overflow:hidden;border:1px solid #d7dde8;border-radius:8px}.fit-row{display:grid;grid-template-columns:118px 1fr;min-height:58px;border-bottom:1px solid #d7dde8}.fit-row:last-child{border-bottom:0}.fit-row span,.fit-row strong{display:flex;align-items:center;padding:12px}.fit-row span{color:#667085;background:#f8fafc;font-size:13px}.fit-row strong{color:#172033;font-size:14px;line-height:1.4}.ladder-list{display:grid;gap:12px;margin-top:18px}.ladder-step{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;min-height:92px;padding:14px;border:1px solid #d7dde8;border-radius:8px;background:#f8fafc}.ladder-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#fff;background:#0f766e;font-weight:900}.ladder-step b{color:#0f766e}.build-card{min-height:372px;padding:24px;border-radius:8px;color:#f8fafc;background:#151923;box-shadow:0 18px 52px #0f172a2e}.build-card h2{margin:10px 0 0;font-size:30px;line-height:1.12}.build-card ul{display:grid;gap:10px;margin:24px 0;padding:0;list-style:none}.build-card li{display:flex;align-items:center;gap:8px;color:#f8fafcd1}.build-button{width:100%;background:#7dd3fc;color:#082f49}.tour-launcher{position:fixed;right:18px;bottom:18px;z-index:50;width:min(360px,calc(100vw - 36px));padding:14px;border:1px solid rgba(23,32,51,.12);border-radius:8px;background:#fffffff2;box-shadow:0 24px 72px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tour-launcher-header{display:flex;align-items:center;gap:10px}.tour-launcher-header strong,.tour-launcher-header small{display:block}.tour-launcher-header small{color:#667085;font-size:12px}.tour-list{display:grid;gap:8px;margin-top:12px}.tour-row{justify-content:space-between;width:100%;min-height:42px;padding:0 10px;border:1px solid #d7dde8;border-radius:7px;color:#344054;background:#fff}.tour-row span{flex:1;text-align:left}.tour-row.active{border-color:#0f766e;color:#0b3b38;background:#e9f8f2}.restart-tour{width:100%;margin-top:10px;padding:0 12px;border-radius:7px;color:#fff;background:#172033;font-weight:800}.event-log{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;margin-top:10px}.event-log span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;color:#667085;background:#f2f4f7;font-size:11px;font-weight:700}@media (max-width: 980px){.topbar,.hub-hero,.detail-header{align-items:flex-start;flex-direction:column}.nav-tabs,.nav-tab,.hero-stat,.score-ring{width:100%}.dashboard-grid,.split-layout,.detail-grid,.metric-grid,.action-grid,.idea-grid{grid-template-columns:1fr}.chart-frame{height:280px}}@media (max-width: 640px){.page-shell{width:min(100% - 24px,1180px);padding-bottom:220px}.hub-hero h1,.detail-header h1{font-size:36px}.fit-row,.ladder-step{grid-template-columns:1fr}.fit-row span,.fit-row strong{min-height:42px}}
