:root{--lab-bg:#eef3f4;--lab-ink:#122022;--lab-muted:#5c6e72;--lab-line:rgba(85,116,122,.22);--lab-panel:rgba(255,255,255,.95);--lab-accent:#0f766e;--lab-caution:#a35f08}body[data-page]{background:linear-gradient(180deg,#f6f9f9 0%,var(--lab-bg) 44%,#e4ecee 100%);color:var(--lab-ink)}body[data-page] .topbar{background:rgba(251,253,253,.92);color:var(--lab-ink);border-bottom:1px solid var(--lab-line);box-shadow:0 8px 24px rgba(24,43,48,.08)}body[data-page] .brand-mark{border-radius:7px;background:linear-gradient(135deg,#d9f4ef,#0f766e 58%,#173437);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}body[data-page] .topnav a{color:#4e6267;border-radius:7px}body[data-page] .topnav a.active,body[data-page] .topnav a:hover{color:#0b1d20;background:#e4efef;box-shadow:none}body[data-page] .top-status{color:#244043;border-color:var(--lab-line);background:#eef5f4;border-radius:7px}body[data-page] .layout{grid-template-columns:116px minmax(0,1fr)}body[data-page] .rail{background:rgba(247,250,250,.82);border-right:1px solid var(--lab-line);backdrop-filter:blur(14px)}body[data-page] .rail a{color:#486064;border-radius:7px}body[data-page] .rail a.active,body[data-page] .rail a:hover{color:#0b1d20;background:#dce8e9;box-shadow:none}body[data-page] .workspace{width:min(1480px,100%)}body[data-page] .status-strip,body[data-page] .value-hero,body[data-page] .panel,body[data-page] .card{border-radius:8px;background:var(--lab-panel);border:1px solid var(--lab-line);box-shadow:0 10px 34px rgba(33,56,62,.08);backdrop-filter:none}body[data-page] .status-strip,body[data-page] .value-hero{min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,249,249,.96))}body[data-page] .hero-copy h1,body[data-page] h1{font-size:clamp(36px,4.8vw,64px);line-height:1;letter-spacing:0}body[data-page] h2,body[data-page] h3,body[data-page] h4{letter-spacing:0}body[data-page] .eyebrow{color:var(--lab-accent);letter-spacing:.08em}body[data-page] .platform-preview,body[data-page] .platform-preview img,body[data-page] .metric,body[data-page] .candidate,body[data-page] .result-cards article,body[data-page] .pillars article,body[data-page] .workflow-demo-steps article,body[data-page] .evidence-card-grid article,body[data-page] .step-list article,body[data-page] .matrix-list article,body[data-page] input,body[data-page] select,body[data-page] textarea,body[data-page] button,body[data-page] .primary-action,body[data-page] .secondary-link,body[data-page] .chip{border-radius:7px}body[data-page] .platform-preview img{object-fit:cover;border:1px solid var(--lab-line);filter:saturate(.92) contrast(1.03)}body[data-page] .metric,body[data-page] .candidate,body[data-page] .workflow-demo-steps article,body[data-page] .evidence-card-grid article,body[data-page] .step-list article,body[data-page] .matrix-list article{background:#fbfdfd;border:1px solid var(--lab-line);box-shadow:none}body[data-page] .candidate{border-top:3px solid var(--lab-accent)}body[data-page] button,body[data-page] .primary-action{background:#14383a;border-color:#14383a;color:#fff;box-shadow:none}body[data-page] .secondary-link{background:#f8fbfb;color:var(--lab-ink);border:1px solid var(--lab-line)}body[data-page] .chip{background:#f6f9f9;color:#4b6265}body[data-page] .chip.warn{background:#fff4df;color:var(--lab-caution)}body[data-page] .platform-map article{border-radius:7px;border:1px solid var(--lab-line);background:#fbfdfd;box-shadow:none}body[data-page] .boundary-strip span{border-radius:7px;background:#eef5f4;border:1px solid var(--lab-line)}body[data-page] .hidden-bindings{display:none}body[data-page] #platform-value,body[data-page] #workflow-demo,body[data-page] #evidence-chain,body[data-page] #specialist-router{margin-top:18px}body[data-page] pre{overflow:auto;max-width:100%;margin:0;padding:12px;border:1px solid var(--lab-line);border-radius:7px;background:#f7fafb}@media(max-width:900px){body[data-page] .layout{grid-template-columns:1fr}body[data-page] .rail{border-right:0;border-bottom:1px solid var(--lab-line)}}
body[data-page] .metrics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body[data-page] .candidate-grid, body[data-page] .evidence-card-grid, body[data-page] .workflow-demo-steps, body[data-page] .step-list, body[data-page] .matrix-list, body[data-page] .pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
body[data-page] .form-grid, body[data-page] .feedback-grid, body[data-page] .brief-preview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
body[data-page] label { display: grid; gap: 6px; color: var(--lab-muted); font-weight: 700; }
body[data-page] label.wide { grid-column: 1 / -1; }
body[data-page] input, body[data-page] select, body[data-page] textarea { width: 100%; border: 1px solid var(--lab-line); background: #fbfdfd; color: var(--lab-ink); padding: 10px 11px; }
body[data-page] .primary-action, body[data-page] button { min-height: 42px; padding: 10px 14px; font-weight: 800; }
body[data-page] .boundary-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
body[data-page] .homepage-next-action { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 380px); gap: 14px; align-items: center; margin: 0 0 18px; border-left: 5px solid var(--lab-accent); }
body[data-page] .homepage-next-action p { margin: 6px 0 0; color: var(--lab-muted); }
body[data-page] .homepage-next-action .cta-copy { min-width: 0; }
body[data-page] .homepage-next-action .secondary-link { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 42px; text-align: center; }
body[data-page] .proof-chip-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; min-width: 0; }
body[data-page] .first-screen-unit-constraints { margin-top: 18px; max-width: 760px; }
body[data-page] .brief-unit-constraints { margin-top: 12px; }
body[data-page] .unit-constraint-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; min-height: 30px; border: 1px solid rgba(20, 122, 85, .22); border-radius: 8px; background: #eefaf4; color: #145f46; padding: 6px 9px; font-size: 12px; font-weight: 800; line-height: 1.2; overflow-wrap: anywhere; }
body[data-page] .unit-constraint-chip b { color: #0c3f32; font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
body[data-page] .unit-constraint-chip.unit { border-color: rgba(20, 122, 85, .26); background: #eefaf4; color: #145f46; }
body[data-page] .unit-constraint-chip.constraint { border-color: rgba(189, 110, 18, .28); background: #fff7e8; color: #8a4b12; }
body[data-page] .unit-constraint-chip.boundary { border-color: rgba(177, 59, 46, .24); background: #fff3f0; color: #9f2d22; }
body[data-page] .unit-constraint-chip.proof { border-color: rgba(45, 125, 154, .28); background: #eef8fb; color: #1e6078; }
body[data-page] .cta-action-stack { display: grid; gap: 10px; min-width: 0; }
body[data-page] .cta-trust-gates { display: grid; gap: 8px; padding: 10px; border: 1px solid rgba(20, 122, 85, .2); border-radius: 7px; background: #eefaf4; }
body[data-page] .cta-trust-gates > strong { display: block; color: #166449; font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; }
body[data-page] .cta-trust-gates span { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 7px; align-items: start; color: #166449; font-size: 12px; line-height: 1.35; }
body[data-page] .cta-trust-gates span:before { content: ""; width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--lab-accent); box-shadow: 0 0 0 4px rgba(20, 122, 85, .1); }
body[data-page] .cta-trust-gates b, body[data-page] .cta-trust-gates small { display: block; min-width: 0; overflow-wrap: anywhere; }
body[data-page] .cta-trust-gates b { color: #166449; font-size: 12px; font-weight: 800; }
body[data-page] .cta-trust-gates small { margin-top: 2px; color: var(--lab-muted); font-size: 11px; }
body[data-page] .check-list li { margin: 8px 0; }
body[data-page] .check-list b, body[data-page] .check-list span { display: block; }
body[data-page] .check-list b { color: var(--lab-ink); font-size: 13px; }
body[data-page] .check-list span { color: var(--lab-muted); font-size: 12px; line-height: 1.45; }
body[data-page] .customer-evidence-card-gate { margin-top: 14px; border: 1px solid var(--lab-line); border-left: 4px solid var(--lab-caution); border-radius: 7px; padding: 12px; background: #fff4df; }
body[data-page] .customer-evidence-card-gate .panel-head { margin-bottom: 0; }
body[data-page] .composition { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
body[data-page] .composition span { border: 1px solid var(--lab-line); background: #eef5f4; border-radius: 7px; padding: 4px 7px; }
body[data-page] .intake-report-delivery-grid, body[data-page] .intake-report-risk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 10px; margin-top: 12px; }
body[data-page] .intake-report-delivery-grid section, body[data-page] .intake-report-risk-grid section { border: 1px solid var(--lab-line); border-left: 4px solid var(--lab-accent); border-radius: 7px; background: #fbfdfd; padding: 10px; min-width: 0; }
body[data-page] .intake-report-risk-grid section { border-left-color: var(--lab-caution); background: #fffaf0; }
body[data-page] .intake-report-delivery-grid b, body[data-page] .intake-report-risk-grid b, body[data-page] .intake-report-delivery-grid p, body[data-page] .intake-report-risk-grid p, body[data-page] .intake-report-delivery-grid small, body[data-page] .intake-report-risk-grid small { display: block; overflow-wrap: anywhere; }
body[data-page] .intake-report-delivery-grid p, body[data-page] .intake-report-risk-grid p { margin: 6px 0; color: var(--lab-ink); line-height: 1.45; }
body[data-page] .intake-report-delivery-grid small, body[data-page] .intake-report-risk-grid small { color: var(--lab-muted); line-height: 1.4; }
body[data-page] .intake-report-next-steps { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
body[data-page] .intake-report-next-steps span { border: 1px solid var(--lab-line); border-radius: 999px; background: #eef5f4; color: var(--lab-ink); padding: 7px 9px; font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
@media (max-width: 720px) { body[data-page] .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } body[data-page] .homepage-next-action { grid-template-columns: 1fr; } body[data-page] .homepage-next-action .secondary-link { width: 100%; } body[data-page] .first-screen-unit-constraints, body[data-page] .brief-unit-constraints { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } body[data-page] .unit-constraint-chip { justify-content: center; text-align: center; } }
@media (max-width: 460px) { body[data-page] .first-screen-unit-constraints, body[data-page] .brief-unit-constraints { grid-template-columns: 1fr; } body[data-page] .unit-constraint-chip b { white-space: normal; } }
