/* V131: page-aligned compact homepage hero. */
@import url('/v128-home.css');
@import url('/v131-fit.css');

/* Align the hero shell to the same readable page rail as the homepage sections. */
.hero-shell{max-width:1500px!important;width:calc(100% - 40px)!important;margin:10px auto 0!important;padding:0!important}
.hero-viewport{height:300px!important;max-height:300px!important;border-radius:16px!important}
.hero-slide{border-radius:16px!important;grid-template-columns:52% 48%!important}
.hero-copy{padding:22px 30px 18px!important}
.hero-copy h1{font-size:31px!important;line-height:1.04!important;margin:4px 0 8px!important}
.hero-copy p{font-size:11.5px!important;line-height:1.45!important;margin-bottom:9px!important}
.hero-benefits{gap:6px!important;margin:3px 0 9px!important}
.hero-benefits span{font-size:8.5px!important;padding:5px 8px!important}
.hero-copy .cta{padding:8px 13px!important;font-size:10px!important}
.hero-image .stat{right:12px!important;bottom:12px!important;padding:7px 10px!important;min-width:102px!important}
.hero-image .stat b{font-size:14px!important}.hero-image .stat span{font-size:7.5px!important}
.hero-btn{width:36px!important;height:36px!important}
.quick-intent,.service-strip,.block{max-width:1500px!important}
@media(max-width:1200px){
  .hero-shell{width:calc(100% - 32px)!important}
  .hero-viewport{height:285px!important;max-height:285px!important}
  .hero-copy{padding:19px 24px 15px!important}.hero-copy h1{font-size:28px!important}
}
@media(max-width:700px){
  .hero-shell{width:calc(100% - 20px)!important;margin-top:8px!important}
  .hero-viewport{height:275px!important;max-height:275px!important;border-radius:14px!important}
  .hero-slide{grid-template-columns:1fr!important;grid-template-rows:54% 46%!important;border-radius:14px!important}
  .hero-copy{padding:9px 13px 7px!important}.hero-copy h1{font-size:20px!important;line-height:1.05!important;margin:1px 0 4px!important}
  .hero-copy p{font-size:8.8px!important;line-height:1.3!important;margin-bottom:4px!important}
  .hero-copy .cta{padding:7px 10px!important;font-size:8.5px!important}
  .hero-meta{margin-top:3px!important}.hero-image .stat{right:8px!important;bottom:8px!important;padding:6px 8px!important;min-width:86px!important}
  .hero-image .stat b{font-size:12px!important}.hero-image .stat span{font-size:6.5px!important}.hero-btn{width:32px!important;height:32px!important}
}
@media(max-width:520px){.hero-shell{width:calc(100% - 14px)!important}.hero-viewport{height:265px!important;max-height:265px!important}}

/* V132: professional readability + section alignment polish. */
:root{--sv-text:#172033;--sv-muted:#596579;--sv-line:#e1e6ef;--sv-blue:#3154e8;--sv-purple:#5b32c7}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sv-text);font-size:14px;line-height:1.45}
.sv113-header,.hero-shell,.quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,.trending.block,.content.block,.lists.block,.toolkit.block,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,.footer{width:calc(100% - 32px)!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
/* Header navigation: readable but compact. */
.main-nav a{font-size:13px!important;font-weight:800!important}.main-nav a span{font-size:11px!important}
/* Five-second intent row. */
.quick-intent{padding:16px 0 10px!important}.quick-intent-head h2{font-size:24px!important;color:#121a2b}.quick-intent-head>div>span{font-size:11px!important}.quick-intent-head>a{font-size:12px!important}.quick-intent-grid{gap:9px!important}.quick-intent-grid a{min-height:74px!important;padding:12px!important;border:1px solid #dfe4ef!important;box-shadow:0 4px 14px rgba(24,36,68,.05)}.quick-intent-grid b{font-size:12px!important;color:#172033!important}.quick-intent-grid span{font-size:10px!important;color:#637087!important}
/* Trust row. */
.trust-row{padding:16px 0 10px!important}.trust-row b{font-size:14px!important}.trust-row small{font-size:10.5px!important;color:#657187!important}
/* Category tabs: clearly active and readable. */
.program-tabs{gap:9px!important;padding:8px 0 16px!important;border-bottom:1px solid #eef1f6}.program-tabs a{font-size:13px!important;font-weight:850!important;padding:10px 17px!important;border:1px solid #d8dfeb!important;color:#344157!important;background:#fff!important;box-shadow:0 2px 7px rgba(20,30,60,.04)}.program-tabs a:hover{border-color:#9aa9ff!important;color:#273ac4!important;background:#f6f7ff!important}.program-tabs a.active{background:#3154e8!important;color:#fff!important;border-color:#3154e8!important;box-shadow:0 5px 14px rgba(49,84,232,.22)!important}
/* Offer strip. */
.offer-banner{font-size:14px!important}.offer-banner b{font-size:14px!important}.offer-banner small{font-size:11px!important}.offer-banner>a{font-size:11px!important}
/* Main services: make the service value obvious at first glance. */
.service-strip{padding:22px 0 4px!important}.service-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:13px}.service-heading h2{font-size:25px!important;line-height:1.15!important;color:#121a2b!important;margin:3px 0 5px!important}.service-heading p{font-size:13px!important;color:#5d6a80!important;margin:0}.service-heading>a{font-size:12px!important;font-weight:850;color:#3154e8;white-space:nowrap}.service-track{gap:10px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.service-card{min-height:96px!important;padding:13px 14px!important;border:1px solid #dfe5ef!important;background:#fff!important;box-shadow:0 5px 16px rgba(21,36,68,.06)!important}.service-card:hover{transform:translateY(-2px);border-color:#b8c2ff!important;box-shadow:0 10px 24px rgba(31,50,100,.10)!important}.service-card b{font-size:13px!important;color:#182238!important;line-height:1.2!important}.service-card small{font-size:10.5px!important;color:#657187!important;margin-top:4px!important}.service-card strong{font-size:16px!important;color:#3154e8!important}.service-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:15px!important}
/* Trending: fix rail/control sizing and make cards legible. */
.trending.block{margin-top:24px!important;padding:0!important}.trending .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.trending .head h2{font-size:22px!important;line-height:1.2!important;color:#121a2b!important;margin:0}.trending .head button{width:34px!important;height:34px!important;border:1px solid #dbe1eb!important;background:#fff!important;border-radius:50%!important;color:#25365a!important;font-size:21px!important;box-shadow:0 3px 9px rgba(20,30,60,.06);cursor:pointer}.trending .head button:hover{background:#f2f4ff!important;border-color:#aebaff!important;color:#3154e8!important}.trending .rail{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px!important;overflow:visible!important;padding:2px 0 4px!important}.trend{min-width:0!important;width:auto!important;height:92px!important;padding:14px 15px!important;border-radius:13px!important;box-sizing:border-box;justify-content:center!important;box-shadow:0 6px 18px rgba(23,36,73,.08)}.trend b{font-size:13px!important;line-height:1.2!important}.trend span{font-size:10.5px!important;line-height:1.25!important}.trend:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(23,36,73,.12)}
/* Domain/service headings and cards. */
.content .head h2,.lists .head h2,.toolkit h2,.section-headline h2{color:#121a2b}.content .head h2,.lists .head h2{font-size:19px!important}.section-kicker,.eyebrow{font-size:10.5px!important;letter-spacing:.11em!important;font-weight:900!important}.domain-card b{font-size:12px!important}.domain-card small{font-size:10px!important}.list-card .row b{font-size:12px!important}.list-card .row small{font-size:10px!important}.list-card .row em,.list-card .row strong{font-size:10px!important}.tool b{font-size:12px!important}.tool small{font-size:10px!important}
/* Ensure no accidental page-wide overflow while preserving intentional rails. */
.hero-shell,.quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,.trending.block,.content.block,.lists.block,.toolkit.block,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,.footer{overflow:visible!important}
@media(max-width:1200px){.service-track{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trending .rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-card{min-height:92px!important}}
@media(max-width:700px){.sv113-header,.hero-shell,.quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,.trending.block,.content.block,.lists.block,.toolkit.block,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,.footer{width:calc(100% - 20px)!important}.quick-intent{padding-top:13px!important}.quick-intent-head h2{font-size:20px!important}.quick-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-intent-grid b{font-size:11px!important}.quick-intent-grid span{font-size:9.5px!important}.program-tabs{padding:8px 0 13px!important}.program-tabs a{font-size:12px!important;padding:9px 14px!important}.service-heading h2{font-size:21px!important}.service-heading p{font-size:11.5px!important}.service-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}.service-card{min-height:88px!important;padding:11px!important}.service-card b{font-size:11.5px!important}.service-card small{font-size:9.5px!important}.service-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.trending .head h2{font-size:19px!important}.trending .rail{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trend{height:84px!important;padding:12px!important}.trend b{font-size:11.5px!important}.trend span{font-size:9.5px!important}}
@media(max-width:460px){.sv113-header,.hero-shell,.quick-intent,.trust-row,.program-tabs,.offer-banner,.service-strip,.trending.block,.content.block,.lists.block,.toolkit.block,.ecosystem,.tools-showcase,.faculty,.commercial,.trust-note,.footer{width:calc(100% - 14px)!important}.service-track{gap:7px!important}.service-card{padding:9px!important}.service-card b{font-size:10.5px!important}.service-card small{font-size:8.8px!important}.trending .rail{gap:7px!important}.trend{height:80px!important}.trend b{font-size:10.5px!important}.trend span{font-size:8.8px!important}}
