/* GMMETRICS — Shared Stylesheet
   All pages link to this file.
   Last updated: 2026-03 */

/* ════════════════════════════════════════
   TOKENS & RESET
════════════════════════════════════════ */
:root {
  --navy:        #0B1F3B;
  --navy-deep:   #071529;
  --navy-mid:    #0F2645;
  --navy-lift:   #162d52;
  --gold:        #A67C00;
  --gold-mid:    #D4A90E;
  --gold-light:  #E8C244;
  --gold-pale:   #F5DC7E;
  --gold-shimmer:#FFF0A0;
  --white:       #FFFFFF;
  --on-dark:     rgba(255,255,255,0.82);
  --on-dark-mid: rgba(255,255,255,0.55);
  --on-dark-dim: rgba(255,255,255,0.35);
  --border-d:    rgba(255,255,255,0.08);
  --border-m:    rgba(255,255,255,0.05);
  --border-g:    rgba(166,124,0,0.28);
  --radius:      3px;
  --ff-sans:     'Montserrat', sans-serif;
  --ff-serif:    'Cormorant Garamond', Georgia, serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ff-sans);background:var(--navy-deep);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:var(--ff-sans);cursor:pointer;border:none;background:none}
ul{list-style:none}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}

/* ════════════════════════════════════════
   UTILITIES
════════════════════════════════════════ */
.container{max-width:1140px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.eyebrow{font-size:clamp(10px,1.1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-mid);display:block;margin-bottom:18px}
.eyebrow-dim{color:var(--on-dark-dim)}
.serif{font-family:var(--ff-serif)}
.gold{color:var(--gold-light)}

/* Fluid type scale */
:root{
  --text-xs:   clamp(11px,1.1vw,12px);
  --text-sm:   clamp(13px,1.3vw,14px);
  --text-base: clamp(14px,1.45vw,15px);
  --text-md:   clamp(15px,1.55vw,16px);
  --text-lg:   clamp(16px,1.7vw,18px);
  --text-xl:   clamp(18px,2vw,22px);
  --sp-sm:  clamp(14px,1.8vw,22px);
  --sp-md:  clamp(22px,2.8vw,34px);
  --sp-lg:  clamp(32px,4vw,52px);
  --sp-xl:  clamp(52px,6vw,84px);
}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--ff-sans);font-size:clamp(11px,1.1vw,12px);font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius);transition:all 0.2s;white-space:nowrap;cursor:pointer;text-decoration:none}
.btn-primary{padding:clamp(13px,1.4vw,16px) clamp(22px,2.5vw,30px);background:var(--gold);color:var(--white);border:1px solid var(--gold)}
.btn-primary:hover{background:var(--gold-mid);border-color:var(--gold-mid);transform:translateY(-1px)}
.btn-outline-light{padding:clamp(12px,1.3vw,15px) clamp(18px,2vw,26px);background:transparent;color:var(--on-dark);border:1px solid var(--border-d)}
.btn-outline-light:hover{color:var(--white);border-color:rgba(255,255,255,0.25)}
.btn-outline-dark{padding:clamp(12px,1.3vw,15px) clamp(18px,2vw,26px);background:transparent;color:var(--on-dark-mid);border:1px solid var(--border-d)}
.btn-outline-dark:hover{color:var(--white);border-color:rgba(255,255,255,0.25)}
.btn-ghost-gold{padding:clamp(12px,1.3vw,15px) clamp(18px,2vw,26px);background:transparent;color:var(--gold-mid);border:1px solid var(--border-g)}
.btn-ghost-gold:hover{background:rgba(166,124,0,0.07);color:var(--gold-light)}

/* Focus */
:focus-visible{outline:2px solid var(--gold-mid);outline-offset:3px}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal.in{opacity:1;transform:translateY(0)}
.d1{transition-delay:0.08s}.d2{transition-delay:0.16s}.d3{transition-delay:0.24s}.d4{transition-delay:0.32s}.d5{transition-delay:0.40s}

/* ════════════════════════════════════════
   NAVIGATION
════════════════════════════════════════ */
#nav{position:fixed;top:0;left:0;right:0;z-index:900;height:68px;background:rgba(7,21,41,0.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-d);transition:box-shadow 0.3s}
#nav.scrolled{box-shadow:0 4px 40px rgba(0,0,0,0.32)}
.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-logo{display:flex;align-items:center;gap:13px;flex-shrink:0}
.nav-logo svg{width:32px;height:25px}
.nav-wordmark{font-size:clamp(13px,1.4vw,15px);font-weight:800;letter-spacing:2px;color:var(--white)}
.nav-links{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.nav-links a{font-size:clamp(11px,1.1vw,12px);font-weight:500;letter-spacing:0.7px;color:var(--on-dark-mid);transition:color 0.2s}
.nav-links a:hover{color:var(--white)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-cta-btn{padding:10px 22px;font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--gold);color:var(--white);border-radius:var(--radius);transition:all 0.2s;white-space:nowrap}
.nav-cta-btn:hover{background:var(--gold-mid)}

/* Hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer}
.hamburger span{display:block;width:22px;height:2px;background:var(--on-dark-mid);border-radius:2px;transition:all 0.3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile menu */
#mobile-menu{display:none;position:fixed;top:66px;left:0;right:0;bottom:0;z-index:850;background:rgba(7,21,41,0.99);backdrop-filter:blur(16px);flex-direction:column;padding:40px 32px;border-top:1px solid var(--border-d);overflow-y:auto}
#mobile-menu.open{display:flex}
.mobile-links{display:flex;flex-direction:column;gap:0;margin-bottom:40px}
.mobile-links a{font-size:22px;font-weight:600;color:var(--on-dark-mid);padding:18px 0;border-bottom:1px solid var(--border-d);display:block;transition:color 0.2s}
.mobile-links a:hover{color:var(--white)}
.mobile-ctas{display:flex;flex-direction:column;gap:12px}

/* ════════════════════════════════════════
   HERO
════════════════════════════════════════ */
#hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden;background:var(--navy-deep)}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(166,124,0,0.028) 1px,transparent 1px),linear-gradient(90deg,rgba(166,124,0,0.028) 1px,transparent 1px);background-size:72px 72px}
.hero-bg-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(166,124,0,0.07) 0%,transparent 65%);top:50%;right:-100px;transform:translateY(-50%)}
.hero-bg-mark{position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:460px;height:358px;opacity:0.038}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 400px;gap:clamp(72px,8vw,112px);align-items:center}
.hero-left{}
.hero-tag{display:inline-flex;align-items:center;gap:9px;padding:7px 18px;border:1px solid var(--border-g);border-radius:var(--radius);background:rgba(166,124,0,0.04);margin-bottom:36px;width:fit-content;max-width:100%}
.hero-tag-dot{width:5px;height:5px;border-radius:50%;background:var(--gold-mid);animation:pulse 2.5s ease-in-out infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
.hero-tag span{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid);white-space:nowrap}
.hero-rhythm{font-family:var(--ff-serif);font-size:clamp(16px,1.8vw,20px);font-weight:300;font-style:italic;color:var(--on-dark-mid);margin-bottom:24px;letter-spacing:0.3px}
h1.hero-h1{font-family:var(--ff-serif);font-size:clamp(40px,5.5vw,68px);font-weight:400;line-height:1.08;letter-spacing:-0.3px;color:var(--white);margin-bottom:28px}
h1.hero-h1 em{font-style:italic;color:var(--gold-light)}
.hero-sub{font-size:clamp(14px,1.5vw,16px);line-height:1.85;color:var(--on-dark);max-width:500px;margin-bottom:48px;padding-left:18px;border-left:2px solid var(--border-g)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}
.hero-trust{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding-top:32px;border-top:1px solid var(--border-d)}
.hero-trust-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim)}
.hero-trust-items{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.hero-trust-item{font-size:clamp(11px,1.1vw,12px);font-weight:600;letter-spacing:0.3px;color:var(--on-dark-dim)}

/* Hero right panel */
.hero-panel{background:rgba(255,255,255,0.028);border:1px solid var(--border-d);padding:clamp(24px,3vw,36px)}
.panel-head{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border-d)}
.panel-personas{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}
.persona-item{padding:clamp(12px,1.5vw,16px);background:rgba(255,255,255,0.025);border:1px solid var(--border-d);cursor:pointer;transition:all 0.2s;border-left:2px solid transparent}
.persona-item:hover,.persona-item.active{background:rgba(166,124,0,0.06);border-left-color:var(--gold)}
.persona-role{font-size:clamp(13px,1.3vw,14px);font-weight:600;color:var(--on-dark-mid)}
.persona-concern{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);margin-top:6px;line-height:1.6;display:none}
.persona-item.active .persona-concern{display:block;color:var(--on-dark)}
.panel-cta{padding:clamp(14px,1.8vw,18px);background:rgba(166,124,0,0.07);border:1px solid var(--border-g)}
.panel-cta-text{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.65;margin-bottom:14px}
.panel-cta .btn{width:100%;justify-content:center;font-size:clamp(10px,1vw,11px)}

/* ════════════════════════════════════════
   TRUST STRIP
════════════════════════════════════════ */
#trust-strip{padding:20px 0;background:rgba(255,255,255,0.022);border-top:1px solid var(--border-d);border-bottom:1px solid var(--border-d)}
.trust-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.trust-lbl{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);white-space:nowrap;flex-shrink:0}
.trust-sep{width:1px;height:26px;background:var(--border-d);flex-shrink:0}
.trust-pills{display:flex;gap:7px;flex-wrap:wrap;flex:1}
.trust-pill{font-size:clamp(10px,1vw,11px);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--on-dark-dim);padding:5px 12px;border:1px solid var(--border-d);border-radius:2px}
.trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-mid);padding:6px 13px;border:1px solid var(--border-g);border-radius:2px;background:rgba(166,124,0,0.05);flex-shrink:0}

/* ════════════════════════════════════════
   SECTION BASE — ALL DARK UNIFIED
════════════════════════════════════════ */
/* Three depth levels create rhythm without colour switching */
.section-a{padding:clamp(72px,8vw,120px) 0;background:var(--navy-deep)}   /* deepest  #071529 */
.section-b{padding:clamp(72px,8vw,120px) 0;background:var(--navy)}        /* mid      #0B1F3B */
.section-c{padding:clamp(72px,8vw,120px) 0;background:var(--navy-mid)}    /* lifted   #0F2645 */

/* Gold rule dividers between sections — the visual breathing mechanism */
.section-a,.section-b,.section-c{
  border-top:1px solid var(--border-d);
  position:relative;
}
/* Subtle gold top-accent on alternate sections */
.section-b::before,.section-c::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(166,124,0,0.35),transparent);
}

.section-h{font-family:var(--ff-serif);font-size:clamp(28px,4vw,46px);font-weight:400;line-height:1.12;margin-bottom:16px;color:var(--white)}
/* Capability page section heading — alias for section-h pattern */
.section-title{font-family:var(--ff-serif);font-size:clamp(26px,3.8vw,44px);font-weight:400;line-height:1.12;margin-bottom:16px;color:var(--white)}
.section-sub{font-size:clamp(14px,1.5vw,16px);line-height:1.85;max-width:560px;margin-bottom:clamp(32px,4vw,52px);color:var(--on-dark)}
.eyebrow{font-size:clamp(10px,1.1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-mid);display:block;margin-bottom:14px}
/* Capability page section overline label — matches eyebrow pattern */
.overline{font-size:clamp(10px,1.1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-mid);display:block;margin-bottom:14px}
.eyebrow-dim{color:var(--on-dark-dim)}

/* ════════════════════════════════════════
   PROBLEM SECTION
════════════════════════════════════════ */
.problem-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,7vw,100px);align-items:start}
.problem-intro .section-sub{max-width:420px;margin-bottom:0}
.problem-intro blockquote{font-family:var(--ff-serif);font-size:clamp(18px,2vw,22px);font-weight:300;font-style:italic;color:var(--white);line-height:1.6;border-left:2px solid var(--gold);padding-left:20px;margin-top:36px}
.problem-list{display:flex;flex-direction:column;gap:0}
.problem-item{padding:clamp(18px,2vw,24px) 0;border-bottom:1px solid var(--border-d);display:flex;gap:18px;align-items:flex-start}
.problem-item:last-child{border-bottom:none;padding-bottom:0}
.problem-n{font-size:clamp(11px,1.1vw,12px);font-weight:700;letter-spacing:2px;color:var(--gold-mid);font-family:monospace;flex-shrink:0;padding-top:3px;min-width:26px}
.problem-item h3{font-size:clamp(14px,1.4vw,15px);font-weight:700;color:var(--white);margin-bottom:6px}
.problem-item p{font-size:clamp(13px,1.3vw,14px);line-height:1.8;color:var(--on-dark)}

/* ════════════════════════════════════════
   SOLUTION PILLARS
════════════════════════════════════════ */
.pillars-header{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:48px}
.pillars-header .section-sub{margin-bottom:0}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border-d);border:1px solid var(--border-d)}
.pillar-card{padding:clamp(28px,3.5vw,44px) clamp(22px,2.8vw,34px);background:var(--navy);position:relative;overflow:hidden;transition:background 0.25s;display:flex;flex-direction:column}
.pillar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity 0.3s}
.pillar-card:hover{background:rgba(255,255,255,0.035)}
.pillar-card:hover::before{opacity:1}
.pillar-card.featured{background:rgba(166,124,0,0.055);border-left:2px solid var(--gold)}
.pillar-card.featured::before{opacity:0.6}
.pillar-icon{width:44px;height:44px;border-radius:4px;background:rgba(166,124,0,0.09);border:1px solid var(--border-g);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:clamp(18px,2vw,26px);flex-shrink:0}
.pillar-outcome{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:10px}
.pillar-card h3{font-size:clamp(15px,1.5vw,17px);font-weight:700;color:var(--white);margin-bottom:12px;line-height:1.3}
.pillar-card p{font-size:clamp(13px,1.3vw,14px);line-height:1.85;color:var(--on-dark);flex:1;margin-bottom:22px}
.pillar-link{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid);display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s}
.pillar-link:hover{gap:10px}
.pillar-wide{grid-column:span 3;display:grid;grid-template-columns:1fr 2fr;gap:0;background:rgba(166,124,0,0.045);border-top:2px solid var(--gold)}
.pillar-wide-left{padding:clamp(28px,3.5vw,44px) clamp(24px,3vw,40px);border-right:1px solid var(--border-d)}
.pillar-wide-right{padding:clamp(28px,3.5vw,44px) clamp(24px,3vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,22px);align-content:start}
.assurance-item{display:flex;gap:12px;align-items:flex-start}
.assurance-item-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:7px}
.assurance-item span{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.65}

/* ════════════════════════════════════════
   ENGAGEMENT MODEL
════════════════════════════════════════ */
.engagement-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,80px);align-items:start}
.engagement-steps{display:flex;flex-direction:column;gap:2px}
.eng-step{display:flex;gap:0;cursor:pointer;transition:all 0.2s}
.eng-step-num{width:52px;flex-shrink:0;padding:clamp(18px,2.2vw,26px) 0 clamp(18px,2.2vw,26px) clamp(14px,1.8vw,22px);background:rgba(255,255,255,0.03);border:1px solid var(--border-d);border-right:none;font-size:clamp(11px,1.1vw,12px);font-weight:700;letter-spacing:2px;color:var(--gold-mid);font-family:monospace;display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(20px,2.5vw,28px)}
.eng-step-body{flex:1;padding:clamp(18px,2.2vw,26px) clamp(20px,2.5vw,30px);background:rgba(255,255,255,0.04);border:1px solid var(--border-d);transition:all 0.2s}
.eng-step:hover .eng-step-body,.eng-step.active .eng-step-body{background:rgba(166,124,0,0.07);border-color:var(--border-g)}
.eng-step.active .eng-step-num{background:rgba(166,124,0,0.08);border-color:var(--border-g);color:var(--gold-light)}
.eng-step-title{font-size:clamp(14px,1.4vw,15px);font-weight:700;color:var(--white);margin-bottom:0}
.eng-step-detail{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.75;margin-top:10px;display:none}
.eng-step.active .eng-step-detail{display:block}
.eng-step-client{font-size:clamp(12px,1.2vw,13px);color:var(--gold-mid);font-weight:600;margin-top:10px;display:none}
.eng-step.active .eng-step-client{display:block}
.engagement-right{position:sticky;top:90px}
.eng-panel{background:rgba(255,255,255,0.03);border:1px solid var(--border-d);padding:clamp(28px,3.5vw,44px)}
.eng-panel-head{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border-d)}
.eng-panel h3{font-family:var(--ff-serif);font-size:clamp(20px,2.2vw,24px);font-weight:400;color:var(--white);line-height:1.3;margin-bottom:16px}
.eng-panel p{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.85;margin-bottom:28px}
.eng-principles{display:flex;flex-direction:column;gap:14px}
.eng-principle{display:flex;gap:12px;align-items:flex-start}
.eng-principle-mark{color:var(--gold-mid);font-size:13px;flex-shrink:0;margin-top:2px}
.eng-principle span{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.65}

/* ════════════════════════════════════════
   CREDIBILITY / PROOF
════════════════════════════════════════ */
.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,6vw,80px);align-items:start}
.proof-left .section-sub{margin-bottom:36px}
.founder-card{background:rgba(255,255,255,0.028);border:1px solid var(--border-d);padding:clamp(24px,3vw,38px)}
.founder-name{font-size:clamp(16px,1.7vw,19px);font-weight:700;color:var(--white);margin-bottom:4px}
.founder-title{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);letter-spacing:0.3px;margin-bottom:20px}
.founder-bio{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.85;margin-bottom:22px}
.founder-creds{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.fcred{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-mid);padding:4px 11px;border:1px solid var(--border-g);border-radius:2px}
.enterprise-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:12px;margin-top:4px}
.enterprise-chips{display:flex;flex-wrap:wrap;gap:7px}
.echip{font-size:clamp(12px,1.2vw,13px);font-weight:500;color:rgba(255,255,255,0.35);padding:5px 13px;border:1px solid var(--border-d);border-radius:2px}
.proof-right{}
.proof-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border-d);border:1px solid var(--border-d);margin-bottom:18px}
.pstat{padding:clamp(20px,2.5vw,30px) clamp(16px,2vw,24px);background:var(--navy);text-align:center}
.pstat-val{font-size:clamp(26px,3vw,34px);font-weight:800;color:var(--gold-mid);letter-spacing:-1px;line-height:1;margin-bottom:7px;font-family:monospace}
.pstat-label{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);line-height:1.5}
.proof-principles{display:flex;flex-direction:column;gap:12px}
.pp-item{display:flex;gap:14px;align-items:flex-start;padding:clamp(16px,2vw,20px);background:rgba(255,255,255,0.028);border:1px solid var(--border-d)}
.pp-icon{font-size:17px;flex-shrink:0;margin-top:2px}
.pp-item h4{font-size:clamp(13px,1.3vw,14px);font-weight:700;color:var(--white);margin-bottom:5px}
.pp-item p{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);line-height:1.65}

/* ════════════════════════════════════════
   INDUSTRIES
════════════════════════════════════════ */
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border-d);border:1px solid var(--border-d)}
.industry-card{padding:clamp(26px,3.2vw,40px) clamp(22px,2.8vw,32px);background:var(--navy-mid);border-top:2px solid transparent;transition:all 0.25s;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:clamp(230px,24vw,290px)}
.industry-card:hover{border-top-color:var(--gold);background:var(--navy-lift)}
.industry-card-num{position:absolute;top:clamp(10px,1.2vw,16px);right:clamp(14px,1.8vw,22px);font-family:var(--ff-serif);font-size:clamp(54px,7.5vw,94px);font-weight:700;line-height:1;color:var(--gold-mid);opacity:0.055;user-select:none;pointer-events:none;letter-spacing:-3px;transition:opacity 0.3s}
.industry-card:hover .industry-card-num{opacity:0.14}
.industry-card h3{font-size:clamp(13px,1.35vw,15px);font-weight:700;color:var(--white);margin-bottom:clamp(8px,1vw,12px);line-height:1.3;letter-spacing:0.2px}
.industry-card p{font-size:clamp(12px,1.2vw,13px);line-height:1.85;color:var(--on-dark);margin-bottom:clamp(14px,1.8vw,20px);flex:1}
.industry-signal{margin-top:auto;font-size:clamp(11px,1vw,12px);color:var(--gold-mid);line-height:1.6;transition:color 0.2s}
.industry-card:hover .industry-signal{color:var(--gold-light)}
/* Sector proof bar */
.sector-proof-bar{display:flex;border:1px solid var(--border-d);margin-bottom:clamp(24px,3vw,40px)}
.sector-proof-item{flex:1;padding:clamp(12px,1.3vw,16px) clamp(14px,1.8vw,20px)}
.sector-proof-item+.sector-proof-item{border-left:1px solid var(--border-d)}
.sector-proof-val{font-family:var(--ff-serif);font-size:clamp(22px,2.4vw,28px);font-weight:400;color:var(--gold-light);line-height:1;margin-bottom:5px}
.sector-proof-lbl{font-size:clamp(9px,0.85vw,10px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--on-dark-dim);line-height:1.4}
/* Wide 7th tile */
.industry-card-wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:clamp(24px,3vw,44px);min-height:unset;padding:clamp(24px,3vw,36px) clamp(22px,2.8vw,32px)}
.industry-card-wide .industry-icon-wrap{flex-shrink:0;margin-bottom:0;align-self:flex-start}
.industry-card-wide-body{flex:1}
.industry-card-wide-body h3{margin-bottom:clamp(8px,1vw,12px)}
.industry-card-wide-body p{margin-bottom:0;flex:none}
.industry-card-wide-end{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(14px,1.6vw,20px);min-width:clamp(160px,18vw,220px)}
.industry-card-cta{font-size:clamp(10px,0.95vw,11px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold-mid);text-decoration:none;display:flex;align-items:center;gap:7px;transition:color 0.2s;white-space:nowrap}
.industry-card-cta svg{flex-shrink:0;transition:transform 0.2s}
.industry-card-cta:hover{color:var(--gold-light)}
.industry-card-cta:hover svg{transform:translateX(3px)}
@media(max-width:768px){.industry-card-wide{flex-direction:column;align-items:flex-start}.industry-card-wide-end{align-items:flex-start;min-width:0}}

/* ════════════════════════════════════════
   SPECIALIST CAPABILITIES
════════════════════════════════════════ */
.capabilities-header{margin-bottom:clamp(32px,4vw,48px)}
.capabilities-header .section-sub{max-width:580px;margin-bottom:0}
.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border-d);border:1px solid var(--border-d)}
.cap-card{padding:clamp(26px,3.2vw,40px) clamp(20px,2.5vw,32px);background:var(--navy-deep);position:relative;overflow:hidden;transition:background 0.25s;display:flex;flex-direction:column}
.cap-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);opacity:0;transition:opacity 0.3s}
.cap-card:hover{background:rgba(255,255,255,0.03)}
.cap-card:hover::before{opacity:1}
.cap-icon{font-size:22px;margin-bottom:clamp(16px,2vw,22px);flex-shrink:0}
.cap-outcome{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:9px}
.cap-card h3{font-size:clamp(14px,1.5vw,16px);font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.3}
.cap-card p{font-size:clamp(13px,1.3vw,14px);line-height:1.85;color:var(--on-dark);flex:1;margin-bottom:18px}
.cap-link{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid);display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s;margin-top:auto}
.cap-link:hover{gap:10px}

/* ════════════════════════════════════════
   3-TRACK ENGAGEMENT MODEL
════════════════════════════════════════ */
.tracks-header{margin-bottom:clamp(36px,4vw,52px)}
.tracks-header .section-sub{max-width:620px;margin-bottom:0}
.tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border-d);border:1px solid var(--border-d);margin-bottom:clamp(28px,3.5vw,44px)}
.track-card{background:var(--navy);padding:clamp(28px,3.5vw,44px) clamp(22px,2.8vw,34px);display:flex;flex-direction:column;position:relative;border-top:2px solid transparent;transition:all 0.25s}
.track-card:hover{background:rgba(255,255,255,0.035)}
.track-card.track-featured{background:rgba(166,124,0,0.05);border-top-color:var(--gold)}
/* Track number badge */
.track-num{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(16px,2vw,22px);display:flex;align-items:center;gap:10px}
.track-num-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border-d);font-size:10px;font-weight:700;color:var(--on-dark-dim);flex-shrink:0;font-family:monospace}
.track-card.track-featured .track-num,.track-card.track-featured .track-num-badge{color:var(--gold-mid);border-color:var(--border-g)}
/* Track heading */
.track-card h3{font-family:var(--ff-serif);font-size:clamp(22px,2.5vw,28px);font-weight:400;color:var(--white);line-height:1.2;margin-bottom:clamp(12px,1.5vw,16px)}
/* Track buyer label */
.track-buyer{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(14px,1.8vw,20px);padding-bottom:clamp(14px,1.8vw,20px);border-bottom:1px solid var(--border-d)}
/* Track description */
.track-desc{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.85;margin-bottom:clamp(20px,2.5vw,28px);flex:1}
/* Track capability list */
.track-capabilities{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(22px,2.8vw,32px)}
.track-cap{display:flex;gap:10px;align-items:flex-start;font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-mid);line-height:1.5}
.track-cap-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px}
/* Track outcome block */
.track-outcome{padding:clamp(14px,1.8vw,18px) clamp(14px,1.8vw,18px);background:rgba(0,0,0,0.18);border-left:2px solid var(--border-g);margin-top:auto}
.track-card.track-featured .track-outcome{border-left-color:var(--gold)}
.track-outcome-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:5px}
.track-outcome-text{font-size:clamp(12px,1.2vw,13px);font-weight:600;color:var(--white);line-height:1.5}
/* Governance guardrails note */
.governance-note{padding:clamp(20px,2.5vw,28px) clamp(22px,2.8vw,34px);background:rgba(255,255,255,0.025);border:1px solid var(--border-d);border-left:2px solid var(--border-g);display:flex;gap:clamp(16px,2vw,24px);align-items:flex-start}
.governance-note-icon{font-size:18px;flex-shrink:0;margin-top:2px}
.governance-note-body{}
.governance-note-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:7px}
.governance-note-text{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.8}
.governance-note-text strong{color:var(--white);font-weight:600}

/* ════════════════════════════════════════
   MERGED PRACTICE SECTION
════════════════════════════════════════ */
.practice-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(56px,7vw,100px);align-items:start}
.practice-left{}
.practice-narrative{font-size:clamp(14px,1.5vw,16px);line-height:1.95;color:var(--on-dark);margin-bottom:clamp(28px,3vw,40px)}
.practice-narrative strong{color:var(--white);font-weight:600}
.practice-client-line{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);line-height:1.8;padding:clamp(16px,2vw,22px);border:1px solid var(--border-d);border-left:2px solid var(--border-g);margin-bottom:clamp(24px,3vw,36px)}
.practice-client-line strong{color:var(--on-dark-mid);font-weight:600}
.practice-creds{display:flex;flex-wrap:wrap;gap:7px}
.pcred{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold-mid);padding:4px 11px;border:1px solid var(--border-g);border-radius:2px;background:rgba(166,124,0,0.04)}
.practice-right{}
/* Right column label */
.fear-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(16px,2vw,24px)}
/* Typographic accordion — fear items */
.fear-list{display:flex;flex-direction:column;margin-bottom:clamp(28px,3vw,40px)}
.fear-item{position:relative;border-top:1px solid var(--border-d);transition:background 0.25s}
.fear-item:last-child{border-bottom:1px solid var(--border-d)}
/* Gold left border accent on active */
.fear-item::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gold-mid),rgba(212,169,14,0.2));opacity:0;transition:opacity 0.3s}
.fear-item.active::before{opacity:1}
/* Clickable header row */
.fear-hd{display:flex;align-items:flex-start;gap:clamp(12px,1.5vw,16px);padding:clamp(16px,2vw,22px) 0 clamp(16px,2vw,22px) clamp(10px,1.2vw,14px);cursor:pointer;user-select:none}
/* Gold chapter number */
.fear-num{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;color:var(--gold-mid);min-width:22px;flex-shrink:0;padding-top:3px;opacity:0.5;transition:opacity 0.2s}
.fear-item.active .fear-num,.fear-hd:hover .fear-num{opacity:1}
/* Question text — the visual headline */
.fear-q{flex:1;font-size:clamp(13px,1.4vw,15px);font-weight:600;color:var(--on-dark);line-height:1.45;transition:color 0.2s}
.fear-item.active .fear-q,.fear-hd:hover .fear-q{color:var(--white)}
/* Chevron */
.fear-chevron{flex-shrink:0;color:var(--on-dark-dim);margin-top:3px;transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),color 0.2s}
.fear-item.active .fear-chevron{transform:rotate(180deg);color:var(--gold-mid)}
/* Expanding answer panel */
.fear-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.45s cubic-bezier(0.16,1,0.3,1)}
.fear-item.active .fear-panel{grid-template-rows:1fr}
.fear-panel-inner{overflow:hidden}
/* Answer — indented to align under question text */
.fear-a{font-size:clamp(13px,1.3vw,14px);font-weight:400;line-height:1.9;color:var(--on-dark);padding:0 clamp(8px,1vw,12px) clamp(18px,2vw,24px) calc(clamp(10px,1.2vw,14px) + 22px + clamp(12px,1.5vw,16px))}
.practice-quote-block{padding:clamp(24px,3vw,36px);background:rgba(166,124,0,0.05);border:1px solid var(--border-g);border-top:2px solid var(--gold)}
.practice-quote{font-family:var(--ff-serif);font-size:clamp(17px,1.9vw,22px);font-weight:300;font-style:italic;color:rgba(255,255,255,0.9);line-height:1.65;margin-bottom:16px}
.practice-quote em{color:var(--gold-light);font-style:normal}
.practice-attr{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:20px}
.practice-links{display:flex;gap:10px;flex-wrap:wrap}

/* ════ PROOF-POINT SPINE ════ */
.practice-proof{display:flex;margin-bottom:clamp(28px,3vw,40px);border:1px solid var(--border-d)}
.practice-proof-item{flex:1;padding:clamp(14px,1.8vw,20px) clamp(14px,1.8vw,18px)}
.practice-proof-item+.practice-proof-item{border-left:1px solid var(--border-d)}
.practice-proof-num{font-family:var(--ff-serif);font-size:clamp(28px,3.5vw,44px);font-weight:400;color:var(--gold-light);line-height:1;margin-bottom:7px;display:flex;align-items:baseline;gap:2px}
.practice-proof-sym{font-size:0.55em;color:var(--gold-mid);font-family:var(--ff-sans);font-weight:700}
.practice-proof-label{font-size:clamp(10px,0.95vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--on-dark-dim);line-height:1.45}

/* ════ CITP ELEVATED BADGE ════ */
.pcred-citp{display:flex;align-items:flex-start;gap:12px;padding:clamp(14px,1.8vw,18px);background:rgba(166,124,0,0.06);border:1px solid rgba(166,124,0,0.28);border-left:2px solid var(--gold-mid);margin-bottom:10px;transition:background 0.2s}
.pcred-citp:hover{background:rgba(166,124,0,0.1)}
.pcred-citp-icon{flex-shrink:0;color:var(--gold-mid);margin-top:1px}
.pcred-citp-label{font-size:clamp(11px,1.15vw,12px);font-weight:700;color:var(--white);letter-spacing:0.5px;line-height:1.3;margin-bottom:5px}
.pcred-citp-desc{font-size:clamp(10px,0.95vw,11px);color:var(--on-dark-dim);line-height:1.45}

/* ════ PRACTICE CLIENT CREDENTIAL BLOCK ════ */
.practice-clients{margin-top:clamp(20px,2.5vw,28px);padding:clamp(14px,1.6vw,18px) clamp(16px,1.8vw,20px);border:1px solid var(--border-d);border-left:2px solid var(--border-g)}
.practice-clients-label{font-size:clamp(9px,0.85vw,10px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(10px,1.2vw,12px)}
.practice-clients-names{font-size:clamp(11px,1.1vw,12px);color:var(--on-dark-mid);line-height:2;letter-spacing:0.2px}

/* ════ PRACTICE TESTIMONIALS ════ */
.practice-testimonials{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(40px,5vw,64px)}
.practice-testimonial{padding:clamp(24px,3vw,36px);background:var(--navy-deep);position:relative}
.pt-label{font-size:clamp(9px,0.85vw,10px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(20px,2.5vw,28px)}
.pt-mark{font-family:var(--ff-serif);font-size:clamp(40px,5.5vw,56px);line-height:0.75;color:var(--gold-mid);opacity:0.22;display:block;margin-bottom:clamp(12px,1.4vw,16px);user-select:none}
.pt-text{font-family:var(--ff-serif);font-size:clamp(13px,1.4vw,15px);font-weight:300;font-style:italic;color:rgba(255,255,255,0.88);line-height:1.8;margin-bottom:clamp(18px,2.2vw,26px)}
.pt-attr{border-top:1px solid var(--border-d);padding-top:clamp(14px,1.6vw,18px)}
.pt-name{font-size:clamp(11px,1.1vw,12px);font-weight:700;color:var(--white);letter-spacing:0.3px;margin-bottom:4px}
.pt-role{font-size:clamp(10px,0.95vw,11px);color:var(--on-dark-dim);letter-spacing:0.2px}

/* ════ FOUNDER QUOTE STRIP ════ */
.founder-quote-strip{position:relative;padding:clamp(64px,9vw,112px) 0;background:var(--navy-mid);overflow:hidden;text-align:center}
.fqs-glow{position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(166,124,0,0.07) 0%,transparent 68%);pointer-events:none}
.fqs-rule{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(166,124,0,0.22),transparent)}
.fqs-rule-top{top:0}
.fqs-rule-bot{bottom:0}
.founder-quote-inner{position:relative;z-index:2;max-width:740px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}
.fqs-mark{font-family:var(--ff-serif);font-size:clamp(80px,12vw,140px);line-height:0.65;color:var(--gold-mid);opacity:0.11;margin-bottom:clamp(12px,1.5vw,20px);user-select:none;display:block}
.fqs-quote{font-family:var(--ff-serif);font-size:clamp(20px,2.4vw,30px);font-weight:300;font-style:italic;color:rgba(255,255,255,0.92);line-height:1.7;margin-bottom:clamp(20px,2.5vw,30px)}
.fqs-quote em{color:var(--gold-light);font-style:normal}
.fqs-attr{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(24px,3vw,36px)}
.fqs-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:600px){
  .practice-proof{flex-direction:column}
  .practice-proof-item+.practice-proof-item{border-left:none;border-top:1px solid var(--border-d)}
}

/* ════════════════════════════════════════
   ENGAGEMENT PRINCIPLES (relocated here)
════════════════════════════════════════ */
.eng-principles-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(36px,4vw,52px)}
.eng-principle-card{padding:clamp(20px,2.5vw,28px) clamp(18px,2.2vw,26px);background:var(--navy-mid);display:flex;gap:14px;align-items:flex-start;transition:background 0.2s}
.eng-principle-card:hover{background:var(--navy-lift)}
.epc-mark{font-size:18px;flex-shrink:0;margin-top:2px}
.epc-body h4{font-size:clamp(13px,1.3vw,14px);font-weight:700;color:var(--white);margin-bottom:6px}
.epc-body p{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark);line-height:1.7}

/* ════════════════════════════════════════
   START HERE — OFFER CARDS
════════════════════════════════════════ */
.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border-d);border:1px solid var(--border-d);margin-bottom:clamp(28px,3.5vw,44px)}
.sh-card{padding:clamp(28px,3.5vw,44px) clamp(24px,3vw,36px);background:var(--navy);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all 0.25s;border-top:2px solid transparent}
.sh-card:hover{background:var(--navy-lift);border-top-color:var(--gold)}
.sh-num{position:absolute;top:clamp(10px,1.2vw,16px);right:clamp(14px,1.8vw,22px);font-family:var(--ff-serif);font-size:clamp(58px,8vw,100px);font-weight:700;line-height:1;color:var(--gold-mid);opacity:0.05;user-select:none;pointer-events:none;letter-spacing:-3px;transition:opacity 0.3s}
.sh-card:hover .sh-num{opacity:0.12}
.sh-tag{font-size:clamp(9px,0.85vw,10px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:clamp(14px,1.6vw,18px)}
.sh-card h3{font-family:var(--ff-serif);font-size:clamp(18px,2.1vw,24px);font-weight:400;color:var(--white);line-height:1.22;margin-bottom:clamp(12px,1.4vw,16px)}
.sh-tension{font-size:clamp(13px,1.3vw,14px);line-height:1.82;color:var(--on-dark);flex:1;margin-bottom:clamp(20px,2.5vw,30px)}
.sh-meta{display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);flex-wrap:wrap;padding-top:clamp(16px,1.8vw,20px);border-top:1px solid var(--border-d);margin-bottom:clamp(14px,1.6vw,18px)}
.sh-meta-item{font-size:clamp(10px,1vw,11px);font-weight:600;letter-spacing:0.3px;color:var(--on-dark-dim);display:flex;align-items:center;gap:5px}
.sh-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--on-dark-dim);flex-shrink:0}.sh-cta-link{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-mid);display:inline-flex;align-items:center;gap:7px;transition:gap 0.2s,color 0.2s;text-decoration:none}
.sh-cta-link:hover{gap:11px;color:var(--gold-light)}
.sh-footer{padding:clamp(28px,3.5vw,40px);background:rgba(166,124,0,0.04);border:1px solid var(--border-g);display:flex;flex-direction:column;align-items:center;gap:clamp(14px,1.8vw,18px);text-align:center}
.sh-footer-note{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-mid);line-height:1.75;max-width:540px}
.sh-footer-note strong{color:var(--on-dark);font-weight:600}

/* ════════════════════════════════════════
   FINAL CTA
════════════════════════════════════════ */
#final-cta{padding:clamp(80px,10vw,140px) 0;background:var(--navy-deep);position:relative;overflow:hidden}
.cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(166,124,0,0.07) 0%,transparent 65%);pointer-events:none}
.final-cta-inner{position:relative;z-index:2}
.cta-header{text-align:center;margin-bottom:clamp(44px,6vw,72px)}
.cta-header .section-h{font-size:clamp(30px,4.5vw,54px);margin-bottom:20px}
.cta-header .section-sub{margin:0 auto;text-align:center}
/* Two-path layout */
.cta-paths{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border-d);border:1px solid var(--border-d);margin-bottom:clamp(32px,4vw,48px)}
.cta-path{padding:clamp(32px,4vw,52px) clamp(28px,3.5vw,46px);background:var(--navy);display:flex;flex-direction:column}
.cta-path-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:clamp(14px,1.8vw,18px)}
.cta-path-h{font-size:clamp(16px,1.8vw,20px);font-weight:700;color:var(--white);margin-bottom:clamp(12px,1.4vw,16px);line-height:1.3}
.cta-path-desc{font-size:clamp(13px,1.3vw,14px);color:var(--on-dark);line-height:1.85;margin-bottom:clamp(24px,3vw,34px);flex:1}
.cta-form{display:flex;flex-direction:column;gap:12px;flex:1}
.cta-form-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
/* CTA footer line */
.cta-foot{text-align:center;font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-foot a{color:var(--on-dark-dim);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color 0.2s,border-color 0.2s}
.cta-foot a:hover{color:var(--gold-light);border-color:rgba(232,194,68,0.4)}
.cta-foot-sep{color:var(--border-d);user-select:none}

/* ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ */
footer{background:#030B14;border-top:1px solid var(--border-d);padding:clamp(48px,6vw,68px) 0 clamp(48px,6vw,68px)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:clamp(32px,5vw,60px)}
.footer-brand{}
.footer-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.footer-wm{font-size:clamp(12px,1.3vw,14px);font-weight:800;letter-spacing:2px;color:var(--white)}
.footer-strap{font-size:clamp(12px,1.2vw,13px);color:rgba(255,255,255,0.55);line-height:1.8;max-width:250px;margin-bottom:0}
.footer-copy{font-size:clamp(10px,1vw,11px);color:rgba(255,255,255,0.52);line-height:1.7;margin-top:14px;font-family:var(--ff-sans,'Montserrat',sans-serif)}
.footer-col h4{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-bottom:18px}
.footer-col li{margin-bottom:10px}
.footer-col a{font-size:clamp(12px,1.2vw,13px);color:rgba(255,255,255,0.62);transition:color 0.2s}
.footer-col a:hover{color:rgba(255,255,255,0.92)}

/* ════════════════════════════════════════
   RESPONSIVE — FLUID BREAKPOINTS
════════════════════════════════════════ */

/* Large desktop — nothing overridden, tokens handle it */

/* Mid range 1024–1280px — common laptop sizes */
@media(max-width:1280px){
  .hero-bg-glow{width:500px;height:500px}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:clamp(24px,3.5vw,48px)}
}

/* Tablets landscape + small laptops */
@media(max-width:1060px){
  .hero-content{grid-template-columns:1fr;gap:clamp(52px,7vw,80px)}
  .hero-bg-mark,.hero-bg-glow{display:none}
  .hero-sub{max-width:100%}
  .hero-panel{max-width:580px}
  .pillars-header{grid-template-columns:1fr;gap:clamp(12px,2vw,20px)}
  .pillars-grid{grid-template-columns:1fr 1fr}
  .pillar-wide{grid-column:span 2}
  .pillar-wide-right{grid-template-columns:1fr 1fr}
  .tracks-grid{grid-template-columns:1fr 1fr}
  .capabilities-grid{grid-template-columns:1fr 1fr}
  .problem-layout{grid-template-columns:1fr;gap:clamp(36px,5vw,56px)}
  .engagement-layout{grid-template-columns:1fr;gap:clamp(36px,5vw,56px)}
  .engagement-right{position:static}
  .proof-layout{grid-template-columns:1fr;gap:clamp(36px,5vw,56px)}
  .founder-section-layout{grid-template-columns:1fr;gap:clamp(36px,5vw,56px)}
  .industries-grid{grid-template-columns:repeat(2,1fr)}
  .cta-paths{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,44px)}
  .trust-sep{display:none}
}

/* Tablets portrait */
@media(max-width:768px){
  #nav .nav-links,.nav-cta-btn{display:none}
  .hamburger{display:flex}
  .pillars-grid{grid-template-columns:1fr}
  .pillar-wide{grid-column:span 1;grid-template-columns:1fr}
  .pillar-wide-left{border-right:none;border-bottom:1px solid var(--border-d)}
  .pillar-wide-right{grid-template-columns:1fr}
  .industries-grid{grid-template-columns:1fr}
  .practice-testimonials{grid-template-columns:1fr}
  .sh-grid{grid-template-columns:1fr}
  .cta-paths{grid-template-columns:1fr}
  .tracks-grid{grid-template-columns:1fr}
  .capabilities-grid{grid-template-columns:1fr}
  .eng-principles-grid{grid-template-columns:1fr}
  .practice-layout{grid-template-columns:1fr;gap:clamp(36px,5vw,52px)}
  .footer-grid{grid-template-columns:1fr}
  .cta-contact-row{gap:clamp(16px,4vw,28px)}
  .eng-step-num{width:44px}
}

/* Mobile */
@media(max-width:480px){
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
  .proof-stats{grid-template-columns:1fr 1fr}
  .founder-links{flex-direction:column}
  .founder-links .btn{justify-content:center}
  .mobile-links a{font-size:clamp(18px,5vw,22px)}
  .sector-proof-bar{flex-wrap:wrap}
  .sector-proof-item{flex:1 1 calc(50% - 1px);min-width:0}
  .sector-footnote{padding-left:clamp(16px,4vw,28px);padding-right:clamp(16px,4vw,28px)}
}

/* ════════════════════════════════════════
   PREMIUM ENHANCEMENTS v4
════════════════════════════════════════ */

/* Page load fade-in */
body{opacity:0;animation:body-in 0.55s ease 0.05s forwards}
@keyframes body-in{to{opacity:1}}

/* Hero noise texture overlay */
#hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  background-size:200px 200px;opacity:0.55}
#hero .container{position:relative;z-index:2}


/* Gold shimmer sweep */
@keyframes shimmer-sweep{0%{background-position:-200% center}100%{background-position:200% center}}
.text-shimmer{
  background:linear-gradient(90deg,var(--gold-light) 0%,var(--gold-pale) 38%,var(--gold-shimmer) 50%,var(--gold-pale) 62%,var(--gold-light) 100%);
  background-size:200% auto;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  animation:shimmer-sweep 3.5s linear infinite}

/* Hero line stagger entrance */
@keyframes hero-line-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hero-line{display:inline-block;opacity:0;animation:hero-line-up 0.75s cubic-bezier(0.16,1,0.3,1) forwards}
.hero-line.hl1{animation-delay:0.65s}
.hero-line.hl2{animation-delay:0.85s}
.hero-line.hl3{animation-delay:1.0s}
.hero-rhythm{opacity:0;animation:hero-line-up 0.6s ease 1.15s forwards}
.hero-sub{opacity:0;animation:hero-line-up 0.6s ease 1.3s forwards}
.hero-actions{opacity:0;animation:hero-line-up 0.5s ease 1.45s forwards}
.hero-trust{opacity:0;animation:hero-line-up 0.5s ease 1.55s forwards}

/* Trust ticker */
.trust-ticker-wrap{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.trust-ticker-track{display:flex;gap:8px;width:max-content;animation:ticker-scroll 22s linear infinite}
.trust-ticker-track:hover{animation-play-state:paused}

/* ═══ STATS BAR ═══ */
#stats-bar{padding:clamp(52px,6vw,80px) 0;background:var(--navy-mid);border-top:1px solid var(--border-d);border-bottom:1px solid var(--border-d);position:relative;overflow:hidden}
#stats-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(166,124,0,0.4),transparent)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--border-d);border:1px solid var(--border-d)}
.stat-item{padding:clamp(24px,3vw,38px) clamp(18px,2.5vw,28px);background:var(--navy-mid);text-align:center;position:relative;overflow:hidden;transition:background 0.25s}
.stat-item:hover{background:rgba(255,255,255,0.03)}
.stat-item::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(166,124,0,0.06),transparent 60%);opacity:0;transition:opacity 0.3s}
.stat-item:hover::after{opacity:1}
.stat-num-row{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:10px}
.stat-val{font-size:clamp(34px,4vw,52px);font-weight:800;color:var(--gold-mid);letter-spacing:-2px;line-height:1;font-family:'Montserrat',sans-serif}
.stat-sym{font-size:clamp(20px,2.5vw,28px);font-weight:700;color:var(--gold-mid);letter-spacing:-1px}
.stat-lbl{font-size:clamp(11px,1.1vw,12px);font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--on-dark-dim);line-height:1.5}
@media(max-width:768px){.stats-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}}

/* ═══ CLIENT LOGO STRIP ═══ */
#client-strip{padding:clamp(44px,5vw,68px) 0;background:var(--navy-deep);border-top:1px solid var(--border-d)}
.cs-header{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:32px;text-align:center}
.cs-logos{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.cs-logo{display:flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--border-d);border-radius:3px;background:rgba(255,255,255,0.025);transition:all 0.2s;cursor:default;min-width:100px}
.cs-logo:hover{border-color:rgba(255,255,255,0.12);background:rgba(255,255,255,0.04)}
.cs-logo span{font-size:clamp(11px,1.1vw,12px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,0.32);transition:color 0.2s;white-space:nowrap}
.cs-logo:hover span{color:rgba(255,255,255,0.55)}

/* ═══ SVG ICON SYSTEM ═══ */
.icon-wrap{width:46px;height:46px;border-radius:4px;background:rgba(166,124,0,0.07);border:1px solid rgba(166,124,0,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.25s,border-color 0.25s}
.icon-wrap svg{stroke:var(--gold-mid);transition:stroke 0.25s}
.cap-card:hover .icon-wrap,.pillar-card:hover .icon-wrap{background:rgba(166,124,0,0.13);border-color:rgba(166,124,0,0.35)}
.cap-card:hover .icon-wrap svg,.pillar-card:hover .icon-wrap svg{stroke:var(--gold-light)}
/* Industry icon */
.industry-icon-wrap{width:48px;height:48px;border-radius:4px;background:rgba(166,124,0,0.07);border:1px solid rgba(166,124,0,0.18);display:flex;align-items:center;justify-content:center;margin-bottom:22px;flex-shrink:0;transition:all 0.25s}
.industry-icon-wrap svg{stroke:var(--gold-mid);transition:stroke 0.25s}
.industry-card:hover .industry-icon-wrap{background:rgba(166,124,0,0.13);border-color:rgba(166,124,0,0.38)}
.industry-card:hover .industry-icon-wrap svg{stroke:var(--gold-light)}
/* Engagement principle icon */
.epc-icon-wrap{width:38px;height:38px;border-radius:3px;background:rgba(166,124,0,0.06);border:1px solid rgba(166,124,0,0.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.epc-icon-wrap svg{stroke:var(--gold-mid)}

/* Enhanced card hover glow */
.cap-card:hover,.pillar-card:hover{box-shadow:0 0 0 1px rgba(212,169,14,0.15),0 8px 32px rgba(0,0,0,0.25)}
.industry-card:hover{box-shadow:0 0 0 1px rgba(212,169,14,0.15),0 8px 32px rgba(0,0,0,0.25)}
.track-card:hover{box-shadow:inset 0 0 40px rgba(166,124,0,0.04)}

/* ═══ CONTACT FORM ═══ */
.enquiry-form-wrap{margin-top:clamp(48px,6vw,80px);padding-top:clamp(36px,4vw,56px);border-top:1px solid var(--border-d)}
.enquiry-form-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:8px;display:block}
.enquiry-form-headline{font-family:var(--ff-serif);font-size:clamp(22px,2.8vw,32px);font-weight:400;color:var(--white);margin-bottom:32px;line-height:1.2}
.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:860px;margin:0 auto}
.enquiry-form .form-full{grid-column:1/-1}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--on-dark-dim)}
.form-field input,.form-field select,.form-field textarea{background:rgba(255,255,255,0.04);border:1px solid var(--border-d);color:var(--white);font-family:var(--ff-sans);font-size:clamp(13px,1.3vw,14px);padding:13px 16px;border-radius:3px;transition:border-color 0.2s,background 0.2s;outline:none;width:100%}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:rgba(212,169,14,0.45);background:rgba(255,255,255,0.06)}
.form-field input::placeholder,.form-field textarea::placeholder{color:var(--on-dark-dim)}
.form-field textarea{resize:vertical;min-height:110px;line-height:1.65}
.form-field select{appearance:none;-webkit-appearance:none;cursor:pointer}
.form-field select option{background:var(--navy-deep);color:var(--white)}
.form-submit-row{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding-top:6px}
.form-note{font-size:clamp(11px,1.1vw,12px);color:var(--on-dark-dim);line-height:1.6}
@media(max-width:640px){.enquiry-form{grid-template-columns:1fr}.form-submit-row{flex-direction:column;align-items:flex-start}}

/* ═══ ENGAGEMENT STEP PROGRESS LINE ═══ */
.eng-step.active .eng-step-body{position:relative;overflow:hidden}
.eng-step.active .eng-step-body::after{content:'';position:absolute;top:0;left:0;width:2px;height:0;background:var(--gold);animation:step-line-draw 0.4s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes step-line-draw{to{height:100%}}

/* ═══ NAV ACTIVE STATE ═══ */
.nav-links a.nav-active{color:var(--gold-light)}
.nav-links a.nav-active::after{content:'';display:block;height:1px;background:var(--gold-light);margin-top:2px;opacity:0.6}

/* ═══ STICKY MOBILE CTA ═══ */
#sticky-mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:800;padding:12px 20px;background:rgba(7,21,41,0.97);backdrop-filter:blur(14px);border-top:1px solid var(--border-d);justify-content:space-between;align-items:center;gap:12px}
#sticky-mobile-cta.visible{display:flex}
.smc-text{font-size:13px;font-weight:600;color:var(--on-dark-mid)}
@media(min-width:769px){#sticky-mobile-cta{display:none!important}}

/* ═══ MOBILE MENU STAGGER ═══ */
@keyframes mobile-link-in{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
#mobile-menu.open .mobile-links li{opacity:0;animation:mobile-link-in 0.3s ease forwards}
#mobile-menu.open .mobile-links li:nth-child(1){animation-delay:0.05s}
#mobile-menu.open .mobile-links li:nth-child(2){animation-delay:0.1s}
#mobile-menu.open .mobile-links li:nth-child(3){animation-delay:0.15s}
#mobile-menu.open .mobile-links li:nth-child(4){animation-delay:0.2s}
#mobile-menu.open .mobile-links li:nth-child(5){animation-delay:0.25s}
#mobile-menu.open .mobile-links li:nth-child(6){animation-delay:0.3s}

/* ═══ HERO BACKGROUND — richer depth ═══ */
.hero-bg-grid{background-image:linear-gradient(rgba(166,124,0,0.042) 1px,transparent 1px),linear-gradient(90deg,rgba(166,124,0,0.042) 1px,transparent 1px);background-size:72px 72px}
.hero-bg-glow{width:800px;height:800px;background:radial-gradient(circle,rgba(180,140,0,0.10) 0%,transparent 65%)}
/* Second glow left */
.hero-bg-glow2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(100,60,180,0.04) 0%,transparent 65%);top:20%;left:-150px;pointer-events:none}

/* ═══ SECTION HEADER ACCENT LINE ═══ */
.section-h-underline{display:inline-block;position:relative}
.section-h-underline::after{content:'';position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}

/* Quote pull enhanced */
.problem-intro blockquote{border-left:2px solid var(--gold-mid);background:rgba(166,124,0,0.04);padding:20px 20px 20px 24px;font-family:var(--ff-serif);font-size:clamp(17px,1.9vw,21px);font-weight:300;font-style:italic;color:var(--white);line-height:1.65;border-radius:0 3px 3px 0}

/* Pillar card featured stronger */
.pillar-card.featured{background:rgba(166,124,0,0.07);border-left:2px solid var(--gold);box-shadow:inset 0 0 60px rgba(166,124,0,0.04)}

/* ════════════════════════════════════════
   CAPABILITIES EXPLORER — sidebar-panel model
════════════════════════════════════════ */
.cap-explorer{display:grid;grid-template-columns:340px 1fr;background:var(--border-d);border:1px solid var(--border-d);gap:1px;min-height:460px}

/* Left list */
.cap-list{background:var(--navy-deep);display:flex;flex-direction:column}
.cap-list-item{display:flex;align-items:center;gap:14px;padding:clamp(16px,2vw,22px) clamp(18px,2.2vw,28px);border-bottom:1px solid var(--border-d);cursor:pointer;border-left:2px solid transparent;position:relative;transition:background 0.2s,border-color 0.2s;user-select:none}
.cap-list-item:last-child{border-bottom:none}
.cap-list-item:hover{background:rgba(166,124,0,0.05);border-left-color:rgba(212,169,14,0.4)}
.cap-list-item.active{background:rgba(166,124,0,0.09);border-left-color:var(--gold)}
.cap-list-item.active::before{content:'';position:absolute;left:-2px;top:0;width:2px;height:0;background:var(--gold);animation:cap-line-draw 0.38s cubic-bezier(0.16,1,0.3,1) forwards}
@keyframes cap-line-draw{to{height:100%}}
.cap-list-num{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--on-dark-dim);font-family:monospace;flex-shrink:0;min-width:22px;transition:color 0.2s}
.cap-list-item.active .cap-list-num{color:var(--gold-mid)}
.cap-list-icon-sm{width:30px;height:30px;border-radius:3px;background:rgba(255,255,255,0.03);border:1px solid var(--border-d);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}
.cap-list-icon-sm svg{stroke:var(--on-dark-dim);transition:stroke 0.2s}
.cap-list-item:hover .cap-list-icon-sm,.cap-list-item.active .cap-list-icon-sm{background:rgba(166,124,0,0.1);border-color:rgba(212,169,14,0.25)}
.cap-list-item:hover .cap-list-icon-sm svg,.cap-list-item.active .cap-list-icon-sm svg{stroke:var(--gold-light)}
.cap-list-name{font-size:clamp(12px,1.3vw,14px);font-weight:600;color:var(--on-dark-mid);line-height:1.3;flex:1;transition:color 0.2s}
.cap-list-item:hover .cap-list-name,.cap-list-item.active .cap-list-name{color:var(--white)}
.cap-list-chevron{font-size:11px;color:var(--on-dark-dim);flex-shrink:0;transition:transform 0.2s,color 0.2s;line-height:1}
.cap-list-item.active .cap-list-chevron{color:var(--gold-mid);transform:translateX(3px)}

/* Right panels */
.cap-panels{background:var(--navy);position:relative;overflow:hidden}
.cap-panel{position:absolute;inset:0;padding:clamp(32px,4vw,52px) clamp(28px,3.5vw,50px);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity 0.32s ease,transform 0.32s cubic-bezier(0.16,1,0.3,1)}
.cap-panel.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}
/* Decorative corner accent */
.cap-panel::after{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at top right,rgba(166,124,0,0.07),transparent 65%);pointer-events:none}
/* Outcome eyebrow */
.cap-panel-outcome{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.cap-panel-outcome::before{content:'';display:inline-block;width:28px;height:1px;background:var(--gold-mid);flex-shrink:0}
/* Title */
.cap-panel h3{font-family:var(--ff-serif);font-size:clamp(24px,2.8vw,36px);font-weight:400;color:var(--white);line-height:1.15;margin-bottom:18px}
/* Description */
.cap-panel-desc{font-size:clamp(14px,1.5vw,15px);line-height:1.9;color:var(--on-dark);margin-bottom:clamp(20px,2.5vw,28px);max-width:520px}
/* Delivery points */
.cap-panel-points{display:flex;flex-direction:column;gap:9px;margin-bottom:clamp(24px,3vw,34px)}
.cap-panel-point{display:flex;gap:12px;align-items:flex-start;font-size:clamp(12px,1.3vw,13px);color:var(--on-dark-mid);line-height:1.6}
.cap-panel-dot{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px}
/* CTA */
.cap-panel-cta{display:inline-flex;align-items:center;gap:8px;font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-mid);border:1px solid var(--border-g);padding:clamp(11px,1.3vw,14px) clamp(16px,1.8vw,22px);border-radius:3px;background:rgba(166,124,0,0.04);transition:all 0.2s}
.cap-panel-cta:hover{background:rgba(166,124,0,0.10);color:var(--gold-light);gap:12px}
/* Responsive */
@media(max-width:960px){
  .cap-explorer{grid-template-columns:1fr;min-height:auto}
  .cap-list{flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .cap-list::-webkit-scrollbar{display:none}
  .cap-list-item{flex-direction:column;align-items:flex-start;gap:6px;border-bottom:none;border-left:none;border-bottom:2px solid transparent;min-width:130px;padding:14px 16px}
  .cap-list-item:hover,.cap-list-item.active{border-bottom-color:var(--gold);border-left:none;background:rgba(166,124,0,0.07)}
  .cap-list-item.active::before{display:none}
  .cap-list-chevron{display:none}
  .cap-panel{position:relative;min-height:340px}
  .cap-panel:not(.active){display:none}
}

/* ════════════════════════════════════════
   ENGAGEMENT MODEL — "The Chapter Strip"
   Editorial numbered accordion
════════════════════════════════════════ */
.chapter-list{display:flex;flex-direction:column}
/* Each strip */
.chapter-strip{border-top:1px solid var(--border-d);position:relative;transition:background 0.35s}
.chapter-strip:last-child{border-bottom:1px solid var(--border-d)}
.chapter-strip.active{background:rgba(166,124,0,0.04)}
/* Gold left-border accent on active strip */
.chapter-strip.active::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gold-mid),rgba(212,169,14,0.18))}
/* Header row — the clickable trigger */
.chap-hd{display:flex;align-items:center;gap:clamp(20px,2.5vw,36px);padding:clamp(20px,2.5vw,30px) 0;cursor:pointer;user-select:none}
/* Large editorial chapter number */
.chap-num{font-size:clamp(44px,6vw,80px);font-weight:800;line-height:1;color:var(--gold-mid);opacity:0.22;min-width:clamp(58px,7.5vw,108px);flex-shrink:0;letter-spacing:-2px;transition:opacity 0.25s,color 0.25s;font-variant-numeric:tabular-nums}
.chap-hd:hover .chap-num{opacity:0.55}
.chapter-strip.active .chap-num{opacity:1;color:var(--gold-light)}
/* Text body */
.chap-hd-body{flex:1;min-width:0}
.chap-name{font-family:var(--ff-serif);font-size:clamp(18px,2.2vw,28px);font-weight:400;color:var(--on-dark);line-height:1.15;margin-bottom:clamp(4px,0.5vw,7px);transition:color 0.2s}
.chapter-strip.active .chap-name,.chap-hd:hover .chap-name{color:var(--white)}
.chap-teaser{font-size:clamp(12px,1.2vw,13px);color:var(--on-dark-dim);line-height:1.6;transition:color 0.2s}
.chapter-strip.active .chap-teaser{color:var(--on-dark)}
/* Chevron */
.chap-chevron{flex-shrink:0;color:var(--on-dark-dim);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),color 0.2s}
.chapter-strip.active .chap-chevron{transform:rotate(180deg);color:var(--gold-mid)}
/* Expanding panel — grid-template-rows trick for smooth height */
.chap-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.45s cubic-bezier(0.16,1,0.3,1)}
.chapter-strip.active .chap-panel{grid-template-rows:1fr}
.chap-panel-content{overflow:hidden}
/* Panel inner: 2-col, aligned with the phase name column */
.chap-panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-left:calc(clamp(58px,7.5vw,108px) + clamp(20px,2.5vw,36px));padding-bottom:clamp(28px,3.5vw,44px);border-top:1px solid var(--border-d)}
.chap-panel-left{padding-right:clamp(20px,2.5vw,36px);padding-top:clamp(20px,2.5vw,28px)}
.chap-desc{font-size:clamp(13px,1.4vw,14px);line-height:1.9;color:var(--on-dark);max-width:460px}
.chap-panel-right{padding-left:clamp(20px,2.5vw,36px);border-left:1px solid var(--border-d);padding-top:clamp(20px,2.5vw,28px)}
.chap-delivers-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(10px,1.4vw,14px)}
.chap-tags{display:flex;flex-wrap:wrap;gap:8px}
.chap-tag{font-size:clamp(11px,1.1vw,12px);font-weight:600;color:var(--on-dark-mid);padding:7px 14px;border:1px solid var(--border-d);border-radius:2px;background:rgba(255,255,255,0.025);white-space:nowrap;transition:border-color 0.2s,color 0.2s,background 0.2s}
.chap-tag:hover{border-color:rgba(166,124,0,0.28);color:var(--on-dark);background:rgba(166,124,0,0.05)}
/* XLA orientation bar */
.xla-bar{display:flex;gap:clamp(14px,1.8vw,20px);align-items:flex-start;padding:clamp(18px,2.2vw,26px) clamp(20px,2.5vw,30px);border:1px solid var(--border-g);border-left:3px solid var(--gold);background:rgba(166,124,0,0.04);margin-bottom:clamp(16px,2vw,24px)}
.xla-bar-mark{flex-shrink:0;color:var(--gold-mid);margin-top:2px}
.xla-bar-text{font-size:clamp(13px,1.3vw,14px);line-height:1.8;color:var(--on-dark);font-style:italic}
/* Commitments bar */
.eng-commitments-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(32px,4vw,48px)}
.eng-commitment{padding:clamp(20px,2.5vw,28px) clamp(16px,2vw,22px);background:var(--navy-mid);display:flex;flex-direction:column;gap:12px;transition:background 0.2s;position:relative;overflow:hidden}
.eng-commitment::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-mid),transparent);opacity:0;transition:opacity 0.3s}
.eng-commitment:hover{background:var(--navy-lift)}
.eng-commitment:hover::before{opacity:1}
.eng-commit-icon{width:34px;height:34px;border-radius:3px;background:rgba(166,124,0,0.06);border:1px solid rgba(166,124,0,0.16);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.2s}
.eng-commit-icon svg{stroke:var(--gold-mid);transition:stroke 0.2s}
.eng-commitment:hover .eng-commit-icon{background:rgba(166,124,0,0.12);border-color:rgba(166,124,0,0.3)}
.eng-commitment:hover .eng-commit-icon svg{stroke:var(--gold-light)}
.eng-commitment h4{font-size:clamp(12px,1.25vw,13px);font-weight:700;color:var(--white);line-height:1.35}
.eng-commitment p{font-size:clamp(11px,1.1vw,12px);color:var(--on-dark-dim);line-height:1.65}
/* Responsive */
@media(max-width:760px){
  .chap-num{font-size:clamp(36px,9vw,56px);min-width:clamp(48px,10vw,70px)}
  .chap-panel-inner{grid-template-columns:1fr;margin-left:0}
  .chap-panel-right{border-left:none;border-top:1px solid var(--border-d);padding-left:0;padding-top:clamp(18px,2.5vw,24px);margin-top:clamp(18px,2.5vw,24px)}
  .eng-commitments-bar{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){.eng-commitments-bar{grid-template-columns:1fr}}
/* ══════════════════════════════════════
   CAPABILITY PAGE STYLES
══════════════════════════════════════ */

/* Breadcrumb */
.breadcrumb{padding:clamp(10px,1.2vw,14px) 0;background:var(--navy-deep);border-bottom:1px solid var(--border-d)}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:0.08em;color:var(--on-dark-dim);text-transform:uppercase}
.breadcrumb-inner a{color:var(--on-dark-dim);text-decoration:none;transition:color 0.2s}
.breadcrumb-inner a:hover{color:var(--gold-mid)}
.breadcrumb-sep{color:var(--border-d);font-weight:400}
.breadcrumb-current{color:var(--on-dark-mid)}

/* Capability Hero */
.cap-hero{background:var(--navy-deep);padding:clamp(72px,9vw,120px) 0 clamp(56px,7vw,96px);position:relative;overflow:hidden}
.cap-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 80% 50%,rgba(166,124,0,0.07) 0%,transparent 70%);pointer-events:none}
.cap-hero-bg-num{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-family:var(--ff-serif);font-size:clamp(160px,22vw,280px);font-weight:700;color:rgba(255,255,255,0.022);line-height:1;pointer-events:none;user-select:none}
.cap-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px);align-items:start}
.cap-hero-label{font-size:clamp(10px,1vw,11px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:clamp(10px,1.2vw,14px)}
.cap-hero-num{font-family:var(--ff-serif);font-size:clamp(13px,1.4vw,15px);color:var(--on-dark-dim);margin-bottom:4px}
.cap-hero-title{font-family:var(--ff-serif);font-size:clamp(30px,4.5vw,58px);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:clamp(8px,1vw,12px)}
.cap-hero-sub{font-size:clamp(10px,1.1vw,12px);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:clamp(20px,2.5vw,30px)}
.cap-hero-body{font-size:clamp(14px,1.55vw,16px);line-height:1.85;color:var(--on-dark);max-width:520px;margin-bottom:clamp(28px,3.5vw,40px)}
.cap-hero-right{padding-top:clamp(40px,5vw,80px)}
.cap-context-card{background:var(--navy-mid);border:1px solid var(--border-d);border-top:2px solid var(--gold);padding:clamp(22px,2.8vw,32px)}
.cap-context-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:clamp(14px,1.8vw,20px)}
.cap-context-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-d);font-size:clamp(12px,1.25vw,13px);color:var(--on-dark-mid);line-height:1.5}
.cap-context-item:last-child{border-bottom:none}
.cap-context-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-mid);flex-shrink:0}

/* Buyer triggers */
.cp-triggers{background:var(--navy-mid)}
.cp-triggers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(28px,3.5vw,44px)}
.cp-trigger-item{background:var(--navy);padding:clamp(22px,2.8vw,32px);display:flex;gap:clamp(14px,1.8vw,20px);transition:background 0.2s}
.cp-trigger-item:hover{background:var(--navy-lift)}
.cp-trigger-num{font-family:var(--ff-serif);font-size:clamp(28px,3vw,40px);font-weight:700;color:rgba(212,169,14,0.15);line-height:1;flex-shrink:0;min-width:40px}
.cp-trigger-body{flex:1}
.cp-trigger-body p{font-size:clamp(13px,1.35vw,14px);line-height:1.8;color:var(--on-dark)}

/* Delivery system */
.cp-delivery{background:var(--navy-deep)}
.cp-delivery-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(28px,3.5vw,44px)}
.cp-delivery-step{background:var(--navy);padding:clamp(20px,2.5vw,30px);transition:background 0.2s;position:relative}
.cp-delivery-step:hover{background:var(--navy-lift)}
.cp-step-num{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:10px}
.cp-step-title{font-family:var(--ff-serif);font-size:clamp(16px,1.7vw,20px);font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.2}
.cp-step-desc{font-size:clamp(12px,1.2vw,13px);line-height:1.7;color:var(--on-dark-dim)}
.cp-step-arrow{position:absolute;top:50%;right:-1px;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--navy-deep);z-index:1}
.cp-delivery-step:last-child .cp-step-arrow{display:none}

/* Evidence pack */
.cp-evidence{background:var(--navy-mid)}
.cp-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,16px);margin-top:clamp(28px,3.5vw,44px)}
.cp-evidence-item{background:var(--navy-deep);border:1px solid var(--border-d);border-left:2px solid var(--gold);padding:clamp(16px,2vw,22px);display:flex;gap:12px;align-items:flex-start;transition:border-color 0.2s,background 0.2s}
.cp-evidence-item:hover{background:var(--navy);border-left-color:var(--gold-mid)}
.cp-evidence-icon{flex-shrink:0;color:var(--gold-mid);margin-top:2px}
.cp-evidence-text{font-size:clamp(12px,1.25vw,13px);line-height:1.65;color:var(--on-dark-mid);font-weight:500}
.cp-evidence-note{font-size:11px;color:var(--on-dark-dim);margin-top:4px}

/* Specific deliverables */
.cp-deliverables{background:var(--navy-deep)}
.cp-deliverables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,1.5vw,18px);margin-top:clamp(28px,3.5vw,44px)}
.cp-deliverable-card{background:var(--navy);border:1px solid var(--border-d);padding:clamp(20px,2.5vw,30px);position:relative;overflow:hidden;transition:border-color 0.2s,background 0.2s}
.cp-deliverable-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-mid),transparent);opacity:0;transition:opacity 0.3s}
.cp-deliverable-card:hover{background:var(--navy-lift);border-color:rgba(166,124,0,0.2)}
.cp-deliverable-card:hover::before{opacity:1}
.cp-deliv-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);margin-bottom:10px}
.cp-deliv-title{font-family:var(--ff-serif);font-size:clamp(16px,1.7vw,20px);font-weight:700;color:var(--white);margin-bottom:10px;line-height:1.2}
.cp-deliv-desc{font-size:clamp(12px,1.2vw,13px);line-height:1.7;color:var(--on-dark-dim)}

/* Engagement tracks on capability page */
.cp-tracks{background:var(--navy-mid)}
.cp-tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(28px,3.5vw,44px)}
.cp-track-item{background:var(--navy);padding:clamp(22px,2.8vw,32px);transition:background 0.2s;position:relative;overflow:hidden}
.cp-track-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold-mid);opacity:0;transition:opacity 0.3s}
.cp-track-item:hover{background:var(--navy-lift)}
.cp-track-item:hover::before{opacity:1}
.cp-track-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:8px}
.cp-track-name{font-family:var(--ff-serif);font-size:clamp(17px,1.9vw,22px);font-weight:700;color:var(--white);margin-bottom:12px;line-height:1.2}
.cp-track-desc{font-size:clamp(12px,1.2vw,13px);line-height:1.7;color:var(--on-dark-dim)}
.cp-track-fit{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-d);font-size:11px;font-weight:600;color:var(--gold-mid);letter-spacing:0.04em}

/* Boundaries */
.cp-boundaries{background:var(--navy-deep)}
.cp-boundaries-list{margin-top:clamp(28px,3.5vw,44px);display:flex;flex-direction:column;gap:1px;background:var(--border-d);border:1px solid var(--border-d)}
.cp-boundary-item{background:var(--navy);padding:clamp(18px,2.2vw,26px) clamp(20px,2.5vw,30px);display:flex;gap:clamp(14px,1.8vw,20px);align-items:flex-start;transition:background 0.2s}
.cp-boundary-item:hover{background:var(--navy-lift)}
.cp-boundary-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(212,169,14,0.3);display:flex;align-items:center;justify-content:center;margin-top:1px}
.cp-boundary-icon svg{stroke:var(--gold-mid)}
.cp-boundary-text{font-size:clamp(13px,1.35vw,14px);line-height:1.75;color:var(--on-dark)}
.cp-boundary-strong{font-weight:600;color:var(--white)}

/* Capability page CTA / Start Here */
.cp-cta{background:var(--navy-mid)}
.cp-cta-inner{text-align:center;max-width:640px;margin:0 auto}
.cp-cta-offer-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-mid);border:1px solid rgba(212,169,14,0.3);padding:6px 16px;margin-bottom:clamp(16px,2vw,22px)}
.cp-cta-title{font-family:var(--ff-serif);font-size:clamp(24px,3vw,38px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:clamp(12px,1.5vw,18px)}
.cp-cta-body{font-size:clamp(13px,1.35vw,15px);line-height:1.85;color:var(--on-dark);margin-bottom:clamp(24px,3vw,36px)}
.cp-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* Capability navigation footer strip */
.cp-nav-strip{margin-top:clamp(48px,6vw,72px);padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--border-d)}
.cp-nav-strip-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:16px;text-align:center}
.cp-nav-caps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cp-nav-cap-link{font-size:12px;font-weight:600;color:var(--on-dark-dim);text-decoration:none;border:1px solid var(--border-d);padding:7px 16px;border-radius:2px;transition:color 0.2s,border-color 0.2s,background 0.2s}
.cp-nav-cap-link:hover{color:var(--gold-mid);border-color:rgba(212,169,14,0.3);background:rgba(212,169,14,0.04)}
.cp-nav-cap-link.current{color:var(--gold-mid);border-color:rgba(212,169,14,0.3);background:rgba(212,169,14,0.05)}

/* Responsive: capability pages */
@media(max-width:900px){
  .cap-hero-inner{grid-template-columns:1fr}
  .cap-hero-right{padding-top:0}
  .cp-delivery-chain{grid-template-columns:repeat(2,1fr)}
  .cp-evidence-grid{grid-template-columns:repeat(2,1fr)}
  .cp-tracks-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .cp-triggers-grid{grid-template-columns:1fr}
  .cp-delivery-chain{grid-template-columns:1fr}
  .cp-evidence-grid{grid-template-columns:1fr}
  .cp-deliverables-grid{grid-template-columns:1fr}
  .cp-cta-actions{flex-direction:column;align-items:center}
  .cp-step-arrow{display:none}
}

/* ══════════════════════════════════════
   IDENTITY / CAPABILITY VISUAL ELEMENTS
══════════════════════════════════════ */

/* Governance architecture diagram wrapper */
.cap-gov-diagram{border-radius:4px;overflow:hidden;position:relative}
.cap-gov-diagram svg{width:100%;height:auto;display:block}

/* Contrast / before-after section */
.cp-contrast{background:var(--navy-mid)}
.cp-contrast-card{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(28px,3.5vw,44px);overflow:hidden}
.cp-contrast-half{padding:clamp(22px,2.8vw,36px)}
.cp-contrast-half-before{background:var(--navy)}
.cp-contrast-half-after{background:rgba(166,124,0,0.035)}
.cp-contrast-half-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:clamp(16px,2vw,22px);display:flex;align-items:center;gap:8px}
.cp-contrast-half-label::before{content:'';display:block;width:14px;height:1px;background:currentColor;opacity:0.5}
.cp-contrast-label-before{color:rgba(200,140,30,0.55)}
.cp-contrast-label-after{color:var(--gold-mid)}
.cp-contrast-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border-d)}
.cp-contrast-item:last-child{border-bottom:none}
.cp-contrast-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.cp-contrast-icon-before{background:rgba(180,100,0,0.1);border:1px solid rgba(200,120,0,0.2)}
.cp-contrast-icon-after{background:rgba(166,124,0,0.1);border:1px solid rgba(212,169,14,0.3)}
.cp-contrast-icon svg{display:block}
.cp-contrast-text{font-size:clamp(11.5px,1.2vw,12.5px);line-height:1.7;color:var(--on-dark-dim)}
.cp-contrast-text b{font-weight:600;color:var(--on-dark)}
.cp-contrast-text-good{color:var(--on-dark)}
.cp-contrast-text-good b{color:var(--white)}

@media(max-width:620px){.cp-contrast-card{grid-template-columns:1fr}}

/* ══════════════════════════════════════
   DELIVERY OPTIONS (AFTER BASELINE)
══════════════════════════════════════ */
.cp-after-baseline{background:var(--navy-mid)}
.cp-after-baseline-note{display:flex;gap:14px;align-items:flex-start;padding:clamp(16px,2vw,22px) clamp(18px,2.2vw,26px);background:rgba(166,124,0,0.04);border:1px solid rgba(212,169,14,0.14);border-left:3px solid var(--gold);margin-top:clamp(28px,3.5vw,44px);margin-bottom:clamp(-4px,0vw,0px)}
.cp-after-baseline-note-icon{flex-shrink:0;color:var(--gold-mid);margin-top:2px}
.cp-after-baseline-note-text{font-size:clamp(12px,1.25vw,13px);line-height:1.75;color:var(--on-dark);font-style:italic}
.cp-after-baseline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-d);border:1px solid var(--border-d);margin-top:clamp(16px,2vw,22px)}
.cp-after-item{background:var(--navy);padding:clamp(22px,2.8vw,32px);position:relative;overflow:hidden;transition:background 0.2s}
.cp-after-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-mid),transparent);opacity:0;transition:opacity 0.3s}
.cp-after-item:hover{background:var(--navy-lift)}
.cp-after-item:hover::before{opacity:1}
.cp-after-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--on-dark-dim);margin-bottom:10px}
.cp-after-name{font-family:var(--ff-serif);font-size:clamp(17px,1.9vw,22px);font-weight:700;color:var(--white);margin-bottom:12px;line-height:1.2}
.cp-after-desc{font-size:clamp(12px,1.2vw,13px);line-height:1.75;color:var(--on-dark-dim);margin-bottom:14px}
.cp-after-fit{font-size:11px;font-weight:600;color:var(--gold-mid);letter-spacing:0.04em;padding-top:12px;border-top:1px solid var(--border-d)}
@media(max-width:720px){.cp-after-baseline-grid{grid-template-columns:1fr}}