/* =====================================================================
   V2 READABLE TYPOGRAPHY SYSTEM
   Font scale adopted from done-for-you(2).html.
   The visual architecture and original content remain unchanged.
   ===================================================================== */

:root{
  --readable-body:16px;
  --readable-body-line:1.78;
  --readable-small:12px;
  --readable-label:11px;
  --readable-card-title:clamp(24px,2.15vw,34px);
  --readable-feature-title:clamp(34px,3.2vw,48px);
  --readable-section-title:clamp(43px,5.3vw,78px);
}

/* Base reading scale from the attached reference page. */
body{
  font-size:var(--readable-body);
  line-height:1.65;
}

/* Header, navigation, buttons and chapter rail. */
.main-nav a,
.header-link,
.header-cta{
  font-size:12px;
}

.button{
  font-size:12px;
  min-height:50px;
  padding:13px 21px;
}

.chapter-rail b{font-size:9px}
.chapter-rail span{font-size:10px}

/* Section hierarchy. */
.eyebrow{
  font-size:11px;
  line-height:1.35;
}

.section-head h2{
  font-size:var(--readable-section-title);
  line-height:.98;
}

.section-head p{
  font-size:clamp(17px,1.4vw,20px);
  line-height:1.72;
}

/* Make all actual reading text comfortably legible. */
.section p,
.apply p,
.site-footer p{
  font-size:16px;
  line-height:var(--readable-body-line);
}

.section li{
  font-size:15px;
  line-height:1.68;
}

.section h3{
  font-size:var(--readable-card-title);
  line-height:1.14;
}

.section h4{
  font-size:clamp(20px,1.65vw,26px);
  line-height:1.2;
}

/* Hero typography follows the attached page's custom DFY hierarchy. */
.hero h1{
  font-size:clamp(62px,6.5vw,105px);
  line-height:.93;
}

.hero-sub{
  font-size:20px;
  line-height:1.65;
}

.hero-proof strong{font-size:25px}
.hero-proof span{font-size:12px}

/* Command-centre labels and copy. */
.command-core small{font-size:9px}
.command-core strong{font-size:31px}
.command-node small{font-size:9px}
.command-node strong{font-size:18px}
.command-node span{font-size:12px;line-height:1.5}
.command-status span{font-size:11px}

/* Offer constellation. */
.not-record small{font-size:10px}
.not-record h3{font-size:clamp(32px,3.2vw,48px)}
.not-record p{font-size:16px}
.yes-core small{font-size:10px}
.yes-core h3{font-size:clamp(36px,3.5vw,52px)}
.yes-core p{font-size:16px}
.aha{font-size:23px;line-height:1.45}
.control-strip small{font-size:10px}
.control-strip strong{font-size:23px}

/* Ownership-to-execution bridge. */
.bridge-side h3{font-size:clamp(30px,3vw,46px)}
.bridge-side p{font-size:16px}
.bridge-side li{font-size:15px}
.bridge-span strong{font-size:23px}
.output-trio strong{font-size:23px}
.output-trio span{font-size:13px}

/* Operating-gap orbit. */
.gap-core strong{font-size:31px}
.gap-core span{font-size:11px}
.gap-node>span{font-size:18px}
.gap-node h3{font-size:clamp(24px,2vw,31px)}
.gap-node p{font-size:15px}
.punchline h3{font-size:clamp(35px,4vw,60px)}

/* Choice and management stack. */
.choice-panel small{font-size:10px}
.choice-panel h3{font-size:clamp(32px,3.2vw,48px)}
.checks strong{font-size:14px;line-height:1.5}
.choice-or{font-size:31px}
.manifesto-strip strong{font-size:23px}
.manifesto-strip span{font-size:13px}
.stack-layer b{font-size:22px}
.stack-layer span{font-size:12px}
.stack-base{font-size:11px}

/* Operations and engine dossiers. */
.ops-record>span{font-size:34px}
.ops-record h3{font-size:clamp(26px,2.4vw,36px)}
.ops-record p{font-size:16px}
.engine-number{font-size:76px}
.engine-visual>strong{font-size:11px}
.engine-copy h3{font-size:clamp(36px,3.4vw,52px)}
.engine-copy p{font-size:16px}
.engine-copy li{font-size:15px}
.engine-copy aside small{font-size:10px}
.engine-copy aside strong{font-size:23px}

/* Acquisition compass. */
.asset-core strong{font-size:80px}
.asset-core span{font-size:31px}
.asset-sector>span{font-size:38px}
.asset-sector h3{font-size:clamp(28px,2.8vw,42px)}
.asset-sector p{font-size:16px}

/* Twelve-function operating command system. */
.scope-department header small{font-size:10px}
.scope-department header h3{font-size:34px}
.scope-department article span{font-size:16px}
.scope-department h4{font-size:clamp(22px,2vw,30px)}
.scope-department p{font-size:16px}

/* Owner-control cockpit. */
.owner-core strong{font-size:35px}
.owner-core span{font-size:11px}
.owner-spoke>span{font-size:38px}
.owner-spoke h3{font-size:clamp(27px,2.5vw,38px)}
.owner-spoke p{font-size:16px}
.owner-finale h3{font-size:clamp(35px,4vw,60px)}

/* Comparison and transformation theatre. */
.compare-header>div{font-size:15px}
.compare-row strong,
.compare-row span{
  font-size:15px;
  line-height:1.55;
}
.compare-row strong{font-size:17px}
.compare-banner h3{font-size:clamp(35px,4vw,60px)}
.state-panel small{font-size:10px}
.state-panel h3{font-size:clamp(32px,3.2vw,48px)}
.state-panel li{font-size:15px}
.shift-core{font-size:27px}

/* Activation runway. */
.process-stage h3{font-size:clamp(25px,2.25vw,34px)}
.process-stage p{font-size:16px}

/* Funding architecture. */
.funding-pillar>span{font-size:38px}
.funding-pillar small{font-size:10px}
.funding-pillar h3{font-size:clamp(29px,2.8vw,42px)}
.funding-pillar p{font-size:16px}
.mini-checks strong{font-size:14px;line-height:1.5}
.equation small{font-size:10px}
.equation strong{font-size:23px}
.equation b{font-size:31px}

/* Commercial journey and deliverables. */
.journey-column h3{font-size:clamp(30px,3vw,47px)}
.journey-stage strong{font-size:15px;line-height:1.5}
.receive-item strong{font-size:14px;line-height:1.5}
.owner-quote span{font-size:38px}
.owner-quote p{font-size:24px;line-height:1.55}
.fit-finale h3{font-size:clamp(38px,4.5vw,64px)}

/* FAQ command centre. */
.faq-stat strong{font-size:52px}
.faq-stat span{font-size:12px}
.faq-list summary{
  font-size:clamp(20px,1.8vw,26px);
  line-height:1.35;
}
.faq-list summary span{font-size:10px}
.faq-list summary b{font-size:25px}
.faq-list details p{
  font-size:16px;
  line-height:1.78;
}

/* Application finale. */
.apply-copy h2{
  font-size:clamp(53px,6.5vw,100px);
  line-height:.94;
}

.apply-copy p{
  font-size:19px;
  line-height:1.7;
}

.reply-box{
  font-size:28px;
  line-height:1.35;
}

.apply-card small{font-size:10px}
.apply-card strong{font-size:clamp(29px,2.8vw,42px)}
.apply-card p{font-size:16px}
.final-note{font-size:12px;line-height:1.6}

/* Footer sizes from the attached page. */
.footer-brand p{font-size:15px}
.footer-links h4{font-size:11px}
.footer-links a{font-size:12px}
.footer-bottom{font-size:10px}

/* Larger text needs breathing room. Remove cramped fixed-height behavior. */
.not-record,
.gap-node,
.ops-record,
.asset-sector,
.scope-department article,
.owner-spoke,
.process-stage,
.funding-pillar,
.receive-item,
.apply-card{
  height:auto;
  min-height:unset;
  overflow:visible;
}

.not-record,
.gap-node,
.ops-record,
.asset-sector,
.owner-spoke,
.process-stage,
.funding-pillar,
.apply-card{
  padding-top:clamp(24px,2.4vw,38px);
  padding-bottom:clamp(24px,2.4vw,38px);
}

.scope-department article,
.receive-item{
  padding-top:20px;
  padding-bottom:20px;
}

/* Keep wide multi-column components readable after increasing text. */
@media(max-width:1250px){
  .not-grid,
  .gap-orbit,
  .ops-grid,
  .asset-sectors,
  .scope-department .scope-grid,
  .owner-spokes,
  .process-line,
  .funding-grid,
  .receive-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:820px){
  body{font-size:15px}

  .hero h1{
    font-size:clamp(47px,14vw,70px);
    line-height:.94;
  }

  .hero-sub{font-size:17px}

  .section-head h2{
    font-size:clamp(37px,10vw,54px);
  }

  .section-head p,
  .section p,
  .apply p,
  .site-footer p{
    font-size:17px;
  }

  .section li{font-size:16px}

  .not-grid,
  .gap-orbit,
  .ops-grid,
  .asset-sectors,
  .scope-department .scope-grid,
  .owner-spokes,
  .process-line,
  .funding-grid,
  .receive-grid{
    grid-template-columns:1fr;
  }

  .compare-row strong,
  .compare-row span{
    font-size:15px;
  }

  .apply-copy h2{font-size:42px}
  .apply-copy p{font-size:17px}
}

@media(max-width:430px){
  .section-head h2{font-size:36px}
  .eyebrow{font-size:10px}
  .button{font-size:11px}
}