/* October 2026 positioning: uses V5 typography, palette and existing demo. */
.v3-hero #hero-title{max-width:1000px;font-size:clamp(38px,5.1vw,70px);line-height:1.07;letter-spacing:-.035em}
.v3-hero .v3-lead{max-width:740px}
.v3-hero .status-label{margin-bottom:22px}
.position-method,.position-section{padding:52px 0;border-top:1px solid var(--rule,#ccd7d7);scroll-margin-top:110px}
.position-method h2,.position-section h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15;letter-spacing:-.025em;max-width:860px;margin:12px 0 24px}
.position-section p{font-size:17px;line-height:1.7;max-width:850px}
.position-stages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:34px 0 0}
.position-stages li{border-top:2px solid #328b89;padding:22px 0 0;min-width:0}
.stage-number{font-size:14px;letter-spacing:.12em;color:#286f70}
.position-stages h3{font-size:24px;line-height:1.25;margin:16px 0}
.position-stages h3 a{text-decoration:none;color:inherit}
.position-stages strong{display:block;font-size:17px;margin-bottom:10px}
.position-stages p{font-size:16px;line-height:1.65;margin:0}
.position-paths,.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.position-paths article,.capability-grid article{padding:25px 0;border-top:1px solid var(--rule,#ccd7d7);min-width:0}
.position-paths h3,.capability-grid h3{font-size:23px;line-height:1.3;margin:0 0 14px}
.flagship-intro{padding:28px;border-left:3px solid #328b89;background:rgba(70,155,153,.08);margin:32px 0}
.flagship-intro h3{font-size:32px;margin:10px 0}
#build-integrate .owner-flow{padding-top:18px}
#owner-flow-title{font-size:28px;line-height:1.2}
.audit-deliverables{padding-left:22px;font-size:17px;line-height:1.8;margin:20px 0}
.audit-price{font-size:26px!important;font-weight:600}
.evidence-ledger{margin:0;display:grid;grid-template-columns:68px 1fr;gap:9px 14px;font-size:14px;line-height:1.5}
.evidence-ledger dt{font-weight:600;color:#236766}.evidence-ledger dd{margin:0}
.ev-card .ev-back{overflow:auto}.ev-card .ev-back .ev-flip{margin-top:16px}
.v3-close h2{max-width:930px;font-size:clamp(30px,4vw,50px)}
.v3-close p{font-size:17px;line-height:1.6;max-width:800px}
.position-section a,.position-method a{overflow-wrap:anywhere}
.dark-mode .position-method,.dark-mode .position-section,.dark-mode .position-paths article,.dark-mode .capability-grid article{border-color:#364a55}
.dark-mode .position-section,.dark-mode .position-method{color:#edf2f6}
.dark-mode .position-section p,.dark-mode .position-stages p,.dark-mode .audit-deliverables{color:#c4d0dc}
.dark-mode .stage-number,.dark-mode .evidence-ledger dt{color:#92d6ce}
.dark-mode .flagship-intro{background:rgba(112,192,183,.07)}
.dark-mode .v3-hero h1 span,.dark-mode .v3-hero .v3-secondary{color:#b4dcfa}
@media(max-width:767px){.position-stages,.position-paths,.capability-grid{grid-template-columns:1fr;gap:24px}.position-method,.position-section{padding:36px 0}.position-stages{margin-top:24px}.v3-hero #hero-title{font-size:clamp(34px,7.5vw,54px)}.flagship-intro{padding:20px}.evidence-ledger{grid-template-columns:1fr;gap:3px}.evidence-ledger dd{margin-bottom:9px}.v3-hero .v3-reassurance{line-height:1.6}}
@media(max-width:420px){.header-inner{gap:8px}.header .brand-mark{width:38px;height:38px}.header .brand-wordmark{font-size:12px}.header .brand-name{font-size:17px}.header .brand-line{font-size:10px}.header .brand{gap:7px}.header .theme-toggle{flex:none;min-width:44px;width:44px;padding:5px}.header .menu-toggle{flex:none;min-width:38px;padding:7px}.view-switch{display:flex;max-width:100%;width:100%;box-sizing:border-box}.view-switch button{flex:1;min-width:0!important;width:auto!important;font-size:12px!important;padding:10px 5px!important;white-space:normal}}
@media(max-width:1000px){.footer{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.footer-column{min-width:0}.footer-column a{overflow-wrap:anywhere}}
@media(max-width:340px){.header .header-inner{gap:4px;padding-left:0;padding-right:0;width:calc(100% - 20px)}.header .brand-mark{width:32px;height:32px}.header .brand{gap:5px}.header .brand .brand-name{font-size:15px}.header .brand .brand-line{font-size:9px}.header .theme-toggle{margin-left:0}.header .menu-toggle{min-width:34px;padding:5px}}
