/* NOAH final art-direction pass — aesthetics, hierarchy, rhythm, and responsive polish */
:root{
  --noah-section-title:62px;
  --noah-radius:22px;
  --noah-shadow:0 22px 62px rgba(10,35,54,.10);
  --noah-line:rgba(7,16,26,.085);
}
html{scroll-padding-top:96px}

/* Global editorial hierarchy — keep hero dominant */
.section-kicker{margin-bottom:14px!important}
.section-title{font-size:clamp(40px,3.7vw,var(--noah-section-title))!important;line-height:1!important;letter-spacing:-.047em!important}
.section-copy{font-size:16px!important;line-height:1.62!important}
.solutions-head,.growth-v2-head,.audience-head,.network-head,.intelligence-head{gap:clamp(46px,5.7vw,78px)!important}

/* Solutions — powerful, but not a second hero */
.solutions-inner{padding:76px 0 68px!important}
.solutions-head{margin-bottom:38px!important}
.solutions-visual{min-height:570px!important;border-radius:var(--noah-radius)!important;box-shadow:var(--noah-shadow)!important}
.visual-topbar{height:60px!important}
.visual-gridlines{inset:60px 0 0!important}
.solutions-experience{gap:30px!important}
.capability-row{padding-top:20px!important;padding-bottom:20px!important}
.solutions-foot{margin-top:18px!important;padding-top:17px!important}

/* Growth — alternate composition, tighter and more editorial */
.growth-v2{background:linear-gradient(180deg,#ffffff 0%,#f6f9fb 100%)!important}
.growth-v2-inner{padding:74px 0 68px!important}
.growth-v2-head{margin-bottom:40px!important}
.growth-v2-layout{gap:36px!important}
.growth-v2-step{padding-top:21px!important;padding-bottom:21px!important}
.growth-v2-visual{min-height:590px!important;border-radius:var(--noah-radius)!important;box-shadow:var(--noah-shadow)!important}
.growth-v2-cycle{margin-top:26px!important;padding:18px 21px!important;border-radius:16px!important}

/* Brands + Partners — immersive but compact enough to keep momentum */
.audiences{background:linear-gradient(180deg,#f4f7f9 0%,#f0f4f6 100%)!important}
.audiences-inner{padding:76px 0 70px!important}
.audience-head{margin-bottom:39px!important}
.audience-experience{grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr)!important}
.audience-world{min-height:650px!important;border-radius:var(--noah-radius)!important;box-shadow:var(--noah-shadow)!important}
.world-copy{padding:43px 43px 0!important}
.audience-world h3{font-size:clamp(33px,2.75vw,48px)!important}
.audience-points{margin-top:22px!important}
.audience-link{margin-top:23px!important}
.brand-digital,.partner-digital{left:34px!important;right:34px!important;bottom:23px!important;height:278px!important;border-radius:16px!important}
.digital-topbar{height:42px!important}
.brand-kpis{padding-top:10px!important}
.brand-kpis>div{min-height:56px!important;padding:9px 10px!important}
.brand-chart{height:108px!important;margin-top:8px!important}
.brand-bottom{height:38px!important}
.partner-orbit{height:160px!important;margin-top:8px!important}
.opportunity-feed{padding-top:8px!important}
.bridge-line{height:105px!important}
.bridge-core{width:86px!important;height:86px!important}
.audience-footer-line{margin-top:18px!important}

/* Network — one network story, not three disconnected cards */
.network-inner{padding:76px 0 70px!important}
.network-head{margin-bottom:39px!important}
.network-layout{gap:26px!important}
.partner-network{min-height:520px!important;padding:32px!important;border-radius:var(--noah-radius)!important;box-shadow:var(--noah-shadow)!important}
.network-map{height:310px!important;margin-top:20px!important}
.properties{gap:16px!important}
.property{padding:23px!important;border-radius:20px!important;background:#f8fafb!important;border-color:var(--noah-line)!important}
.browser-card{border-radius:12px!important;box-shadow:0 14px 34px rgba(20,47,70,.08)!important}

/* Intelligence — strongest dark section after the hero */
.intelligence-inner{padding:78px 0 74px!important}
.intelligence-head{margin-bottom:39px!important}
.command-center{border-radius:var(--noah-radius)!important;box-shadow:0 26px 72px rgba(0,0,0,.27)!important}
.command-top{height:48px!important}
.command-body{min-height:370px!important}
.command-main,.command-side{padding:22px!important}
.chart{height:180px!important;margin-top:18px!important}
.signal-row{gap:10px!important}
.signal-card{padding:14px!important}

/* Why NOAH — deliberately editorial after the dark intelligence section */
.why{background:linear-gradient(180deg,#ffffff 0%,#fafbfc 100%)!important}
.why-inner{padding:74px 0 68px!important}
.why-layout{gap:62px!important}
.why-sticky .section-copy{margin-top:17px!important}
.why-row{padding:19px 0!important}
.trust-strip{margin-top:20px!important}

/* Closing — clear finish, not another full hero */
.final-inner{padding:76px 0 72px!important}
.final-inner h2{font-size:clamp(42px,4.5vw,68px)!important;max-width:880px!important}
.final-inner p{margin-top:18px!important;font-size:16px!important}
.final-actions{margin-top:24px!important}

/* Footer — compact landing */
.footer-inner{padding:38px 0 20px!important}
.footer-grid{gap:36px!important;padding-bottom:28px!important}
.footer-brand p{margin-top:12px!important}

/* Consistent surface language */
.solutions-visual,.growth-v2-visual,.audience-world,.partner-network,.command-center{isolation:isolate}
.property,.command-center,.solutions-visual,.growth-v2-visual,.audience-world,.partner-network{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
@media(hover:hover){
  .property:hover{transform:translateY(-3px);border-color:rgba(18,123,255,.16)!important;box-shadow:0 18px 42px rgba(19,53,78,.08)}
}

/* Mobile navigation: preserve the approved four-item structure */
.menu{cursor:pointer;user-select:none}
@media(max-width:1080px){
  body.noah-menu-open{overflow:hidden}
  body.noah-menu-open .nav{display:flex!important;position:fixed;z-index:100;top:90px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px;border:1px solid rgba(7,16,26,.09);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 28px 70px rgba(8,30,48,.16);backdrop-filter:blur(18px)}
  body.noah-menu-open .nav a{display:block!important;padding:15px 4px;border-bottom:1px solid rgba(7,16,26,.07);font-size:15px!important;color:#1f2e3a}
  body.noah-menu-open .nav a:last-child{border-bottom:0}
  body.noah-menu-open .nav a:nth-child(3),body.noah-menu-open .nav a:nth-child(4),body.noah-menu-open .nav a:nth-child(7){display:none!important}
  body.noah-menu-open .nav a:nth-child(2),body.noah-menu-open .nav a:nth-child(6){font-size:0!important}
  body.noah-menu-open .nav a:nth-child(2)::before{content:"Our Network";font-size:15px;font-weight:650}
  body.noah-menu-open .nav a:nth-child(6)::before{content:"Why NOAH";font-size:15px;font-weight:650}
}

@media(max-width:1180px){
  .growth-v2-layout{grid-template-columns:1fr!important;gap:28px!important}
  .growth-v2-steps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 24px!important;border-top:0!important}
  .growth-v2-step:nth-child(-n+2){border-top:1px solid rgba(7,16,26,.095)!important}
  .growth-v2-visual{min-height:560px!important}
  .audience-experience{grid-template-columns:1fr!important;gap:18px!important}
  .audience-bridge{display:none!important}
  .audience-world{min-height:630px!important}
}

@media(max-width:720px){
  html{scroll-padding-top:78px}
  .section-title{font-size:39px!important}
  .section-copy{font-size:15px!important}
  .solutions-inner,.growth-v2-inner,.audiences-inner,.network-inner,.intelligence-inner,.why-inner{padding:58px 0 54px!important}
  .solutions-head,.growth-v2-head,.audience-head,.network-head,.intelligence-head{margin-bottom:28px!important}
  .solutions-visual{min-height:710px!important;border-radius:18px!important}
  .growth-v2-steps{grid-template-columns:1fr!important}
  .growth-v2-step:nth-child(n){border-top:0!important}
  .growth-v2-step:first-child{border-top:1px solid rgba(7,16,26,.095)!important}
  .growth-v2-visual{min-height:640px!important;border-radius:18px!important}
  .growth-v2-cycle{margin-top:18px!important}
  .audience-world{min-height:620px!important;border-radius:18px!important}
  .world-copy{padding:31px 24px 0!important}
  .audience-world h3{font-size:36px!important}
  .brand-digital,.partner-digital{left:16px!important;right:16px!important;bottom:16px!important;height:270px!important}
  .partner-network{min-height:450px!important;padding:24px 19px!important;border-radius:18px!important}
  .network-map{height:275px!important;margin-top:16px!important}
  .property{padding:19px!important;border-radius:16px!important}
  .command-center{border-radius:18px!important}
  .command-main,.command-side{padding:17px!important}
  .chart{height:170px!important}
  .why-row{padding:17px 0!important}
  .final-inner{padding:64px 0 62px!important}
  .final-inner h2{font-size:43px!important}
  .footer-inner{padding:32px 0 18px!important}
  .footer-grid{gap:26px!important;padding-bottom:24px!important}
}

@media(prefers-reduced-motion:reduce){
  .property,.command-center,.solutions-visual,.growth-v2-visual,.audience-world,.partner-network{transition:none!important}
}