:root{--navy:#07111f;--navy-2:#0b1729;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--gold:#facc15;--gold-2:#f59e0b;--blue:#0f5fb8;--blue-2:#1d4ed8;--green:#047857;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fee2e2;--amber:#b45309;--amber-bg:#fef3c7;--purple:#7c3aed;--purple-bg:#ede9fe;--white:#fff;--shadow:0 20px 50px rgba(15,23,42,.10);--soft-shadow:0 10px 28px rgba(15,23,42,.06);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:var(--ink)}a{color:inherit}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;background:rgba(7,17,31,.98);color:white;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}.logo{font-size:24px;font-weight:900;letter-spacing:-.7px;text-decoration:none}.logo span{color:var(--gold)}.nav-links{display:flex;gap:18px;align-items:center;font-size:14px;color:#cbd5e1}.nav-links a{text-decoration:none}.nav-links a:hover{color:white}.nav-cta,#login-area button{background:var(--gold);color:#111827!important;padding:10px 14px;border-radius:999px;font-weight:900;border:none;cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-decoration:none;box-shadow:0 10px 24px rgba(250,204,21,.18)}#login-area button:hover,.nav-cta:hover{background:#fde047;color:#111827!important}.hero{padding:92px 8% 82px;background:radial-gradient(circle at 82% 18%,rgba(250,204,21,.22),transparent 30%),radial-gradient(circle at 18% 90%,rgba(29,78,216,.24),transparent 32%),linear-gradient(135deg,#07111f 0%,#0b1729 52%,#111827 100%);color:white}.badge{display:inline-block;padding:8px 14px;border:1px solid rgba(250,204,21,.35);background:rgba(250,204,21,.08);border-radius:999px;color:var(--gold);font-size:14px;font-weight:800;margin-bottom:24px}h1{font-size:60px;line-height:1.04;margin:0 0 24px;max-width:1080px;letter-spacing:-2.2px}.hero p{font-size:21px;line-height:1.62;color:#cbd5e1;max-width:950px;margin:0 0 34px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.cta{display:inline-block;padding:16px 24px;background:var(--gold);color:#111827;font-weight:900;text-decoration:none;border-radius:12px;border:none;cursor:pointer;box-shadow:0 14px 30px rgba(250,204,21,.22)}.secondary{display:inline-block;padding:16px 24px;background:transparent;color:white;border:1px solid rgba(203,213,225,.38);text-decoration:none;border-radius:12px;font-weight:800}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1050px;margin-top:50px}.proof-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);padding:20px;border-radius:16px;color:#e2e8f0}.proof-card strong{display:block;color:white;font-size:18px;margin-bottom:6px}.section{padding:74px 8%}.section h2{font-size:40px;margin:0 0 14px;letter-spacing:-1.1px}.section-subtitle{font-size:18px;color:var(--muted);max-width:940px;margin:0 0 36px;line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.panel h3{font-size:26px;margin:0 0 14px}.panel p,.panel li{color:#475569;line-height:1.75;font-size:16px}.risk-list{padding-left:20px;margin:12px 0 0}.domain-grid,.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.module-grid{grid-template-columns:repeat(3,1fr)}.card,.module{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--soft-shadow)}.card h3,.module h3{margin:0 0 12px;font-size:22px}.card p,.module p{color:var(--muted);line-height:1.58;font-size:15px;margin:0}.active-domain,.active-tool{border:2px solid var(--gold);background:linear-gradient(180deg,#fff,#fffdf2)}.module ul{padding-left:0;list-style:none;margin:0}.module li{margin:10px 0}.module a{color:#1e293b;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px dashed #e2e8f0;padding-bottom:9px;line-height:1.4}.module a:hover{color:#0f172a;text-decoration:underline}.module span,.status-pill{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 8px;border-radius:999px;white-space:nowrap}.module .live,.status-live{color:#065f46;background:#d1fae5;font-weight:800}.product-suite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:18px}.premium-product-card{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 8%,rgba(250,204,21,.18),transparent 28%),linear-gradient(135deg,#07111f 0%,#0b1729 58%,#111827 100%);color:white;border:1px solid rgba(250,204,21,.20);border-radius:26px;padding:34px;box-shadow:0 24px 60px rgba(7,17,31,.24);min-height:430px;display:flex;flex-direction:column;justify-content:space-between}.premium-product-card.coa-card{background:radial-gradient(circle at 88% 8%,rgba(59,130,246,.22),transparent 28%),radial-gradient(circle at 10% 92%,rgba(250,204,21,.12),transparent 24%),linear-gradient(135deg,#061326 0%,#0b1729 56%,#0f172a 100%)}.premium-product-card.expenses-card{background:radial-gradient(circle at 88% 8%,rgba(250,204,21,.22),transparent 30%),linear-gradient(135deg,#0f172a 0%,#1e293b 60%,#111827 100%)}.premium-product-card:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 34%);pointer-events:none}.product-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;position:relative;z-index:1}.product-badge-live,.product-badge-premium{display:inline-block;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.product-badge-live{background:rgba(22,163,74,.15);color:#bbf7d0;border:1px solid rgba(134,239,172,.35)}.product-badge-premium{background:rgba(250,204,21,.12);color:var(--gold);border:1px solid rgba(250,204,21,.32)}.premium-product-card h3{position:relative;z-index:1;margin:0 0 14px;font-size:30px;line-height:1.15;letter-spacing:-.7px;color:white}.premium-product-card p{position:relative;z-index:1;color:#cbd5e1;line-height:1.7;font-size:16px;margin:0 0 18px}.product-feature-list{position:relative;z-index:1;list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.product-feature-list li{color:#e2e8f0;display:flex;gap:10px;align-items:flex-start;line-height:1.45;font-size:14px}.product-feature-list li:before{content:'✓';color:var(--gold);font-weight:900}.product-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:auto}.product-primary-btn,.product-secondary-btn{display:inline-block;padding:14px 18px;border-radius:12px;text-decoration:none;font-weight:900;font-size:14px}.product-primary-btn{background:var(--gold);color:#111827;box-shadow:0 14px 30px rgba(250,204,21,.18)}.product-secondary-btn{background:rgba(255,255,255,.06);color:white;border:1px solid rgba(255,255,255,.18)}.trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.trust-list{display:grid;gap:14px;margin-top:18px}.trust-item{display:flex;gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.trust-icon{width:36px;height:36px;border-radius:12px;background:#dbeafe;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:900}.trust-item strong{display:block;margin-bottom:4px}.trust-item span{color:#64748b;line-height:1.5}.authority-card{background:radial-gradient(circle at 85% 8%,rgba(250,204,21,.18),transparent 30%),linear-gradient(135deg,#07111f,#0b1729);color:white;border-radius:26px;padding:34px;box-shadow:0 24px 60px rgba(7,17,31,.22)}.authority-card h3{font-size:30px;margin:0 0 14px}.authority-card p{color:#cbd5e1;line-height:1.7}.authority-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.authority-kpi{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:16px;padding:16px}.authority-kpi strong{display:block;color:var(--gold);font-size:26px;margin-bottom:4px}.ai-section{background:radial-gradient(circle at 82% 14%,rgba(124,58,237,.20),transparent 30%),radial-gradient(circle at 12% 86%,rgba(250,204,21,.14),transparent 30%),linear-gradient(135deg,#061326,#0f172a);color:white;border-radius:30px;padding:44px;box-shadow:0 24px 60px rgba(7,17,31,.24)}.ai-section h2{color:white}.ai-section .section-subtitle{color:#cbd5e1}.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.ai-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px}.ai-card strong{display:block;font-size:18px;margin-bottom:8px;color:white}.ai-card span{color:#cbd5e1;line-height:1.6;font-size:14px}.workflow,.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step,.audience{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.step-number{width:34px;height:34px;border-radius:50%;background:#0b1120;color:white;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:14px}.step h3{margin:0 0 8px;font-size:19px}.step p{color:var(--muted);line-height:1.6;margin:0}.audience{font-weight:800}.early-access-strip{margin-top:24px;background:linear-gradient(90deg,#fff7ed,#fffbeb);border:1px solid #fed7aa;border-radius:20px;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 10px 24px rgba(15,23,42,.045)}.early-access-strip strong{display:block;margin-bottom:5px;font-size:18px}.early-access-strip span{color:#7c2d12;line-height:1.55}.request-link{display:inline-block;color:#111827;border:1px solid #111827;text-decoration:none;padding:13px 18px;border-radius:12px;font-weight:900}.coming{background:#fff7ed;border:1px solid #fed7aa;padding:34px;border-radius:22px;margin-top:30px}.coming h3{margin:0 0 10px;font-size:25px}.coming p{color:#7c2d12;line-height:1.65;max-width:920px}.final-cta{text-align:center;background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.final-cta h2{max-width:880px;margin-left:auto;margin-right:auto}.final-cta p{margin-left:auto;margin-right:auto}.footer{padding:40px 8%;background:var(--navy);color:#cbd5e1;font-size:14px;text-align:center}#dashboard-area{display:none;background:#f6f8fb;padding:0}.dashboard-shell{display:grid;grid-template-columns:270px 1fr;min-height:880px;border-top:1px solid #e5e7eb}.dash-sidebar{background:radial-gradient(circle at 20% 5%,rgba(250,204,21,.12),transparent 22%),linear-gradient(180deg,#061326 0%,#06172d 55%,#04101f 100%);color:#e2e8f0;padding:26px 18px;position:sticky;top:80px;height:calc(100vh - 80px);overflow:auto}.dash-brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.cube-logo{width:42px;height:42px;border-radius:12px;border:1px solid rgba(250,204,21,.55);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:22px;font-weight:900;background:rgba(250,204,21,.06)}.dash-brand strong{display:block;color:white;font-size:18px;letter-spacing:.4px}.dash-brand small{color:#cbd5e1;font-size:12px}.dash-section-title{color:var(--gold);text-transform:uppercase;font-size:11px;letter-spacing:.9px;font-weight:900;margin:24px 10px 10px}.dash-menu{display:flex;flex-direction:column;gap:6px}.dash-menu a{color:#dbeafe;text-decoration:none;padding:11px 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px}.dash-menu a:hover,.dash-menu a.active{background:rgba(29,78,216,.48);color:white}.dash-menu .beta{margin-left:auto;font-size:10px;background:#1d4ed8;color:white;padding:3px 6px;border-radius:999px;font-weight:900}.dash-user{margin-top:34px;padding:18px;border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;border-radius:50%;background:rgba(250,204,21,.10);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--gold)}.dash-user strong{display:block;color:white;font-size:14px}.dash-user small{color:#cbd5e1}.dash-main{padding:0;min-width:0}.dash-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 32px;background:rgba(255,255,255,.92);border-bottom:1px solid #e5e7eb;position:sticky;top:80px;z-index:20;backdrop-filter:blur(10px)}.dash-search{flex:1;max-width:620px;display:flex;align-items:center;gap:10px;background:white;border:1px solid #dbe3ef;border-radius:12px;padding:12px 14px;color:#64748b;box-shadow:0 6px 18px rgba(15,23,42,.04)}.dash-search input{border:none;outline:none;flex:1;font-size:14px}.top-actions{display:flex;align-items:center;gap:12px}.project-select,.icon-btn,.customize-btn{border:1px solid #dbe3ef;background:white;border-radius:12px;padding:11px 13px;font-weight:800;color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.04)}.customize-btn{background:#07111f;color:white}.notification-dot{position:relative}.notification-dot:after{content:'2';position:absolute;top:-8px;right:-8px;background:var(--gold);color:#111827;border-radius:999px;padding:2px 5px;font-size:10px;font-weight:900}.dash-content{padding:30px 32px 42px}.welcome-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px}.welcome-row h2{margin:0 0 8px;font-size:28px;letter-spacing:-.4px}.welcome-row h2 span{color:var(--blue)}.welcome-row p{margin:0;color:#64748b}.dashboard-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.5;max-width:440px}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.stat-card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.055);min-height:140px}.stat-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.i-blue{background:#dbeafe;color:#1d4ed8}.i-purple{background:var(--purple-bg);color:var(--purple)}.i-green{background:#ccfbf1;color:#0f766e}.i-red{background:var(--red-bg);color:var(--red)}.i-amber{background:#fef3c7;color:#d97706}.stat-card small{color:#475569;font-weight:800}.stat-card strong{display:block;font-size:30px;margin:12px 0 7px;letter-spacing:-.8px}.stat-card span{font-size:12px;color:#16a34a;font-weight:800}.stat-card .warning{color:#d97706}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}.dash-card{background:white;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 28px rgba(15,23,42,.055);overflow:hidden}.dash-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #e2e8f0}.dash-card-head h3{margin:0;font-size:18px}.dash-filter{font-size:12px;color:#334155;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;background:white}.health-wrap{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:24px;align-items:center}.ring{width:176px;height:176px;border-radius:50%;background:conic-gradient(#16a34a 0 78%,#e5e7eb 78% 100%);display:flex;align-items:center;justify-content:center;margin:auto}.ring-inner{width:124px;height:124px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #e5e7eb}.ring-inner strong{font-size:30px}.ring-inner span{color:var(--green);font-weight:900;font-size:13px}.risk-list-premium{display:grid;gap:12px}.risk-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;background:#f8fafc;font-size:14px}.risk-badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}.rb-red{background:var(--red-bg);color:var(--red)}.rb-amber{background:var(--amber-bg);color:var(--amber)}.rb-green{background:var(--green-bg);color:var(--green)}.dashboard-bottom{display:grid;grid-template-columns:1fr .9fr .9fr;gap:18px;margin-top:18px}.member-tools{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.member-tool-card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(15,23,42,.055)}.member-tool-card h3{margin:0 0 8px;font-size:18px}.member-tool-card p{margin:0 0 18px;color:#64748b;line-height:1.55;font-size:14px}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.small-btn{display:inline-block;text-decoration:none;border:none;padding:10px 13px;border-radius:11px;background:#07111f;color:white;font-weight:900;cursor:pointer;font-size:13px}.small-btn.secondary-btn{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.table-row{display:grid;grid-template-columns:1.1fr .8fr .5fr .8fr;gap:10px;padding:12px 20px;border-bottom:1px solid #eef2f7;font-size:13px;align-items:center}.status{display:inline-block;width:max-content;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.s-risk{background:var(--amber-bg);color:var(--amber)}.s-good{background:var(--green-bg);color:var(--green)}.view-link{display:inline-block;padding:16px 20px 20px;color:#0f5fb8;text-decoration:none;font-weight:900;font-size:13px}@media(max-width:1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}.dashboard-shell{grid-template-columns:1fr}.dash-sidebar{position:relative;top:auto;height:auto}.dash-menu{display:grid;grid-template-columns:repeat(2,1fr)}.dashboard-bottom,.dash-grid,.trust-grid{grid-template-columns:1fr}.member-tools{grid-template-columns:repeat(2,1fr)}.dash-topbar{top:0}}@media(max-width:1050px){h1{font-size:46px}.domain-grid,.module-grid,.workflow,.audience-grid,.hero-proof,.product-suite-grid,.ai-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:760px){.nav{align-items:flex-start;gap:14px;flex-direction:column}.nav-links{flex-wrap:wrap;gap:12px}h1{font-size:36px;letter-spacing:-1px}.hero{padding-top:58px}.domain-grid,.module-grid,.workflow,.audience-grid,.hero-proof,.stat-grid,.member-tools,.product-suite-grid,.ai-grid,.authority-kpis{grid-template-columns:1fr}.early-access-strip{flex-direction:column;align-items:flex-start}.section,.hero{padding-left:6%;padding-right:6%}.dash-content{padding:22px 16px 30px}.dash-topbar{flex-direction:column;height:auto;padding:16px;align-items:stretch}.welcome-row{flex-direction:column}.health-wrap{grid-template-columns:1fr}.dash-menu{grid-template-columns:1fr}.table-row{grid-template-columns:1fr 1fr}}


/* v12 Member Project Workspace + Saved Runs */
.workspace-section {
  margin-top: 24px;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 24px;
  box-shadow: 0 12px 28px rgba(15,23,42,.055);
}
.workspace-header {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 22px;
}
.workspace-kicker {
  display: inline-block;
  color: #0f5fb8;
  background: #dbeafe;
  border: 1px solid #bfdbfe;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 10px;
}
.workspace-header h3 {
  margin: 0 0 8px;
  font-size: 24px;
  letter-spacing: -.4px;
}
.workspace-header p {
  margin: 0;
  color: #64748b;
  line-height: 1.6;
  max-width: 720px;
}
.workspace-note {
  min-width: 260px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 16px;
  padding: 14px;
  color: #78350f;
}
.workspace-note strong {
  display: block;
  margin-bottom: 6px;
}
.workspace-note span {
  font-size: 13px;
  line-height: 1.5;
}
.workspace-grid {
  display: grid;
  grid-template-columns: 1.4fr .8fr;
  gap: 18px;
}
.workspace-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.workspace-form label {
  color: #334155;
  font-size: 13px;
  font-weight: 900;
  display: grid;
  gap: 7px;
}
.workspace-form input,
.workspace-form select,
.workspace-form textarea {
  width: 100%;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  padding: 12px 13px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  background: #ffffff;
  color: #0f172a;
  outline: none;
}
.workspace-form input:focus,
.workspace-form select:focus,
.workspace-form textarea:focus {
  border-color: #0f5fb8;
  box-shadow: 0 0 0 3px rgba(15,95,184,.10);
}
.workspace-form .wide {
  grid-column: 1 / -1;
}
.workspace-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.workspace-panel {
  background:
    radial-gradient(circle at 92% 12%, rgba(250,204,21,.15), transparent 28%),
    linear-gradient(135deg, #07111f, #0b1729);
  color: white;
  border-radius: 20px;
  padding: 22px;
}
.workspace-panel h4 {
  margin: 0 0 16px;
  font-size: 20px;
}
.benefit-row {
  display: flex;
  gap: 10px;
  margin: 12px 0;
  align-items: flex-start;
}
.benefit-row span {
  color: #facc15;
  font-weight: 900;
}
.benefit-row p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.5;
  font-size: 14px;
}
.workspace-metric-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 20px;
}
.workspace-metric-box div {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 14px;
  padding: 14px;
}
.workspace-metric-box strong {
  display: block;
  font-size: 22px;
  color: #facc15;
  margin-bottom: 4px;
  word-break: break-word;
}
.workspace-metric-box span {
  color: #cbd5e1;
  font-size: 12px;
}

.saved-runs-section {
  margin-top: 18px;
}
.saved-run-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.danger-lite {
  color: #dc2626 !important;
  border-color: #fecaca !important;
  background: #fff5f5 !important;
}
.saved-runs-list {
  padding: 16px 20px 20px;
  display: grid;
  gap: 12px;
}
.empty-runs {
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 16px;
  padding: 22px;
  color: #475569;
  display: grid;
  gap: 6px;
}
.empty-runs strong {
  color: #0f172a;
}
.saved-run-card {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  display: grid;
  gap: 10px;
  box-shadow: 0 8px 18px rgba(15,23,42,.04);
}
.saved-run-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.saved-run-top h4 {
  margin: 0 0 5px;
  font-size: 16px;
}
.saved-run-top small {
  color: #64748b;
}
.saved-run-pill {
  background: #dcfce7;
  color: #047857;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}
.saved-run-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.saved-run-meta span {
  background: #f1f5f9;
  color: #334155;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 800;
}
.saved-run-notes {
  color: #475569;
  line-height: 1.55;
  font-size: 14px;
  background: #f8fafc;
  border-radius: 12px;
  padding: 12px;
}
.saved-run-footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.saved-run-footer button,
.saved-run-footer a {
  font-size: 12px;
  text-decoration: none;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #0f172a;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 900;
}
.saved-run-footer .delete-run-btn {
  color: #dc2626;
  border-color: #fecaca;
  background: #fff5f5;
}

@media (max-width: 1050px) {
  .workspace-grid,
  .workspace-form {
    grid-template-columns: 1fr;
  }
  .workspace-header {
    flex-direction: column;
  }
  .workspace-note {
    width: 100%;
  }
}

.live-mini {
  background:#16a34a !important;
  color:white !important;
}

.premium-product-card.bcea-card {
  background:
    radial-gradient(circle at 86% 8%, rgba(22,163,74,.22), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(250,204,21,.12), transparent 24%),
    linear-gradient(135deg,#052e26 0%,#064e3b 48%,#0f172a 100%);
}


.premium-product-card.journal-card {
  background:
    radial-gradient(circle at 86% 8%, rgba(124,58,237,.24), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(250,204,21,.10), transparent 24%),
    linear-gradient(135deg,#1e1b4b 0%,#312e81 48%,#0f172a 100%);
}

.premium-product-card.ap-card {
  background:
    radial-gradient(circle at 86% 8%, rgba(14,165,233,.22), transparent 30%),
    radial-gradient(circle at 10% 92%, rgba(250,204,21,.10), transparent 24%),
    linear-gradient(135deg,#082f49 0%,#0f172a 58%,#111827 100%);
}


/* v14 Premium Consistency Layer */
.hero-cta-grid {
  align-items: center;
}

.hero-cta-grid .secondary {
  padding: 14px 18px;
}

.suite-overview {
  margin-bottom: 22px;
  background:
    radial-gradient(circle at 92% 10%, rgba(250,204,21,.14), transparent 28%),
    linear-gradient(135deg,#07111f,#0b1729);
  color: white;
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 18px 45px rgba(7,17,31,.20);
}
.suite-overview-head h3 {
  margin: 0 0 8px;
  font-size: 26px;
  letter-spacing: -.5px;
}
.suite-overview-head p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.6;
  max-width: 880px;
}
.suite-launch-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin-top: 22px;
}
.suite-launch-grid a {
  text-decoration: none;
  color: white;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 16px;
  padding: 16px;
  display: grid;
  gap: 6px;
  min-height: 118px;
}
.suite-launch-grid a:hover {
  background: rgba(255,255,255,.10);
  transform: translateY(-1px);
}
.suite-launch-grid strong {
  font-size: 15px;
  line-height: 1.25;
}
.suite-launch-grid span {
  color: #cbd5e1;
  font-size: 12px;
}
.suite-launch-grid em {
  width: max-content;
  font-style: normal;
  background: #16a34a;
  color: white;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  margin-top: auto;
}

@media (max-width:1200px) {
  .suite-launch-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width:760px) {
  .suite-launch-grid { grid-template-columns: 1fr; }
}


@media (max-width:760px) {
  .nav { padding: 18px 8%; }
  .logo { font-size: 22px; }
  .nav-links a, .nav-links button { font-size: 13px; }
}


/* v15 Trust + Monetization Upgrade */
.trust-layer {
  background: linear-gradient(180deg, #f8fafc, #ffffff);
}
.credibility-hero {
  max-width: 980px;
  margin-bottom: 28px;
}
.credibility-hero h2 {
  font-size: 42px;
  margin: 0 0 14px;
  letter-spacing: -1.2px;
}
.credibility-hero p {
  color: #475569;
  font-size: 18px;
  line-height: 1.65;
}
.pain-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.pain-card {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 10px 26px rgba(15,23,42,.05);
}
.pain-card strong {
  display: block;
  color: #0f172a;
  font-size: 17px;
  margin-bottom: 8px;
}
.pain-card span {
  color: #64748b;
  line-height: 1.55;
  font-size: 14px;
}

.use-case-table {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(15,23,42,.06);
}
.use-case-row {
  display: grid;
  grid-template-columns: .9fr .9fr 1.2fr;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 1px solid #eef2f7;
  align-items: start;
}
.use-case-row:last-child {
  border-bottom: none;
}
.use-case-head {
  background: #07111f;
  color: white;
  font-weight: 900;
}
.use-case-row span {
  color: #334155;
  line-height: 1.55;
}
.use-case-head span {
  color: white;
}

.metrics-section {
  background: #ffffff;
}
.metrics-panel {
  background:
    radial-gradient(circle at 84% 16%, rgba(250,204,21,.18), transparent 32%),
    linear-gradient(135deg, #07111f, #0b1729);
  color: white;
  border-radius: 30px;
  padding: 42px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 28px;
  align-items: center;
  box-shadow: 0 24px 60px rgba(7,17,31,.24);
}
.metrics-panel h2 {
  color: white;
  margin-bottom: 14px;
}
.metrics-panel p {
  color: #cbd5e1;
  line-height: 1.7;
}
.metrics-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
}
.metrics-grid div {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  border-radius: 18px;
  padding: 20px;
}
.metrics-grid strong {
  display: block;
  color: #facc15;
  font-size: 28px;
  margin-bottom: 8px;
}
.metrics-grid span {
  color: #e2e8f0;
  line-height: 1.45;
}

.roadmap-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}
.roadmap-column {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 26px;
  box-shadow: 0 12px 30px rgba(15,23,42,.055);
}
.roadmap-column h3 {
  margin: 0 0 16px;
  font-size: 22px;
}
.roadmap-column ul {
  margin: 0;
  padding-left: 20px;
}
.roadmap-column li {
  color: #475569;
  line-height: 1.75;
}
.live-column {
  border-top: 5px solid #16a34a;
}
.build-column {
  border-top: 5px solid #f59e0b;
}
.planned-column {
  border-top: 5px solid #1d4ed8;
}

.release-card {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 26px;
  padding: 34px;
  box-shadow: 0 18px 45px rgba(15,23,42,.07);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.release-card h2 {
  margin-bottom: 14px;
}
.release-card p {
  color: #64748b;
  line-height: 1.65;
}
.release-card ul {
  margin: 0;
  padding-left: 20px;
}
.release-card li {
  color: #475569;
  line-height: 1.75;
}

.early-access-premium {
  background:
    radial-gradient(circle at 88% 12%, rgba(250,204,21,.18), transparent 30%),
    radial-gradient(circle at 12% 82%, rgba(29,78,216,.20), transparent 32%),
    linear-gradient(135deg, #07111f, #0b1729);
  color: white;
  border-radius: 30px;
  padding: 42px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  box-shadow: 0 24px 60px rgba(7,17,31,.24);
}
.early-access-premium h2 {
  color: white;
  margin-bottom: 12px;
}
.early-access-premium p {
  color: #cbd5e1;
  line-height: 1.7;
  max-width: 850px;
}
.early-access-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.documentation-section {
  background: #f8fafc;
}
.doc-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
}
.doc-grid div {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}
.doc-grid strong {
  display: block;
  margin-bottom: 8px;
}
.doc-grid span {
  color: #64748b;
  line-height: 1.55;
  font-size: 14px;
}

@media (max-width: 1050px) {
  .pain-grid,
  .roadmap-grid,
  .doc-grid,
  .metrics-panel,
  .release-card,
  .early-access-premium {
    grid-template-columns: 1fr;
  }
  .use-case-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .metrics-grid {
    grid-template-columns: 1fr;
  }
}


/* OracleToolkit Workspace v1 — Implementation Operating System */
.workspace-os {
  margin-top: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 26px;
  padding: 26px;
  box-shadow: 0 18px 45px rgba(15,23,42,.07);
}
.workspace-os-hero {
  background:
    radial-gradient(circle at 90% 12%, rgba(250,204,21,.16), transparent 30%),
    radial-gradient(circle at 12% 88%, rgba(29,78,216,.16), transparent 32%),
    linear-gradient(135deg, #07111f, #0b1729);
  border-radius: 24px;
  padding: 30px;
  color: white;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 26px;
  align-items: center;
  margin-bottom: 24px;
}
.workspace-os-hero h3 {
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -.8px;
}
.workspace-os-hero p {
  color: #cbd5e1;
  line-height: 1.7;
  margin: 0;
}
.resume-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  padding: 22px;
}
.resume-card span {
  display: block;
  color: #facc15;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 900;
  margin-bottom: 8px;
}
.resume-card strong {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.resume-card p {
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 16px;
}
.workspace-os-grid {
  display: grid;
  grid-template-columns: 1.4fr .75fr;
  gap: 18px;
  margin-bottom: 22px;
}
.project-form {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 22px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.form-head {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 6px;
}
.form-head h4 {
  margin: 0;
  font-size: 20px;
}
.form-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
.project-form label {
  color: #334155;
  font-size: 13px;
  font-weight: 900;
  display: grid;
  gap: 7px;
}
.project-form input,
.project-form select,
.project-form textarea {
  width: 100%;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  padding: 12px 13px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  background: white;
  color: #0f172a;
  outline: none;
}
.project-form input:focus,
.project-form select:focus,
.project-form textarea:focus {
  border-color: #0f5fb8;
  box-shadow: 0 0 0 3px rgba(15,95,184,.10);
}
.project-form .wide {
  grid-column: 1 / -1;
}
.project-summary-panel {
  background:
    radial-gradient(circle at 90% 10%, rgba(250,204,21,.13), transparent 30%),
    linear-gradient(135deg, #f8fafc, #ffffff);
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 22px;
}
.project-summary-panel h4 {
  margin: 0 0 18px;
  font-size: 20px;
}
.project-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #e2e8f0;
}
.project-summary-row:last-child {
  border-bottom: none;
}
.project-summary-row span {
  color: #64748b;
  font-size: 13px;
  font-weight: 800;
}
.project-summary-row strong {
  color: #0f172a;
  text-align: right;
  font-size: 13px;
}
.phase-tracker {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  margin-bottom: 22px;
}
.phase-step {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 14px 10px;
  text-align: center;
}
.phase-step strong {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e2e8f0;
  color: #334155;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.phase-step span {
  display: block;
  font-size: 12px;
  color: #475569;
  font-weight: 900;
}
.phase-step.active {
  background: #ecfdf5;
  border-color: #86efac;
}
.phase-step.active strong {
  background: #16a34a;
  color: white;
}
.os-panels {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 18px;
}
.os-panel {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}
.recommendation-list,
.os-activity-list {
  padding: 16px;
  display: grid;
  gap: 10px;
}
.recommendation-list a {
  text-decoration: none;
  display: grid;
  gap: 5px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  border-radius: 14px;
  padding: 13px;
}
.recommendation-list a:hover {
  border-color: #0f5fb8;
  background: #eff6ff;
}
.recommendation-list strong {
  color: #0f172a;
  font-size: 14px;
}
.recommendation-list span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}
.os-activity-item {
  border-bottom: 1px solid #eef2f7;
  padding: 10px 0;
}
.os-activity-item:last-child {
  border-bottom: none;
}
.os-activity-item strong {
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}
.os-activity-item span {
  color: #64748b;
  font-size: 12px;
}
.saved-notes-box {
  padding: 18px;
  display: grid;
  gap: 8px;
  color: #64748b;
  line-height: 1.55;
}
.saved-notes-box strong {
  color: #0f172a;
}
.saved-notes-box.note-active {
  background: #f8fafc;
}
@media (max-width: 1200px) {
  .workspace-os-hero,
  .workspace-os-grid,
  .os-panels {
    grid-template-columns: 1fr;
  }
  .phase-tracker {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 760px) {
  .project-form {
    grid-template-columns: 1fr;
  }
  .form-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .phase-tracker {
    grid-template-columns: 1fr 1fr;
  }
}


/* OracleToolkit Cloud Workspace v1 — Supabase persistence */
.cloud-workspace-panel {
  margin-top: 24px;
  background: radial-gradient(circle at 92% 10%, rgba(250,204,21,.12), transparent 28%), linear-gradient(135deg, #07111f, #0b1729);
  color: white;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 26px;
  padding: 28px;
  box-shadow: 0 20px 52px rgba(7,17,31,.22);
}
.cloud-workspace-head {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 22px;
  align-items: center;
}
.cloud-workspace-head h3 {
  margin: 0 0 10px;
  font-size: 28px;
  letter-spacing: -.6px;
  color: white;
}
.cloud-workspace-head p {
  margin: 0;
  color: #cbd5e1;
  line-height: 1.65;
  max-width: 850px;
}
.cloud-workspace-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cloud-workspace-metrics div {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 18px;
}
.cloud-workspace-metrics strong {
  display: block;
  color: #facc15;
  font-size: 26px;
  margin-bottom: 5px;
}
.cloud-workspace-metrics span {
  color: #cbd5e1;
  font-size: 12px;
}
.cloud-workspace-actions {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
}
.cloud-workspace-status {
  font-size: 13px;
  font-weight: 800;
  padding: 9px 12px;
  border-radius: 999px;
}
.cloud-workspace-status.info { color: #bfdbfe; background: rgba(59,130,246,.12); border: 1px solid rgba(147,197,253,.25); }
.cloud-workspace-status.success { color: #bbf7d0; background: rgba(22,163,74,.14); border: 1px solid rgba(134,239,172,.30); }
.cloud-workspace-status.error { color: #fecaca; background: rgba(220,38,38,.14); border: 1px solid rgba(252,165,165,.30); }
.cloud-projects-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 22px;
}
.cloud-project-card, .empty-projects-state {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 18px;
}
.empty-projects-state { display: grid; gap: 6px; color: #cbd5e1; }
.empty-projects-state strong { color: white; }
.cloud-project-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 12px;
}
.cloud-project-top h4 { margin: 0 0 5px; color: white; font-size: 16px; }
.cloud-project-top span { color: #cbd5e1; font-size: 12px; }
.cloud-project-top em {
  font-style: normal;
  background: #16a34a;
  color: white;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}
.cloud-project-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; }
.cloud-project-meta span {
  background: rgba(255,255,255,.08);
  color: #e2e8f0;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 11px;
  font-weight: 800;
}
.cloud-project-card p { color: #cbd5e1; line-height: 1.55; font-size: 13px; }
@media (max-width: 1050px) { .cloud-workspace-head { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .cloud-workspace-metrics { grid-template-columns: 1fr; } }


/* OracleToolkit Cloud Workspace Engine v2 */
.workspace-engine-v2 {
  margin-top: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 28px;
  padding: 26px;
  box-shadow: 0 18px 45px rgba(15,23,42,.075);
}
.engine-hero {
  background:
    radial-gradient(circle at 90% 10%, rgba(250,204,21,.16), transparent 30%),
    radial-gradient(circle at 10% 88%, rgba(29,78,216,.16), transparent 30%),
    linear-gradient(135deg, #07111f, #0b1729);
  color: white;
  border-radius: 24px;
  padding: 30px;
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 24px;
  align-items: center;
  margin-bottom: 22px;
}
.engine-hero h3 {
  margin: 0 0 12px;
  font-size: 30px;
  line-height: 1.15;
  letter-spacing: -.8px;
}
.engine-hero p {
  color: #cbd5e1;
  line-height: 1.7;
  margin: 0;
}
.engine-status-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  padding: 22px;
}
.engine-status-card span {
  display: block;
  color: #facc15;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-weight: 900;
  margin-bottom: 8px;
}
.engine-status-card strong {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}
.engine-status-card p {
  color: #cbd5e1;
  font-size: 13px;
}
.engine-grid {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
}
.runs-engine-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr .7fr;
  gap: 18px;
  margin-top: 18px;
}
.engine-panel {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(15,23,42,.045);
}
.engine-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #e2e8f0;
  padding: 18px 20px;
}
.engine-panel-head h4 {
  margin: 0;
  font-size: 18px;
}
.engine-panel-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}
.engine-form {
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 14px;
}
.engine-form.single {
  grid-template-columns: 1fr;
}
.engine-form label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 900;
  color: #334155;
}
.engine-form input,
.engine-form select,
.engine-form textarea,
.project-switcher-select {
  width: 100%;
  border: 1px solid #dbe3ef;
  border-radius: 12px;
  padding: 12px 13px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  outline: none;
  background: white;
}
.engine-form input:focus,
.engine-form select:focus,
.engine-form textarea:focus,
.project-switcher-select:focus {
  border-color: #0f5fb8;
  box-shadow: 0 0 0 3px rgba(15,95,184,.10);
}
.engine-form .wide {
  grid-column: 1 / -1;
}
.engine-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.engine-status {
  margin: 0 20px 20px;
  border-radius: 999px;
  padding: 10px 13px;
  font-size: 13px;
  font-weight: 900;
}
.engine-status.info { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.engine-status.success { background: #dcfce7; color: #047857; border: 1px solid #86efac; }
.engine-status.error { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; }
.project-switcher-panel {
  padding-bottom: 16px;
}
.project-switcher-select {
  margin: 16px 20px;
  width: calc(100% - 40px);
}
.cloud-project-list-v2,
.accelerator-runs-list {
  display: grid;
  gap: 12px;
  padding: 0 20px 20px;
  max-height: 460px;
  overflow: auto;
}
.project-switch-card,
.run-card-v2 {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 14px;
  background: #f8fafc;
}
.project-switch-card.active {
  background: #ecfdf5;
  border-color: #86efac;
}
.project-switch-card {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.project-switch-card strong,
.run-card-v2 strong {
  display: block;
  color: #0f172a;
  margin-bottom: 5px;
}
.project-switch-card span,
.run-card-v2 span {
  color: #64748b;
  font-size: 12px;
}
.project-switch-card button {
  border: none;
  background: #07111f;
  color: white;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  font-weight: 900;
}
.run-card-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.run-card-top em {
  font-style: normal;
  background: #dbeafe;
  color: #1d4ed8;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
}
.run-card-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 8px 0;
}
.run-card-v2 p {
  color: #475569;
  font-size: 13px;
  line-height: 1.5;
}
.run-card-v2 a,
.tool-launch-grid-v2 a {
  display: inline-block;
  text-decoration: none;
  color: white;
  background: #07111f;
  border-radius: 10px;
  padding: 9px 11px;
  font-size: 12px;
  font-weight: 900;
}
.tool-launch-grid-v2 {
  padding: 20px;
  display: grid;
  gap: 10px;
}
@media (max-width: 1200px) {
  .engine-hero,
  .engine-grid,
  .runs-engine-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .engine-form {
    grid-template-columns: 1fr;
  }
}


/* v3 Navigation + Workspace Consistency Fix */
#workspace-os,
#workspace,
.saved-runs-section {
  display: none !important;
}

.top-project-switcher {
  border: 1px solid #dbe3ef;
  background: white;
  border-radius: 12px;
  padding: 11px 13px;
  font-weight: 800;
  color: #0f172a;
  box-shadow: 0 6px 18px rgba(15,23,42,.04);
  max-width: 220px;
}

.project-select,
.icon-btn,
.customize-btn,
.dash-menu a,
.suite-launch-grid a,
.member-tool-card a,
.product-primary-btn,
.product-secondary-btn {
  cursor: pointer;
}

.workspace-engine-v2 {
  scroll-margin-top: 95px;
}

#member-tools {
  scroll-margin-top: 95px;
}

#phase-tracker {
  scroll-margin-top: 95px;
}

#os-activity-list,
#accelerator-runs-list {
  scroll-margin-top: 95px;
}

@media (max-width: 900px) {
  .top-project-switcher {
    width: 100%;
    max-width: 100%;
  }
}


.engine-tip {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1e3a8a;
  padding: 13px 15px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 16px;
}