/* Accessibility and responsive safeguards shared by the five private previews. */
html{scroll-padding-top:110px}body{margin:0}img{max-width:100%}section{scroll-margin-top:110px}.si a:focus-visible,.si button:focus-visible,.si summary:focus-visible{outline:3px solid var(--ds-ink);outline-offset:4px}.close a:focus-visible{outline-color:var(--ds-surface)}.si .x{animation:none!important}.si .nots .x{text-decoration:line-through;text-decoration-color:var(--ds-accent)}.tier .btn{min-height:52px}.tier{min-width:0}.case-note{overflow-wrap:anywhere}.no li::before{content:'−'}
@media(max-width:860px){.top .nav .nl{display:inline;font-size:12px}.top .wrap{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.top .nav{gap:12px;flex-wrap:wrap}.top .nav .btn{min-height:40px;padding:10px 16px;font-size:12px}}
@media(max-width:520px){.top .nav{width:100%;justify-content:space-between;gap:8px}.top .nav .nl{font-size:12px}.top .nav .btn .l{display:none}.top .nav .btn .s{display:inline}.top .wrap{padding-left:18px;padding-right:18px}.si .quad{grid-template-columns:1fr}.si .quad li{min-height:0}.si .tier .price{white-space:normal}.si .ba{grid-template-columns:1fr}.si .hero .act{gap:16px}.si .hero .btn{font-size:15px}.si .free .big{overflow-wrap:normal;font-size:clamp(44px,16vw,74px)}.si .mwn{max-width:100%}.si .h2,.si h1,.si .core-h,.si .close h2{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.si *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.booking-panel{padding:32px;text-align:center}.booking-panel .btn{width:auto;margin:0;min-width:240px}

/* Small accent text uses the existing dark-red brand hover tone for contrast. */
.tl .m,.nate li .m{color:var(--action-hover)}

/* Answers beneath founder frustrations. Scope stays within this section. */
.si .pains.pains--answered { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.si .pains--answered > li { display: block; grid-column: span 2; min-width: 0; min-height: 0; padding: 28px 28px 32px; border: 0; border-right: 1px solid var(--ds-line); }
.si .pains--answered > li:nth-child(n+4) { grid-column: span 3; border-top: 1px solid var(--ds-line); }
.si .pains--answered > li:nth-child(3), .si .pains--answered > li:last-child { border-right: 0; }
.si .pains--answered q { display: block; min-height: 0; margin: 0; }
.si .pains--answered .pain-answer { max-width: 62ch; margin: 18px 0 0; color: var(--ds-muted); font-family: var(--f-b); font-size: 17px; font-weight: 400; line-height: 1.6; letter-spacing: normal; overflow-wrap: break-word; }
@media (max-width: 1000px) {
  .si .pains--answered q { min-height: 2.16em; }
  .si .pains.pains--answered { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .si .pains--answered > li, .si .pains--answered > li:nth-child(n+4) { grid-column: auto; border-right: 1px solid var(--ds-line); }
  .si .pains--answered > li:nth-child(n+3) { border-top: 1px solid var(--ds-line); }
  .si .pains--answered > li:nth-child(even), .si .pains--answered > li:last-child { border-right: 0; }
  .si .pains--answered > li:last-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .si .pains.pains--answered { grid-template-columns: minmax(0, 1fr); }
  .si .pains--answered > li, .si .pains--answered > li:nth-child(n+4), .si .pains--answered > li:last-child { grid-column: auto; padding: 24px 0 28px; border-right: 0; }
  .si .pains--answered > li + li { border-top: 1px solid var(--ds-line); }
  .si .pains--answered q { min-height: 0; font-size: 23px; line-height: 1.15; }
  .si .pains--answered .pain-answer { margin-top: 14px; }
}

/* Delegate leads in red; Protect has a distinct shield and neutral frame. */
.si .quad li.quad--delegate { border: 2px solid var(--page-action); }
.si .quad li.quad--protect { position: relative; border: 2px solid var(--ds-ink); background: var(--ds-surface); }
.si .quad .quad--protect h3 { color: var(--ds-ink); max-width: calc(100% - 48px); }
.si .quad .protect-shield { position: absolute; top: 24px; right: 24px; width: 32px; height: 36px; fill: none; stroke: var(--ds-ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 520px) {
  .si .quad::before, .si .quad::after { display: none; }
  .si .quad .protect-shield { top: 20px; right: 18px; width: 28px; height: 32px; }
}

/* Cartesian task matrix. DOM order follows the visual reading order. */
.si .quadrant-graph { --axis-gutter: 48px; --axis-gap: 12px; --axis-inset: 36px; display: grid; grid-template-columns: var(--axis-gutter) minmax(0, 1fr); grid-template-rows: auto 48px; gap: 0 var(--axis-gap); max-width: 1080px; margin: 0 auto; }
.si .quadrant-graph > .vh { position: absolute; }
.si .quadrant-graph .quad--matrix { grid-column: 2; grid-row: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; min-width: 0; }
.si .quad.quad--matrix::before, .si .quad.quad--matrix::after { display: none; }
.si .quad.quad--matrix > li { justify-content: flex-start; min-width: 0; min-height: 250px; padding: clamp(24px, 3vw, 40px); border: 1px solid var(--ds-line); }
.si .quad.quad--matrix > li.quad--delegate { border: 2px solid var(--page-action); }
.si .quad.quad--matrix > li.quad--protect { border: 0; background: transparent; }
.si .quad.quad--matrix > li.quad--prioritize { border: 2px solid var(--ds-ink); background: var(--ds-surface); }
.si .quad.quad--matrix h3 { font-size: clamp(36px, 4.8vw, 68px); line-height: 1; overflow-wrap: normal; }
.si .quad.quad--matrix p { font-size: 17px; line-height: 1.55; }
.si .matrix-energy { grid-column: 1; grid-row: 1; position: relative; }
.si .matrix-energy::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%); background: var(--ds-ink); }
.si .matrix-energy::after { content: ""; position: absolute; left: 50%; top: 0; width: 9px; height: 9px; border-top: 2px solid var(--ds-ink); border-right: 2px solid var(--ds-ink); transform: translate(-50%, -25%) rotate(-45deg); }
.si .matrix-energy .axis-name { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); padding: 6px 10px; background: var(--ds-ground); }
.si .matrix-energy .axis-high, .si .matrix-energy .axis-low { position: absolute; left: 50%; transform: translateX(-50%); padding: 4px 2px; background: var(--ds-ground); }
.si .matrix-energy .axis-high { top: 12px; }
.si .matrix-energy .axis-low { bottom: 12px; }
.si .matrix-money { grid-column: 2; grid-row: 2; position: relative; min-width: 0; }
.si .matrix-money::before { content: ""; position: absolute; left: calc(0px - var(--axis-inset)); right: 0; top: 0; height: 2px; background: var(--ds-ink); }
.si .matrix-money::after { content: ""; position: absolute; right: 0; top: 0; width: 9px; height: 9px; border-top: 2px solid var(--ds-ink); border-right: 2px solid var(--ds-ink); transform: translate(25%, -50%) rotate(45deg); }
.si .matrix-money > span { position: absolute; top: 14px; }
.si .matrix-money .axis-name { left: 50%; transform: translateX(-50%); }
.si .matrix-money .axis-low { left: 0; }
.si .matrix-money .axis-high { right: 0; }
.si .quadrant-graph .axis-name { color: var(--ds-ink); font-family: var(--f-b); font-size: 14px; font-weight: 600; line-height: 1; }
.si .quadrant-graph .axis-low, .si .quadrant-graph .axis-high { color: var(--ds-muted); font-family: var(--f-m); font-size: 11px; line-height: 1; }
.si .matrix-origin { grid-column: 1; grid-row: 2; justify-self: center; width: 6px; height: 6px; background: var(--ds-ink); border-radius: 50%; transform: translateY(-50%); }
@media (max-width: 800px) {
 .si .quadrant-graph { --axis-gutter: 38px; --axis-gap: 10px; --axis-inset: 29px; }
 .si .quadrant-graph .quad--matrix { gap: 12px; }
 .si .quad.quad--matrix > li { padding: 24px; min-height: 220px; }
 .si .quad.quad--matrix h3 { font-size: clamp(28px, 4.8vw, 38px); }
}
@media (max-width: 600px) {
 .si .quadrant-graph { --axis-gutter: 26px; --axis-gap: 6px; --axis-inset: 19px; grid-template-rows: auto 44px; width: calc(100% + 16px); margin-inline: -8px; }
 .si .quadrant-graph .quad--matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
 .si .quad.quad--matrix > li { padding: 14px 8px; min-height: 0; border-radius: 12px; }
 .si .quad.quad--matrix h3 { margin-bottom: 10px; font-size: clamp(17px, 4.8vw, 23px); line-height: 1.1; }
 .si .quad.quad--matrix p { font-size: 15px; line-height: 1.55; }
 .si .quad.quad--matrix .quad--delegate h3 { color: var(--action-hover); }
 .si .quad.quad--matrix .quad--protect h3 { max-width: none; padding-right: 22px; }
 .si .quad.quad--matrix .protect-shield { position: absolute; top: 14px; right: 10px; width: 18px; height: 20px; margin: 0; }
 .si .quadrant-graph .axis-name { font-size: 12px; }
 .si .quadrant-graph .axis-high, .si .quadrant-graph .axis-low { font-size: 10px; }
}

/* Approved hero support points: balanced columns with readable wrapping. */
.si .hero .facts{display:grid;grid-template-columns:.85fr 1.65fr 1.2fr;align-items:start;gap:20px 32px;text-align:center}
.si .hero .facts li{min-width:0;line-height:1.6;text-wrap:pretty}
@media(max-width:700px){.si .hero .facts{grid-template-columns:1fr;justify-items:center;gap:16px}.si .hero .facts li{max-width:42ch}}

/* Equal axis-to-grid breathing room, with one label at their shared origin. */
.si .quadrant-graph{row-gap:var(--axis-inset)}
.si .matrix-energy::before{bottom:calc(0px - var(--axis-inset))}
.si .matrix-origin{position:relative}
.si .matrix-origin .axis-low{position:absolute;top:17px;left:50%;transform:translateX(-50%)}

/* Separate rounded cards avoid square border fragments behind their corners. */
.si .ba{border:0;gap:16px}
.si .ba>div{border:1px solid var(--ds-line);overflow:hidden}
.si .ba-foot{margin-top:16px;border:1px solid var(--ds-line);border-radius:16px}

.si .ba-foot h3{margin:0;font-family:var(--f-d);font-size:clamp(22px,1.8vw,26px);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.si .ba-foot p{max-width:75ch;margin:14px 0 0;font-family:var(--f-b);font-size:17px;font-weight:400;line-height:1.6;letter-spacing:normal;color:var(--ds-muted)}

/* Longer approved AFTER headline keeps a clear hierarchy at every width. */
.si .ba .af h3{max-width:20ch;font-size:clamp(28px,2.8vw,40px);line-height:1.08;margin-bottom:24px}
.si .ba .af li{text-wrap:pretty}

/* Approved quality explanation follows the scorecard's existing note hierarchy. */
.si .rule.rule--quality{max-width:75ch}
.si .rule--quality h3{max-width:30ch;margin:0;font:inherit;line-height:1.15}
.si .rule--quality p{max-width:64ch;margin:12px 0 0;font-family:var(--f-b);font-size:17px;font-weight:400;letter-spacing:normal;line-height:1.6;color:var(--ds-muted)}

/* Two founding-offer options, with aligned terms and clear handoff pricing. */
.si .tiers.tiers--founding{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto;gap:24px}
.si .tiers--founding .payment-stage{font-family:var(--f-b);font-size:18px;line-height:1.3;letter-spacing:normal;color:var(--ds-muted)}
.si .tiers--founding .payment-terms{min-height:76px;margin:0 0 24px;font-family:var(--f-b);font-size:18px;line-height:1.4;color:var(--ds-ink)}
.si .tiers--founding .payment-terms p{margin:0;font-size:18px;line-height:1.4;color:var(--ds-ink)}
.si .tiers--founding .payment-terms .payment-total{margin-top:8px;font-weight:700}
.si .tiers--founding .founding-conditions{margin:0 0 30px}
@media(max-width:800px){.si .tiers.tiers--founding{grid-template-columns:1fr;max-width:600px}.si .tiers--founding .payment-terms{min-height:0}}

/* Keep the separate real-work test readable and the fixed workflow scope visible. */
.si .steps .step-test{margin-top:12px}
.si .pricing .pricing-scope{max-width:60ch;margin:-16px 0 32px;font-size:18px;line-height:1.5;color:var(--ds-muted)}

/* Readable case comparisons: shared numeric rows keep arrows precisely aligned. */
.si .case-comparison{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:12px 14px;margin:30px 0}
.si .cost-option{display:contents}
.si .cost-option>p{grid-column:1;min-width:0}
.si .cost-option--system>p{grid-column:3}
.si .case .cost-label{grid-row:1;min-height:2.8em;margin:0;font-size:17px;font-weight:600;line-height:1.4;color:var(--ds-ink)}
.si .case .cost-value{grid-row:2;margin:0;font-family:var(--f-d);font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.03em;white-space:nowrap;color:var(--ds-ink)}
.si .cost-value small{font-family:var(--f-b);font-size:15px;font-weight:400;letter-spacing:normal}
.si .cost-option--system .cost-value{color:var(--action-hover)}
.si .case .cost-detail{grid-row:3;margin:0;font-size:15px;line-height:1.5;color:var(--ds-muted)}
.si .case-arrow{grid-column:2;grid-row:2;align-self:center;width:32px;height:24px;margin:0;fill:none;stroke:var(--ds-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.si .case .case-details,.si .case .case-comparison-note{margin:22px 0 0;font-size:17px;line-height:1.6;color:var(--ds-muted)}
@media(max-width:600px){.si .case-comparison{grid-template-columns:minmax(0,1fr);gap:14px;margin:28px 0}.si .cost-option{display:block}.si .case .cost-label{min-height:0;margin-bottom:10px}.si .case .cost-value{font-size:40px}.si .case-arrow{grid-column:1;grid-row:auto;justify-self:center;transform:rotate(90deg)}.si .case .cost-detail{margin-top:10px;font-size:16px}}

/* One-time build choices and bounded support, using the existing pricing design. */
.si .tiers.tiers--builds{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}
.si .tiers--builds .m.lbl{min-height:2.8em;line-height:1.4}
.si .tiers--builds h3{min-height:2.4em;line-height:1.2}
.si .tiers--builds .payment-terms{margin:0 0 24px;font-size:16px;line-height:1.5}
.si .tiers--builds .tier-scope{margin:0 0 24px;padding-left:20px;color:var(--ds-muted);font-size:16px;line-height:1.5;list-style:disc}
.si .tiers--builds .tier-scope li{margin:0 0 12px;padding:0}
.si .tiers--builds .founding-conditions{margin:0 0 30px}
.si .support-scope{max-width:80ch;margin:32px 0 0}
.si .support-scope h3{margin:0 0 12px;font-family:var(--f-d);font-size:24px;font-weight:800;letter-spacing:-.02em}
.si .support-scope p{margin:0 0 16px;color:var(--ds-muted);font-size:17px;line-height:1.6}
@media(max-width:1000px){.si .tiers.tiers--builds{grid-template-columns:1fr;max-width:600px;margin-inline:auto}.si .tiers--builds .m.lbl,.si .tiers--builds h3{min-height:0}.si .tiers--builds .price{min-height:0}}