/* STRM Corp. 2.2 — tighter, table-led layout */
.nav-shell,.hero,.statement,.audiences,.services,.outcomes,.process,.ai-band,.faq,footer{padding-left:max(calc((100vw - 1180px)/2),28px);padding-right:max(calc((100vw - 1180px)/2),28px)}
.hero{min-height:620px;padding-top:124px;padding-bottom:48px}
.hero-panel{margin-top:38px}
.statement,.outcomes,.process,.faq,.services{padding-top:62px;padding-bottom:62px}
.audiences{padding-bottom:62px}.ai-band{padding-top:42px;padding-bottom:42px}.cta{padding-top:62px;padding-bottom:62px}
.statement-grid,.audience-intro,.section-head{gap:48px}
.pillars{gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px}
.pillars article,.pillars article+article{background:var(--paper);border:0;padding:26px 28px;min-height:220px}
.pillars h3{margin:18px 0 8px}.pillars p{margin:0}
.audience-intro{grid-template-columns:.72fr 1.28fr;padding-top:42px}.audience-intro>p:last-child{margin-top:0}
body .audience-cards{margin-top:30px!important}
body .audience-cards article{min-height:255px!important;padding:27px 28px!important}
.audience-cards h3{margin:18px 0 10px}.audience-cards p{margin-bottom:22px}
.section-head{margin-bottom:30px}
.service-list{border:1px solid rgba(255,255,255,.2)}
.service-list article{grid-template-columns:52px 1fr 32px;padding:0 20px;min-height:92px}
.service-list article:last-child{border-bottom:0}
.service-list article>div{grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:34px}
.service-list h3{font-size:1.25rem}
.outcome-grid{margin-top:30px}.outcome-grid article{padding:28px;min-height:215px}
.outcome-grid h3{margin:18px 0 9px}.outcome-grid p{margin-bottom:0}
.process{grid-template-columns:.78fr 1.22fr;gap:48px}
.process ol{border:1px solid var(--line);background:rgba(255,255,255,.34)}
.process li{grid-template-columns:48px 1fr;padding:18px 22px}.process li:last-child{border-bottom:0}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(7,28,36,.35);border:1px solid rgba(7,28,36,.35)}
.chips span{border:0;background:var(--teal);text-align:center;padding:10px 8px}
.accordions{border:1px solid var(--line)}details{padding:0 22px}details:last-child{border-bottom:0}
@media(max-width:850px){
  .statement-grid,.audience-intro,.section-head,.process{gap:28px}
  .pillars{grid-template-columns:1fr}.pillars article,.pillars article+article{min-height:0;padding:24px}
  .service-list article>div{grid-template-columns:1fr;gap:6px}.chips{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .nav-shell,.hero,.statement,.audiences,.services,.outcomes,.process,.ai-band,.faq,footer{padding-left:22px;padding-right:22px}
  .statement,.outcomes,.process,.faq,.services{padding-top:50px;padding-bottom:50px}.audiences{padding-bottom:50px}
  .chips{grid-template-columns:1fr}.service-list article{padding:16px 14px;min-height:0}
  body .audience-cards article{padding:24px!important}.outcome-grid article{min-height:0;padding:24px}
}

/* 2.3 — balanced grid and consistent type scale */
main h2{font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.045em}
main h3{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
.hero{min-height:640px;display:flex;align-items:center;padding-top:116px;padding-bottom:58px}
.hero-grid{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:64px;align-items:center}
.hero-content{max-width:680px}
.hero h1{font-size:clamp(3rem,4.7vw,4.65rem);line-height:1.03;margin:18px 0 20px}
.hero-copy{font-size:1.08rem;max-width:650px}
.hero-panel{width:100%;max-width:none;margin:0;background:rgba(255,255,255,.07)}
.pulse{min-height:48px;padding:13px 20px}
.flow{grid-template-columns:1fr}
.flow article{min-height:82px;padding:19px 22px;grid-template-columns:34px 1fr;align-items:center}
.flow article+article{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
.flow b{grid-row:1/3}.flow span{font-size:1rem}.flow small{font-size:.84rem}
.statement-grid,.audience-intro{grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.section-title{max-width:520px}.section-title .section-tag{margin-bottom:14px}
.statement-grid>div:last-child{padding-top:28px;font-size:1.05rem}
.statement-grid>div:last-child p:first-child{margin-top:0}.statement-grid>div:last-child p:last-child{margin-bottom:0}
.audience-intro{align-items:end}.audience-intro>p:last-child{grid-column:auto;max-width:560px;margin:0 0 4px;font-size:1.05rem}
.pillars h3,.audience-cards h3,.outcome-grid h3,.process h3{font-size:1.25rem}
.section-head h2{font-size:clamp(2rem,3vw,3rem)}
.cta h2{font-size:clamp(2.25rem,3.4vw,3.35rem)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero-content{max-width:760px}.hero-panel{max-width:760px}.flow{grid-template-columns:repeat(3,1fr)}.flow article+article{border-top:0;border-left:1px solid rgba(255,255,255,.12)}.flow article{grid-template-columns:auto 1fr}}
@media(max-width:850px){.statement-grid,.audience-intro{grid-template-columns:1fr;gap:24px}.statement-grid>div:last-child{padding-top:0}.audience-intro{align-items:start}.hero{padding-top:120px}.flow{grid-template-columns:1fr}.flow article+article{border-left:0;border-top:1px solid rgba(255,255,255,.12)}}
@media(max-width:520px){.hero{padding-top:106px;padding-bottom:44px}.hero-grid{gap:28px}.hero h1{font-size:2.55rem}.hero-copy{font-size:1rem}.hero-actions{gap:16px}.flow article{min-height:72px;padding:16px 18px}}

/* 2.4 — condensed display typography and repeated section rules */
.hero h1,main section h2{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.005em}
.hero h1{line-height:.98}.statement h2,.audience-intro h2,.section-head h2,.outcomes h2,.process h2,.faq h2,.ai-band h2,.cta h2{line-height:1.02}
.section-tag{display:flex;align-items:center;gap:12px}
.section-tag::before{content:"";display:block;flex:0 0 28px;width:28px;height:2px;background:var(--teal)}
.cta .section-tag{justify-content:center}.cta .section-tag::before{background:#70d8d3}
.audience-intro h2 span{color:var(--blue)}