/* Shared first-screen treatments. Existing page layout and link paths are preserved. */
body.compact-home main.hero{background:#f5f2ec!important}
body.solutions-page .hero{background:#edf4f1!important;padding-top:90px!important}
body.emma-page .hero{background:#edf2f7!important;padding-top:91px!important}

.resources-page .resource-hero{background:#f1f3ef!important;padding:96px 0 88px!important;color:#112652}
.resources-page .resource-hero h1{color:#112652}
.resources-page .resource-hero .lead{color:#53627a}
.resources-page .resource-hero .btn-secondary{color:#112652;border-color:#8290a6}
.resources-page .resource-hero .btn-secondary:hover{background:rgba(17,38,82,.08)}
.resources-page .resource-hero:before{left:-180px;right:auto;top:150px;width:420px;height:420px;background:rgba(243,107,43,.065);box-shadow:90px 46px 0 rgba(243,107,43,.035)}
.resources-page .resource-hero:after{display:none}
.resources-page .resource-hero .hero-grid-simple{display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(420px,.86fr);gap:72px;align-items:center}
.resources-page .resource-story-visual{position:relative;height:370px;margin:0;overflow:hidden;border-radius:22px;box-shadow:0 22px 54px rgba(17,38,82,.12)}
.resources-page .resource-story-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.resources-page .resource-story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,24,54,.68) 0%,rgba(9,24,54,.16) 46%,rgba(9,24,54,0) 72%);pointer-events:none}
.resources-page .resource-story-overlay{position:absolute;z-index:1;left:clamp(24px,3.5vw,38px);bottom:clamp(22px,3.2vw,32px);max-width:72%;display:flex;align-items:center;gap:13px;margin:0;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:clamp(20px,1.65vw,25px);font-weight:400;letter-spacing:-.012em;line-height:1.35}
.resources-page .resource-story-overlay:before{content:"";width:2px;height:38px;flex:0 0 2px;background:#f36b2b}

/* Customer stories keep the Resources page's neutral ground and warm graphic motif. */
.case-study .case-hero{position:relative;overflow:hidden;background:#f1f3ef!important}
.case-study .case-hero:before,.case-study .case-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.case-study .case-hero:before{left:-180px;top:150px;width:420px;height:420px;background:rgba(243,107,43,.065)}
.case-study .case-hero:after{left:-90px;top:196px;width:420px;height:420px;background:rgba(243,107,43,.035)}
.case-study .case-hero .container{position:relative;z-index:1}
/* Case pages use the same primary navigation as the main site. */
.case-study .header{position:sticky;top:0;z-index:50;height:74px;background:rgba(252,251,248,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,229,231,.75)}
.case-study .header .container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.case-study .header .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.case-study .header .brand{display:flex;align-items:center;flex:0 0 auto}
.case-study .header .brand img{display:block;width:174px;height:auto}
.case-study .header .nav{display:flex;align-items:center;gap:29px;margin-left:auto;color:#303845;font-size:15px;font-weight:450}
.case-study .header .nav a{position:relative;padding:26px 0;color:inherit;text-decoration:none;white-space:nowrap}
.case-study .header .nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1.5px;background:#f36b2b;transform:scaleX(0);transform-origin:left;transition:.2s}
.case-study .header .nav a:hover:after,.case-study .header .nav a.active:after{transform:scaleX(1)}
.case-study .header .nav a.active{color:#112652}
.case-study .header .header-demo-button{flex:0 0 auto;height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 21px;border:1px solid transparent;border-radius:10px;background:#f36b2b;color:#fff;box-shadow:0 11px 26px rgba(243,107,43,.18);font-size:15px;font-weight:500}
.case-study .header .menu{display:none;width:42px;height:42px;border:1px solid #e2e5e7;border-radius:10px;background:#fff;color:#112652;font-size:20px}
/* Compact the case-study opening without reducing the evidence shown. */
.case-study .case-hero{padding:52px 0 56px!important}
.case-study .case-hero .breadcrumb{margin-bottom:24px}
.case-study .case-hero .kicker{margin-bottom:14px}
.case-study .case-hero,.case-study .case-hero *{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.case-study .case-hero h1{font-size:clamp(42px,4.2vw,58px);line-height:1.04;font-weight:600;letter-spacing:-.028em}
.case-study .case-hero .lead{margin-top:16px;font-size:18px;line-height:1.55;font-weight:400;letter-spacing:normal}
.case-study .case-hero .kicker{font-size:13px;font-weight:600;letter-spacing:.075em}
.case-study .case-hero .breadcrumb{font-size:13px;font-weight:400}
.case-study .case-hero .tag{font-size:12px;font-weight:500;letter-spacing:normal}
.case-study .case-hero .metric-panel strong{font-size:36px;line-height:1.04;font-weight:600;letter-spacing:-.035em}
.case-study .case-hero .metric-panel span{font-size:13px;line-height:1.45;font-weight:400}
.case-study .case-hero .metric-panel small{font-size:11px;line-height:1.45;font-weight:400}
.case-study .case-hero .case-meta{margin-top:20px}

/* The EMMA voice library shares EMMA's pale blue-gray entry treatment. */
body.emma-audio-page{background:#edf2f7}
body.emma-audio-page .hero{background:#edf2f7!important;overflow:visible}
body.emma-audio-page .hero:after{left:-180px;right:auto;top:150px;width:400px;height:400px;background:rgba(243,107,43,.065)}
body.emma-audio-page .library{background:transparent}

.company-page .company-hero{background:#f7efe5!important}

/* A three-line company proposition keeps the visual and copy in a balanced first screen. */
@media(min-width:1051px){
  .company-page .company-hero h1{font-size:44px;line-height:1.08;max-width:760px}
}

@media(min-width:761px){
  body.solutions-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(540px,.95fr);gap:56px}
  body.solutions-page .hero-package-carousel{width:100%}
  body.solutions-page .package-carousel-viewport,body.solutions-page .package-carousel-slide{min-height:370px}
  body.solutions-page #guest-revenue-slide .package-carousel-product-details{margin-top:auto}
}

@media(max-width:760px){
  .resources-page .resource-hero{padding:68px 0 76px!important}
  .resources-page .resource-hero .hero-grid-simple{grid-template-columns:1fr;gap:34px}
  .resources-page .resource-story-visual{height:250px}
  .resources-page .resource-story-overlay{left:24px;bottom:22px;font-size:20px}
  .case-study .case-hero:before{left:-250px;top:100px}
  .case-study .case-hero:after{left:-165px;top:145px}
  .case-study .case-hero{padding:42px 0 46px!important}
}

@media(max-width:900px){
  .case-study .header{height:68px}
  .case-study .header .container{width:min(1200px,calc(100% - 36px))}
  .case-study .header .brand img{width:150px}
  .case-study .header .nav,.case-study .header .header-demo-button{display:none}
  .case-study .header .menu{display:block}
  .case-study .header .nav.open{position:absolute;left:0;right:0;top:68px;display:grid;gap:0;padding:16px 18px 20px;background:#fcfbf8;border-bottom:1px solid #e2e5e7;box-shadow:0 14px 38px rgba(17,38,82,.08)}
  .case-study .header .nav.open a{padding:12px 0}
  .case-study .header .nav.open a:after{bottom:6px}
}