.latestDemo .demoTabs{margin:0 0 18px}.demoVideoFrame{padding:0;overflow:hidden}.demoVideoFrame video{display:block;width:100%;aspect-ratio:16/9;background:#05070b}.demoVideoFooter{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;font-size:12px;color:var(--muted)}.demoVideoFooter p{margin:0}.demoVideoFooter a{color:var(--gold-soft)}.latestDownloads{flex-wrap:wrap}.latestDownloads .button{font-size:12px}.demoVideoFrame video::cue{background:rgba(0,0,0,.85);color:white}@media(max-width:650px){.demoTabs .button{font-size:12px;padding:12px 16px}.demoVideoFooter{font-size:10px;gap:12px}.latestDownloads .button{width:100%;justify-content:center}}

/* Scoped additions only: the existing header, palette, type and page layouts stay intact. */
.demoCaptionNote {display:grid;gap:3px;margin:12px 0 0;color:var(--soft);font-size:11px;line-height:1.75}
.findingBrief .briefVerdict {gap:10px;padding:20px 0 18px}
.findingBrief .briefVerdict strong {font-size:clamp(27px,3vw,36px);line-height:1.15}
.findingBrief .briefVerdict p {line-height:1.6}
.conditionChart {position:relative;display:grid;gap:12px}
.conditionRow {display:grid;gap:5px}
.conditionRow > span {font-size:11px;color:var(--soft)}
.conditionBar {display:flex;align-items:center;justify-content:flex-end;min-height:33px;padding:0 12px;border-radius:5px;font-size:12px}
.conditionFail {background:linear-gradient(90deg,#854852,#da7e85);color:#fff}
.conditionPass {background:linear-gradient(90deg,#24635a,#65c5a3);color:#061c15}
.findingOutcome {position:relative;display:grid;gap:7px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}
.findingOutcome > span {font-size:10px;font-weight:800;color:var(--cyan)}
.findingOutcome strong {font-size:21px;color:var(--text)}
.findingOutcome strong b:first-child {color:#e89199}
.findingOutcome strong b:last-child {color:var(--mint)}
.findingOutcome small {font-size:10px;color:var(--soft)}
.findingBrief .storyNote {margin-bottom:0}
.documentGrid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.documentCard.serviceCard {display:flex;flex-direction:column;padding:0;overflow:hidden}
.documentCover {position:relative;display:block;aspect-ratio:4/3;flex:none;container-type:inline-size;padding:0;overflow:hidden;background:#05090f;border-bottom:1px solid var(--line);isolation:isolate}
.documentCover img {display:block;width:100%;height:100%;object-fit:cover;transition:transform 240ms ease}
.documentCoverCopy {position:absolute;inset:clamp(18px,6.45cqw,28px) clamp(18px,6.45cqw,28px) auto;display:grid;gap:clamp(10px,3.5cqw,14px);pointer-events:none}
.documentCoverEyebrow {color:#b5c0ca;font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1.4}
.documentCoverCopy strong {color:#f5f2e9;font-size:clamp(18px,6.6cqw,29px);font-weight:800;line-height:1.25;letter-spacing:-.045em;white-space:nowrap}
.documentCoverCopy em {color:#e9ca87;font-style:normal}
[data-document="summary"] .documentCoverCopy em {color:#85ddbd}
[data-document="full"] .documentCoverCopy em {color:#b7d8f5}
.documentCoverArrow {position:absolute;right:18px;bottom:16px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #65747e;border-radius:50%;background:#0b1420;color:#f5f2e9;font-size:17px;transition:background 200ms ease,transform 200ms ease}
.documentCover:hover img {transform:scale(1.025)}
.documentCover:hover .documentCoverArrow {background:#284236;transform:translate(1px,-1px)}
.documentCover:focus-visible {outline:3px solid var(--cyan);outline-offset:-4px}
/* Matching illustration and layout, with a dedicated palette for each theme. */
.documentCover .documentCoverLight {display:none}
:root[data-theme="light"] .documentCover {background:#f7f8f5}
:root[data-theme="light"] .documentCover .documentCoverDark {display:none}
:root[data-theme="light"] .documentCover .documentCoverLight {display:block}
:root[data-theme="light"] .documentCoverEyebrow {color:#506277}
:root[data-theme="light"] .documentCoverCopy strong {color:#152d44}
:root[data-theme="light"] .documentCoverCopy em {color:#826021}
:root[data-theme="light"] [data-document="summary"] .documentCoverCopy em {color:#17664e}
:root[data-theme="light"] [data-document="full"] .documentCoverCopy em {color:#285777}
:root[data-theme="light"] .documentCoverArrow {border-color:#a6b2bb;background:#f7f8f5;color:#233b53}
:root[data-theme="light"] .documentCover:hover .documentCoverArrow {background:#e1ebe5}

@media(prefers-reduced-motion:reduce){.documentCover img,.documentCoverArrow{transition:none}.documentCover:hover img,.documentCover:hover .documentCoverArrow{transform:none}}
.documentBody {display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:24px}
.documentBody > span {font-size:10px;color:var(--cyan);font-weight:800;letter-spacing:.1em}
.documentBody h3 {font-size:20px;margin:10px 0}
.documentBody p {font-size:12px;line-height:1.7;color:var(--muted);min-height:42px;margin:0}
.documentBody .actions {display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:18px}
.documentBody .button {padding:12px 14px;font-size:11px}
.productIntro {padding-bottom:36px}
.productIntro h1 {font-size:clamp(34px,5vw,64px);line-height:1.1;margin:18px 0 0}
.serviceExampleNote {margin:0 0 20px;color:var(--muted);font-size:11px;line-height:1.7}
.serviceOutcomeCard.serviceCard h3 {margin:16px 0 10px;font-size:clamp(24px,2.4vw,32px);line-height:1.25;letter-spacing:-.04em;word-break:keep-all}
.serviceOutcomeCard.serviceCard .serviceProductName {color:var(--cyan);font-size:11px;font-weight:750;margin-bottom:22px}
.serviceOutcomeCard.serviceCard .serviceBenefit {font-size:14px;line-height:1.8;word-break:keep-all}
.serviceOutcomeCard .serviceBenefit strong {color:var(--text)}
.serviceExample {margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:10px;background:rgba(118,160,200,.05)}
.serviceExample > span {display:block;margin-bottom:9px;color:var(--cyan);font-size:10px;font-weight:750}
.serviceExample p {margin:0;color:var(--soft);font-size:12px;line-height:1.8;word-break:keep-all}
.serviceExample strong {color:var(--text);font-weight:700}
.serviceOutcomeCard.serviceCard dl {margin:20px 0 24px}
.serviceOutcomeCard.serviceCard dt {font-size:10px;line-height:1.8}
.serviceOutcomeCard.serviceCard dd {font-size:12px;line-height:1.8;word-break:keep-all}
.serviceOutcomeCard.serviceCard > strong {padding-top:8px;font-size:24px}
.serviceOutcomeCard.serviceCard > strong small {font-size:10px}
:root[data-theme="light"] .serviceOutcomeCard.serviceCard .serviceProductName,
:root[data-theme="light"] .serviceExample > span {color:#285777}
:root[data-theme="light"] .serviceExample {background:#f4f7fa}
:root[data-theme="light"] .serviceExample p {color:var(--text-secondary)}
@media(max-width:800px){.serviceOutcomeCard.serviceCard h3{font-size:27px}.serviceExampleNote{font-size:10px}}
:root[data-theme="light"] .findingBrief .briefCondition strong {color:var(--text-primary)}
:root[data-theme="light"] .findingOutcome strong b:first-child {color:#b44150}
@media(min-width:801px){
  .workflow.currentWorkflow{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  .workflow.currentWorkflow article{padding:20px 12px;min-width:0}
  .workflow.currentWorkflow .step{min-height:14px;margin-bottom:28px;font-size:9px;letter-spacing:.055em;white-space:nowrap}
  .workflow.currentWorkflow h3{min-height:42px;font-size:15px;line-height:1.4;word-break:keep-all}
  .workflow.currentWorkflow p{font-size:12px;line-height:1.7;word-break:keep-all}
  .workflow.currentWorkflow .workflowFutureBadge{padding:5px 6px;font-size:9px;letter-spacing:-.025em}
}
@media(max-width:800px){.workflow.currentWorkflow{grid-template-columns:1fr}.workflow.currentWorkflow article{min-height:0}.workflow.currentWorkflow .step{margin-bottom:20px}}
@media(min-width:801px) and (max-width:960px){.workflow.currentWorkflow .step{letter-spacing:0}}
@media(max-width:980px){.documentGrid{grid-template-columns:1fr;max-width:600px;margin-inline:auto}}
@media(max-width:760px){.documentGrid{grid-template-columns:1fr}.documentBody p{min-height:0}.documentBody .button{flex:1;justify-content:center}}

#demo,#result,#services,#workflow{scroll-margin-top:110px}
.heroLoopFrame {justify-self:center;width:min(100%,358px);padding:10px;border-radius:25px}
.loopChrome {position:relative;display:flex;justify-content:space-between;gap:8px;padding:7px 7px 14px;color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.08em}
.heroLoopMedia {position:relative;border-radius:15px;overflow:hidden;background:#05070b}
.heroLoopMedia video {display:block;width:100%;aspect-ratio:9/16;object-fit:contain}
.loopToggle {position:absolute;right:12px;top:12px;padding:8px 11px;border:1px solid #697180;border-radius:30px;background:rgba(5,7,11,.85);color:#fff;font-size:10px;cursor:pointer}
.loopToggle:focus-visible {outline:3px solid var(--cyan);outline-offset:2px}
.loopMore {position:relative;display:flex;justify-content:space-between;align-items:center;padding:17px 8px 8px;color:var(--gold-soft);font-size:11px;font-weight:800}
@media(max-width:650px){.heroLoopFrame{width:min(100%,310px)}.loopToggle{padding:10px 14px}.loopMore{font-size:10px}}

/* The sixth card is a future option after the current five-step verification loop. */
:root {--blueprint-accent:#d0979b;--automation-accent:#b3a0cf;--automation-rgb:179 160 207}
:root[data-theme="light"] {--blueprint-accent:#a74e57;--automation-accent:#78638f;--automation-rgb:120 99 143}
.workflow article:nth-child(1),
:root[data-theme="light"] .workflow article:nth-child(1) {--node-color:var(--blueprint-accent)}
.workflow.currentWorkflow .workflowFuture {--node-color:var(--automation-accent);border-color:rgb(var(--automation-rgb) / 30%)}
.workflow.currentWorkflow .workflowFuture h3 {color:var(--node-color)}
.workflowFutureBadge {position:relative;display:inline-block;margin-top:15px;padding:5px 8px;border:1px solid rgb(var(--automation-rgb) / 28%);border-radius:6px;background:rgb(var(--automation-rgb) / 6%);color:var(--node-color);font-size:10px;font-weight:800;line-height:1.5}
:root[data-theme="light"] .workflow.currentWorkflow .workflowFuture {--node-color:var(--automation-accent);border-color:rgb(var(--automation-rgb) / 27%)}
:root[data-theme="light"] .workflowFutureBadge {background:rgb(var(--automation-rgb) / 5%);border-color:rgb(var(--automation-rgb) / 24%)}

.standalonePage .pageSectionTitle {max-width:760px;margin:0;font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-.048em;text-wrap:balance}
.standalonePage .pageNext {margin-top:32px}
@media(max-width:650px){.standalonePage .pageSectionTitle{font-size:35px}}

.contactPage .contactBookingNote {margin:20px 2px 0;font-size:12px;line-height:1.8}
.contactPage .contactBookingNote a {display:inline-block;margin-left:7px}
@media(max-width:650px){.contactPage .contactBookingNote a{display:block;margin-left:0}}

/* A fixed, dated offer notice above pricing; selection follows the Fit consultation. */
.blueprintEvent {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;margin:0 0 48px;padding:30px 32px;border:1px solid var(--gold-soft);border-radius:16px;background:linear-gradient(115deg,rgba(111,207,177,.09),rgba(217,188,125,.06))}
.blueprintEventBadge {display:inline-block;color:var(--gold-soft);font-size:11px;font-weight:800;letter-spacing:.04em}
.blueprintEvent h2 {margin:14px 0;font-size:clamp(25px,3vw,34px);line-height:1.3;letter-spacing:-.04em;color:var(--text)}
.blueprintEvent p {margin:0;font-size:13px;line-height:1.85;color:var(--soft)}
.blueprintEvent p strong {color:var(--text)}
.blueprintEvent .blueprintEventSelection {margin-top:12px;font-size:11px;color:var(--muted)}
.blueprintEventAction {display:grid;gap:14px;min-width:220px;padding-left:30px;border-left:1px solid var(--line)}
.blueprintEventAction > span {font-size:11px;font-weight:700;color:var(--soft)}
.blueprintEventAction > strong {display:flex;align-items:baseline;gap:12px;font-size:34px;line-height:1.2;color:var(--mint)}
.blueprintEventAction small {font-size:11px;font-weight:500;color:var(--soft)}
.blueprintEventAction .button {justify-content:center;font-size:12px}
.blueprintEventAction time {font-size:10px;color:var(--muted)}
:root[data-theme="light"] .blueprintEvent {border-color:rgb(var(--rose-rgb) / 38%);background:linear-gradient(115deg,#fff5f5,#fff 62%,#f6f3fb)}
:root[data-theme="light"] .blueprintEventBadge {color:var(--brand-rose)}
:root[data-theme="light"] .blueprintEventAction > strong {color:#226d54}
@media(max-width:760px){.blueprintEvent{grid-template-columns:1fr;padding:24px;gap:22px}.blueprintEventAction{min-width:0;padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.blueprintEvent p br{display:none}}

.contactPage .contactIntent label.contactIntentLocked {cursor:not-allowed;border-style:dashed;background:rgba(127,139,156,.035);box-shadow:none}
.contactPage .contactIntentLocked .contactIntentCopy small,
.contactPage .contactIntentLocked .contactIntentCopy strong {color:var(--muted)}
.contactIntentLock {display:inline-flex;align-items:center;justify-self:start;gap:5px;margin:2px 0;padding:4px 7px;border:1px solid var(--line);border-radius:5px;color:var(--soft);font-size:10px;font-weight:700;line-height:1.4}
.mainOfferPanel.contactPanel {grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:36px}
.mainOfferPanel .contactIntro {position:static;min-width:0}
.mainOfferBadge {display:inline-flex;padding:7px 10px;border:1px solid rgba(217,188,125,.3);border-radius:6px;color:var(--gold-soft);background:rgba(217,188,125,.06);font-size:11px;font-weight:800;line-height:1.5}
.mainOfferPanel h2 {margin:20px 0 16px;font-size:clamp(30px,3.3vw,44px);line-height:1.2;word-break:keep-all}
.mainOfferPanel .contactIntro > p {font-size:13px;color:var(--soft);word-break:keep-all}
.mainOfferPanel .contactIntro .mainOfferConditions {margin-top:18px;color:var(--muted);font-size:11px;line-height:1.8}
.mainOfferPanel time {display:block;margin-top:14px;font-size:10px;line-height:1.6;color:var(--muted)}
.mainOfferPanel .contactOption {position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:240px;min-width:0;padding:24px 20px}
.mainOfferPanel .contactOption > span {margin-bottom:0;padding-right:24px}
.mainOfferPanel .contactOption::after {content:"→";position:absolute;top:20px;right:20px;color:var(--gold-soft);font-size:21px}
.mainOfferPanel .contactOption strong {margin-top:auto;padding-top:28px;font-size:19px;line-height:1.4;word-break:keep-all}
:root[data-theme="light"] .mainOfferBadge {color:var(--brand-rose);border-color:rgb(var(--rose-rgb) / 30%);background:rgb(var(--rose-rgb) / 7%)}
:root[data-theme="light"] .mainOfferPanel .contactOption::after {color:var(--brand-indigo)}
:root[data-theme="light"] .mainOfferPanel .contactOption.primary::after {color:white}
@media(max-width:980px){.mainOfferPanel.contactPanel{grid-template-columns:1fr;gap:28px}.mainOfferPanel .contactOption{min-height:200px}}
@media(max-width:650px){.mainOfferPanel .contactActions{grid-template-columns:1fr}.mainOfferPanel .contactOption{min-height:170px}.mainOfferPanel .contactIntro p br{display:none}}
:root[data-theme="light"] .contactPage .contactIntent label.contactIntentLocked {background:rgba(100,116,139,.035)}
:root[data-theme="light"] .contactPage .contactIntentLocked .contactIntentCopy small,
:root[data-theme="light"] .contactPage .contactIntentLocked .contactIntentCopy strong {color:var(--text-secondary)}


/* Protection guidance moved from Main to the Contact footer area. */
.contactPrivacy .principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.contactPrivacy .principles article { min-height: 185px; padding: 25px 23px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255, 255, 255, 0.034); }
.contactPrivacy .principles span { display: block; margin-bottom: 30px; color: var(--mint); font-size: 10px; font-weight: 900; letter-spacing: 0.12em; }
.contactPrivacy .principles h3 { margin: 0 0 10px; font-size: 17px; line-height: 1.42; }
.contactPrivacy .principles p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.62; }
.contactPrivacy .principleContact { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 12px 18px; margin-top: 16px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255, 255, 255, 0.026); }
.contactPrivacy .principleContact span { color: var(--soft); font-size: 11px; font-weight: 800; }
.contactPrivacy .principleContact a { color: var(--cyan); font-size: 12px; font-weight: 850; }
.contactPrivacy .principleContact p { justify-self: end; margin: 0; color: var(--soft); font-size: 11px; }
.contactPrivacy .privacyInline { margin-top: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255, 255, 255, 0.026); scroll-margin-top: 100px; }
.contactPrivacy .privacyInline summary { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 20px; cursor: pointer; list-style: none; }
.contactPrivacy .privacyInline summary::-webkit-details-marker { display: none; }
.contactPrivacy .privacyInline summary span { color: var(--text); font-size: 13px; font-weight: 850; }
.contactPrivacy .privacyInline summary small { color: var(--cyan); font-size: 10px; font-weight: 800; }
.contactPrivacy .privacyInlineGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; padding: 1px; border-top: 1px solid var(--line); background: var(--line); }
.contactPrivacy .privacyInlineGrid article { min-height: 132px; padding: 20px; background: #080c13; }
.contactPrivacy .privacyInlineGrid span { color: var(--gold-soft); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; }
.contactPrivacy .privacyInlineGrid p { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.contactPrivacy .privacyInlineFooter { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 20px; border-top: 1px solid var(--line); }
.contactPrivacy .privacyInlineFooter p { margin: 0; color: var(--soft); font-size: 11px; line-height: 1.65; }
.contactPrivacy .privacyInlineFooter a { flex: 0 0 auto; color: var(--cyan); font-size: 11px; font-weight: 850; }
.contactPrivacy .privacyInlineFooter a:hover { color: var(--text); }

.contactPrivacy {scroll-margin-top:100px}
.contactPrivacy .principles span {color:var(--gold-soft)}
.contactPrivacy .principleContact span,
.contactPrivacy .principleContact p,
.contactPrivacy .privacyInlineFooter p {color:var(--muted)}
@media(max-width:980px){
  .contactPrivacy .principleContact {grid-template-columns:auto 1fr}
  .contactPrivacy .principleContact p {grid-column:1 / -1;justify-self:start}
}
@media(max-width:650px){
  .contactPrivacy .principles,
  .contactPrivacy .privacyInlineGrid,
  .contactPrivacy .principleContact {grid-template-columns:1fr}
  .contactPrivacy .principles article {min-height:0}
  .contactPrivacy .principleContact p {grid-column:auto}
  .contactPrivacy .privacyInlineFooter {align-items:flex-start;flex-direction:column;gap:10px}
}


/* Founder education and the verified international written-opinion summary. */
.teamBackground {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 22px}
.teamEducation, .teamResearch {min-width:0;margin:0;padding:0 0 0 16px;border-left:2px solid var(--line);font-size:13px;line-height:1.8;color:var(--muted);word-break:keep-all;overflow-wrap:break-word}
.teamEducation strong, .teamResearch strong {display:block;margin-bottom:3px;color:var(--text);font-size:15px}
.teamEducation span, .teamResearch span {display:block}
.researchRow .teamIp > p strong {color:var(--text);font-weight:750}
.researchRow .teamIp .ipMeta {margin-top:10px;font-size:11px;color:var(--soft)}
.researchRow .teamIp .ipStageNote {margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}

@media(max-width:800px){.teamBackground {grid-template-columns:1fr;gap:16px}}

.productBookingNote {margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.productBookingNote a {display:inline-block;margin-left:7px;color:var(--cyan)}
@media(max-width:650px){.productBookingNote a {display:block;margin-left:0}}

.blueprintEvent .blueprintExample,
.mainOfferPanel .contactIntro .blueprintExample {margin-top:12px;padding-left:12px;border-left:2px solid var(--line);font-size:12px;line-height:1.8;color:var(--muted);word-break:keep-all}
.mainOfferPanel .contactIntro > p strong {color:var(--text)}

/* Product ranges share the six workflow columns; bar length means inclusion, not progress. */
.founderServices {--offer-blueprint:var(--blueprint-accent);--offer-design:var(--gold);--offer-evidence:var(--mint);--offer-full:var(--blue)}
:root[data-theme="light"] .founderServices {--offer-design:#8f6b24;--offer-evidence:#208464;--offer-full:#356fac}
.productCoverage {--coverage-columns:repeat(6,minmax(0,1fr));--coverage-gap:10px;margin:34px 0 46px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.productCoverage .workflow.currentWorkflow.coverageSteps {grid-template-columns:var(--coverage-columns);gap:var(--coverage-gap)}
.coverageHead {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}
.coverageHead h2 {margin:0;color:var(--text);font-size:26px;line-height:1.35;letter-spacing:-.035em}
.coverageHead p {margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.coverageStepShort {display:none}
.coverageRows {position:relative;display:grid;gap:4px;margin-top:22px}
.coverageGuides {position:absolute;inset:-22px 0 0;display:grid;grid-template-columns:var(--coverage-columns);gap:var(--coverage-gap);pointer-events:none}
.coverageGuides > span {border-right:1px dashed rgb(147 161 186 / 20%)}
.coverageGuides > span:first-child {border-left:1px dashed rgb(147 161 186 / 20%)}
.coverageRow {position:relative;display:block;min-width:0;padding:12px 0;text-decoration:none;border-radius:7px}
.coverageRowInfo {display:flex;align-items:baseline;gap:14px;min-width:0;margin-bottom:10px;color:var(--text)}
.coverageRowInfo strong {font-size:13px;font-weight:750}
.coverageRowInfo > span {color:var(--soft);font-size:11px}
.coverageRowInfo b {margin-left:auto;white-space:nowrap;font-size:13px;font-weight:750}
.coverageRowInfo b > span {margin-left:8px;color:var(--coverage-color)}
.coverageTrack {display:grid;grid-template-columns:var(--coverage-columns);gap:var(--coverage-gap);height:10px;border-radius:3px;background:rgb(135 151 177 / 12%)}
.coverageTrack .coverageFill {position:relative;grid-row:1;grid-column:var(--coverage-start,1) / span var(--coverage-end);height:10px;border-radius:3px 1px 1px 3px;background:linear-gradient(90deg,color-mix(in srgb,var(--coverage-color) 66%,var(--bg)),var(--coverage-color));box-shadow:0 0 14px color-mix(in srgb,var(--coverage-color),transparent 88%)}
.coverageFill::after {content:"";position:absolute;right:0;top:-4px;bottom:-4px;width:1px;background:var(--coverage-color)}
.coverageBlueprint {--coverage-end:1;--coverage-color:var(--offer-blueprint)}
.coverageDesign {--coverage-end:2;--coverage-color:var(--offer-design)}
.coverageEvidence {--coverage-end:3;--coverage-color:var(--offer-evidence)}
.coverageFull {--coverage-end:5;--coverage-color:var(--offer-full)}
.coverageAutomation {--coverage-start:1;--coverage-end:6;--coverage-color:var(--automation-accent)}
.coverageAutomation .coverageRowInfo strong,.coverageAutomation .coverageRowInfo b {color:var(--automation-accent)}
.coverageAutomation .coverageFill {border:0;border-radius:3px;box-shadow:none}
.coverageAutomation .coverageFill::after {display:none}
a.coverageRow:hover {background:rgb(127 149 181 / 6%)}
.coverageRow:focus-visible {outline:2px solid var(--coverage-color);outline-offset:5px}
.coverageNote {margin:18px 0 0;color:var(--soft);font-size:11px;line-height:1.85;word-break:keep-all}
.coverageNote > span {color:var(--automation-accent)}
.serviceOutcomeCard[id] {scroll-margin-top:110px}
:root[data-theme="light"] .workflow article:nth-child(2) {--node-color:#8f6b24}
:root[data-theme="light"] .workflow article:nth-child(5) {--node-color:#356fac}
:root[data-theme="light"] .coverageNote > span {color:var(--automation-accent)}
@media(max-width:800px){
  .productCoverage {--coverage-gap:4px}
  .coverageHead {display:block}.coverageHead h2 {font-size:24px}.coverageHead p {margin-top:8px}
  .workflow.currentWorkflow.coverageSteps article {min-height:113px;padding:12px 3px 8px;border-radius:9px;text-align:center}
  .workflow.currentWorkflow.coverageSteps article::before {display:none}
  .workflow.currentWorkflow.coverageSteps .step {margin-bottom:10px;font-size:10px;letter-spacing:0}
  .coverageStageName,.coverageStepLong,.coverageSteps article > p {display:none}
  .coverageStepShort {display:block}
  .workflow.currentWorkflow.coverageSteps h3 {min-height:34px;margin:0;font-size:11px;line-height:1.5;word-break:keep-all}
  .coverageSteps .workflowFutureBadge {margin-top:7px;padding:0;border:0;background:none;font-size:8px;white-space:nowrap}
  .coverageRowInfo {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px}
  .coverageRowInfo strong {grid-column:1;grid-row:1;font-size:12px}
  .coverageRowInfo > span {grid-column:1;grid-row:2;font-size:10px}
  .coverageRowInfo b {grid-column:2;grid-row:1 / span 2;align-self:center;font-size:12px}
  .coverageNote {font-size:10px}
}

/* The detail cards use the exact same per-product accents as their range bars. */
#service-blueprint {--service-accent:var(--offer-blueprint)}
#service-test-design {--service-accent:var(--offer-design)}
#service-evidence {--service-accent:var(--offer-evidence)}
#service-full {--service-accent:var(--offer-full)}
.founderServices .serviceBuild {--service-accent:var(--automation-accent)}
.founderServices .serviceOutcomeCard.serviceCard,
:root[data-theme="light"] .founderServices .serviceGrid .serviceOutcomeCard.serviceCard {border-top:3px solid var(--service-accent)}
.founderServices .serviceOutcomeCard.serviceCard > span,
.founderServices .serviceOutcomeCard.serviceCard .serviceProductName,
.founderServices .serviceOutcomeCard.serviceCard .serviceExample > span,
:root[data-theme="light"] .founderServices .serviceOutcomeCard.serviceCard > span,
:root[data-theme="light"] .founderServices .serviceOutcomeCard.serviceCard .serviceProductName,
:root[data-theme="light"] .founderServices .serviceOutcomeCard.serviceCard .serviceExample > span {color:var(--service-accent)}
.founderServices .serviceBuild,
:root[data-theme="light"] .founderServices .serviceBuild {border-top:2px dashed var(--service-accent)}
.founderServices .serviceBuild span,
.founderServices .serviceBuild h3,
.founderServices .serviceBuild > strong,
:root[data-theme="light"] .founderServices .serviceBuild span,
:root[data-theme="light"] .founderServices .serviceBuild h3,
:root[data-theme="light"] .founderServices .serviceBuild > strong {color:var(--service-accent)}

/* Contact uses the same dated, conditional Blueprint offer as Product. */
.contactPage .contactOfferEvent {margin:22px 0 18px;padding:20px;border:1px solid rgb(217 188 125 / 35%);border-radius:12px;background:linear-gradient(120deg,rgb(217 188 125 / 7%),rgb(118 207 190 / 5%))}
.contactPage .contactOfferEventBadge {color:var(--gold-soft);font-size:10px;font-weight:800}
.contactPage .contactOfferEvent h3 {margin:12px 0 8px;color:var(--text);font-size:19px;line-height:1.4;word-break:keep-all}
.contactPage .contactOfferEventPrice {display:block;margin-bottom:12px;color:var(--mint);font-size:17px;line-height:1.5}
.contactPage .contactOfferEventPrice s {color:var(--muted);font-size:13px;font-weight:500}
.contactPage .contactOfferEvent .contactOfferEventTerms {margin-top:10px;font-size:10px;line-height:1.8}
.contactPage .contactOfferEvent a {display:inline-flex;gap:8px;align-items:center;min-height:40px;margin-top:8px;color:var(--gold-soft);font-size:12px;font-weight:800}
.contactPage .contactOfferEvent time {display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.6}
:root[data-theme="light"] .contactPage .contactOfferEvent {border-color:rgb(var(--rose-rgb) / 32%);background:linear-gradient(120deg,#fff4f4,#fcfaff)}
:root[data-theme="light"] .contactPage .contactOfferEventBadge {color:var(--brand-rose)}
:root[data-theme="light"] .contactPage .contactOfferEventPrice {color:#226d54}
@media(max-width:520px){.contactPage .contactOfferEvent {padding:16px}.contactPage .contactOfferEvent h3 {font-size:18px}}

/* Rose is reserved for event notices; the main light palette stays lavender/cyan. */
:root[data-theme="light"] {
  --brand-rose:#a74e57;
  --rose-rgb:167 78 87;
}
:root[data-theme="light"] .hero {
  background:
    radial-gradient(ellipse 340px 440px at 77% 36%, rgb(165 151 230 / 25%), transparent 76%),
    radial-gradient(ellipse 440px 360px at 94% 64%, rgb(104 203 218 / 23%), transparent 76%),
    radial-gradient(ellipse 550px 210px at 23% 3%, rgb(255 255 255 / 96%), transparent 82%);
}
:root[data-theme="light"] .siteHeader,
:root[data-theme="light"] .contactPage .siteHeader {
  background:linear-gradient(110deg, #fff 28%, #fcfbff 64%, #f7fdff);
  box-shadow:0 1px 0 rgb(255 255 255 / 95%), 0 3px 16px rgb(98 91 168 / 6%);
}
:root[data-theme="light"] .heroLoopFrame {
  border-color:transparent;
  background:
    linear-gradient(155deg, #fff 25%, #f4f2fe 64%, #effbfd) padding-box,
    linear-gradient(145deg, #fff 8%, #b8ace8 44%, #8fd3df 76%, #fff) border-box;
  box-shadow:
    inset 0 1px 0 #fff,
    0 18px 42px rgb(55 65 105 / 12%),
    -14px -8px 48px rgb(165 151 230 / 17%),
    20px 16px 52px rgb(104 203 218 / 17%);
}
:root[data-theme="light"] :is(.latestDemo, .productIntro) {
  background:
    radial-gradient(ellipse 500px 220px at 90% 8%, rgb(146 208 224 / 13%), transparent 80%),
    radial-gradient(ellipse 550px 200px at 15% 0%, rgb(174 163 232 / 12%), transparent 80%);
}
:root[data-theme="light"] :is(.workflow.currentWorkflow article:not(.workflowFuture), .serviceOutcomeCard, .documentCard) {
  border-color:transparent;
  background:
    linear-gradient(135deg, #fff 55%, #f8f9ff) padding-box,
    linear-gradient(135deg, #d3caee, #e1e8f1 46%, #aad7df) border-box;
  box-shadow:inset 0 1px 0 #fff, 0 8px 24px rgb(72 85 132 / 8%);
}
:root[data-theme="light"] :is(.mainOfferPanel.contactPanel, .finalCta) {
  border-color:transparent;
  background:
    radial-gradient(ellipse at 100% 0%, rgb(137 208 222 / 13%), transparent 58%) padding-box,
    linear-gradient(130deg, #fff 40%, #f5f3fd) padding-box,
    linear-gradient(120deg, #d1c8ed, #f0eff7 45%, #abd7df) border-box;
  box-shadow:inset 0 1px 0 #fff, 0 16px 42px rgb(87 91 142 / 9%);
}
:root[data-theme="light"] .demoVideoFrame {
  border-color:#c1c4e5;
  box-shadow:0 18px 42px rgb(55 65 105 / 12%), 0 0 30px rgb(143 192 220 / 12%);
}
:root[data-theme="light"] :is(.buttonPrimary, .contactOption.primary) {
  background:
    linear-gradient(165deg, rgb(255 255 255 / 8%), transparent 45%),
    linear-gradient(125deg, #146b78, #59529a);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 40%), 0 7px 18px rgb(93 89 162 / 20%), 0 0 20px rgb(114 191 210 / 14%);
}
:root[data-theme="light"] :is(.buttonPrimary, .contactOption.primary):hover {
  background:
    linear-gradient(165deg, rgb(255 255 255 / 8%), transparent 45%),
    linear-gradient(125deg, #105e6c, #4f478c);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 45%), 0 9px 22px rgb(93 89 162 / 24%), 0 0 24px rgb(114 191 210 / 20%);
}
@media(max-width:800px){
  :root[data-theme="light"] .hero {
    background:
      radial-gradient(ellipse 260px 360px at 80% 73%, rgb(165 151 230 / 23%), transparent 80%),
      radial-gradient(ellipse 300px 320px at 10% 90%, rgb(104 203 218 / 20%), transparent 80%),
      radial-gradient(ellipse 360px 170px at 10% 5%, #fff, transparent 85%);
  }
}