/* V8.0 secondary page styles (dark G4 system, shared tokens) */

body.v8-page{background:#05070d;color:#e9effc}
.v8-page .site-header{background:rgba(5,7,13,.9);border-bottom:1px solid rgba(96,150,255,.18)}
.v8-page .brand-mark,.v8-page .desktop-nav a.active{color:#fff}
.v8-page .desktop-nav a{color:#8ea0c2}
.v8-page .desktop-nav a:hover,.v8-page .desktop-nav a.active{color:#fff}

body.v8-page .page-hero{padding:clamp(56px,9vh,120px) 0 clamp(30px,5vh,56px);border-bottom:1px solid rgba(96,150,255,.18);background:radial-gradient(900px 420px at 82% 0%,rgba(47,91,255,.20),transparent 62%)}
body.v8-page .page-crumb{font-size:9px;letter-spacing:.2em;color:#8fb4e8;text-transform:uppercase}
body.v8-page .page-crumb span{color:#ff6744;margin:0 6px}
body.v8-page .page-h1{margin:18px 0 0;font-size:clamp(30px,3.9vw,54px);line-height:1.16;letter-spacing:-.04em;font-weight:900;color:#fff;max-width:16em}
body.v8-page .page-lede{margin-top:18px;font-size:15px;line-height:1.9;color:#a9b8d6;max-width:46em}

.p-section{padding:clamp(36px,6vh,72px) 0}
.p-block{border-top:1px solid rgba(96,150,255,.2);padding:clamp(24px,4vh,40px) 0}
.p-block-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.p-block-head .mono{font-size:9px;letter-spacing:.18em;color:#6fe3ff;text-transform:uppercase}
.p-block-head h2{margin:0;font-size:clamp(21px,2.2vw,30px);letter-spacing:-.03em;font-weight:900;color:#fff}
.p-block-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 26px}
.p-k{font-size:9px;letter-spacing:.14em;color:#7f92b6;text-transform:uppercase;margin-bottom:6px}
.p-block p,.p-block li{font-size:13px;line-height:1.8;color:#b9c6e2}
.p-muted{color:#8ea0c2!important}
.p-list{display:grid;gap:4px}
.p-list li{position:relative;padding-left:11px}
.p-list li::before{content:"";position:absolute;left:0;top:.7em;width:4px;height:4px;background:#284ee9}
.p-list-wide{grid-template-columns:1fr 1fr;gap:8px 26px}
.p-link{color:#6fe3ff;border-bottom:1px solid rgba(111,227,255,.4);font-weight:700}
.p-note{margin-top:22px;font-size:11px;line-height:1.8;color:#7f92b6}
.p-prose{max-width:820px;display:grid;gap:14px;margin-bottom:10px}
.p-prose p{font-size:14.5px;line-height:1.95;color:#c3cfe6}
.p-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:20px 0 6px}
.p-h3{font-size:17px;font-weight:900;color:#fff;margin-bottom:10px}
.p-timeline{border-top:1px solid rgba(96,150,255,.2)}
.p-tl{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid rgba(96,150,255,.14)}
.p-tl-when{font-size:10px;letter-spacing:.1em;color:#8fb4e8}
.p-tl-main h2{font-size:18px;font-weight:900;color:#fff;margin-bottom:4px}
.p-tl-org{font-size:12px;color:#6fe3ff;margin-bottom:8px}
.p-tl-main p{font-size:13px;line-height:1.8;color:#b9c6e2}
.p-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:26px}
.p-card{border:1px solid rgba(96,150,255,.24);background:linear-gradient(170deg,rgba(16,28,54,.8),rgba(8,13,24,.9));padding:20px}
.p-card h3{font-size:17px;font-weight:900;color:#fff;margin:6px 0 8px}
.p-card p{font-size:12.5px;line-height:1.75;color:#a9b8d6}
.p-card .p-tag{display:inline-block;margin-top:12px;font-size:9px;letter-spacing:.14em;color:#ff9b7c;border:1px solid rgba(255,155,124,.4);padding:3px 7px}
.p-contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.p-tel{display:block;font-size:clamp(30px,3.6vw,46px);font-weight:900;color:#fff;letter-spacing:-.02em;margin:8px 0 4px}
.p-tel:hover{color:#6fe3ff}
.p-cta{margin:clamp(30px,5vh,56px) 0 clamp(40px,6vh,70px);border:1px solid rgba(96,150,255,.3);background:linear-gradient(120deg,rgba(20,40,90,.7),rgba(8,13,24,.9));padding:clamp(22px,3vw,32px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.p-cta h3{font-size:clamp(18px,2vw,24px);font-weight:900;color:#fff;margin-top:6px}
.p-cta .mono{font-size:9px;letter-spacing:.18em;color:#6fe3ff}
.p-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.p-cta-actions .v79-btn,.p-cta-actions .v79-btn-ghost{min-height:48px;padding:13px 18px;font-size:12.5px}

@media (max-width:1100px){
  .p-block-grid{grid-template-columns:1fr 1fr}
  .p-cols,.p-contact{grid-template-columns:1fr}
  .p-cards{grid-template-columns:1fr}
  .p-tl{grid-template-columns:1fr;gap:8px}
}
@media (max-width:600px){
  .p-block-grid{grid-template-columns:1fr}
  .p-list-wide{grid-template-columns:1fr}
  body.v8-page .page-h1{font-size:clamp(26px,7.6vw,34px)}
  body.v8-page .page-lede{font-size:13.5px}
}

/* V8.0 copy needs a smaller, calmer h1 */
.v79-hero.cc .cc-h1{font-size:clamp(30px,3.5vw,53px);line-height:1.24;letter-spacing:-.045em;max-width:15em}
@media (max-width:760px){.v79-hero.cc .cc-h1{font-size:clamp(26px,7.2vw,34px);line-height:1.32}}

/* final override: legacy page-hero rule was winning */
body.v8-page .page-hero{background:radial-gradient(900px 420px at 82% 0%,rgba(47,91,255,.20),transparent 62%),#05070d!important;border-bottom:1px solid rgba(96,150,255,.18)!important}
body.v8-page .page-hero .page-crumb{color:#8fb4e8!important}
