/* A tighter editorial layout, with the existing blue glass and motion. */
header{left:24px;right:24px;max-width:1440px;margin:auto;padding:14px 22px;overflow:visible}header .button{white-space:nowrap;flex-shrink:0;gap:12px}.nav-actions{flex-shrink:0}.button{gap:18px;padding:17px 25px;line-height:1.4}.button.small{padding:12px 20px}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:50px;align-items:center;max-width:1440px;margin:auto;padding:150px 6% 85px;min-height:760px}.hero-copy{max-width:100%}h1{font-size:clamp(52px,5.8vw,86px);letter-spacing:-4px;max-width:750px}.hero-bottom p{max-width:480px;font-size:18px}.hero-bottom{margin-top:28px}.hero .showcase{position:relative;top:auto;right:auto;left:auto;width:100%;height:auto;transform:none;row-gap:25px;margin:35px 0 0;align-self:center}.showcase .network-float{justify-self:start;width:280px;margin-left:0}.showcase .metric-float{width:100%;max-width:430px;justify-self:center}.showcase .revenue-float{justify-self:end;width:240px}.showcase .platform-tag{font-size:12px;white-space:nowrap}.showcase .revenue-float strong{font-size:30px}.hero .ambient{width:540px;height:540px;right:-40px;top:100px}.section{max-width:1440px;margin-left:auto;margin-right:auto;padding:85px 6%}.channels{padding-top:40px}.section-head{margin-bottom:25px}.section-head h2{font-size:clamp(38px,4vw,58px)}.section-head>p b{font-size:27px;color:var(--blue)}.roster-bottom{justify-content:flex-end}.roster-bottom p{margin-right:auto}#motion{width:32px;height:32px;padding:0;border:1px solid #b7d7f4;border-radius:50%;font-size:14px;opacity:.6}#motion:hover,#motion:focus-visible{opacity:1}.service-stack{gap:65px}.service-stack .service{min-height:415px}.service-stack .service-top{gap:14px}.service-top>span:last-child{margin-left:0;font-size:12px}.service-stack .service h3{font-size:clamp(34px,4vw,54px)}.service-link{display:inline-block;border-bottom:1px solid #0878fa55;padding-bottom:4px}.platform-glass{transform:none!important;height:245px}.brand-msn+strong{display:none}.brand-msn img{width:170px!important;height:85px!important}.visual-symbol.brand-snapchat{background:transparent;padding:0}.platform.snapchat{background:#fffc00}.process-redesign{padding-top:80px}.process-intro h2{font-size:clamp(38px,4.5vw,60px)}.journey{margin-top:45px}.journey-card{min-height:355px;padding:28px 24px}.journey-label{margin:8px 0 35px}.journey-card h3{font-size:30px}.journey-number{font-size:80px;opacity:.6}.journey-cta{margin-top:28px}.journey-cta p{font-size:16px}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.about h2{font-size:clamp(38px,4.4vw,62px)}.about-lead{font-size:20px;color:var(--muted);max-width:530px;margin:30px 0 0}.about-detail>p{font-size:18px;color:var(--muted);margin:0 0 25px}.about-row{display:grid;grid-template-columns:125px 1fr;gap:15px;border-top:1px solid #bfd6eb;padding:19px 0;font-size:15px}.about-row span{color:var(--muted)}.contact{padding-top:50px;padding-bottom:65px;background:linear-gradient(120deg,#eaf5ff,#d9eeff);border-radius:36px}.contact-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;text-align:left;padding:20px 0;align-items:center}.contact h2{font-size:clamp(40px,4.5vw,66px)}.contact-inner>div>p:not(.eyebrow){max-width:530px;font-size:18px}.call-card{padding:35px;text-align:left}.call-card h3{font-size:28px;letter-spacing:-1px;margin:24px 0 0}.call-duration{font-size:12px;font-weight:700;letter-spacing:1.2px;color:var(--blue)}.call-card .button{width:100%;justify-content:center}.call-card .email{text-align:center;font-size:14px}.careers{padding-top:65px;padding-bottom:60px}.careers-inner{display:grid;grid-template-columns:.85fr 1.15fr;padding:0;text-align:left;min-height:360px;background:var(--surface)}.careers-photo{min-height:360px;overflow:hidden}.careers-photo img{width:100%;height:100%;object-fit:cover;display:block;max-height:430px;object-position:center 48%}.careers-text{padding:40px 45px}.careers h2{font-size:clamp(34px,3.2vw,48px);letter-spacing:-2px}.careers-text>p:not(.eyebrow){color:var(--muted);margin:22px 0;font-size:17px;max-width:460px}.careers-text small{margin-top:18px;font-size:13px}.careers-text .eyebrow{margin-bottom:18px}.services-dropdown{width:330px;left:50%;translate:-50% 0;background:#f5faff;backdrop-filter:none;border:1px solid #c8dff5;padding:12px;overflow:visible;border-radius:18px}.services-dropdown a{font-size:14px;padding:14px 10px;line-height:1.4}.services-dropdown a:first-child{border-radius:0}.services-dropdown img{width:28px;height:28px}.services-dropdown img[src*=msn]{width:35px}.services-dropdown:before{background:transparent}nav a:nth-last-child(-n+2){display:block}
.service-page .detail-hero{display:grid;grid-template-columns:1.3fr .8fr;gap:65px;align-items:center;padding-top:160px;padding-bottom:70px;background:radial-gradient(ellipse at 90% 45%,#c7e7ff80,transparent 60%)}.detail-hero h1{font-size:clamp(46px,5vw,76px);letter-spacing:-3px;line-height:1.1}.detail-hero h1 em{display:inline;background:none;color:var(--blue)}.back-link{display:inline-block;margin-bottom:38px;color:var(--muted);font-size:14px;border-bottom:1px solid #b8cee3}.detail-hero .eyebrow{margin-bottom:22px}.detail-intro{font-size:19px;color:var(--muted);margin:30px 0;max-width:600px}.detail-brand{min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;gap:25px;rotate:3deg}.detail-brand img{width:140px;height:140px;object-fit:contain}.detail-brand img[src*=msn]{width:230px;height:110px}.detail-brand span{font-size:21px;font-weight:700;text-align:center}.detail-brand p{color:var(--muted);font-size:14px;margin:0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.detail-grid article{padding:30px}.detail-grid article>span{font-size:14px;color:var(--blue)}.detail-grid h3{font-size:25px;margin:28px 0 15px;line-height:1.2}.detail-grid p,.detail-fit p{color:var(--muted)}.detail-fit{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid #b8d5ec;margin-top:40px;padding-top:30px}.detail-fit h3{font-size:24px}.detail-call{text-align:center;background:#e3f2ff;border-radius:35px}.detail-call .button{margin-top:35px}
@media(max-width:1100px){header{left:16px;right:16px;padding:12px 16px}nav{gap:17px}nav>a[href='#about'],nav>a[href='#careers'],nav>a[href='index.html#about'],nav>a[href='index.html#careers']{display:none}.hero{gap:30px;grid-template-columns:1.1fr .9fr;padding-top:145px;min-height:740px}.hero h1{font-size:60px;letter-spacing:-3px}.hero .showcase{width:100%;transform:none}.showcase .network-float{width:245px}.showcase .metric-float{padding:22px}.showcase .metric-float .eyebrow{font-size:10px}.about,.contact-inner{gap:35px}.careers-text{padding:30px}.service-page .detail-hero{gap:30px}.detail-brand{min-height:280px}}
@media(max-width:760px){header{left:12px;right:12px;top:12px}.hero{display:flex;flex-direction:column;gap:20px;min-height:0;padding:125px 6% 55px;align-items:stretch}.hero h1{font-size:clamp(46px,10.5vw,66px);letter-spacing:-2.5px}.hero .eyebrow{font-size:10px}.hero-bottom p{font-size:17px}.hero .showcase{position:relative;top:auto;right:auto;width:100%;max-width:440px;margin:25px auto 0;transform:none;row-gap:22px}.showcase .metric-float{max-width:100%;padding:24px}.showcase .network-float{width:245px}.showcase .revenue-float{width:225px;min-height:78px}.showcase .platform-tag{font-size:11px;gap:8px;padding:10px 13px}.hero .ambient{top:450px;right:-150px;width:450px;height:500px}.section{padding:60px 6%}.channels{padding-top:20px}.roster-bottom{font-size:12px}.section-head>p{margin-top:20px}.service-stack .service{min-height:490px;padding:28px}.service-stack .service h3{font-size:34px}.service-stack .service-top{margin-bottom:25px}.service-stack .service p{width:100%;max-width:100%}.service-visual{top:auto;bottom:20px;height:170px;right:25px;width:45%}.platform-glass{height:150px;border-radius:20px}.visual-symbol img{width:44px;height:44px}.visual-symbol.brand-youtube img{width:52px}.visual-symbol.brand-msn img{width:95px!important;height:45px!important}.platform-glass strong{font-size:22px}.visual-caption{font-size:8px;letter-spacing:.5px;margin-top:5px}.visual-symbol{margin:5px 0}.service-stack .service-link{margin-top:8px}.journey-card{min-height:300px}.journey-card h3{font-size:29px}.journey-cta{align-items:flex-start;flex-direction:column}.about{display:block}.about-detail{margin-top:30px}.about-lead{font-size:18px}.about-row{grid-template-columns:100px 1fr;font-size:14px}.contact{margin:0 12px;padding:40px 24px;border-radius:28px}.contact-inner{display:block}.contact h2{font-size:40px}.call-card{margin-top:30px;padding:25px}.contact-inner>div>p:not(.eyebrow){font-size:16px}.careers-inner{display:flex;flex-direction:column}.careers-photo{min-height:0;height:220px}.careers-photo img{height:220px;object-position:center 40%}.careers-text{padding:30px 24px}.careers h2{font-size:35px}.careers-text .eyebrow{font-size:10px}.services-dropdown{position:static;translate:none;width:100%;margin-top:12px}.services-dropdown a{font-size:13px}nav.open>a{display:block!important}.service-page .detail-hero{display:flex;flex-direction:column;padding-top:120px;gap:40px}.detail-hero h1{font-size:45px}.detail-intro{font-size:17px}.detail-brand{width:100%;min-height:230px;rotate:0deg}.detail-brand img{width:90px;height:90px}.detail-grid{grid-template-columns:1fr}.detail-fit{grid-template-columns:1fr;gap:0}.detail-call h2{font-size:38px}}
/* Larger side-by-side composition on a continuous full-width backdrop. */
.hero{max-width:none;width:100%;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:40px;padding:155px max(5%,calc((100% - 1440px)/2)) 75px;background:radial-gradient(ellipse at 78% 35%,#a7dcff80,transparent 65%),linear-gradient(180deg,#edf7ff,var(--bg));min-height:800px}.hero h1{font-size:clamp(64px,6.5vw,100px);max-width:780px;letter-spacing:-4.5px}.hero .showcase{max-width:570px;margin:20px 0 0;width:100%;justify-self:center}.hero .showcase .metric-float{max-width:none;padding:30px 35px}.hero .showcase .metric-float strong{font-size:88px;font-weight:800}.hero .showcase .metric-float p{font-size:17px}.hero .showcase .metric-float .bars{height:65px}.hero .showcase .network-float{width:310px;padding:20px 24px}.hero .showcase .network-number{font-size:39px;font-weight:800}.hero .showcase .revenue-float{width:285px;padding:20px 26px}.hero .showcase .revenue-float strong{font-size:42px;font-weight:800;letter-spacing:-1.5px}.hero .ambient{display:none}.hero-bottom p{max-width:540px}.channels{max-width:none;padding-left:0;padding-right:0;overflow:hidden}.channels .section-head,.channels .roster-bottom{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:6%;padding-right:6%}.channels .creator-window{width:100%;margin-left:0;margin-right:0}.creator-track{padding-left:18px}
@media(max-width:1100px){.hero{gap:28px;padding-left:5%;padding-right:5%;min-height:740px}.hero h1{font-size:clamp(54px,6.7vw,74px);letter-spacing:-3px}.hero .showcase .network-float{width:270px;padding:16px 20px}.hero .showcase .revenue-float{width:255px}.hero .showcase .metric-float{padding:24px}.hero .showcase .metric-float strong{font-size:76px}}
@media(max-width:760px){.hero{display:flex;min-height:0;padding:125px 6% 55px;gap:20px}.hero h1{font-size:clamp(48px,11vw,72px);letter-spacing:-2.8px}.hero .showcase{max-width:440px;margin:25px auto 0}.hero .showcase .network-float{width:260px}.hero .showcase .revenue-float{width:245px}.hero .showcase .metric-float{padding:25px}.hero .showcase .metric-float strong{font-size:72px}.hero .showcase .revenue-float strong{font-size:38px}.channels .section-head,.channels .roster-bottom{padding-left:6%;padding-right:6%}.creator-track{padding-left:12px}}
@media(min-width:1101px){.hero .showcase{max-width:620px;justify-self:start}.hero h1{font-size:clamp(74px,6.6vw,108px)}}
/* Let the section tint fade to transparent before reaching its boundaries. */
.services{background:radial-gradient(ellipse 50% 48% at 50% 50%,#9bd1ff40 0%,#9bd1ff18 45%,transparent 100%);border-radius:0}

.careers-photo{background:radial-gradient(ellipse at center,#d5edff80,transparent 70%);display:grid;place-items:center;padding:16px}.careers-photo img{object-fit:contain;object-position:center;max-height:430px}@media(max-width:760px){.careers-photo{height:260px;padding:12px}.careers-photo img{height:236px;object-position:center}}
/* The float is already moving in the settling direction as the entrance fades out. */
.hero .showcase .network-float,.hero .showcase .metric-float,.hero .showcase .revenue-float{--float-x:3px;--float-y:7px;transform:rotate(var(--rest-angle));translate:0 0;scale:none;filter:none;animation:stats-spring 1.4s linear .08s both,stats-float 7s ease-in-out .08s infinite}
.hero .showcase .metric-float{--float-x:-3px;--float-y:5px;animation-duration:1.46s,8.5s;animation-delay:.12s,.12s}
.hero .showcase .revenue-float{--float-x:4px;--float-y:8px;animation-duration:1.42s,7.8s;animation-delay:.16s,.16s}
@keyframes stats-float{0%,100%{translate:0 0}50%{translate:var(--float-x) var(--float-y)}}
@keyframes stats-spring{
 0%{opacity:0;transform:translateY(70px) scale(.94) rotate(var(--entry-angle,-4deg));animation-timing-function:cubic-bezier(.2,.65,.35,1)}
 62%{opacity:1;transform:translateY(-8px) scale(1.008) rotate(var(--rebound-angle,1deg));animation-timing-function:cubic-bezier(.42,0,.58,1)}
 100%{opacity:1;transform:translateY(0) scale(1) rotate(var(--rest-angle))}
}
.hero .showcase .platform-tag{animation-duration:.6s;animation-delay:.2s}
.hero .showcase .bars i{animation-duration:.9s;animation-delay:.3s}
.hero .ambient{display:block;opacity:.5;background:radial-gradient(circle at 30% 25%,#ffffff55,#b5ddff18 70%);border:1px solid #ffffff80;box-shadow:inset 20px 0 60px #ffffff45;animation:orb-drift 10s ease-in-out infinite}
@keyframes orb-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-12px,-14px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.hero .ambient{animation:none}}
/* Neutral frosted glass, with blue reserved for links and brand accents. */
.service-stack .service:nth-child(n){background:linear-gradient(120deg,#fffffff7,#f0f5faf7);border-color:#ffffff;box-shadow:inset 0 1px 1px #fff}
.service-stack .service .platform-glass{background:linear-gradient(135deg,#ffffffcf,#f5f8fb99);border-color:#fff}
.careers-photo{padding:0;background:#edf0f2;overflow:hidden}
.careers-photo img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
@media(max-width:760px){.careers-photo{height:280px;padding:0}.careers-photo img{height:280px}}
.careers-collage{position:relative;min-height:420px;background:linear-gradient(145deg,#eef6fc,#e4eff8);isolation:isolate}
.collage-bands{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:18px;transform:rotate(-8deg) scale(1.1)}
.collage-track{display:flex;width:max-content;animation:collage-drift 52s linear infinite;will-change:transform}
.collage-track:nth-child(2){animation-direction:reverse;animation-duration:62s}
.collage-group{display:flex;gap:16px;padding-right:16px}
.collage-tile{display:block;flex:0 0 250px;width:250px;margin:0;padding:5px;background:#ffffffc9;border:1px solid #fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 12px #17416a10}
.careers-collage .collage-tile img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}
.careers-collage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#edf5fb55,transparent 12%,transparent 88%,#edf5fb55);z-index:1}
.careers-collage .collage-tile{position:relative;transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .3s}
@media(hover:hover) and (pointer:fine){.careers-collage .collage-tile:hover{transform:translateY(-3px) scale(1.035);z-index:2;border-color:#8dcaff;box-shadow:0 7px 16px #0878fa24}}
@media(prefers-reduced-motion:reduce){.careers-collage .collage-tile{transition:none}.careers-collage .collage-tile:hover{transform:none}}
@keyframes collage-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.careers-collage{height:300px;min-height:300px;width:100%}.collage-tile{flex-basis:210px;width:210px}.collage-bands{gap:12px}.careers-collage .collage-tile img{height:auto}}
@media(prefers-reduced-motion:reduce){.collage-track{animation:none;will-change:auto}.collage-track:nth-child(2){transform:translateX(-120px)}}
/* A denser wall of smaller thumbnails across four independent rows. */
.careers-collage .collage-bands{gap:10px;transform:rotate(-7deg) scale(1.08)}
.careers-collage .collage-group{gap:10px;padding-right:10px}
.careers-collage .collage-tile{flex:0 0 150px;width:150px;padding:3px;border-radius:10px}
.careers-collage .collage-tile img{border-radius:6px}
.careers-collage .collage-track:nth-child(3){animation-duration:58s}
.careers-collage .collage-track:nth-child(4){animation-direction:reverse;animation-duration:68s}
@media(max-width:760px){.careers-collage .collage-tile{flex-basis:130px;width:130px}.careers-collage .collage-bands{gap:8px}}

body:not(.upgraded-page) h2 span{color:var(--blue)}