/* V183 FINAL — approved homepage composition: second hero + original service rail + existing lower content. */
:root{--sv183-ink:#102343;--sv183-muted:#596a80;--sv183-blue:#2457d6;--sv183-teal:#0b8f91;--sv183-purple:#5b2be0;--sv183-border:#e4e9f1}
/* Global old brand wordmark: original SV icon with purple/orange lettering. */
.sv150-brand,.portalBrand{display:flex!important;align-items:center!important;gap:9px!important;text-decoration:none!important}
.sv150-brand img,.portalBrand img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:0!important;background:#fff!important}
.sv150-brand span,.portalBrand span{font-size:0!important;line-height:1!important}
.sv150-brand span b,.portalBrand span b{font-size:22px!important;color:#5127c9!important;font-weight:900!important}
.sv150-brand span em,.portalBrand span em{font-size:22px!important;color:#f28a16!important;font-style:normal!important;font-weight:900!important}
.sv150-brand:after,.portalBrand:after{content:'Discover. Learn. Grow.';display:block;position:absolute;transform:translate(57px,20px);font-size:10px;font-weight:650;color:#5f6b80;letter-spacing:.01em}
.sv150-brand,.portalBrand{position:relative!important;padding-bottom:5px!important}
/* Homepage hero */
.sv183-hero{width:min(1400px,calc(100% - 48px));margin:0 auto;border-bottom:1px solid #e4eaf2;background:linear-gradient(112deg,#f9fcff 0%,#fff 52%,#edf8fb 100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,48%);min-height:292px;max-height:320px;overflow:hidden;position:relative}
.sv183-hero:after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:#e5eaf2}
.sv183-hero-copy{padding:30px 30px 28px 38px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.sv183-kicker,.sv183-section-kicker{font-size:10px;letter-spacing:.13em;font-weight:900;color:#60718a;text-transform:uppercase}
.sv183-hero h1{margin:7px 0 9px;font-size:clamp(32px,3.35vw,48px);line-height:1.03;letter-spacing:-.045em;color:var(--sv183-ink);font-weight:850}
.sv183-hero h1 strong{color:#0b8f91;font-weight:900}
.sv183-service-rotator{height:28px;display:flex;align-items:center;position:relative;margin:0 0 12px;max-width:430px;overflow:hidden;color:#2457d6;font-size:14px;font-weight:800;line-height:1.2}
.sv183-service-rotator span{position:absolute;left:0;top:2px;opacity:0;transform:translateY(7px);animation:sv183ServiceCycle 24s linear infinite;white-space:nowrap}
.sv183-service-rotator span:nth-child(1){animation-delay:0s}.sv183-service-rotator span:nth-child(2){animation-delay:3s}.sv183-service-rotator span:nth-child(3){animation-delay:6s}.sv183-service-rotator span:nth-child(4){animation-delay:9s}.sv183-service-rotator span:nth-child(5){animation-delay:12s}.sv183-service-rotator span:nth-child(6){animation-delay:15s}.sv183-service-rotator span:nth-child(7){animation-delay:18s}.sv183-service-rotator span:nth-child(8){animation-delay:21s}
@keyframes sv183ServiceCycle{0%{opacity:0;transform:translateY(7px)}4%,10%{opacity:1;transform:translateY(0)}14%,100%{opacity:0;transform:translateY(-7px)}}
.sv183-trending{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin:0 0 14px;font-size:10px;white-space:nowrap;overflow:hidden;color:#243550}
.sv183-trending b{font-size:10px;margin-right:2px}.sv183-trending a{padding:5px 9px;border:1px solid #dce4ee;border-radius:999px;background:rgba(255,255,255,.9);text-decoration:none;transition:.18s ease}.sv183-trending a:hover{border-color:#b5c7e5;transform:translateY(-1px)}
.sv183-actions{display:flex;gap:11px;flex-wrap:wrap}.sv183-actions a{min-height:40px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:850;border:1px solid #cbd7e7}.sv183-actions .primary{background:#2457d6;border-color:#2457d6;color:#fff;box-shadow:0 7px 18px rgba(36,87,214,.17)}.sv183-actions .primary span{margin-left:9px;font-size:18px}.sv183-actions .secondary{background:#fff;color:#2457d6}
.sv183-hero-image{min-height:292px;display:flex;align-items:stretch;justify-content:flex-end;overflow:hidden}.sv183-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:sv183Float 8s ease-in-out infinite}
@keyframes sv183Float{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
/* Original 8 service tabs, now in the requested visual order. */
.sv183-services{width:min(1400px,calc(100% - 48px));margin:0 auto;padding:14px 0 6px;background:#fff}.sv183-section-head{text-align:center;margin:0 auto 10px}.sv183-section-head h2{margin:3px 0 3px;font-size:24px;line-height:1.15;color:var(--sv183-ink)}.sv183-section-head p{margin:0;color:var(--sv183-muted);font-size:12px}
.sv183-service-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.sv183-service-card{min-width:0;min-height:118px;padding:11px 8px 9px;border:1px solid #e3e9f1;border-radius:14px;text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;box-shadow:0 5px 17px rgba(25,45,80,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sv183-service-card:hover{transform:translateY(-3px);border-color:#c5d3e7;box-shadow:0 10px 24px rgba(25,45,80,.09)}.sv183-service-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:900;margin-bottom:7px}.sv183-service-card b{font-size:12px;line-height:1.2;color:#14233c}.sv183-service-card>span:not(.sv183-service-icon){font-size:10px;line-height:1.35;color:#607089;margin-top:6px;min-height:32px}.sv183-service-card strong{font-size:10px;margin-top:auto;color:#2457d6}.sv183-blue .sv183-service-icon{background:#eef5ff;color:#2457d6}.sv183-teal .sv183-service-icon{background:#effaf8;color:#0b8f91}.sv183-yellow .sv183-service-icon{background:#fff8e7;color:#d99a00}.sv183-purple .sv183-service-icon{background:#f5efff;color:#6b35d8}.sv183-red .sv183-service-icon{background:#fff0f1;color:#df3b49}.sv183-cyan .sv183-service-icon{background:#edfafd;color:#159fb3}.sv183-gold .sv183-service-icon{background:#fff7e7;color:#d68b00}.sv183-orange .sv183-service-icon{background:#fff3e8;color:#ed7c18}.sv183-service-card.is-featured{border-color:#e8a94b;box-shadow:0 7px 20px rgba(235,132,24,.10)}
/* Keep all existing lower homepage information; only normalize spacing so it reads as one commercial page. */
.trending.block,.sv148-domains.block,.lists.block,.sv151-benefits,.toolkit.block,.tools-showcase.block,.faculty.block,.commercial.block,.final-cta.block,.faq.block{width:min(1400px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.trending.block{margin-top:12px!important}.sv148-domains.block{margin-top:16px!important}
/* No non-hero people imagery on homepage. */
main img:not(.sv183-hero-image img),main picture{max-width:100%}
@media(max-width:1100px){.sv183-hero{grid-template-columns:minmax(0,1fr) minmax(430px,45%)}.sv183-hero-copy{padding:38px 26px}.sv183-hero h1{font-size:42px}.sv183-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.sv183-hero{width:100%;grid-template-columns:1fr;min-height:0}.sv183-hero-image{order:1;min-height:0;aspect-ratio:630/370}.sv183-hero-copy{order:2;padding:28px 20px 30px}.sv183-hero h1{font-size:34px}.sv183-hero p{font-size:15px}.sv183-trending{margin-bottom:17px}.sv183-actions a{min-height:44px}.sv183-services{width:100%;padding:20px 14px 8px}.sv183-section-head h2{font-size:26px}.sv183-service-grid{display:flex;overflow-x:auto;gap:9px;padding:2px 2px 12px;scroll-snap-type:x proximity}.sv183-service-card{flex:0 0 150px;min-height:150px;scroll-snap-align:start}.trending.block,.sv148-domains.block,.lists.block,.sv151-benefits,.toolkit.block,.tools-showcase.block,.faculty.block,.commercial.block,.final-cta.block,.faq.block{width:calc(100% - 28px)}.sv150-brand img,.portalBrand img{width:42px!important;height:42px!important}.sv150-brand span b,.portalBrand span b,.sv150-brand span em,.portalBrand span em{font-size:19px!important}.sv150-brand:after,.portalBrand:after{transform:translate(51px,17px);font-size:9px}.sv150-topbar{min-height:68px!important}}
@media(prefers-reduced-motion:reduce){.sv183-hero-image img{animation:none!important}.sv183-service-card{transition:none!important}}

/* V184 final fit: compact hero, compact service rail, one-row trending on desktop. */
.sv183-hero .sv183-trending a{font-size:10px}
.trending.block .head h2{font-size:22px!important;margin-bottom:8px!important}
.trending.block .sv153-trending-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
.trending.block .sv153-trending-grid .trend{min-height:74px!important;padding:12px 13px!important}
.trending.block .sv153-trending-grid .trend b{font-size:12px!important}.trending.block .sv153-trending-grid .trend span{font-size:10px!important}
@media(max-width:1100px){.sv183-hero{grid-template-columns:minmax(0,1fr) minmax(430px,45%);min-height:270px;max-height:300px}.sv183-hero-copy{padding:26px 22px}.sv183-hero h1{font-size:38px}.sv183-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trending.block .sv153-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.sv183-hero{width:100%;grid-template-columns:1fr;min-height:0;max-height:none}.sv183-hero-image{order:1;min-height:0;aspect-ratio:630/370}.sv183-hero-copy{order:2;padding:22px 18px 24px}.sv183-hero h1{font-size:30px}.sv183-service-rotator{font-size:13px;height:24px;margin-bottom:9px}.sv183-trending{overflow-x:auto;padding-bottom:2px}.sv183-trending a{flex:0 0 auto}.sv183-actions a{min-height:40px}.sv183-services{width:100%;padding:12px 12px 5px}.sv183-section-head h2{font-size:22px}.sv183-service-grid{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 9px;scroll-snap-type:x proximity}.sv183-service-card{flex:0 0 132px;min-height:112px;scroll-snap-align:start}.trending.block .sv153-trending-grid{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;gap:8px!important;padding-bottom:8px}.trending.block .sv153-trending-grid .trend{flex:0 0 150px;min-height:68px!important}.trending.block .head h2{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){.sv183-service-rotator span{animation:none!important;position:static;opacity:1;transform:none;display:none}.sv183-service-rotator span:first-child{display:block}}
