/* Clear separation inside the hero prevents translucent text-on-text collisions. */
.showcase{height:470px}.metric-float{top:78px;padding-bottom:25px}.revenue-float{left:0;bottom:-22px;background:linear-gradient(130deg,#f5fbfff5,#dfedfff5);z-index:4;animation:none;transform:rotate(-3deg);box-shadow:0 15px 40px #175b9826}.platform-tag{bottom:-75px}.metric-float .bars{height:65px}.creator-float{animation:none}.metric-float{animation:none}.dark .revenue-float{background:linear-gradient(130deg,#173652,#102641)}
/* A translucent frame, light reflection and gently tilting portrait. */
.channels{background:radial-gradient(ellipse at 50% 75%,#bddfff60,transparent 65%)}.creator-window{padding-top:35px;padding-bottom:55px;perspective:1100px}.creator-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffffb3,#d8eaff66);border:1px solid #ffffffd9;box-shadow:inset 0 1px 2px white,0 12px 28px #3163a412;backdrop-filter:blur(18px);padding:12px;border-radius:25px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}.creator-card:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,25%),#ffffffa6,transparent 55%);opacity:0;transition:opacity .4s;z-index:2;mix-blend-mode:soft-light}.creator-card img{transition:transform .5s,filter .5s}.creator-card h3,.creator-card p,.creator-card .sub{padding-left:7px;padding-right:7px}.creator-card:hover,.creator-card:focus-visible{transform:perspective(900px) translateY(-12px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:inset 0 1px 2px white,0 25px 45px #1b70bf30;border-color:#8ccaff}.creator-card:hover:after,.creator-card:focus-visible:after{opacity:1}.creator-card:hover img{transform:scale(.97);filter:saturate(1.1)}.dark .creator-card{background:linear-gradient(145deg,#244969b3,#10284299);border-color:#9bccff50}.dark .channels{background:radial-gradient(ellipse at 50% 75%,#13599b30,transparent 65%)}
/* Three connected glass stages share the services' palette and spacing. */
.process-redesign{display:block;padding-top:100px;background:radial-gradient(ellipse at 50% 55%,#acd7ff40,transparent 65%);overflow:hidden}.process-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:0 35px}.process-intro .eyebrow{grid-column:1/-1}.process-intro h2{font-size:clamp(46px,5.3vw,78px)}.process-intro>p:last-child{color:var(--muted);font-size:18px;margin-bottom:5px}.journey{--journey-progress:0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}.journey-rail{position:absolute;top:27px;left:25px;right:25px;height:1px;background:#9ab9d955}.journey-rail i{display:block;width:100%;height:2px;background:linear-gradient(90deg,#24b5ff,#0569ee);transform:scaleX(var(--journey-progress));transform-origin:left}.journey-marker{display:flex;align-items:center;gap:15px;position:relative;margin-bottom:28px}.journey-marker>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--bg);border:1px solid #a3c4e480;color:var(--muted);font-size:14px;transition:background .5s,color .5s,box-shadow .5s}.journey-marker small{padding:5px 12px;background:var(--bg);font-size:11px;letter-spacing:2px;color:var(--muted)}.is-active .journey-marker>span{background:var(--blue);color:white;box-shadow:0 0 0 7px #1089ff13,0 8px 24px #168bff38}.journey-card{position:relative;min-height:425px;padding:35px 28px 25px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#ffffffbd,#dceeff70);transition:box-shadow .65s,border-color .65s,translate .65s}.journey-step:nth-of-type(3) .journey-card{background:linear-gradient(145deg,#ecf7ffcb,#c4e2ff80)}.journey-step:nth-of-type(4) .journey-card{background:linear-gradient(145deg,#dcefffdb,#a8d7ff85)}.journey-number{font-size:105px;font-weight:700;letter-spacing:-8px;line-height:1;color:#429def21;position:absolute;right:22px;top:13px;pointer-events:none}.journey-label{font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--blue);margin:15px 0 60px;z-index:1}.journey-card h3{font-size:clamp(27px,2.5vw,38px);line-height:1.15;letter-spacing:-1.5px;font-weight:650;margin:0 0 22px;position:relative}.journey-card p{color:var(--muted);font-size:16px;line-height:1.65;position:relative;margin-bottom:30px}.journey-bottom{margin-top:auto;border-top:1px solid #abc9e750;padding-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.journey-bottom>span:last-child{color:var(--blue);font-size:23px}.is-active .journey-card{border-color:#81c7ff80;box-shadow:inset 0 1px 2px white,0 18px 40px #2b76bd15;translate:0 -5px}.journey-cta{display:flex;justify-content:space-between;align-items:center;margin-top:45px;gap:20px}.journey-cta p{margin:0;font-size:18px;color:var(--muted)}.dark .journey-card,.dark .journey-step:nth-of-type(3) .journey-card,.dark .journey-step:nth-of-type(4) .journey-card{background:linear-gradient(145deg,#15324bdb,#1d466770)}.dark .journey-number{color:#70bbff26}.dark .journey-label{color:#6abdff}
@media(max-width:1100px){.showcase{height:470px}.journey{gap:15px}.journey-card{padding:28px 21px;min-height:450px}.journey-card h3{font-size:29px}.journey-marker small{font-size:10px}}
@media(max-width:760px){.showcase{top:560px;height:425px}.metric-float{top:78px}.revenue-float{bottom:-18px;left:10px}.platform-tag{bottom:-67px}.hero{min-height:1080px}.process-intro{display:block}.process-intro>p:last-child{margin-top:25px;font-size:16px}.journey{grid-template-columns:1fr;margin-top:45px;padding-left:43px;gap:25px}.journey-rail{top:0;bottom:0;left:17px;right:auto;width:1px;height:auto}.journey-rail i{width:2px;height:100%;transform:scaleY(var(--journey-progress));transform-origin:top}.journey-step{position:relative}.journey-marker{position:absolute;left:-43px;top:25px;z-index:3}.journey-marker>span{height:35px;width:35px;font-size:12px}.journey-marker small{display:none}.journey-card{min-height:330px;padding:30px 25px}.journey-label{margin:5px 0 35px}.journey-card h3{font-size:32px}.journey-number{font-size:85px}.journey-cta{align-items:flex-start;flex-direction:column}.journey-cta p{font-size:16px}.creator-card:hover{transform:translateY(-6px)}.top-diffusion{height:90px}}
@media(prefers-reduced-motion:reduce){.journey-card,.creator-card,.creator-card img{transition:none!important;transform:none!important;translate:none!important}.journey-rail i{transform:none}.creator-card:after{display:none}}
/* Keep hero labels in separate layout rows at every breakpoint. */
.showcase{display:grid;grid-template-columns:1fr;gap:14px;height:auto}.showcase .network-float{position:relative;top:auto;left:auto;justify-self:start;transform:rotate(-3deg);padding:12px 18px}.showcase .metric-float{position:relative;top:auto;right:auto;width:100%;transform:rotate(3deg);padding:22px 25px}.showcase .metric-float strong{font-size:66px;margin-top:8px}.showcase .metric-float p{margin-bottom:8px}.showcase .bars{height:50px;margin-top:10px}.showcase .revenue-float{position:relative;left:auto;bottom:auto;transform:rotate(-2deg);justify-self:start;padding:12px 20px;margin-top:3px}.showcase .platform-tag{position:relative;right:auto;bottom:auto;justify-self:end;padding:8px 14px}.showcase .network-number{font-size:29px}.showcase .revenue-float strong{font-size:25px}@media(max-width:760px){.showcase{top:540px;height:auto;gap:14px}.hero{min-height:1100px}}
.hero{min-height:920px}.showcase{gap:20px}@media(max-width:760px){.hero{min-height:1140px}.showcase{gap:18px}}@media(min-width:1500px){.hero{min-height:1020px}}
/* More deliberate entrances; layout transforms remain independent. */
.js-motion .reveal{opacity:0;transform:translateY(76px) scale(.94);filter:blur(7px);transition:opacity .8s ease,transform 1.05s cubic-bezier(.16,1,.3,1),filter .85s ease;transform-origin:center bottom}.js-motion .reveal.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
@keyframes rise{from{opacity:0;translate:0 65px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.showcase.intro{animation:showcase-fade .5s .12s both}.showcase>div{animation:glass-arrive 1.15s cubic-bezier(.16,1,.3,1) both}.showcase>div:nth-child(1){animation-delay:.2s}.showcase>div:nth-child(2){animation-delay:.32s}.showcase>div:nth-child(3){animation-delay:.44s}.showcase>div:nth-child(4){animation-delay:.54s}
@keyframes showcase-fade{from{opacity:0}to{opacity:1}}@keyframes glass-arrive{from{opacity:0;translate:0 65px;scale:.88;filter:blur(5px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none;filter:none}.showcase>div{animation:none!important}}
/* Quicker arrivals and a softer light treatment. */
.js-motion .reveal{transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1),filter .45s ease;filter:blur(3px)}
.showcase>div{animation-duration:.72s}.showcase>div:nth-child(1){animation-delay:.1s}.showcase>div:nth-child(2){animation-delay:.18s}.showcase>div:nth-child(3){animation-delay:.26s}.showcase>div:nth-child(4){animation-delay:.34s}h1 .line,.hero-bottom.intro{animation-duration:.75s}
.ambient{opacity:.45}.creator-card:after{opacity:0}.creator-card:hover:after,.creator-card:focus-visible:after{opacity:.4}.creator-card:hover,.creator-card:focus-visible{box-shadow:inset 0 1px 1px #ffffff80,0 15px 28px #1b70bf1a}.is-active .journey-marker>span{box-shadow:0 0 0 4px #1089ff0a,0 4px 12px #168bff1c}.is-active .journey-card{box-shadow:inset 0 1px 1px #ffffff80,0 10px 25px #2b76bd0d}.button{box-shadow:0 6px 16px #0878fa18,inset 0 1px 1px #ffffff50}.button:hover{box-shadow:0 9px 22px #0878fa26}
@media(prefers-reduced-motion:reduce){.js-motion .reveal{filter:none;transition:none}.showcase>div{animation:none}}
.creator-track{animation-duration:78s}
.hero.replay-paused .intro,.hero.replay-paused h1 .line,.hero.replay-paused .showcase>div,.hero.replay-paused .bars i{animation-name:none!important}
/* Balanced satellites around a quieter central panel. */
.showcase{row-gap:28px}.showcase .network-float,.showcase .revenue-float{justify-self:center;width:285px;min-height:82px;box-sizing:border-box;margin:0;padding:15px 20px;gap:16px;border-radius:22px;--rest-angle:-1deg;animation:glass-arrive .72s cubic-bezier(.16,1,.3,1) .1s both,stats-drift 7s ease-in-out 1s infinite}.showcase .revenue-float{--rest-angle:1deg;animation-delay:.26s,1.4s}.showcase .metric-float{--rest-angle:.7deg;transform:rotate(.7deg);border-radius:28px;padding:27px 28px;animation:glass-arrive .72s cubic-bezier(.16,1,.3,1) .18s both,stats-drift 8s ease-in-out 1.2s infinite}.showcase .platform-tag{justify-self:center;margin-top:0;opacity:.85}.showcase .network-number{min-width:54px;font-size:32px}.showcase .network-float small{font-size:12px}.showcase .revenue-icon{width:54px;height:48px;display:grid;place-items:center;padding:0;background:#cceaff}.showcase .metric-float .bars{margin-top:22px;height:55px;gap:7px}.dark .showcase .revenue-icon{background:#184675}
@keyframes stats-drift{0%,100%{transform:translateY(0) rotate(var(--rest-angle))}50%{transform:translateY(-3px) rotate(var(--rest-angle))}}
@media(max-width:760px){.showcase{row-gap:25px}.showcase .network-float,.showcase .revenue-float{width:280px;min-height:80px}.hero{min-height:1190px}}
@media(prefers-reduced-motion:reduce){.showcase .network-float,.showcase .revenue-float,.showcase .metric-float{animation:none!important;transform:none}}

.showcase{perspective:1100px}.showcase .network-float,.showcase .metric-float,.showcase .revenue-float{rotate:0 1 0 0deg;transition:rotate .35s cubic-bezier(.2,.7,.25,1)}@media(prefers-reduced-motion:reduce){.showcase .network-float,.showcase .metric-float,.showcase .revenue-float{rotate:none!important;transition:none}}
/* An invitation to build the next chapter together. */
.careers{padding-top:25px}.careers-inner{position:relative;overflow:hidden;text-align:center;padding:70px 30px 48px;background:radial-gradient(ellipse at 50% 65%,#87cfff45,transparent 65%),var(--surface);border-radius:36px}.careers h2{font-size:clamp(44px,5.5vw,80px)}.careers-copy{max-width:630px;margin:26px auto 0;color:var(--muted);font-size:18px}.team-stage{display:flex;justify-content:center;align-items:center;gap:22px;max-width:880px;margin:65px auto 40px;perspective:1200px;padding:12px}.team-tile{width:240px;height:235px;flex:1;text-align:left;padding:25px;border:1px solid var(--edge);border-radius:25px;background:linear-gradient(135deg,var(--surface),#80caff24);box-shadow:0 15px 40px #1466b513,inset 0 1px 1px #ffffff70;transform:rotate(-7deg);transition:transform .4s}.team-tile:last-child{transform:rotate(7deg)}.team-tile.team-center{transform:translateY(-18px);background:linear-gradient(145deg,#26b5ff,#0870ed);color:white;box-shadow:0 18px 45px #0878fa25}.team-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#80caff30;font-size:28px;margin-bottom:20px;color:var(--blue)}.team-center .team-icon{background:#ffffff25;color:white}.team-tile>span:not(.team-icon){display:block;font-size:12px;opacity:.75}.team-tile strong{display:block;font-size:21px;letter-spacing:-.7px}.edit-lines{display:grid;gap:5px;margin-top:18px}.edit-lines i{height:7px;border-radius:5px;background:#178bff40;width:90%}.edit-lines i:nth-child(2){width:65%;margin-left:20%}.edit-lines i:last-child{width:75%}.team-bars{display:flex;align-items:flex-end;gap:7px;height:40px;margin-top:12px}.team-bars i{height:35%;width:20%;background:#ffffff80;border-radius:4px}.team-bars i:nth-child(2){height:55%}.team-bars i:nth-child(3){height:75%}.team-bars i:nth-child(4){height:100%}.team-checks{color:var(--blue);font-size:25px;margin-top:15px}.careers-action{position:relative}.careers-action p{font-size:13px;color:var(--muted);margin:20px auto 0;max-width:380px}.careers-inner.visible .team-stage{animation:team-settle .9s cubic-bezier(.16,1,.3,1) both}@keyframes team-settle{from{opacity:0;translate:0 35px;scale:.94}to{opacity:1;translate:0 0;scale:1}}@media(hover:hover){.team-tile:hover{transform:translateY(-8px) rotate(-3deg)}.team-tile:last-child:hover{transform:translateY(-8px) rotate(3deg)}.team-tile.team-center:hover{transform:translateY(-26px)}}@media(max-width:760px){.careers-inner{padding:48px 20px 35px;border-radius:27px}.careers-copy{font-size:16px}.team-stage{gap:8px;margin:42px -8px 25px;padding:10px 0}.team-tile{padding:12px 9px;height:170px;min-width:0;border-radius:16px}.team-icon{width:30px;height:30px;font-size:21px;margin-bottom:12px}.team-tile strong{font-size:13px;letter-spacing:-.3px}.team-tile>span:not(.team-icon){font-size:9px}.team-bars{height:28px}.team-checks{font-size:18px}.careers-action p{font-size:12px}}@media(prefers-reduced-motion:reduce){.careers-inner.visible .team-stage{animation:none}}
.careers-action{margin-top:36px}
/* Keep glass depth inside the surface instead of a muddy outer halo. */
header{background:rgba(245,250,255,.88);box-shadow:inset 0 1px 0 #ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.glass,.showcase .glass,.creator-card,.creator-card:hover,.creator-card:focus-visible,.is-active .journey-card,.service-stack .service,.service-stack .service:hover,.platform-glass,.visual-note{box-shadow:inset 0 1px 1px #ffffff70}
.showcase .glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* Quiet process-card feedback without adding exterior glow. */
.journey-card{--card-lift:0px;translate:0 var(--card-lift);transition:translate .4s cubic-bezier(.2,.7,.3,1),border-color .4s}
.is-active .journey-card{--card-lift:-5px}
.js-motion .journey-card.reveal{transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1),filter .45s ease,translate .4s cubic-bezier(.2,.7,.3,1),border-color .4s}
.journey-bottom>span:last-child{transition:translate .4s cubic-bezier(.2,.7,.3,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.journey-card:hover{translate:0 calc(var(--card-lift) - 3px);border-color:#65baff9c}.journey-card:hover .journey-bottom>span:last-child{translate:2px -2px}}
/* Recognizable platform marks in the existing glass composition. */
.platform img{display:block;width:30px;height:30px;object-fit:contain}.platform.youtube,.platform.spotify{background:#fff}.platform.snapchat{background:#fffc00}.platform.msn{background:#fff}.platform.msn img{width:39px}.visual-symbol img{display:block;width:82px;height:82px;object-fit:contain}.visual-symbol.brand-youtube img{width:98px}.visual-symbol.brand-snapchat{padding:13px;background:#fffc00;border-radius:20px}.visual-symbol.brand-msn img{width:145px;height:70px}
/* Accessible service navigation, shared by desktop and mobile. */
.services-menu{position:relative}.services-toggle{display:flex;align-items:center;gap:7px;border:0;padding:0;background:none;font:inherit;font-weight:inherit;line-height:inherit}.services-toggle:hover,.services-toggle[aria-expanded=true]{color:var(--blue)}.services-toggle>span{transition:rotate .2s}.services-toggle[aria-expanded=true]>span{rotate:180deg}.services-dropdown{position:absolute;top:calc(100% + 24px);left:-24px;width:310px;padding:10px;border:1px solid #d7eaff;border-radius:20px;background:rgba(246,251,255,.98);backdrop-filter:blur(16px);z-index:30}.services-dropdown[hidden]{display:none}.services-dropdown a{display:flex!important;align-items:center;gap:13px;padding:13px 12px;border-radius:12px;font-size:13px;white-space:normal;transition:background .2s}.services-dropdown a:hover,.services-dropdown a:focus-visible{background:#dfedff;color:var(--blue)}.services-dropdown a:first-child{justify-content:space-between;border-bottom:1px solid #d8e8f7;margin-bottom:5px;color:var(--blue)}.services-dropdown img{width:25px;height:25px;object-fit:contain;flex-shrink:0}@media(max-width:760px){.services-toggle{width:100%;justify-content:space-between}.services-dropdown{position:static;width:100%;margin-top:12px;padding:6px;background:#eaf4ff;backdrop-filter:none}.services-menu{width:100%}nav.open{max-height:calc(100dvh - 110px);overflow-y:auto}}
/* Hover bridge keeps the menu open while crossing the gap. */
.services-toggle>span{display:block;width:7px;height:7px;font-size:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;translate:0 -2px;flex-shrink:0;margin-left:3px;transition:rotate .2s,translate .2s}.services-toggle[aria-expanded=true]>span{rotate:225deg;translate:0 2px}.services-dropdown:before{content:'';position:absolute;left:0;right:0;top:-25px;height:25px}
@media(max-width:760px){.services-dropdown:before{display:none}}