* { margin: 0; padding: 0; box-sizing: border-box; }:root{
--accent: #ff2d2d;
--text: #fff;
--border: rgba(255,255,255,0.10);--marqueeSpeed: 66s;
--contactPadY: 90px;
--marqueeGap: 56px;
--igTopbarH: 64px;--edgeOrbDuration: 6.4s;--navH: 96px;
}html{ scroll-padding-top: var(--navH); }html, body{ background:#000; }html, body{
width: 100%;
max-width: 100vw;
overflow-x: hidden;
overscroll-behavior-x: none;
scrollbar-width: none;
-ms-overflow-style: none;
}
html::-webkit-scrollbar, body::-webkit-scrollbar{ display:none; }body{
font-family: 'Inter', sans-serif;
background: #000;
color: var(--text);
line-height: 1.6;
overflow-x: hidden;
position: relative;
touch-action: pan-y;
padding-top: var(--navH);
}.section, .container, #bgCanvas{ max-width: 100vw; }#bgCanvas{
position: fixed;
inset: 0;
z-index: 0;
display: block;
background: #000;
}.nav, .section, .footer, .modal{ position: relative; z-index: 2; }.container{ width: 90%; max-width: 1200px; margin: 0 auto; }
.section{ padding: 88px 0; }
.center{ text-align: center; }
.accent{ color: var(--accent); }.blurtext{
display: inline-block;
position: relative;
z-index: 1;
padding: 0.10em 0.26em;
}
.blurtext::before{
content: "";
position: absolute;
inset: -0.22em -0.32em;
background: rgba(0,0,0,0.14);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 18px;
z-index: -1;
pointer-events: none;
}.blurpanel{
background: rgba(0,0,0,0.28);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 18px 70px rgba(0,0,0,0.35);
border-radius: 18px;
}.copyblock{ text-align: left; }
.copyblock h2{ font-size: 34px; font-weight: 900; letter-spacing: -0.7px; }
.copyblock p{ margin-top: 12px; opacity: 0.82; }.nav{
position: fixed;
top: 0;
left: 0;
right: 0;
height: var(--navH);
z-index: 9998;
display: flex;
align-items: center;
padding: 0;
background: rgba(0,0,0,0.78);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255,255,255,0.06);
}.nav-inner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}.nav-logo-link{
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
flex: 0 0 auto;
}
.nav-logo{ height: 72px; width: auto; display:block; }.nav-actions{
display: inline-flex;
align-items: center;
gap: 12px;
margin-left: auto;
flex: 0 0 auto;
flex-wrap: nowrap;
}.nav-cta{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 12px;
text-decoration: none !important;
color: #ffffff !important;
font-weight: 900;
font-size: 14px;
letter-spacing: -0.2px;
white-space: nowrap;
background: rgba(255,45,45,0.08);
border: 1px solid rgba(255,45,45,0.35);
box-shadow: 0 0 0 1px rgba(255,45,45,0.20) inset, 0 18px 60px rgba(0,0,0,0.35);
transition: 0.2s ease;
overflow: hidden;
isolation: isolate;
}
.nav-cta-ghost{
background: rgba(255,255,255,0.04);
border-color: rgba(255,255,255,0.16);
box-shadow: none;
padding: 8px 16px;
}
.nav-cta-ghost:hover{
border-color: rgba(255,255,255,0.30);
background: rgba(255,255,255,0.08);
box-shadow: none !important;
}
.nav-cta:hover,
.nav-cta:visited,
.nav-cta:active{ color: #ffffff !important; text-decoration: none !important; }
.nav-cta:hover{
border-color: rgba(255,45,45,0.6);
box-shadow: 0 0 0 1px rgba(255,45,45,0.35) inset, 0 0 18px rgba(255,45,45,0.25), 0 18px 60px rgba(0,0,0,0.4);
}.nav-cta .cta-orb{
position: absolute;
width: 4px;
height: 4px;
border-radius: 999px;
offset-path: inset(0px round 12px);
offset-rotate: 0deg;
pointer-events: none;
z-index: 2;
background: rgba(255,45,45,1);
box-shadow: 0 0 6px rgba(255,45,45,0.75), 0 0 14px rgba(255,45,45,0.25);
animation: orbRun var(--edgeOrbDuration) linear infinite;
}
.nav-cta .cta-orb::after{
content:"";
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
width:18px; height:18px;
border-radius:999px;
background:radial-gradient(circle,rgba(255,45,45,0.55) 0%,rgba(255,45,45,0.22) 35%,rgba(255,45,45,0.00) 70%);
filter:blur(0.6px);
opacity:0.9;
}
.nav-cta .cta-orb.orb-a{ animation-duration:var(--edgeOrbDuration); offset-distance:0%; }
.nav-cta .cta-orb.orb-b{ animation-duration:var(--edgeOrbDuration); animation-delay:calc(var(--edgeOrbDuration)*-0.5); }.section-title{ font-size: 44px; font-weight: 900; letter-spacing: -0.8px; }
.section-title-xl{ font-size: 56px; }
.section-sub{ margin-top: 14px; opacity: 0.72; font-size: 17px; font-weight: 500; }.hero{
min-height: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}@media (min-width: 981px){
.hero-eyebrow{
margin-top: 180px !important;
}
}.hero .container{
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-height: auto;
transform: none !important;
}.hero-title{
font-size: 72px;
font-weight: 900;
line-height: 1.1;
letter-spacing: -1.5px;
margin-top: 18px;
}.hero-sub{
margin-top: 20px;
font-size: 18px;
opacity: 0.78;
line-height: 1.7;
}.hero-ctas{
margin-top: 36px;
display: flex;
gap: 16px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}.hero-eyebrow{
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 4px;
}.eyebrow-pill{
display: inline-block;
padding: 5px 14px;
border-radius: 999px;
background: rgba(255,45,45,0.10);
border: 1px solid rgba(255,45,45,0.30);
color: rgba(255,255,255,0.88);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.2px;
white-space: nowrap;
}.btn-primary{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
border-radius: 14px;
text-decoration: none !important;
color: #ffffff !important;
font-weight: 900;
font-size: 15px;
letter-spacing: -0.3px;
background: rgba(255,45,45,0.12);
border: 1px solid rgba(255,45,45,0.50);
box-shadow: 0 0 0 1px rgba(255,45,45,0.22) inset, 0 18px 60px rgba(0,0,0,0.35), 0 0 28px rgba(255,45,45,0.12);
transition: 0.2s ease;
overflow: hidden;
isolation: isolate;
white-space: nowrap;
}
.btn-primary:hover{
border-color: rgba(255,45,45,0.75);
box-shadow: 0 0 0 1px rgba(255,45,45,0.40) inset, 0 0 30px rgba(255,45,45,0.30), 0 18px 60px rgba(0,0,0,0.4);
}
.btn-primary .cta-orb{
position:absolute; width:4px; height:4px; border-radius:999px;
offset-path:inset(0px round 14px); offset-rotate:0deg;
pointer-events:none; z-index:2;
background:rgba(255,45,45,1);
box-shadow:0 0 6px rgba(255,45,45,0.75),0 0 14px rgba(255,45,45,0.25);
animation:orbRun var(--edgeOrbDuration) linear infinite;
}
.btn-primary .cta-orb.orb-a{ offset-distance:0%; }
.btn-primary .cta-orb.orb-b{ animation-delay:calc(var(--edgeOrbDuration)*-0.5); }.btn-ghost{
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 24px;
border-radius: 14px;
text-decoration: none !important;
color: rgba(255,255,255,0.80) !important;
font-weight: 800;
font-size: 15px;
border: 1px solid rgba(255,255,255,0.16);
background: rgba(255,255,255,0.04);
transition: 0.2s ease;
white-space: nowrap;
}
.btn-ghost:hover{
color: #fff !important;
border-color: rgba(255,255,255,0.30);
background: rgba(255,255,255,0.08);
}.steps-section{
padding-top: 40px;
padding-bottom: 80px;
}.steps-grid{
margin-top: 52px;
display: flex;
align-items: stretch;
justify-content: center;
gap: 0;
}.step-card{
flex: 1;
max-width: 300px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.10);
border-radius: 20px;
padding: 36px 28px;
text-align: left;
transition: 0.25s ease;
}
.step-card:hover{
border-color: rgba(255,45,45,0.40);
background: rgba(255,45,45,0.04);
}.step-connector{
display: flex;
align-items: center;
justify-content: center;
color: var(--accent);
font-size: 28px;
font-weight: 900;
padding: 0 18px;
opacity: 0.65;
flex: 0 0 auto;
align-self: center;
}.step-num{
font-size: 13px;
font-weight: 900;
letter-spacing: 1.5px;
color: var(--accent);
opacity: 0.75;
margin-bottom: 14px;
}
.step-title{
font-size: 20px;
font-weight: 900;
letter-spacing: -0.4px;
line-height: 1.2;
}
.step-desc{
margin-top: 10px;
font-size: 14px;
opacity: 0.70;
line-height: 1.65;
}.gets-section{
padding-top: 80px;
padding-bottom: 40px;
}.gets-inner{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}.gets-list{
margin-top: 36px;
list-style: none;
display: flex;
flex-direction: column;
gap: 26px;
}
.gets-list li{
display: flex;
gap: 16px;
align-items: flex-start;
}
.gets-icon{
font-size: 22px;
flex: 0 0 auto;
margin-top: 2px;
}
.gets-list strong{
display: block;
font-size: 15px;
font-weight: 800;
letter-spacing: -0.2px;
}
.gets-list p{
margin-top: 3px;
font-size: 13px;
opacity: 0.65;
line-height: 1.55;
}.flow-visual{
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
}
.flow-row{
display: flex;
align-items: center;
gap: 14px;
}
.flow-box{
padding: 16px 22px;
border-radius: 14px;
font-size: 14px;
font-weight: 800;
letter-spacing: -0.2px;
background: rgba(255,255,255,0.04);
border: 1px solid rgba(255,255,255,0.14);
white-space: nowrap;
text-align: center;
}
.accent-box{
background: rgba(255,45,45,0.12);
border-color: rgba(255,45,45,0.45);
color: #fff;
box-shadow: 0 0 22px rgba(255,45,45,0.18);
}
.flow-arrow{
font-size: 20px;
color: var(--accent);
opacity: 0.7;
font-weight: 900;
}
.flow-down{
font-size: 24px;
color: var(--accent);
opacity: 0.7;
font-weight: 900;
}.proof-section{ padding-top: 120px; padding-bottom: 120px; }.proof-grid{
margin-top: 52px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}.proof-card{
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.10);
border-radius: 20px;
padding: 36px 28px;
text-align: center;
transition: 0.25s ease;
}
.proof-card:hover{
border-color: rgba(255,45,45,0.40);
background: rgba(255,45,45,0.04);
}
.proof-card-center{
border-color: rgba(255,45,45,0.25);
background: rgba(255,45,45,0.05);
}
.proof-stat{
font-size: 48px;
font-weight: 900;
letter-spacing: -2px;
color: var(--accent);
line-height: 1;
}
.proof-label{
margin-top: 8px;
font-size: 14px;
font-weight: 700;
opacity: 0.80;
}
.proof-artist{
margin-top: 6px;
font-size: 12px;
opacity: 0.45;
font-weight: 600;
}.bundles-section{ padding-top: 120px; padding-bottom: 120px; }.bundles-grid{
margin-top: 52px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
align-items: stretch;
}.bundle-card{
position: relative;
background: rgba(255,255,255,0.07);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255,255,255,0.14);
border-radius: 22px;
padding: 32px 26px;
text-align: left;
display: flex;
flex-direction: column;
gap: 0;
transition: 0.25s ease;
}
.bundle-card:hover{
border-color: rgba(255,45,45,0.40);
background: rgba(255,45,45,0.10);
transform: translateY(-3px);
}
.bundle-card-featured{
border-color: rgba(255,45,45,0.45);
background: rgba(255,45,45,0.11);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
box-shadow: 0 0 40px rgba(255,45,45,0.12);
}
.bundle-card-scale{
border-color: rgba(255,255,255,0.18);
background: rgba(255,255,255,0.07);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}.bundle-badge{
position: absolute;
top: -13px;
left: 50%;
transform: translateX(-50%);
background: var(--accent);
color: #fff;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.5px;
padding: 4px 14px;
border-radius: 999px;
white-space: nowrap;
box-shadow: 0 4px 18px rgba(255,45,45,0.45);
}.bundle-tier{
font-size: 15px;
font-weight: 900;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--accent);
opacity: 1;
margin-bottom: 2px;
}.bundle-pricing{
margin-top: 0px;
}
.bundle-plus{
font-size: 0.52em;
margin-left: 3px;
transform: translateY(-1px);
}
.bundle-tagline{
margin-top: 8px;
font-size: 13px;
opacity: 0.55;
font-weight: 600;
font-style: italic;
}.bundle-perks{
margin-top: 22px;
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.bundle-perks li{
font-size: 13px;
font-weight: 600;
opacity: 0.85;
display: flex;
align-items: baseline;
gap: 8px;
}
.perk-check{
color: var(--accent);
font-weight: 900;
font-size: 13px;
flex: 0 0 auto;
}.bundle-cta{
margin-top: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 18px;
border-radius: 12px;
text-decoration: none !important;
color: rgba(255,255,255,0.80) !important;
font-weight: 900;
font-size: 13px;
border: 1px solid rgba(255,255,255,0.18);
background: rgba(255,255,255,0.05);
transition: 0.2s ease;
width: 100%;
text-align: center;
}
.bundle-cta:hover{
border-color: rgba(255,255,255,0.32);
color: #fff !important;
background: rgba(255,255,255,0.09);
}
.bundle-cta-accent{
position: relative;
overflow: hidden;
isolation: isolate;
background: rgba(255,45,45,0.12);
border-color: rgba(255,45,45,0.50);
color: #fff !important;
box-shadow: 0 0 20px rgba(255,45,45,0.15);
}
.bundle-cta-accent:hover{
border-color: rgba(255,45,45,0.75) !important;
box-shadow: 0 0 30px rgba(255,45,45,0.30) !important;
color: #fff !important;
}
.bundle-cta-accent .cta-orb{
position:absolute; width:4px; height:4px; border-radius:999px;
offset-path:inset(0px round 12px); offset-rotate:0deg;
pointer-events:none; z-index:2;
background:rgba(255,45,45,1);
box-shadow:0 0 6px rgba(255,45,45,0.9),0 0 14px rgba(255,45,45,0.4);
animation:orbRun var(--edgeOrbDuration) linear infinite;
}
.bundle-cta-accent .cta-orb.orb-a{ offset-distance:0%; }
.bundle-cta-accent .cta-orb.orb-b{ animation-delay:calc(var(--edgeOrbDuration)*-0.5); }.copyblock-stat-row{
display: flex;
gap: 28px;
margin-top: 28px;
flex-wrap: wrap;
}
.inline-stat{}
.inline-stat-num{
font-size: 28px;
font-weight: 900;
letter-spacing: -1px;
line-height: 1;
}
.inline-stat-num.accent{ color: var(--accent); }
.inline-stat-label{
margin-top: 4px;
font-size: 12px;
opacity: 0.55;
font-weight: 700;
letter-spacing: 0.3px;
}.cta-final-section{
padding-top: 80px;
padding-bottom: 80px;
}.split{ display: flex; gap: 60px; align-items: center; }
.split-left, .split-right{ flex: 1; }
.phone-mock{ display: flex; justify-content: center; }@media (min-width: 981px){
.split {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 60px;
}.phone-mock{
position: sticky;
top: calc(50vh - 320px);
align-self: start;
}#phoneSection{
min-height:auto;
height:auto;
display:flex;
align-items:center;
padding-top: 40px;
padding-bottom: 40px;
}
}.companies-grid{
margin-top: 44px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 26px;
align-items: stretch;
}.company-card{
width: 100%;
height: 460px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid var(--border);
border-radius: 18px;
padding: 34px;
color: var(--text);
background: rgba(0,0,0,0.12) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
transition: 0.25s ease;
overflow: hidden;
cursor: pointer;
}
.company-card:hover{
border-color: rgba(255,45,45,0.55);
box-shadow: 0 22px 70px rgba(0,0,0,0.55);
transform: translateY(-2px);
}
.company-visual{
width: 110px; height: 110px;
margin: 0 auto;
position: relative;
flex: 0 0 auto;
}
.company-avatar{
width: 110px; height: 110px;
border-radius: 999px;
object-fit: cover;
position: relative; z-index: 2;
border: 2px solid rgba(255,255,255,0.10);
background: rgba(0,0,0,0.22);
}
.fluid-bg{
position: absolute;
inset: -18px;
border-radius: 999px;
z-index: 1;
background:
radial-gradient(circle at 30% 30%, rgba(255,45,45,0.80), transparent 55%),
radial-gradient(circle at 70% 70%, rgba(0,0,0,0.95), transparent 55%),
radial-gradient(circle at 40% 80%, rgba(255,45,45,0.35), transparent 60%),
radial-gradient(circle at 80% 25%, rgba(0,0,0,0.85), transparent 58%);
opacity: 0.95;
filter: blur(12px);
transform-origin: center;
animation: fluidMove 6s ease-in-out infinite, slowSpin 26s linear infinite;
}
@keyframes fluidMove{
0%   { transform: translate(0px, 0px) scale(1); }
25%  { transform: translate(7px, -5px) scale(1.10); }
50%  { transform: translate(-6px, 7px) scale(1.05); }
75%  { transform: translate(8px, 6px) scale(1.12); }
100% { transform: translate(0px, 0px) scale(1); }
}
@keyframes slowSpin{ from { rotate: 0deg; } to { rotate: 360deg; } }.company-name{ font-size: 26px; font-weight: 900; letter-spacing: -0.4px; line-height: 1.1; margin-top: 14px; }
.one-line{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.company-desc{ margin-top: 12px; opacity: 0.75; font-size: 13px; width: 100%; }
.clamp-3{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.click-glow{
margin-top: 10px;
font-size: 12px;
font-weight: 900;
color: rgba(255,45,45,0.10);
animation: clickPulse 1.25s ease-in-out infinite;
}
@keyframes clickPulse{
0%, 100%{ color: rgba(255,45,45,0.18); opacity: 0.55; filter: brightness(0.9); }
50%{ color: rgba(255,45,45,1); text-shadow: 0 0 12px rgba(255,45,45,0.60), 0 0 26px rgba(255,45,45,0.40); opacity: 1; filter: brightness(1.15); }
}.track-card{
margin: 42px auto 0;
width: min(980px, 92vw);
border: none;
background: transparent;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-radius: 18px;
padding: 0;
text-align: center;
}
.track-desc{
margin-top: 10px;
font-size: 15px;
line-height: 1.85;
opacity: 0.82;
max-width: 980px;
margin-left: auto;
margin-right: auto;
}.views-section{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
.views-number{
margin-top: 14px;
font-weight: 900;
color: var(--accent);
letter-spacing: -1px;
line-height: 1;
display: block;
font-size: clamp(34px, 7vw, 60px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.views-since{ margin-top: 12px; font-size: 26px; font-weight: 900; letter-spacing: -0.4px; display: inline-block; opacity: 0.92; }.contact-section{
min-height: 100vh;
display: flex;
align-items: center;
padding: var(--contactPadY) 0;
}
.contact-block{ max-width: 980px; margin: 0 auto; }
.orbit-zone{
position: relative;
width: min(980px, 92vw);
margin: 0 auto;
padding: 42px 0 38px;
}
.contact-title{ font-size: 54px; font-weight: 900; letter-spacing: -1px; position: relative; z-index: 4; }
.contact-text{ margin-top: 16px; opacity: 0.78; font-size: 16px; position: relative; z-index: 4; }
.contact-email-line{ margin-top: 22px; display: inline-flex; gap: 10px; align-items: baseline; position: relative; z-index: 4; }
.contact-label{ opacity: 0.75; font-weight: 900; }
.contact-link{ color: var(--accent); text-decoration: none; font-weight: 900; }
.contact-link:hover{ text-shadow: 0 0 18px rgba(255,45,45,0.55); }
.contact-icons{ margin-top: 14px; display: flex; justify-content: center; gap: 12px; position: relative; z-index: 4; }.marquee-row{
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100vw;
overflow: hidden;
pointer-events: none;
z-index: 2;
}
.marquee-top{ top: -160px; }
.marquee-bottom{ bottom: -160px; }
.marquee-track{
display: flex;
gap: var(--marqueeGap);
align-items: center;
padding: 10px 0;
width: max-content;
animation: marqueeMove var(--marqueeSpeed) linear infinite;
will-change: transform;
}
.marquee-track.reverse{ animation-direction: reverse; }
@keyframes marqueeMove{ from { transform: translateX(0); } to { transform: translateX(-33.3333%); } }
.marquee-item{ width: 150px; height: 150px; position: relative; flex: 0 0 auto; isolation: isolate; }
.marquee-inner{ width: 100%; height: 100%; border-radius: 999px; overflow: hidden; position: relative; z-index: 2; border: 2px solid rgba(255,255,255,0.10); background: rgba(0,0,0,0.55); box-shadow: 0 22px 70px rgba(0,0,0,0.60); }
.marquee-inner img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.marquee-item::before{
content:""; position:absolute; inset:-2px; border-radius:999px; z-index:0;
background: radial-gradient(circle at 30% 30%,rgba(255,45,45,0.80),transparent 55%), radial-gradient(circle at 70% 70%,rgba(0,0,0,0.95),transparent 55%), radial-gradient(circle at 40% 80%,rgba(255,45,45,0.35),transparent 60%), radial-gradient(circle at 80% 25%,rgba(0,0,0,0.85),transparent 58%);
opacity:0.92; filter:blur(2px); transform-origin:center;
animation:fluidMove 6s ease-in-out infinite,slowSpin 26s linear infinite;
}
.marquee-item::after{
content:""; position:absolute; inset:-1px; border-radius:999px; z-index:1;
border:1px solid rgba(255,45,45,0.25); box-shadow:0 0 6px rgba(255,45,45,0.14); pointer-events:none;
}
.contact-title.blurtext::before{ background: rgba(0,0,0,0.18); }.footer{
text-align: center;
padding: 44px 0 46px;
opacity: 0.95;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 72px;
}
.footer-copy{
font-size: 12px;
opacity: 0.45;
margin-top: 18px;
}.social-icon{
width: 42px; height: 42px;
display: grid; place-items: center;
border-radius: 14px;
border: 1px solid rgba(255,255,255,0.16);
background: rgba(255,255,255,0.06);
transition: 0.2s ease;
}
.social-icon:hover{ border-color: rgba(255,255,255,0.32); box-shadow: 0 0 22px rgba(255,255,255,0.10); }
.icon{ width: 20px; height: 20px; color: #ffffff; fill: currentColor; }
.social-icon svg{ color:#ffffff; fill:currentColor; }.modal{ position: fixed; inset: 0; display: none; z-index: 9999; }
.modal.open{ display: block; }
.modal-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,0.7); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.modal-card{
position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
width:min(820px,92vw); max-height:86vh;
display:flex; flex-direction:column;
background:rgba(0,0,0,0.88); border:1px solid rgba(255,255,255,0.10);
border-radius:18px; padding:28px;
box-shadow:0 40px 120px rgba(0,0,0,0.85);
overflow:hidden; animation:modalPop 260ms ease-out both; text-align:left;
}
@keyframes modalPop{ from{transform:translate(-50%,-50%) scale(0.96);opacity:0;} to{transform:translate(-50%,-50%) scale(1);opacity:1;} }
.modal-card::before{
content:""; position:absolute; inset:0; border-radius:18px; pointer-events:none; z-index:5;
box-shadow:0 0 0 1px rgba(255,45,45,0.22) inset,0 0 22px rgba(255,45,45,0.18),0 0 48px rgba(255,45,45,0.10); opacity:0.95;
}
.modal-red-under{ position:absolute; left:-20%; right:-20%; bottom:-40%; height:70%; background:radial-gradient(circle at 50% 0%,rgba(255,45,45,0.55),transparent 65%); filter:blur(18px); opacity:0.45; pointer-events:none; transform:translateY(4px); }
.edge-orb{
position:absolute; width:10px; height:10px; border-radius:999px;
background:rgba(255,45,45,1); pointer-events:none; z-index:8;
box-shadow:0 0 12px rgba(255,45,45,1),0 0 30px rgba(255,45,45,0.85),0 0 64px rgba(255,45,45,0.45);
offset-path:inset(-8px round 16px); offset-rotate:0deg;
animation:orbRun var(--edgeOrbDuration) linear infinite;
}
.edge-orb::before{ content:""; position:absolute; inset:-6px; border-radius:999px; border:1px solid rgba(255,45,45,0.55); box-shadow:0 0 18px rgba(255,45,45,0.55),0 0 40px rgba(255,45,45,0.25); opacity:0.9; }
.edge-orb::after{ content:""; position:absolute; inset:-10px; border-radius:999px; background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.55),rgba(255,45,45,0.12),transparent 70%); filter:blur(6px); opacity:0.95; }
.orb-a{ offset-distance:0%; }
.orb-b{ animation-delay:calc(var(--edgeOrbDuration)*-0.5); }
@keyframes orbRun{ from{offset-distance:0%;} to{offset-distance:100%;} }.modal-close{ position:absolute; right:14px; top:14px; border:none; background:transparent; color:rgba(255,255,255,0.75); font-size:20px; cursor:pointer; z-index:9; }
.modal-head{ display:flex; gap:16px; align-items:center; justify-content:flex-start; padding-right:42px; position:relative; z-index:6; margin-bottom:10px; flex:0 0 auto; }
.modal-img{ width:56px; height:56px; border-radius:999px; object-fit:cover; background:#000; border:1px solid rgba(255,255,255,.18); box-shadow:0 0 22px rgba(255,45,45,.18); }
.modal-title{ font-size:28px; font-weight:900; letter-spacing:-0.4px; line-height:1.1; }
.modal-sub{ margin-top:4px; font-size:14px; opacity:0.7; font-weight:800; }
.modal-text{
margin-top:10px; opacity:0.86; white-space:pre-wrap; font-family:inherit; font-size:15px; line-height:1.55;
position:relative; z-index:6; text-align:left; flex:1 1 auto; overflow-y:auto; padding-right:6px; -webkit-overflow-scrolling:touch;
}
.modal-text::-webkit-scrollbar{ width:6px; }
.modal-text::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.15); border-radius:6px; }
.modal-text{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.2) transparent; }
.modal-text .modal-h{ display:block; font-weight:900; font-size:17px; margin-top:12px; margin-bottom:0px; letter-spacing:-0.3px; color:#fff; }
.modal-text .modal-h:first-child{ margin-top:0; }
.modal-actions{
position:relative; z-index:7; padding-top:14px; margin-top:10px;
border-top:1px solid rgba(255,255,255,0.08);
display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-start; align-items:center; flex:0 0 auto;
}
.modal-cta{
position:relative; display:inline-flex; align-items:center; justify-content:center;
padding:10px 16px; border-radius:12px; text-decoration:none !important; color:#ffffff !important;
font-weight:900; font-size:14px; letter-spacing:-0.2px;
background:rgba(255,45,45,0.08); border:1px solid rgba(255,45,45,0.35);
box-shadow:0 0 0 1px rgba(255,45,45,0.20) inset,0 18px 60px rgba(0,0,0,0.35);
transition:0.2s ease; overflow:hidden; isolation:isolate;
}
.modal-cta:hover{ border-color:rgba(255,45,45,0.6); box-shadow:0 0 0 1px rgba(255,45,45,0.35) inset,0 0 18px rgba(255,45,45,0.25),0 18px 60px rgba(0,0,0,0.4); }
.modal-cta .cta-orb{
position:absolute; width:4px; height:4px; border-radius:999px;
offset-path:inset(0px round 12px); offset-rotate:0deg; pointer-events:none; z-index:2;
background:rgba(255,45,45,1); box-shadow:0 0 6px rgba(255,45,45,0.9),0 0 14px rgba(255,45,45,0.4);
animation:orbRun var(--edgeOrbDuration) linear infinite;
}
.modal-cta .cta-orb::after{ content:""; position:absolute; inset:-7px; border-radius:999px; background:radial-gradient(circle,rgba(255,45,45,0.55) 0%,rgba(255,45,45,0.25) 35%,rgba(255,45,45,0.05) 60%,transparent 75%); filter:blur(1px); opacity:0.95; }
.modal-cta .cta-orb.orb-a{ animation-duration:var(--edgeOrbDuration); offset-distance:0%; }
.modal-cta .cta-orb.orb-b{ animation-duration:var(--edgeOrbDuration); animation-delay:calc(var(--edgeOrbDuration)*-0.5); }.phone-wrap{ width:min(420px,90vw); display:grid; place-items:center; }
.iphone{
width:360px; height:640px; border-radius:46px; position:relative;
background:rgba(0,0,0,0.45); border:1px solid rgba(255,255,255,0.10);
box-shadow:0 30px 80px rgba(0,0,0,0.65); padding:10px;
backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
transform:scaleY(1.04); transform-origin:top center; touch-action:pan-y;
}
.iphone-screen{ width:100%; height:100%; border-radius:36px; overflow:hidden; position:relative; background:#000; touch-action:pan-y; }
.iphone-notch{ position:absolute; top:14px; left:50%; transform:translateX(-50%); width:140px; height:26px; border-radius:20px; background:rgba(0,0,0,0.85); border:1px solid rgba(255,255,255,0.06); z-index:50; }
.home-indicator{
position:absolute; left:50%; transform:translateX(-50%); bottom:10px;
width:128px; height:6px; border-radius:999px;
border:1px solid rgba(255,255,255,0.10); background:rgba(255,255,255,0.78);
box-shadow:0 10px 30px rgba(0,0,0,0.55); z-index:60;
opacity:0; pointer-events:auto; transition:opacity 0.2s ease;
}
.home-indicator:active{ transform:translateX(-50%) scale(0.98); opacity:1; }
.iphone.unlocked .home-indicator{ opacity:0.95; transition-delay:0.35s; }@keyframes phoneWallFlow{
0%   { transform:translate(-10%,-10%) rotate(0deg) scale(1.05); filter:blur(16px); }
50%  { transform:translate(6%,10%) rotate(180deg) scale(1.15); filter:blur(18px); }
100% { transform:translate(-10%,-10%) rotate(360deg) scale(1.05); filter:blur(16px); }
}.lockscreen{
position:absolute; inset:0; padding:56px 22px 18px;
display:flex; flex-direction:column; justify-content:space-between;
background:#000; transition:transform 0.35s ease,opacity 0.35s ease;
z-index:10; overflow:hidden; cursor:pointer;
}
.lockscreen::before{
content:""; position:absolute; inset:-30%;
background:conic-gradient(from 20deg,rgba(255,45,45,0.00) 0%,rgba(255,45,45,0.20) 14%,rgba(0,0,0,0.00) 28%,rgba(255,45,45,0.14) 42%,rgba(0,0,0,0.00) 62%,rgba(255,45,45,0.22) 78%,rgba(0,0,0,0.00) 100%);
animation:phoneWallFlow 9s ease-in-out infinite; opacity:0.9; pointer-events:none;
}
.lockscreen::after{
content:""; position:absolute; inset:0;
background:radial-gradient(circle at 30% 20%,rgba(255,45,45,0.10),transparent 40%),radial-gradient(circle at 75% 70%,rgba(255,45,45,0.08),transparent 46%),linear-gradient(to bottom,rgba(0,0,0,0.35),rgba(0,0,0,0.85));
pointer-events:none;
}
.lock-top,.lock-center,.lock-bottom{ position:relative; z-index:2; }
.lock-top{ text-align:center; }
.lock-time{ font-size:56px; font-weight:900; letter-spacing:-1px; }
.lock-date{ opacity:0.75; margin-top:8px; font-size:14px; }
.lock-center{ display:grid; place-items:center; flex:1; }
.lock-logo-img{ width:140px; height:auto; opacity:0.95; }
.lock-bottom{ text-align:center; }
.swipe-hint{ font-size:12px; opacity:0.7; margin-bottom:10px; }
.swipe-area{ width:100%; height:44px; border-radius:16px; background:transparent; display:grid; place-items:center; transition:opacity 0.2s ease; }
.swipe-handle{ width:120px; height:6px; border-radius:999px; background:rgba(255,255,255,0.65); cursor:grab; transition:transform 0.15s ease; }
.swipe-handle.dragging{ cursor:grabbing; }
.lockscreen.unlocked{ transform:translateY(-20px); opacity:0; pointer-events:none; }
.lockscreen.unlocked .swipe-area,.lockscreen.unlocked .swipe-handle,.lockscreen.unlocked .swipe-hint{ opacity:0!important; visibility:hidden!important; }.home{
position:absolute; inset:0; background:#000;
opacity:0; pointer-events:none; transform:translateY(14px);
transition:opacity 0.35s ease,transform 0.35s ease; z-index:8; overflow:hidden;
}
.home::before{
content:""; position:absolute; inset:-35%;
background:conic-gradient(from 120deg,rgba(255,45,45,0.00) 0%,rgba(255,45,45,0.26) 18%,rgba(0,0,0,0.00) 34%,rgba(255,45,45,0.16) 50%,rgba(0,0,0,0.00) 70%,rgba(255,45,45,0.22) 86%,rgba(0,0,0,0.00) 100%);
animation:phoneWallFlow 7.8s ease-in-out infinite; opacity:0.95; pointer-events:none;
}
.home::after{
content:""; position:absolute; inset:0;
background:radial-gradient(circle at 25% 20%,rgba(255,45,45,0.10),transparent 44%),radial-gradient(circle at 80% 75%,rgba(255,45,45,0.08),transparent 52%),linear-gradient(to bottom,rgba(0,0,0,0.25),rgba(0,0,0,0.85));
pointer-events:none;
}
.home.active{ opacity:1; pointer-events:auto; transform:translateY(0); }
.home-wallpaper-text{ position:absolute; inset:0; display:grid; place-items:center; font-weight:900; letter-spacing:-1px; text-transform:uppercase; font-size:34px; color:rgba(255,255,255,0.10); text-shadow:0 0 26px rgba(255,45,45,0.18); z-index:1; transform:translateY(-10px); pointer-events:none; mix-blend-mode:screen; }
.home-grid{ position:relative; z-index:2; padding:64px 18px 14px; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.app-icon{ border:0; background:transparent; color:#fff; cursor:pointer; text-align:center; }
.app-icon-img{ width:62px; height:62px; border-radius:18px; overflow:hidden; margin:0 auto; border:1px solid rgba(255,255,255,0.12); background:rgba(0,0,0,0.55); box-shadow:0 10px 30px rgba(0,0,0,0.55); display:grid; place-items:center; }
.app-icon-img img{ width:100%; height:100%; object-fit:contain; aspect-ratio:1/1; padding:10%; display:block; }
.app-icon-label{ margin-top:8px; font-size:11px; opacity:0.85; font-weight:900; }.oasis-app{ position:absolute; inset:0; opacity:0; pointer-events:none; transform:translateY(14px); transition:opacity 0.35s ease,transform 0.35s ease; z-index:9; background:#000; }
.oasis-app.active{ opacity:1; pointer-events:auto; transform:translateY(0); }
.ig-top-mask{ position:absolute; top:0; left:0; right:0; height:var(--igTopbarH); background:linear-gradient(to bottom,rgba(0,0,0,0.95),rgba(0,0,0,0.25),transparent); z-index:2; pointer-events:none; }
.ig-float-back{ position:absolute; top:22px; left:18px; width:38px; height:38px; display:grid; place-items:center; border:0; background:transparent; color:#fff!important; font-size:30px; line-height:1; opacity:0.95; z-index:99999; pointer-events:auto; padding:0; text-shadow:0 10px 28px rgba(0,0,0,0.65); }
.ig-feed{ position:absolute; top:var(--igTopbarH); left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden; scroll-snap-type:y mandatory; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; touch-action:pan-y; }
.ig-feed::-webkit-scrollbar{ width:0; height:0; }
.ig-feed{ scrollbar-width:none; }
.ig-reel{ position:relative; height:calc(100% - 0px); min-height:520px; scroll-snap-align:start; background:#000; width:100%; overflow:hidden; }
.ig-video{ width:100%; height:100%; object-fit:cover; display:block; }
.ig-ui{ position:absolute; inset:0; pointer-events:none; z-index:50; }
.ig-actions{ position:absolute; right:10px; bottom:140px; display:flex; flex-direction:column; gap:14px; align-items:center; pointer-events:none; z-index:4; }
.ig-action{ display:grid; gap:4px; justify-items:center; color:#fff; }
.ig-ico{ font-size:18px; line-height:1; opacity:0.95; filter:drop-shadow(0 10px 22px rgba(0,0,0,0.55)); }
.ig-count{ font-size:11px; font-weight:900; opacity:0.92; text-shadow:0 10px 22px rgba(0,0,0,0.55); }
.ig-send-svg{ width:20px; height:20px; color:#ffffff; fill:currentColor; filter:drop-shadow(0 10px 22px rgba(0,0,0,0.55)); }
.ig-audio{ display:none!important; }
.ig-audio-inner{ width:24px; height:24px; border-radius:8px; overflow:hidden; background:#000; border:1px solid rgba(255,255,255,0.10); }
.ig-audio-inner img{ width:100%; height:100%; object-fit:cover; display:block; }
.ig-user-bottom{ position:absolute; left:12px; bottom:62px; display:flex; align-items:center; gap:10px; pointer-events:none; z-index:4; }
.ig-profile-pic{ width:38px; height:38px; border-radius:999px; overflow:hidden; background:#000; border:2px solid rgba(255,255,255,0.25); box-shadow:0 8px 30px rgba(0,0,0,0.6); }
.ig-profile-pic img{ width:100%; height:100%; object-fit:cover; display:block; background:#000; }
.ig-user-row{ display:flex; align-items:center; gap:6px; }
.ig-username{ font-weight:900; font-size:14px; color:#fff; letter-spacing:-0.2px; text-shadow:0 10px 24px rgba(0,0,0,0.65); }
.ig-badge{ width:16px; height:16px; border-radius:999px; display:grid; place-items:center; font-size:11px; font-weight:900; color:#fff; background:rgba(255,255,255,0.20); border:1px solid rgba(255,255,255,0.22); box-shadow:0 10px 24px rgba(0,0,0,0.55); }
.ig-followbtn{ display:flex!important; align-items:center!important; justify-content:center!important; height:32px!important; padding:0 16px!important; border-radius:8px; border:1px solid rgba(255,255,255,0.40); background:rgba(0,0,0,0.35); color:#fff!important; font-weight:900; font-size:13px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); pointer-events:auto; box-shadow:0 10px 24px rgba(0,0,0,0.55); text-decoration:none!important; }
.ig-empty-reel{ height:100%; display:grid; place-items:center; padding:30px; text-align:center; }
.ig-empty-logo{ width:120px; height:auto; opacity:0.9; }
.ig-empty-note{ margin-top:16px; opacity:0.7; font-weight:800; font-size:12px; max-width:320px; }
.ig-feed,.iphone,.iphone-screen{ -webkit-user-select:none; user-select:none; }#phoneSection{ min-height:100vh; height:auto; display:flex; align-items:center; }.more-companies-section{
padding-top: 0;
padding-bottom: 72px;
margin-top: -80px;
}.more-companies-title{
transform: translateY(-30px) !important;
margin-top: 0;
}#phoneSection .copyblock{ padding-left:0!important; margin-left:0!important; }
#phoneSection .copyblock h2,
#phoneSection .copyblock .blurtext{ margin-left:0!important; padding-left:0!important; text-indent:0!important; transform:none!important; translate:none!important; left:auto!important; right:auto!important; position:relative!important; display:block!important; width:100%!important; box-sizing:border-box!important; }
#phoneSection .copyblock p{ margin-left:0!important; padding-left:0!important; text-indent:0!important; }
#phoneSection .copyblock .blurtext::before,
#phoneSection .copyblock .blurtext::after{ left:0!important; margin-left:0!important; transform:none!important; }.founder-button-wrap{ margin-top:0; display:flex; justify-content:center; }
.founder-cta{
position:relative; display:inline-flex; align-items:center; justify-content:center;
padding:10px 18px; border-radius:12px;
text-decoration:none!important; color:#ffffff!important;
font-weight:900; font-size:14px; letter-spacing:-0.2px;
background:rgba(255,45,45,0.08); border:1px solid rgba(255,45,45,0.35);
box-shadow:0 0 0 1px rgba(255,45,45,0.20) inset,0 18px 60px rgba(0,0,0,0.35);
transition:0.2s ease; overflow:hidden; isolation:isolate;
}
.founder-cta:hover{ border-color:rgba(255,45,45,0.6); box-shadow:0 0 0 1px rgba(255,45,45,0.35) inset,0 0 18px rgba(255,45,45,0.25),0 18px 60px rgba(0,0,0,0.4); }
.founder-cta .cta-orb{ position:absolute; width:4px; height:4px; border-radius:999px; offset-path:inset(0px round 12px); offset-rotate:0deg; pointer-events:none; z-index:2; background:rgba(255,45,45,1); box-shadow:0 0 6px rgba(255,45,45,0.75),0 0 14px rgba(255,45,45,0.25); animation:orbRun var(--edgeOrbDuration) linear infinite; }
.founder-cta .cta-orb.orb-b{ animation-delay:calc(var(--edgeOrbDuration)*-0.5); }@media (min-width: 981px){
.container{ max-width:1500px; }
.companies-grid{ gap:14px; grid-template-columns:repeat(4,minmax(0,1fr)); }
.company-card{ height:410px; padding:28px; justify-content:center; }
.company-visual{ width:92px; height:92px; }
.company-avatar{ width:92px; height:92px; }
.company-name{ font-size:26px; white-space:nowrap; overflow:visible; text-overflow:clip; }
.one-line{ overflow:visible; text-overflow:clip; }
.nav-inner{ justify-content:space-between!important; gap:24px!important; }
.nav-actions{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; gap:12px!important; margin-left:auto!important; }
.nav-cta{ display:inline-flex!important; width:auto!important; }
.more-companies-title{ transform:translateY(0px)!important; margin-top:150px!important; }
.footer-copy{ margin-top:24px; position:static!important; top:auto!important; }#contact{ scroll-margin-top:65px; }
}@media (max-width: 980px){
:root{ --marqueeGap:46px; --navH:86px; }
body{ padding-top:var(--navH); }
.section{ padding:60px 0; }
.split{ flex-direction:column; }
.companies-grid{ grid-template-columns:1fr; }
.hero-title{ font-size:44px; }
.hero-sub{ font-size:15px; }
.section-title{ font-size:34px; }
.section-title-xl{ font-size:40px; }
.views-since{ font-size:18px; }
.views-number{ font-size:clamp(30px,8vw,44px); }
.nav-logo{ height:76px; }
.nav-cta{ font-size:13px; padding:6px 12px; }
.nav-inner{ justify-content:space-between!important; gap:0!important; }
.nav-actions{ display:inline-flex; align-items:center; gap:8px; margin-left:auto; }
.iphone{ width:300px; height:560px; transform:scaleY(1.03); }
.phone-wrap{ width:min(360px,92vw); }
.track-desc{ font-size:14px; line-height:1.8; }
.contact-section{ min-height:100svh!important; height:auto!important; display:block!important; padding:80px 0 calc(60px + env(safe-area-inset-bottom))!important; }
.contact-title{ font-size:34px; line-height:1.08; }
.contact-text{ margin-top:10px; font-size:14px; }
.contact-email-line{ margin-top:16px; }
.contact-icons{ margin-top:12px; }
.orbit-zone{ position:relative!important; padding:120px 0 120px!important; overflow:visible!important; }
.marquee-item{ width:112px; height:112px; }
.marquee-item::before{ inset:-2px; filter:blur(2px); }
.marquee-top{ top:14px!important; bottom:auto!important; }
.marquee-bottom{ bottom:calc(70px + env(safe-area-inset-bottom))!important; top:auto!important; }
.footer{ margin-top:0!important; padding:14px 0 calc(14px + env(safe-area-inset-bottom))!important; }
.footer-copy{ position:static!important; top:auto!important; margin-top:18px!important; }
.hero{ min-height:auto !important; padding-top:0 !important; padding-bottom:0 !important; }
.hero .container{ min-height:auto !important; }
.hero-eyebrow{ margin-top:0 !important; }
.iphone,.iphone-screen,.ig-feed,.ig-reel{ touch-action:pan-y!important; overscroll-behavior-x:none!important; }
.ig-actions{ bottom:calc(160px + env(safe-area-inset-bottom))!important; }
.ig-user-bottom{ bottom:calc(88px + env(safe-area-inset-bottom))!important; left:12px!important; gap:9px!important; }
.ig-profile-pic{ width:34px!important; height:34px!important; }
.ig-username{ font-size:13px!important; }
.ig-badge{ background:rgba(0,149,246,0.95)!important; border-color:rgba(0,149,246,0.85)!important; color:#fff!important; }
.ig-followbtn{ height:30px!important; padding:0 12px!important; font-size:12px!important; border-radius:8px!important; }
.more-companies-section{ margin-top:-220px; padding-bottom:70px; }
.more-companies-title{ transform:translateY(-50px)!important; margin-top:0!important; }
.steps-grid{ flex-direction:column; align-items:center; gap:0; }
.step-card{ max-width:100%; width:100%; }
.step-connector{ transform:rotate(90deg); padding:8px 0; font-size:22px; }
.gets-inner{ grid-template-columns:1fr; gap:48px; }
.proof-grid{ grid-template-columns:1fr 1fr; gap:14px; }
.proof-stat{ font-size:36px; }
.bundles-grid{ grid-template-columns:1fr; gap:16px; }
.bundle-card-featured{ order:-1; }
}.hero{
min-height: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}.hero .container{
min-height: auto !important;
transform: none !important;
}.hero-eyebrow{
margin-bottom: 18px !important;
}@media (min-width: 981px){
.hero-eyebrow{
margin-top: 140px !important;
}
}@media (max-width: 980px){
.hero{
min-height: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}.hero .container{
min-height: auto !important;
}.hero-eyebrow{
margin-top: 0 !important;
margin-bottom: 14px !important;
}.hero-title{
margin-top: 0 !important;
}.hero-ctas{
margin-top: 22px !important;
}
}#contact{ scroll-margin-top:40px; }.ex-video-overlay{
position:absolute;inset:0;z-index:2;
background:linear-gradient(
to bottom,
rgba(0,0,0,0.55) 0%,
transparent 30%,
transparent 55%,
rgba(0,0,0,0.85) 100%
);
pointer-events:none;
}
.ex-back-btn{
background:none;border:none;color:#fff;font-size:26px;
cursor:pointer;line-height:1;padding:2px 8px 2px 2px;
opacity:0.9;flex-shrink:0;
}
.ex-header{
position:absolute;top:0;left:0;right:0;z-index:30;
display:flex;align-items:center;justify-content:space-between;
padding:10px 14px 8px;
background:linear-gradient(to bottom,rgba(0,0,0,0.7) 0%,transparent 100%);
}
.ex-header-title{
font-size:13px;font-weight:800;color:#fff;letter-spacing:-0.3px;
}
.ex-header-live{
display:flex;align-items:center;gap:5px;
font-size:10px;font-weight:800;color:rgba(255,255,255,0.7);
letter-spacing:0.1em;
}
.ex-live-dot{
width:6px;height:6px;border-radius:50%;background:#ff2d2d;
box-shadow:0 0 8px rgba(255,45,45,0.9);
animation:livePulse 1.4s ease-in-out infinite;
}
@keyframes livePulse{
0%,100%{opacity:1;transform:scale(1);}
50%{opacity:0.5;transform:scale(0.75);}
}
.ex-progress-bars{
position:absolute;top:48px;left:10px;right:10px;z-index:31;
display:flex;gap:4px;
}
.ex-prog-bar{
flex:1;height:2.5px;border-radius:999px;
background:rgba(255,255,255,0.25);overflow:hidden;
}
.ex-prog-fill{
height:100%;width:0%;border-radius:999px;
background:#fff;
box-shadow:0 0 6px rgba(255,255,255,0.6);
}
.ex-slides-wrap{
position:absolute;inset:0;
}
.ex-slide-full{
position:absolute;inset:0;opacity:0;pointer-events:none;
transition:opacity 0.4s cubic-bezier(0.4,0,0.2,1),
transform 0.4s cubic-bezier(0.4,0,0.2,1);
transform:scale(1.04);
will-change:opacity,transform;
}
.ex-slide-full.active{
opacity:1;pointer-events:auto;transform:scale(1);
}
.ex-slide-full.ex-slide-enter-right{
transform:translateX(30px) scale(1.02);opacity:0;
}
.ex-video{
position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;display:block;z-index:1;
}
.ex-slide-ui{
position:absolute;inset:0;z-index:10;
display:flex;flex-direction:column;justify-content:flex-end;
padding:12px 14px 14px;gap:10px;
}
.ex-label-pill{
align-self:flex-start;
font-size:10px;font-weight:800;letter-spacing:0.06em;
padding:4px 10px;border-radius:999px;
background:rgba(255,255,255,0.12);
border:1px solid rgba(255,255,255,0.2);
color:#fff;backdrop-filter:blur(6px);
}
.ex-label-red{
background:rgba(255,45,45,0.18);
border-color:rgba(255,45,45,0.4);
color:#ff8888;
}
.ex-label-green{
background:rgba(61,255,135,0.12);
border-color:rgba(61,255,135,0.3);
color:#3dff87;
}
.ex-slide-info{
display:flex;flex-direction:column;gap:4px;
}
.ex-slide-title{
font-size:16px;font-weight:900;color:#fff;
letter-spacing:-0.4px;line-height:1.1;
text-shadow:0 2px 12px rgba(0,0,0,0.6);
}
.ex-slide-sub{
font-size:11px;color:rgba(255,255,255,0.7);
line-height:1.45;font-weight:500;
text-shadow:0 1px 8px rgba(0,0,0,0.6);
}
.ex-slide-stats{
display:flex;align-items:center;gap:0;
background:rgba(0,0,0,0.45);
border:1px solid rgba(255,255,255,0.1);
border-radius:12px;padding:8px 10px;
backdrop-filter:blur(10px);
}
.ex-slide-stat-item{
flex:1;text-align:center;
}
.ex-sstat-val{
font-size:14px;font-weight:900;color:#fff;
letter-spacing:-0.3px;line-height:1;
}
.ex-sstat-red{ color:#ff2d2d; }
.ex-sstat-lbl{
font-size:9px;color:rgba(255,255,255,0.45);
margin-top:3px;font-weight:600;letter-spacing:0.05em;
text-transform:uppercase;
}
.ex-stat-divider{
width:1px;height:28px;background:rgba(255,255,255,0.1);
flex-shrink:0;margin:0 2px;
}
.ex-ig-btn{
display:flex;align-items:center;justify-content:center;gap:7px;
padding:10px 14px;border-radius:12px;
background:rgba(255,45,45,0.15);
border:1px solid rgba(255,45,45,0.4);
color:#fff;font-size:12px;font-weight:800;
text-decoration:none;
backdrop-filter:blur(8px);
transition:background 0.2s,border-color 0.2s,transform 0.15s;
box-shadow:0 4px 20px rgba(255,45,45,0.2);
}
.ex-ig-btn:hover{
background:rgba(255,45,45,0.28);
border-color:rgba(255,45,45,0.65);
transform:translateY(-1px);
}
.ex-tap-left,.ex-tap-right{
position:absolute;top:56px;bottom:100px;z-index:25;
width:38%;cursor:pointer;
}
.ex-tap-left{ left:0; }
.ex-tap-right{ right:0; }:root{
--cs-slides: 3;
}.cs-section {
height: auto;
padding-bottom: 0;
}.cs-pin-inner {
position: sticky;
top: 0;
height: auto;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-top: var(--navH);
}.cs-outer {
display: grid;
grid-template-columns: minmax(0, 1fr) 440px;
gap: 80px;
width: 90%;
max-width: 1200px;
margin: 0 auto;
min-height: calc(100vh - var(--navH));
align-items: center;
}.cs-left {
position: relative;
height: 360px;
min-width: 0;
display: flex;
align-items: center;
}.cs-left-block {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 18px;
opacity: 0;
transform: translateY(24px);
transition: opacity 0.5s ease, transform 0.5s ease;
pointer-events: none;
}.cs-block-active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}.cs-left-eyebrow {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255,255,255,0.38);
}
.cs-ey-red   { color: rgba(255,90,90,0.9); }
.cs-ey-green { color: rgba(74,222,128,0.8); }.cs-left-title {
font-size: clamp(32px, 4vw, 52px);
font-weight: 900;
line-height: 1.1;
letter-spacing: -0.02em;
color: #fff;
}.cs-left-body {
font-size: 15px;
color: rgba(255,255,255,0.55);
line-height: 1.8;
max-width: 460px;
}.cs-right {
width: 440px;
}.cs-sticky {
display: flex;
flex-direction: column;
gap: 16px;
}@media (min-width: 981px){
#phoneSection{
min-height: 0;
height: calc(var(--cs-slides) * 100vh);
padding-top: 0;
padding-bottom: 0;
align-items: initial;
}
}.cs-stepper {
display: flex;
align-items: center;
}
.cs-step {
display: flex;
align-items: center;
gap: 7px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(255,255,255,0.28);
transition: color 0.35s;
white-space: nowrap;
}
.cs-step-dot {
width: 7px; height: 7px;
border-radius: 50%;
background: rgba(255,255,255,0.18);
flex-shrink: 0;
transition: background 0.35s, box-shadow 0.35s, transform 0.35s;
}
.cs-step-line {
position: relative;
width: 40px;
height: 1px;
background: rgba(255,255,255,0.15);
margin: 0 10px;
}.cs-step-line::after {
content: "";
position: absolute;
right: -2px;
top: -3px;
width: 7px;
height: 7px;
border-right: 2px solid var(--accent);
border-top: 2px solid var(--accent);
transform: rotate(45deg);
}
.cs-step-active { color: #fff; }
.cs-step-active .cs-step-dot {
background: var(--accent);
box-shadow: 0 0 10px rgba(255,45,45,0.75);
transform: scale(1.25);
}
.cs-step-done { color: rgba(255,255,255,0.42); }
.cs-step-done .cs-step-dot { background: rgba(255,45,45,0.5); }.cs-card-wrap {
position: relative !important;
height: 700px !important;
border-radius: 20px !important;
overflow: hidden !important;
background: #0d0d0d !important;
border: 1px solid rgba(255,255,255,0.07) !important;
}.cs-card {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
opacity: 0;
transform: translateX(40px);
pointer-events: none;
will-change: transform, opacity;
border-radius: 20px;
overflow: hidden;
}
.cs-card-active {
opacity: 1;
transform: translateX(0);
pointer-events: auto;
}.cs-card-media {
width: 100%;
height: min(78vh, 720px);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #000;
border-radius: 18px 18px 0 0;
}
.cs-video {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
background: #000;
}
.cs-vid-overlay {
position: absolute; inset: 0;
background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.88) 100%);
}
.cs-pill {
position: absolute;
top: 14px; left: 14px;
z-index: 5;
padding: 5px 12px;
border-radius: 100px;
background: rgba(0,0,0,0.5);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border: 1px solid rgba(255,255,255,0.2);
font-size: 11px; font-weight: 800;
color: #fff; letter-spacing: 0.06em;
text-transform: uppercase;
}
.cs-pill-red   { border-color: rgba(255,45,45,0.5); color: #ff7070; background: rgba(255,45,45,0.2); }
.cs-pill-green { border-color: rgba(74,222,128,0.4); color: #4ade80; background: rgba(34,197,94,0.12); }.cs-card-info {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 16px 20px 16px !important;
}
.cs-card-title {
font-size: 17px; font-weight: 800; color: #fff; line-height: 1.2;
}
.cs-card-sub {
margin-bottom: 10px !important;
}.cs-stats-single {
margin-top: 10px !important;
margin-bottom: 0 !important;
}.cs-stats {
margin-bottom: 0 !important;
}.cs-stats {
display: flex; align-items: center;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid rgba(255,255,255,0.07);
}
.cs-stat { flex: 1; text-align: center; }
.cs-sv { font-size: 15px; font-weight: 900; color: #fff; }
.cs-sv-red { color: var(--accent); }
.cs-sl { font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.38); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px; }
.cs-sd { width: 1px; height: 28px; background: rgba(255,255,255,0.09); flex-shrink: 0; }.cs-ig {
display: inline-flex; align-items: center; gap: 6px;
align-self: flex-start;
padding: 8px 14px; border-radius: 9px;
background: rgba(255,45,45,0.1);
border: 1px solid rgba(255,45,45,0.28);
color: #fff; font-size: 11.5px; font-weight: 700;
text-decoration: none;
transition: background 0.2s, border-color 0.2s, transform 0.15s;
}
.cs-ig:hover {
background: rgba(255,45,45,0.2);
border-color: rgba(255,45,45,0.5);
transform: translateY(-1px);
}@media (max-width: 900px) {
.cs-section { height: auto; }
.cs-pin-inner {
position: relative;
top: auto;
height: auto;
padding: 80px 0 60px;
}
.cs-outer {
grid-template-columns: 1fr;
gap: 40px;
}
.cs-left { height: auto; position: relative; }
.cs-left-block {
position: relative;
top: auto; left: auto; right: auto; bottom: auto;
opacity: 1;
transform: none;
pointer-events: auto;
display: none;
}
.cs-block-active { display: flex; }
.cs-right { width: 100%; }
.cs-card-wrap { height: 460px; }
.cs-card-media { flex: 0 0 220px; }
}.audio-section { padding-top: 120px; padding-bottom: 120px; }.audio-grid {
margin-top: 52px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 14px;
}.audio-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 16px;
padding: 18px 20px;
transition: border-color 0.25s, background 0.25s, box-shadow 0.25s;
position: relative;
overflow: hidden;
}
.audio-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: 16px;
background: radial-gradient(ellipse at 0% 50%, rgba(255,45,45,0.06) 0%, transparent 70%);
pointer-events: none;
opacity: 0;
transition: opacity 0.3s;
}
.audio-card:hover {
border-color: rgba(255,45,45,0.35);
background: rgba(255,45,45,0.04);
box-shadow: 0 0 28px rgba(255,45,45,0.08), 0 0 0 1px rgba(255,45,45,0.12) inset;
}
.audio-card:hover::before { opacity: 1; }.audio-card-inner {
display: flex;
align-items: center;
gap: 14px;
}.audio-waveform {
display: flex;
align-items: center;
gap: 2.5px;
flex-shrink: 0;
height: 32px;
}
.audio-waveform span {
display: block;
width: 3px;
border-radius: 99px;
background: var(--accent);
opacity: 0.7;
animation: audioBar 1.2s ease-in-out infinite alternate;
box-shadow: 0 0 6px rgba(255,45,45,0.5);
}
.audio-waveform span:nth-child(1)  { height: 8px;  animation-delay: 0s; }
.audio-waveform span:nth-child(2)  { height: 18px; animation-delay: 0.08s; }
.audio-waveform span:nth-child(3)  { height: 26px; animation-delay: 0.16s; }
.audio-waveform span:nth-child(4)  { height: 14px; animation-delay: 0.24s; }
.audio-waveform span:nth-child(5)  { height: 30px; animation-delay: 0.10s; }
.audio-waveform span:nth-child(6)  { height: 20px; animation-delay: 0.32s; }
.audio-waveform span:nth-child(7)  { height: 10px; animation-delay: 0.05s; }
.audio-waveform span:nth-child(8)  { height: 28px; animation-delay: 0.20s; }
.audio-waveform span:nth-child(9)  { height: 16px; animation-delay: 0.28s; }
.audio-waveform span:nth-child(10) { height: 22px; animation-delay: 0.14s; }
.audio-waveform span:nth-child(11) { height: 12px; animation-delay: 0.36s; }
.audio-waveform span:nth-child(12) { height: 24px; animation-delay: 0.04s; }
.audio-waveform span:nth-child(13) { height: 18px; animation-delay: 0.22s; }
.audio-waveform span:nth-child(14) { height: 8px;  animation-delay: 0.30s; }
.audio-waveform span:nth-child(15) { height: 20px; animation-delay: 0.12s; }@keyframes audioBar {
from { transform: scaleY(0.35); opacity: 0.45; }
to   { transform: scaleY(1);    opacity: 0.9; }
}.audio-card:not(:hover) .audio-waveform span {
animation-play-state: paused;
transform: scaleY(0.5);
opacity: 0.35;
}
.audio-card:hover .audio-waveform span {
animation-play-state: running;
}.audio-thumb-wrap {
flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: 8px;
overflow: hidden;
background: rgba(255,255,255,0.06);
display: flex;
align-items: center;
justify-content: center;
}.audio-thumb {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
display: block;
}.audio-thumb-wrap .audio-waveform {
width: 44px;
justify-content: center;
}.audio-info {
flex: 1;
min-width: 0;
text-align: left;
}
.audio-artist {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(255,255,255,0.40);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.audio-title {
font-size: 15px;
font-weight: 900;
color: #fff;
letter-spacing: -0.3px;
margin-top: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}.audio-stats {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 12px;
}
.audio-stat {
display: flex;
flex-direction: column;
align-items: center;
gap: 1px;
}
.audio-stat-val {
font-size: 15px;
font-weight: 900;
color: #fff;
letter-spacing: -0.3px;
line-height: 1;
}
.audio-stat-val.accent { color: var(--accent); }
.audio-stat-lbl {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255,255,255,0.35);
}.audio-more {
margin-top: 40px;
font-size: 15px;
font-weight: 700;
color: rgba(255,255,255,0.35);
letter-spacing: 0.04em;
}@media (max-width: 768px) {
.audio-grid { grid-template-columns: 1fr; }
}.cs-card-wrap {
position: relative;
}.cs-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);background: transparent !important;
border: none !important;
box-shadow: none !important;padding: 16px;
cursor: pointer;
z-index: 999;display: flex;
align-items: center;
justify-content: center;
}.cs-nav-left {
left: -95px;
}.cs-nav-right {
right: -95px;
}.cs-nav:active {
transform: translateY(-50%) scale(0.9);
}.cs-step span {
color: rgba(255,255,255,0.5);
font-weight: 700;
transition: 0.25s ease;
}.cs-step.cs-step-active span {
color: #fff;
text-shadow:
0 0 6px rgba(255,45,45,0.8),
0 0 14px rgba(255,45,45,0.6),
0 0 28px rgba(255,45,45,0.4);
}.cs-step span:hover {
color: #fff;
text-shadow:
0 0 4px rgba(255,45,45,0.6),
0 0 10px rgba(255,45,45,0.4);
}
.cs-step.cs-step-active span {
animation: glowPulse 1.8s infinite;
}@keyframes glowPulse {
0% {
text-shadow:
0 0 4px rgba(255,45,45,0.5),
0 0 10px rgba(255,45,45,0.4);
}
50% {
text-shadow:
0 0 10px rgba(255,45,45,1),
0 0 25px rgba(255,45,45,0.8),
0 0 40px rgba(255,45,45,0.6);
}
100% {
text-shadow:
0 0 4px rgba(255,45,45,0.5),
0 0 10px rgba(255,45,45,0.4);
}
}.cs-card-wrap {
position: relative;
}.cs-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);width: 58px;
height: 58px;
border-radius: 999px;display: flex;
align-items: center;
justify-content: center;font-size: 26px;
font-weight: 900;
line-height: 1;padding: 0;
text-align: center;background: rgba(0,0,0,0.95);
color: #fff;border: 1px solid rgba(255,45,45,0.5);
box-shadow:
0 0 18px rgba(255,45,45,0.6),
0 0 40px rgba(255,45,45,0.3);cursor: pointer;
z-index: 50;backdrop-filter: blur(10px);box-shadow:
0 0 12px rgba(255,45,45,0.6),
0 0 30px rgba(255,45,45,0.35),
inset 0 0 10px rgba(255,45,45,0.25);transition: 0.25s ease;
}.cs-nav-left {
left: 12px;
}.cs-nav-right {
right: 12px;
}.cs-nav:hover {
background: rgba(255,45,45,0.2);
border-color: rgba(255,45,45,0.8);box-shadow:
0 0 20px rgba(255,45,45,0.9),
0 0 50px rgba(255,45,45,0.6),
inset 0 0 12px rgba(255,45,45,0.4);transform: translateY(-50%) scale(1.08);
}.cs-nav:active {
transform: translateY(-50%) scale(0.92);
}.cs-nav {
animation: arrowGlowPulse 2s infinite;
}@keyframes arrowGlowPulse {
0% {
box-shadow:
0 0 10px rgba(255,45,45,0.4),
0 0 25px rgba(255,45,45,0.2);
}
50% {
box-shadow:
0 0 20px rgba(255,45,45,0.9),
0 0 45px rgba(255,45,45,0.6);
}
100% {
box-shadow:
0 0 10px rgba(255,45,45,0.4),
0 0 25px rgba(255,45,45,0.2);
}
}
.cs-sticky {
overflow: visible !important;
}.cs-card-wrap {
overflow: visible !important;
}.cs-section,
.cs-pin-inner,
.cs-outer,
.cs-right,
.cs-sticky,
#csStickyCard,
.cs-card-wrap,
#csCardWrap {
overflow: visible !important;
}.cs-right,
.cs-sticky,
#csStickyCard {
position: relative;
}.cs-card-wrap,
#csCardWrap {
position: relative !important;
}.cs-nav {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;width: 58px !important;
height: 58px !important;
border-radius: 999px !important;display: flex !important;
align-items: center !important;
justify-content: center !important;background: rgba(0,0,0,0.96) !important;
color: #fff !important;
border: 1px solid rgba(255,45,45,0.55) !important;font-size: 24px !important;
font-weight: 900 !important;
line-height: 1 !important;
text-align: center !important;z-index: 999 !important;
cursor: pointer !important;
user-select: none !important;box-shadow:
0 0 18px rgba(255,45,45,0.65),
0 0 46px rgba(255,45,45,0.38),
inset 0 0 10px rgba(255,45,45,0.12) !important;transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease !important;
}.cs-nav-left {
left: -88px !important;
right: auto !important;
}.cs-nav-right {
right: -88px !important;
left: auto !important;
}.cs-nav:hover {
transform: translateY(-50%) scale(1.08) !important;
border-color: rgba(255,45,45,0.95) !important;
box-shadow:
0 0 24px rgba(255,45,45,0.95),
0 0 60px rgba(255,45,45,0.55),
inset 0 0 12px rgba(255,45,45,0.18) !important;
}.cs-nav:active {
transform: translateY(-50%) scale(0.95) !important;
}@media (max-width: 980px) {
.cs-nav {
width: 50px !important;
height: 50px !important;
font-size: 20px !important;
}.cs-nav-left {
left: 10px !important;
}.cs-nav-right {
right: 10px !important;
}
}
.cs-video {
width: 100%;
height: 100%;
object-fit: cover;
pointer-events: none;
}
.cs-card-media {
width: 100%;
height: 380px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.cs-card-media {
width: 100%;
aspect-ratio: 9 / 16;
max-height: 78vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #000;
border-radius: 18px 18px 0 0;
}.cs-video {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
background: #000;
}.cs-card-info {
position: relative;
z-index: 10;
}.cs-ig {
position: relative;
z-index: 20;
pointer-events: auto;
}.cs-video {
pointer-events: none;
}.cs-vid-overlay {
pointer-events: none;
}
.gets-section {
padding-bottom: 60px !important;
}.proof-section {
padding-top: 60px !important;
}.marquee-row,
.marquee-top,
.marquee-bottom,
.marquee-track,
.marquee-item,
.marquee-inner {
display: none !important;
}
.cs-stats{
display:flex !important;
align-items:center !important;
gap:14px !important;
margin-top:14px !important;
margin-bottom:14px !important;
}.cs-stat{
display:flex !important;
flex-direction:column !important;
gap:2px !important;
}.cs-sv{
font-size:20px !important;
font-weight:900 !important;
line-height:1 !important;
color:#fff !important;
}.cs-sl{
font-size:11px !important;
font-weight:700 !important;
color:rgba(255,255,255,0.55) !important;
text-transform:uppercase !important;
letter-spacing:0.08em !important;
}.cs-sd{
width:1px !important;
height:28px !important;
background:rgba(255,255,255,0.10) !important;
}
.cs-banner {
margin-top: 12px;
margin-bottom: 8px;
padding: 6px 10px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff;
background: rgba(255,45,45,0.12);
border: 1px solid rgba(255,45,45,0.35);
border-radius: 8px;
display: inline-block;
}.cs-card-info {
padding: 20px 20px 22px !important;
}.cs-card-title {
font-size: 22px !important;
font-weight: 900 !important;
line-height: 1.05 !important;
letter-spacing: -0.03em !important;
margin-bottom: 10px !important;
color: #fff !important;
}.cs-card-sub {
font-size: 13px !important;
line-height: 1.65 !important;
color: rgba(255,255,255,0.68) !important;
max-width: 95% !important;
margin-bottom: 16px !important;
}.cs-stats {
display: flex !important;
align-items: stretch !important;
justify-content: space-between !important;
gap: 0 !important;
margin-top: 14px !important;
margin-bottom: 16px !important;
padding-top: 14px !important;
border-top: 1px solid rgba(255,255,255,0.08) !important;
}.cs-stat {
flex: 1 1 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
min-width: 0 !important;
padding: 0 10px !important;
}.cs-sv {
font-size: 19px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: -0.03em !important;
color: #fff !important;
}.cs-sl {
margin-top: 6px !important;
font-size: 10px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
color: rgba(255,255,255,0.52) !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
}.cs-sd {
width: 1px !important;
min-width: 1px !important;
background: rgba(255,255,255,0.10) !important;
margin: 4px 0 !important;
}.cs-banner {
margin-top: 6px !important;
margin-bottom: 14px !important;
padding: 8px 12px !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #fff !important;
background: rgba(255,45,45,0.10) !important;
border: 1px solid rgba(255,45,45,0.42) !important;
border-radius: 10px !important;
display: block !important;
width: 100% !important;
text-align: left !important;
box-shadow: inset 0 0 0 1px rgba(255,45,45,0.06) !important;
}.cs-sv-glow {
color: #fff !important;
text-shadow:
0 0 8px rgba(255,45,45,0.75),
0 0 18px rgba(255,45,45,0.45),
0 0 36px rgba(255,45,45,0.20) !important;
animation: csGlowPulse 1.9s ease-in-out infinite !important;
}@keyframes csGlowPulse {
0%, 100% {
text-shadow:
0 0 6px rgba(255,45,45,0.55),
0 0 16px rgba(255,45,45,0.32),
0 0 28px rgba(255,45,45,0.12);
}
50% {
text-shadow:
0 0 10px rgba(255,45,45,0.95),
0 0 24px rgba(255,45,45,0.62),
0 0 42px rgba(255,45,45,0.26);
}
}.cs-ig {
margin-top: 2px !important;
min-width: 138px !important;
padding: 10px 14px !important;
border-radius: 12px !important;
font-size: 12px !important;
font-weight: 800 !important;
background: rgba(255,45,45,0.10) !important;
border: 1px solid rgba(255,45,45,0.38) !important;
box-shadow: none !important;
}.cs-ig:hover {
background: rgba(255,45,45,0.16) !important;
border-color: rgba(255,45,45,0.62) !important;
}.cs-card-media {
background: #000 !important;
}.cs-video {
object-fit: contain !important;
background: #000 !important;
}@media (max-width: 980px) {
.cs-card-title {
font-size: 20px !important;
}.cs-card-sub {
font-size: 12px !important;
}.cs-sv {
font-size: 17px !important;
}.cs-sl {
font-size: 9px !important;
}
}.cs-card {
position: absolute !important;
inset: 0 !important;
display: flex !important;
flex-direction: column !important;
opacity: 0 !important;
transform: translateX(18px) !important;
transition: opacity 0.28s ease, transform 0.28s ease !important;
pointer-events: none !important;
}.cs-card-active {
opacity: 1 !important;
transform: translateX(0) !important;
pointer-events: auto !important;
}.cs-card-media {
position: relative !important;
height: 410px !important;
min-height: 410px !important;
max-height: 410px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: #000 !important;
}.cs-card-info {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
padding: 18px 20px 20px !important;
}.cs-ig {
margin-top: 14px !important;
align-self: flex-start !important;
}@media (max-width: 980px) {
.cs-card-wrap {
height: 640px !important;
}.cs-card-media {
height: 340px !important;
min-height: 340px !important;
max-height: 340px !important;
}
}.cs-media-bottom {
position: absolute;
left: 14px;
right: 14px;
bottom: 14px;
z-index: 8;
display: flex;
flex-direction: column;
gap: 10px;
}.cs-banner {
margin: 0 !important;
padding: 8px 12px !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #fff !important;
background: rgba(255,45,45,0.14) !important;
border: 1px solid rgba(255,45,45,0.42) !important;
border-radius: 10px !important;
width: 100% !important;
text-align: left !important;
backdrop-filter: blur(6px) !important;
-webkit-backdrop-filter: blur(6px) !important;
}.cs-stats-overlay {
margin: 0 !important;
padding: 12px 14px !important;
border-top: none !important;
background: rgba(0,0,0,0.72) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
border-radius: 12px !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}.cs-ig-overlay {
margin-top: 0 !important;
align-self: flex-start !important;
position: relative !important;
z-index: 10 !important;
}.cs-card-info {
padding: 16px 20px 18px !important;
}.cs-card-sub {
margin-bottom: 12px !important;
}.cs-stats-single {
margin-top: 14px !important;
margin-bottom: 0 !important;
justify-content: center !important;
}.cs-stats-single .cs-stat {
align-items: center !important;
text-align: center !important;
}.cs-pill {
z-index: 9 !important;
}.cs-vid-overlay {
pointer-events: none !important;
}
.cs-stats-single {
justify-content: center !important;
gap: 24px !important;
}.cs-stats-single .cs-stat {
align-items: center !important;
text-align: center !important;
}
.cs-nav span {
display: flex;
align-items: center;
justify-content: center;
transform: translateY(-1px);
}
.cs-arrow {
width: 22px;
height: 22px;
stroke: #fff;
stroke-width: 2.5;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;filter:
drop-shadow(0 0 6px rgba(255,255,255,0.9))
drop-shadow(0 0 12px rgba(255,45,45,0.6))
drop-shadow(0 0 20px rgba(255,45,45,0.35));
}.cs-nav {
display: flex;
align-items: center;
justify-content: center;
}
.cs-nav:hover .cs-arrow {
filter:
drop-shadow(0 0 10px rgba(255,255,255,1))
drop-shadow(0 0 18px rgba(255,45,45,0.8))
drop-shadow(0 0 28px rgba(255,45,45,0.5));
}
.cs-arrow {
width: 28px;
height: 28px;stroke: #fff;
stroke-width: 2.8;
fill: none;stroke-linecap: round;
stroke-linejoin: round;filter:
drop-shadow(0 0 6px rgba(255,255,255,0.9))
drop-shadow(0 0 10px rgba(255,45,45,0.5));
}
.cs-nav svg {
display: block;
}
.cs-nav:hover .cs-arrow {
transform: scale(1.1) translateX(2px);
}.cs-nav-left:hover .cs-arrow {
transform: scale(1.1) translateX(-2px);
}.cs-nav,
button.cs-nav,
.cs-nav-left,
.cs-nav-right {
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
padding: 12px !important;background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: none !important;display: flex !important;
align-items: center !important;
justify-content: center !important;cursor: pointer !important;
}.cs-nav::before,
.cs-nav::after,
button.cs-nav::before,
button.cs-nav::after {
content: none !important;
display: none !important;
}.cs-arrow {
width: 28px !important;
height: 28px !important;
display: block !important;stroke: #fff !important;
stroke-width: 2.8 !important;
fill: none !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;filter:
drop-shadow(0 0 6px rgba(255,255,255,0.9))
drop-shadow(0 0 10px rgba(255,45,45,0.45)) !important;
}.cs-nav:hover .cs-arrow {
filter:
drop-shadow(0 0 8px rgba(255,255,255,1))
drop-shadow(0 0 14px rgba(255,45,45,0.6)) !important;
}.cs-nav {
-webkit-tap-highlight-color: transparent;
outline: none !important;
}.cs-nav:hover,
.cs-nav:focus,
.cs-nav:active {
background: transparent !important;
outline: none !important;
box-shadow: none !important;
}.cs-nav:focus-visible {
outline: none !important;
}.cs-nav * {
outline: none !important;
}button.cs-nav {
background: transparent !important;
border: none !important;
appearance: none;
-webkit-appearance: none;
}
.cs-nav:hover .cs-arrow {
transform: scale(1.1);
}
.section { padding: 88px 0; }
#phoneSection { padding-top: 88px; padding-bottom: 88px; }
.footer { margin-top: 72px; }
.more-companies-section { margin-top: -80px; }
.hero .container { transform: translateY(-80px) !important; }#gets,
#phoneSection,
#how {
padding-top: 72px !important;
padding-bottom: 72px !important;
}#gets {
padding-bottom: 48px !important;
}#phoneSection {
padding-top: 48px !important;
}
.cs-pin-inner,
.cs-outer {
height: auto !important;
min-height: auto !important;
}
.section {
padding: 80px 0;
}.section {
padding-top: 88px !important;
padding-bottom: 88px !important;
}.hero {
padding-top: 0 !important;
padding-bottom: 0 !important;
}.bundles-section,
.audio-section,
.views-section,
.companies-section,
.contact-section {
padding-top: 88px !important;
padding-bottom: 88px !important;
}.steps-section,
.track-section,
.cta-final-section {
padding-top: 72px !important;
padding-bottom: 72px !important;
}.gets-section {
padding-top: 72px !important;
padding-bottom: 40px !important;
}#phoneSection {
min-height: auto !important;
height: auto !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
align-items: center !important;
}#phoneSection .cs-pin-inner,
#phoneSection .cs-outer {
min-height: auto !important;
height: auto !important;
}#phoneSection + .gets-section {
padding-top: 40px !important;
padding-bottom: 72px !important;
}.more-companies-section {
padding-top: 0 !important;
padding-bottom: 56px !important;
margin-top: 0 !important;
}.more-companies-title {
transform: none !important;
margin-top: 0 !important;
}.companies-section + .more-companies-section {
padding-top: 0 !important;
}.footer {
margin-top: 56px !important;
}.hero .container {
transform: translateY(-60px) !important;
}@media (max-width: 980px) {
.section {
padding-top: 72px !important;
padding-bottom: 72px !important;
}.steps-section,
.track-section,
.cta-final-section {
padding-top: 56px !important;
padding-bottom: 56px !important;
}.gets-section {
padding-top: 56px !important;
padding-bottom: 32px !important;
}#phoneSection {
padding-top: 32px !important;
padding-bottom: 32px !important;
}#phoneSection + .gets-section {
padding-top: 32px !important;
padding-bottom: 56px !important;
}.more-companies-section {
padding-bottom: 40px !important;
margin-top: 0 !important;
}.more-companies-title {
transform: none !important;
}.hero .container {
transform: translateY(-28px) !important;
}.footer {
margin-top: 32px !important;
}
}.network-diagram {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.split > div:last-child {
display: flex;
justify-content: center;
}
.network-diagram {
max-width: 420px;
margin: 0 auto;
}
.split > div:last-child {
display: flex;
justify-content: center;
align-items: center;
}
.network-diagram {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
}
.split > div:first-child {
max-width: 520px;
}.gets-inner {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
align-items: start !important;
}.gets-right {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
}.flow-visual {
width: 100% !important;
max-width: 430px !important;
margin: 0 auto !important;
}.flow-row {
justify-content: center !important;
}.gets-left {
max-width: 620px !important;
}@media (max-width: 980px) {
.blurtext {
display: inline !important;
padding: 0 !important;
}.blurtext::before {
display: none !important;
content: none !important;
}.section-title,
.section-title-xl,
.cs-left-title {
font-size: 28px !important;
line-height: 1.08 !important;
letter-spacing: -0.04em !important;
}.gets-section {
padding-top: 56px !important;
padding-bottom: 56px !important;
}.gets-inner {
display: flex !important;
flex-direction: column !important;
gap: 28px !important;
align-items: stretch !important;
}.gets-left,
.gets-right {
width: 100% !important;
max-width: 100% !important;
}.gets-right {
display: flex !important;
justify-content: center !important;
align-items: center !important;
overflow: hidden !important;
}.flow-visual {
width: 100% !important;
max-width: 320px !important;
margin: 0 auto !important;
transform: scale(0.92) !important;
transform-origin: center top !important;
gap: 14px !important;
}.flow-row {
justify-content: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
}.flow-box {
padding: 12px 14px !important;
font-size: 12px !important;
border-radius: 12px !important;
white-space: nowrap !important;
}.flow-arrow,
.flow-down {
font-size: 18px !important;
}.gets-list {
gap: 18px !important;
margin-top: 24px !important;
}.gets-list li {
gap: 12px !important;
}.gets-list strong {
font-size: 14px !important;
line-height: 1.25 !important;
}.gets-list p {
font-size: 12px !important;
line-height: 1.5 !important;
}#phoneSection {
display: block !important;
min-height: auto !important;
padding-top: 40px !important;
padding-bottom: 56px !important;
}.cs-pin-inner,
.cs-outer {
display: block !important;
height: auto !important;
min-height: auto !important;
}.cs-left,
.cs-right {
width: 100% !important;
max-width: 100% !important;
}.cs-left {
margin-bottom: 22px !important;
}.cs-left-body {
font-size: 14px !important;
line-height: 1.65 !important;
max-width: 100% !important;
}.cs-stepper {
width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
gap: 10px !important;
padding-bottom: 6px !important;
scrollbar-width: none !important;
}.cs-stepper::-webkit-scrollbar {
display: none !important;
}.cs-step {
flex: 0 0 auto !important;
font-size: 11px !important;
}.cs-step-line {
width: 24px !important;
flex: 0 0 24px !important;
}.cs-card-wrap {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
}.cs-card {
position: relative !important;
inset: auto !important;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
display: none !important;
}.cs-card.cs-card-active {
display: flex !important;
}.cs-card-media {
height: 340px !important;
min-height: 340px !important;
max-height: 340px !important;
}.cs-video {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}.cs-card-info {
padding: 16px 16px 18px !important;
}.cs-card-title {
font-size: 18px !important;
line-height: 1.1 !important;
}.cs-card-sub {
font-size: 12px !important;
line-height: 1.55 !important;
}.cs-stats {
gap: 0 !important;
}.cs-sv {
font-size: 16px !important;
}.cs-sl {
font-size: 9px !important;
}.cs-nav {
top: 50% !important;
transform: translateY(-50%) !important;
padding: 10px !important;
z-index: 30 !important;
}.cs-nav-left {
left: 8px !important;
}.cs-nav-right {
right: 8px !important;
}.cs-arrow {
width: 22px !important;
height: 22px !important;
}
}
.flow-visual {
position: relative;
top: 80px;
}
@media (max-width: 980px) {
.gets-right {
display: flex !important;
justify-content: center !important;
align-items: center !important;
overflow: visible !important;
margin-top: 8px !important;
}.flow-visual {
width: 100% !important;
max-width: 300px !important;
margin: 0 auto !important;
transform: none !important;
gap: 12px !important;
}.flow-row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
justify-items: stretch !important;
}.flow-box {
width: 100% !important;
padding: 14px 16px !important;
font-size: 13px !important;
border-radius: 14px !important;
white-space: normal !important;
text-align: center !important;
}.flow-arrow {
display: block !important;
text-align: center !important;
font-size: 18px !important;
line-height: 1 !important;
margin: -2px 0 0 !important;
}.flow-down {
display: block !important;
text-align: center !important;
font-size: 22px !important;
line-height: 1 !important;
margin: 0 !important;
}
}
@media (max-width: 980px) {
.hero h1 {
line-height: 1.1 !important;
}.hero h1 .line-break {
display: block;
}
}
@media (max-width: 980px) {
.bundles-section .section-title {
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.04em;
margin-bottom: 10px !important;
}.bundles-section .section-sub {
font-size: 14px !important;
line-height: 1.5 !important;
max-width: 260px;
margin: 0 auto;
}
}
@media (max-width: 980px) {
.cs-stepper {
display: flex !important;
align-items: center !important;
gap: 10px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
white-space: nowrap !important;
-webkit-overflow-scrolling: touch !important;
scrollbar-width: none !important;
padding-bottom: 6px !important;
}.cs-stepper::-webkit-scrollbar {
display: none !important;
}.cs-step {
flex: 0 0 auto !important;
white-space: nowrap !important;
}
}
.cs-step-line {
display: none !important;
}
@media (max-width: 980px) {
.cs-step {
font-size: 11px !important;
}.cs-step span {
white-space: nowrap !important;
}
}.bundles-section .section-title {
font-size: 56px !important;
line-height: 1.08 !important;
margin-bottom: 12px !important;
}.bundles-section .section-sub {
max-width: none !important;
width: auto !important;
margin: 0 auto 0 !important;
font-size: 17px !important;
line-height: 1.5 !important;
white-space: normal !important;
}@media (max-width: 980px) {
.bundles-section .section-title {
font-size: 30px !important;
line-height: 1.1 !important;
letter-spacing: -0.04em !important;
margin-bottom: 10px !important;
}.bundles-section .section-sub {
max-width: 260px !important;
margin: 0 auto !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
}@media (max-width: 980px) {
.steps-section {
padding-top: 56px !important;
padding-bottom: 56px !important;
}.steps-section .section-title {
font-size: 30px !important;
line-height: 1.08 !important;
letter-spacing: -0.04em !important;
margin-bottom: 10px !important;
}.steps-section .section-sub {
max-width: 280px !important;
margin: 0 auto 22px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}.steps-grid {
margin-top: 24px !important;
}
}.cs-card-head {
display: flex;
align-items: center;
gap: 12px;
}.cs-card-title {
margin-right: auto;
}.cs-ig-inline {
flex: 0 0 auto;
}@media (max-width: 980px) {
.cs-card-head {
flex-direction: row !important;
align-items: center !important;
gap: 10px !important;
}.cs-card-head .cs-card-title {
font-size: 17px !important;
}.cs-ig-inline {
padding: 9px 12px !important;
font-size: 11px !important;
white-space: nowrap !important;
}
}.flow-visual {
width: 100% !important;
max-width: 420px !important;
margin: 0 auto !important;
gap: 16px !important;
}.flow-row {
justify-content: center !important;
gap: 12px !important;
}.flow-box {
min-width: 150px !important;
padding: 14px 18px !important;
border-radius: 16px !important;
font-size: 13px !important;
font-weight: 800 !important;
}.flow-arrow,
.flow-down {
opacity: 0.9 !important;
}@media (max-width: 980px) {
.gets-right {
margin-top: 12px !important;
}.flow-visual {
max-width: 280px !important;
gap: 10px !important;
}.flow-row {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 10px !important;
}.flow-box {
min-width: 0 !important;
width: 100% !important;
padding: 13px 14px !important;
font-size: 12px !important;
text-align: center !important;
}.flow-arrow {
transform: rotate(90deg) !important;
font-size: 16px !important;
line-height: 1 !important;
margin: -2px 0 !important;
}.flow-down {
display: none !important;
}
}.cs-card-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
}.cs-ig-inline {
flex: 0 0 auto !important;
margin-top: 0 !important;
white-space: nowrap !important;
}@media (max-width: 980px) {
.cs-card-head {
align-items: center !important;
gap: 10px !important;
}.cs-card-head .cs-card-title {
font-size: 16px !important;
line-height: 1.1 !important;
}.cs-ig-inline {
padding: 8px 10px !important;
font-size: 11px !important;
}
}
.cs-card-head {
align-items: flex-start !important;
}.cs-ig-inline {
margin-top: 2px;
}
.cs-card-head {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}.cs-ig-inline {
order: -1;
}
.cs-ig-inline {
margin-top: -2px;
}
@media (max-width: 980px) {
.cs-card-head {
align-items: center;
}.cs-ig-inline {
font-size: 11px;
padding: 8px 10px;
margin-top: 0;
}
}
.cs-ig-icon {
width: 34px;
height: 34px;
border-radius: 10px;display: flex;
align-items: center;
justify-content: center;border: 1px solid rgba(255,255,255,0.15);
background: rgba(255,255,255,0.03);transition: 0.2s ease;
}.cs-ig-icon svg {
width: 16px;
height: 16px;
stroke: white;
stroke-width: 2;
fill: none;filter: drop-shadow(0 0 6px rgba(255,45,45,0.6));
}.cs-ig-icon:hover {
border-color: rgba(255,45,45,0.6);
background: rgba(255,45,45,0.08);box-shadow: 0 0 14px rgba(255,45,45,0.25);
}
.cs-ig-icon {
opacity: 0.7;
}.cs-card-head:hover .cs-ig-icon {
opacity: 1;
}.cs-card-head {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}.cs-card-head .cs-card-title {
margin-right: auto !important;
}.cs-ig-icon {
width: 34px !important;
height: 34px !important;
flex: 0 0 auto !important;display: flex !important;
align-items: center !important;
justify-content: center !important;border-radius: 10px !important;
border: 1px solid rgba(255,255,255,0.14) !important;
background: rgba(255,255,255,0.03) !important;transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}.cs-ig-icon svg {
width: 16px !important;
height: 16px !important;
display: block !important;
stroke: #fff !important;
stroke-width: 2 !important;
fill: none !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
transition: transform 0.2s ease !important;
filter: drop-shadow(0 0 6px rgba(255,45,45,0.35)) !important;
}.cs-ig-icon:hover {
border-color: rgba(255,45,45,0.55) !important;
background: rgba(255,45,45,0.08) !important;
box-shadow: 0 0 14px rgba(255,45,45,0.18) !important;
}.cs-ig-icon:hover svg {
transform: translate(2px, -2px) !important;
}@media (max-width: 980px) {
.cs-card-head {
align-items: flex-start !important;
gap: 10px !important;
}.cs-card-head .cs-card-title {
font-size: 15px !important;
line-height: 1.05 !important;
max-width: none !important;
margin-right: auto !important;
}.cs-ig-icon {
width: 32px !important;
height: 32px !important;
margin-top: 2px !important;
}.cs-ig-icon svg {
width: 15px !important;
height: 15px !important;
}
}.cs-card-title {
font-size: 22px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
}
@media (max-width: 980px) {
.cs-card-title {
font-size: 18px !important;
line-height: 1.1 !important;
}
}
.cs-card-title {
text-shadow: 0 0 10px rgba(255,255,255,0.06);
}.cs-card-head {
display: flex;
align-items: center;
gap: 10px;
}.cs-card-title {
margin-right: auto;
}.cs-ig-link {
display: inline-flex;
align-items: center;
gap: 6px;font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.7);text-decoration: none;
white-space: nowrap;transition: 0.2s ease;
}.cs-ig-arrow {
font-size: 13px;
transition: transform 0.2s ease;
}.cs-ig-link:hover {
color: #fff;
}.cs-ig-link:hover .cs-ig-arrow {
transform: translate(3px, -3px);
}
.cs-ig-link {
opacity: 0.6;
}.cs-ig-link:hover {
opacity: 1;
}.cs-card-head {
display: flex;
align-items: center;
gap: 10px;
}.cs-card-head .cs-card-title {
margin-right: auto;
}.cs-ig-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.72);
text-decoration: none;
white-space: nowrap;
transition: color 0.2s ease, opacity 0.2s ease;
}.cs-ig-arrow {
font-size: 13px;
line-height: 1;
transition: transform 0.2s ease;
}.cs-ig-link:hover {
color: #fff;
}.cs-ig-link:hover .cs-ig-arrow {
transform: translate(3px, -3px);
}.cs-ig-icon {
display: none !important;
}.cs-card-title {
font-size: 22px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
}@media (max-width: 980px) {
.cs-card-head {
display: flex;
align-items: flex-start;
gap: 8px;
}.cs-card-head .cs-card-title {
margin-right: auto;
max-width: 52%;
}.cs-ig-link {
font-size: 12px;
flex: 0 0 auto;
}.cs-ig-arrow {
font-size: 12px;
}.cs-card-title {
font-size: 18px !important;
line-height: 1.1 !important;
}
}.cs-card-head {
display: flex;
align-items: center;
gap: 10px;
}.cs-card-head .cs-card-title {
margin-right: auto;
}.cs-card-title {
font-family: 'Inter', sans-serif !important;
font-size: 20px !important;
font-weight: 800 !important;
letter-spacing: -0.3px !important;
line-height: 1.15 !important;
}.cs-ig-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.7);
text-decoration: none;
white-space: nowrap;
}.cs-ig-arrow {
transition: transform 0.2s ease;
}.cs-ig-link:hover {
color: #fff;
}.cs-ig-link:hover .cs-ig-arrow {
transform: translate(3px, -3px);
}@media (max-width: 980px) {
.cs-card-title {
font-size: 17px !important;
}.cs-card-head {
align-items: flex-start;
}
}.cs-card-head {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}.cs-card-head .cs-card-title {
margin-right: auto !important;
}.cs-card-title {
font-family: 'Inter', sans-serif !important;
font-size: 20px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.3px !important;
}.cs-ig-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
white-space: nowrap !important;
text-decoration: none !important;
color: rgba(255,255,255,0.72) !important;
font-size: 13px !important;
font-weight: 600 !important;
}.cs-ig-arrow {
line-height: 1 !important;
transition: transform 0.2s ease !important;
}.cs-ig-link:hover {
color: #fff !important;
}.cs-ig-link:hover .cs-ig-arrow {
transform: translate(3px, -3px) !important;
}.cs-card-info > .cs-ig {
display: none !important;
}@media (max-width: 980px) {
.cs-card-title {
font-size: 17px !important;
}.cs-card-head {
align-items: flex-start !important;
}.cs-ig-link {
font-size: 12px !important;
}
}.cs-card-info {
padding: 20px 18px 18px !important;
}.cs-card-head {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}.cs-card-head .cs-card-title {
margin-right: auto !important;
}.cs-card-title {
font-family: 'Inter', sans-serif !important;
font-size: 20px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.3px !important;
}.cs-card-sub {
margin-top: 10px !important;
}.cs-ig-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
white-space: nowrap !important;
text-decoration: none !important;
color: rgba(255,255,255,0.72) !important;
font-size: 13px !important;
font-weight: 600 !important;
}.cs-ig-arrow {
line-height: 1 !important;
transition: transform 0.2s ease !important;
}.cs-ig-link:hover {
color: #fff !important;
}.cs-ig-link:hover .cs-ig-arrow {
transform: translate(3px, -3px) !important;
}.cs-card-info > .cs-ig,
.cs-ig-icon {
display: none !important;
}@media (max-width: 980px) {
.cs-card-title {
font-size: 17px !important;
}.cs-card-head {
align-items: flex-start !important;
}.cs-ig-link {
font-size: 12px !important;
}
}
.cs-stepper {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
}.track-dashboard{
margin: 42px auto 0;
width: min(980px, 92vw);
padding: 26px;
border-radius: 24px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.10);
box-shadow: 0 30px 90px rgba(0,0,0,0.45);
}.track-dash-grid{
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
gap: 16px;
}.track-panel{
padding: 22px;
border-radius: 18px;
background: rgba(0,0,0,0.35);
border: 1px solid rgba(255,255,255,0.08);
}.track-panel-value{
font-size: 34px;
font-weight: 900;
}.steps-section .section-sub{
display: block;
margin: 12px auto 26px;
text-align: center;
}.founder-button-wrap{
margin-top: 18px;
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}.contact-section .founder-button-wrap{
margin-top: 22px;
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.contact-icons{
margin-top: 16px !important;
}.contact-section .founder-button-wrap{
margin-top: 14px !important;
}
@media (min-width: 981px){
.contact-section{
padding-top: 80px !important;
padding-bottom: 80px !important;
}.contact-block{
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}.contact-text{
margin-top: 10px !important;
}.contact-email-line{
margin-top: 14px !important;
}
}
@media (max-width: 980px){
.contact-section{
padding-top: 70px !important;
padding-bottom: 70px !important;
}.contact-icons{
margin-top: 12px !important;
}.founder-button-wrap{
margin-top: 12px !important;
}
}.contact-section .contact-block{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}.contact-section .contact-icons{
margin-top: 14px !important;
margin-bottom: 0 !important;
}.contact-section .founder-button-wrap{
margin-top: 16px !important;
margin-bottom: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
}.contact-section .footer-copy{
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
margin-top: 18px !important;
text-align: center !important;
width: 100% !important;
font-size: 12px !important;
opacity: 0.45 !important;
}@media (min-width: 981px){
.contact-section .founder-button-wrap{
margin-top: 14px !important;
}.contact-section .footer-copy{
margin-top: 16px !important;
}
}@media (max-width: 980px){
.contact-section .contact-icons{
margin-top: 12px !important;
}.contact-section .founder-button-wrap{
margin-top: 12px !important;
}.contact-section .footer-copy{
margin-top: 14px !important;
}
}.contact-section .contact-block{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}.contact-section .orbit-zone{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
padding:42px 0 20px !important;
}.contact-section .contact-title,
.contact-section .contact-text,
.contact-section .contact-email-line,
.contact-section .contact-icons,
.contact-section .founder-button-wrap,
.contact-section .footer-copy{
transform:none !important;
left:auto !important;
right:auto !important;
}.contact-section .contact-icons{
margin-top:14px !important;
margin-bottom:0 !important;
}.contact-section .founder-button-wrap{
margin-top:10px !important;
margin-bottom:0 !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
gap:14px !important;
flex-wrap:wrap !important;
}.contact-section .footer{
width:100% !important;
margin-top:12px !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}.contact-section .footer-copy{
width:100% !important;
margin:12px auto 0 !important;
text-align:center !important;
font-size:12px !important;
opacity:0.45 !important;
position:static !important;
}@media (min-width: 981px){
.contact-section .founder-button-wrap{
margin-top:8px !important;
}.contact-section .footer-copy{
margin-top:10px !important;
}
}@media (max-width: 980px){
.contact-section .orbit-zone{
padding:42px 0 12px !important;
}.contact-section .contact-icons{
margin-top:12px !important;
}.contact-section .founder-button-wrap{
margin-top:8px !important;
}.contact-section .footer-copy{
margin-top:10px !important;
}
}@media (max-width: 980px){
.bundles-grid{
display: flex !important;
flex-direction: column !important;
}.bundles-grid .bundle-card{
order: 0 !important;
}.bundles-grid .bundle-card:nth-child(1){ order: 1 !important; }
.bundles-grid .bundle-card:nth-child(2){ order: 2 !important; }
.bundles-grid .bundle-card:nth-child(3){ order: 3 !important; }
.bundles-grid .bundle-card:nth-child(4){ order: 4 !important; }
}.bundle-banner{
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
padding: 8px 18px;border-radius: 999px;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.4px;
color: #fff;background: rgba(255,45,45,0.12);
border: 1px solid rgba(255,45,45,0.45);box-shadow:
0 0 0 1px rgba(255,45,45,0.25) inset,
0 0 22px rgba(255,45,45,0.22);animation: bundlePulse 2.2s ease-in-out infinite;
}@keyframes bundlePulse{
0%,100%{
box-shadow:
0 0 0 1px rgba(255,45,45,0.25) inset,
0 0 22px rgba(255,45,45,0.22);
}
50%{
box-shadow:
0 0 0 1px rgba(255,45,45,0.45) inset,
0 0 32px rgba(255,45,45,0.35);
}
}
.bundle-banner-wrap{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 18px;
}.bundle-banner{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.3px;
color: #fff;
background: rgba(255,45,45,0.10);
border: 1px solid rgba(255,45,45,0.45);
box-shadow:
0 0 0 1px rgba(255,45,45,0.18) inset,
0 0 24px rgba(255,45,45,0.18);
overflow: hidden;
isolation: isolate;
animation: bundleBannerIn 0.8s ease-out both, bundleBannerPulse 2.8s ease-in-out infinite 0.8s;
}.bundle-banner::before{
content: "";
position: absolute;
top: 0;
left: -40%;
width: 30%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent);
transform: skewX(-20deg);
animation: bundleBannerShimmer 2.8s ease-in-out infinite 1.2s;
pointer-events: none;
}@keyframes bundleBannerIn{
from{
opacity: 0;
transform: translateY(10px) scale(0.96);
}
to{
opacity: 1;
transform: translateY(0) scale(1);
}
}@keyframes bundleBannerPulse{
0%, 100%{
box-shadow:
0 0 0 1px rgba(255,45,45,0.18) inset,
0 0 24px rgba(255,45,45,0.18);
}
50%{
box-shadow:
0 0 0 1px rgba(255,45,45,0.35) inset,
0 0 38px rgba(255,45,45,0.32);
}
}@keyframes bundleBannerShimmer{
0%{
left: -40%;
opacity: 0;
}
15%{
opacity: 1;
}
55%{
left: 115%;
opacity: 1;
}
100%{
left: 115%;
opacity: 0;
}
}@media (max-width: 980px){
.bundle-banner-wrap{
margin-bottom: 14px;
}.bundle-banner{
font-size: 12px;
padding: 9px 16px;
}
}.bundle-price{
font-size: 42px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1.05;
display: flex;
align-items: baseline;
}.price-old{
display: flex;
align-items: center;
gap: 10px;font-size: 15px;
font-weight: 700;color: rgba(255,255,255,0.55);
}.price-old .old-amount{
position: relative;
display: inline-block;
}.price-old .old-amount::after{
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1.5px;
background: rgba(255,255,255,0.4);
transform: translateY(-50%);
}.discount-badge{
background: #ff2d2d;
color: #fff;font-size: 11px;
font-weight: 900;padding: 5px 10px;
border-radius: 999px;white-space: nowrap;
}
.price-old{
position: relative;
font-size: 14px;
font-weight: 700;
color: rgba(255,255,255,0.6);
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: rgba(255,255,255,0.6);
margin-bottom: 4px;
}.bundle-savings{
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 10px;
margin-bottom: 2px;
padding: 4px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.5px;
text-transform: uppercase;
color: #ffb3b3;
background: rgba(255,45,45,0.10);
border: 1px solid rgba(255,45,45,0.22);
}.bundle-price{
font-size: 42px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1;
margin-top: 8px;
white-space: nowrap;
}.price-old{
position: relative;
display: inline-block;
font-size: 18px;
font-weight: 800;
line-height: 1;
color: rgba(255,255,255,0.34);
letter-spacing: -0.4px;
padding-right: 4px;
}.price-old::after{
content: "";
position: absolute;
left: -6%;
top: 52%;
width: 112%;
height: 3px;
border-radius: 999px;
background: linear-gradient(
90deg,
rgba(255,45,45,0) 0%,
rgba(255,45,45,0.95) 18%,
rgba(255,45,45,1) 50%,
rgba(255,45,45,0.95) 82%,
rgba(255,45,45,0) 100%
);
transform-origin: left center;
box-shadow:
0 0 10px rgba(255,45,45,0.35),
0 0 18px rgba(255,45,45,0.18);
}.price-new{
font-size: 42px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1;
color: #fff;
}@media (max-width: 980px){
.bundle-savings{
font-size: 10px;
padding: 4px 9px;
}.price-old{
font-size: 16px;
}.price-new{
font-size: 38px;
}
}
.bundle-price{
white-space: nowrap;
}
.bundle-price{
font-size: 42px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1;
margin-top: 8px;
white-space: nowrap;
}.bundle-plus{
font-size: 0.52em;
margin-left: 3px;
position: static;
}
.bundle-price-wrap{
position: relative;
display: inline-block;
margin-top: 10px;
}.price-old{
position: absolute;
top: -16px;
left: 0;
font-size: 14px;
opacity: 0.35;
text-decoration: none;
pointer-events: none;
}.bundle-price{
font-size: 42px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1;
white-space: nowrap;
}
.price-old{
transform: rotate(-3deg);
}
.bundle-pricing{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 72px;
margin-top: 10px;
margin-bottom: 10px;
}.price-old{
display: block;
font-size: 14px;
font-weight: 700;
line-height: 1;
color: rgba(255,255,255,0.72);
text-decoration: line-through;
text-decoration-thickness: 1.5px;
text-decoration-color: rgba(255,255,255,0.72);
margin: 0 0 8px 0;
}.bundle-price{
font-size: 42px;
font-weight: 900;
letter-spacing: -2px;
line-height: 1;
color: #fff;
white-space: nowrap;
margin: 0;
}
.bundle-card{
display: flex;
flex-direction: column;
}.bundle-pricing{
min-height: 70px;
}
.price-old{
font-size: 13px;
color: #fff;
opacity: 0.35;
margin-top: 6px;
margin-bottom: -6px;
position: relative;
display: inline-block;
}.price-old::after{
content: "";
position: absolute;
left: -5%;
top: 50%;
width: 110%;
height: 1.5px;
background: rgba(255,255,255,0.7);
transform: rotate(-6deg);
}
.bundle-pricing{
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 6px;
}.bundle-price{
font-size: 32px;
font-weight: 900;
color: #fff;
line-height: 1;
}
.bundle-card{
display: flex;
flex-direction: column;
}.bundle-pricing{
min-height: 48px;
}.bundle-card{
display: flex;
flex-direction: column;
}.bundle-pricing{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
min-height: 64px;
margin-top: 10px;
margin-bottom: 8px;
}.price-old{
display: flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 700;
line-height: 1;
color: rgba(255,255,255,0.72);
text-decoration: none;
margin: 0 0 6px 0;
position: static;
opacity: 1;
padding: 0;
pointer-events: none;
}.old-amount {
text-decoration: line-through;
text-decoration-thickness: 1.5px;
text-decoration-color: rgba(255,255,255,0.72);
}.price-old::before,
.price-old::after{
content: none !important;
display: none !important;
}.bundle-price{
display: inline-flex;
align-items: center;
}.bundle-plus{
font-size: 0.55em;
margin-left: 2px;
position: relative;
top: -1px;
}@media (max-width: 980px){
.bundle-pricing{
min-height: 56px;
}.price-old{
font-size: 13px;
margin-bottom: 5px;
}.bundle-price{
font-size: 38px;
}
}
.bundle-pricing{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 78px;
}.bundle-pricing::before{
content: "";
height: 18px;
display: block;
}
.price-old{
transform: none !important;
}.price-old::before,
.price-old::after{
content: none !important;
display: none !important;
}
.price-old{
margin-bottom: 6px;
}
.bundle-pricing{
margin-top: 4px;
}
.bundle-tier{
margin-bottom: 0px;
}.bundle-pricing{
margin-top: -2px;
}
.bundle-plus{
transform: translateY(-0.5px);
}
.cs-card-media{
position: relative;
cursor: pointer;
}.cs-video{
width: 100%;
height: 100%;
object-fit: contain;
background: #000;
}.cs-sound-toggle {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 12;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border-radius: 50%;
border: none;
background: rgba(60, 60, 60, 0.75);
color: #fff;
pointer-events: none;
opacity: 0;
transition: none;
}.cs-sound-text {
display: none;
}.cs-sound-icon::before {
content: "";
display: block;
width: 36px;
height: 36px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3.63 3.63a1 1 0 0 0 0 1.41L7.29 8.7 7 9H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3l4 4a1 1 0 0 0 1.7-.7v-2.83l4.93 4.93a1 1 0 0 0 1.41-1.41L5.04 3.63a1 1 0 0 0-1.41 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53A8.93 8.93 0 0 0 21 12c0-4.28-3-7.86-7-8.77v2.06A7.01 7.01 0 0 1 19 12zm-7-8l-1.88 1.88L12 7.76zm4.5 8A4.5 4.5 0 0 0 14 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z'/%3E%3C/svg%3E") no-repeat center / contain;
}.cs-sound-toggle:not(.is-muted) .cs-sound-icon::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}@keyframes soundFadeOut {
0%   { opacity: 1; }
60%  { opacity: 1; }
100% { opacity: 0; }
}.cs-sound-toggle.flash {
animation: soundFadeOut 0.9s ease forwards;
}@keyframes soundHint {
0%   { opacity: 0; }
15%  { opacity: 0.85; }
30%  { opacity: 0; }
50%  { opacity: 0.85; }
70%  { opacity: 0; }
100% { opacity: 0; }
}.cs-sound-toggle.hint {
animation: soundHint 1.4s ease forwards;
}.cs-tap-hint {
position: absolute;
bottom: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 13;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: rgba(255,255,255,0.9);
white-space: nowrap;
pointer-events: none;
opacity: 0;
transition: opacity 0.4s ease;
}.cs-tap-hint-show {
opacity: 1;
}.cs-tap-hint-hide {
opacity: 0;
transition: opacity 0.6s ease;
}@keyframes igGlow {
0%   { color: rgba(255,255,255,0.72); text-shadow: none; }
50%  { color: #fff; text-shadow: 0 0 12px rgba(255,255,255,0.6), 0 0 24px rgba(255,255,255,0.2); }
100% { color: rgba(255,255,255,0.72); text-shadow: none; }
}.cs-ig-link {
animation: igGlow 2.2s ease-in-out infinite !important;
}.cs-ig-link:hover {
animation: none !important;
color: #fff !important;
text-shadow: 0 0 14px rgba(255,255,255,0.7) !important;
}.reveal {
opacity: 0;
transform: translateY(10px);
transition: opacity 0.4s ease, transform 0.4s ease;
}.reveal.revealed {
opacity: 1;
transform: translateY(0);
}
.nav-logo-link {
margin-left: -20px;
}
@media (max-width: 980px){
.section-title{
font-size: 32px;
line-height: 1.2;
}
}
.step-connector{
user-select: none;
-webkit-user-select: none;
cursor: default;
}.step-connector::selection{
background: transparent;
}.tier-label-wrap {
display: flex;
justify-content: center;
margin-bottom: 24px;
}.tier-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.18em;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 100px;
}.tier-label-emerging {
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.14);
color: rgba(255, 255, 255, 0.65);
}.tier-label-emerging::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
opacity: 0.5;
}.tier-label-pro {
background: rgba(255, 45, 45, 0.10);
border: 1px solid rgba(255, 45, 45, 0.30);
color: var(--accent);
}.tier-label-pro::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--accent);
}.emerging-bundles-section {
padding-bottom: 60px;
}.bundle-best-for {
font-size: 11.5px;
color: rgba(255,255,255,0.42);
line-height: 1.5;
margin-top: 10px;
margin-bottom: 16px;
font-style: italic;
}@media (max-width: 768px) {
.steps-section .center {
text-align: left;
}
.steps-section .section-title.blurtext,
.steps-section .steps-sub.blurtext {
display: inline;
}
.steps-section .section-title.blurtext {
margin-right: 0.3em;
}
.steps-section .steps-sub {
font-size: 15px !important;
margin: 0 !important;
max-width: none !important;
}
.steps-section .steps-grid {
margin-top: 28px !important;
display: block;
}
}.bundle-guarantee {
font-size: 11px;
color: rgba(255,255,255,0.38);
text-align: center;
margin-top: 10px;
letter-spacing: 0.01em;
}
#intro-loader {
position: fixed;
inset: 0;
z-index: 999999;
background: #000;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.7s ease, visibility 0.7s ease;
}#intro-loader.hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}.intro-circle {
width: min(620px, 82vw);
height: min(620px, 82vw);
border-radius: 50%;
display: grid;
place-items: center;
background: transparent;
border: 1.5px solid rgba(255,45,45,0.30);
box-shadow:
0 0 10px rgba(255,45,45,0.18),
0 0 28px rgba(255,45,45,0.08);
overflow: hidden;
animation: introPulse 1.8s ease-in-out infinite;
}#intro-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}@keyframes introPulse {
0%, 100% {
transform: scale(1);
box-shadow:
0 0 10px rgba(255,45,45,0.18),
0 0 28px rgba(255,45,45,0.08);
}
50% {
transform: scale(1.02);
box-shadow:
0 0 14px rgba(255,45,45,0.24),
0 0 36px rgba(255,45,45,0.10);
}
}
.bundle-cta-hero{
border-color: rgba(255,45,45,0.35);
color: rgba(255,45,45,0.95) !important;
background: rgba(255,45,45,0.06);
font-weight: 900;
}.bundle-cta-hero:hover{
border-color: rgba(255,45,45,0.7);
color: #fff !important;
background: rgba(255,45,45,0.15);
box-shadow: 0 0 20px rgba(255,45,45,0.25);
}
.bundle-cta-hero{
color: #ffffff !important;
}.back-to-top{
position: fixed;
bottom: 24px;
right: 24px;
width: 52px;
height: 52px;
border-radius: 999px;display: flex;
align-items: center;
justify-content: center;font-size: 24px;
font-weight: 900;
text-decoration: none !important;
color: #ffffff !important;background: rgba(255,45,45,0.12);
border: 1px solid rgba(255,45,45,0.50);
box-shadow: 0 0 0 1px rgba(255,45,45,0.22) inset, 0 18px 60px rgba(0,0,0,0.35), 0 0 28px rgba(255,45,45,0.18);backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);opacity: 0;
pointer-events: none;
transform: translateY(14px) scale(0.94);transition: opacity 0.28s ease, transform 0.28s cubic-bezier(.2,.9,.2,1), box-shadow 0.2s ease;
z-index: 9999;
overflow: hidden;
isolation: isolate;
}.back-to-top.show{
opacity: 1;
pointer-events: auto;
transform: translateY(0) scale(1);
}.back-to-top:hover{
border-color: rgba(255,45,45,0.75);
background: rgba(255,45,45,0.18);
box-shadow: 0 0 0 1px rgba(255,45,45,0.40) inset, 0 0 30px rgba(255,45,45,0.35), 0 18px 60px rgba(0,0,0,0.4);
}.back-to-top .cta-orb{
position:absolute;
width:4px;
height:4px;
border-radius:999px;
offset-path: inset(0px round 999px);
offset-rotate:0deg;
pointer-events:none;
z-index:2;
background:rgba(255,45,45,1);
box-shadow:0 0 6px rgba(255,45,45,0.9), 0 0 14px rgba(255,45,45,0.4);
animation:orbRun var(--edgeOrbDuration) linear infinite;
}.back-to-top .cta-orb.orb-a{ offset-distance:0%; }
.back-to-top .cta-orb.orb-b{ animation-delay:calc(var(--edgeOrbDuration)*-0.5); }.scale-checkout-box{
margin-top: 22px;
width: 100%;
display: flex;
flex-direction: column;
gap: 14px;
}.scale-budget-input-wrap{
position: relative;
width: 100%;
height: 52px;
display: flex;
align-items: center;
border-radius: 14px;
background:
linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.035)),
rgba(0,0,0,0.34);
border: 1px solid rgba(255,255,255,0.18);
box-shadow:
0 0 0 1px rgba(255,45,45,0.08) inset,
0 16px 40px rgba(0,0,0,0.28);
overflow: hidden;
transition: 0.2s ease;
}.scale-budget-input-wrap:focus-within{
border-color: rgba(255,45,45,0.58);
background:
linear-gradient(180deg, rgba(255,45,45,0.10), rgba(255,255,255,0.035)),
rgba(0,0,0,0.42);
box-shadow:
0 0 0 1px rgba(255,45,45,0.28) inset,
0 0 26px rgba(255,45,45,0.16),
0 16px 40px rgba(0,0,0,0.36);
}.scale-dollar{
position: absolute;
left: 18px;
top: 50%;
transform: translateY(-52%);
font-size: 20px;
font-weight: 900;
line-height: 1;
color: rgba(255,255,255,0.72);
pointer-events: none;
z-index: 2;
}.scale-budget-input{
width: 100%;
height: 100%;
padding: 0 18px 0 48px;
border: 0;
outline: 0;
background: transparent;
color: #fff;
font-family: inherit;
font-size: 20px;
font-weight: 900;
letter-spacing: -0.4px;
line-height: 52px;
appearance: textfield;
-moz-appearance: textfield;
}.scale-budget-input::placeholder{
color: rgba(255,255,255,0.34);
}.scale-budget-input::-webkit-outer-spin-button,
.scale-budget-input::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}.scale-checkout-btn{
margin-top: 0;
min-height: 52px;
border-radius: 14px;
font-size: 14px;
color: #fff !important;
background: rgba(255,255,255,0.055);
border-color: rgba(255,255,255,0.20);
}.scale-checkout-btn:hover{
border-color: rgba(255,45,45,0.62);
background: rgba(255,45,45,0.10);
box-shadow:
0 0 0 1px rgba(255,45,45,0.20) inset,
0 0 24px rgba(255,45,45,0.14);
}@media (max-width: 980px){
.scale-checkout-box{
margin-top: 20px;
gap: 12px;
}.scale-budget-input-wrap,
.scale-checkout-btn{
height: 50px;
min-height: 50px;
}.scale-budget-input{
font-size: 18px;
line-height: 50px;
padding: 0 14px 0 44px;
}.scale-dollar{
font-size: 18px;
left: 14px;
}
}
.back-to-top {
position: fixed !important;
right: 18px !important;
bottom: calc(96px + env(safe-area-inset-bottom)) !important;
z-index: 999999 !important;
display: flex !important;
opacity: 0;
visibility: hidden;
pointer-events: none;
}.back-to-top.show {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}@media (max-width: 980px) {
.back-to-top {
right: 16px !important;
bottom: calc(110px + env(safe-area-inset-bottom)) !important;
}
}@media (max-width: 768px) {
.hero-ctas {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
}.hero-ctas a {
flex: 1 1 calc(50% - 12px);
max-width: 240px;
min-width: 145px;
text-align: center;
}
}.nav-actions {
gap: 12px !important;
}.nav-cta-ghost {
padding: 8px 16px;
}@media (max-width: 980px) {
.nav-actions {
gap: 8px !important;
}.nav-cta {
font-size: 13px;
padding: 6px 12px;
}
}.nav-actions {
gap: 12px !important;
}.nav-cta-ghost {
padding: 8px 16px;
}@media (max-width: 980px) {
.nav-actions {
gap: 8px !important;
}.nav-cta {
font-size: 13px;
padding: 6px 12px;
}
}@media (max-width: 768px) {
.hero {
min-height: calc(100vh - var(--navH));
padding-top: 0;
}.hero .container {
min-height: calc(100vh - var(--navH));
justify-content: flex-start;
padding-top: 150px;
}.hero-title {
margin-top: 14px;
}.hero-ctas {
margin-top: 28px;
}
}.nav-actions {
gap: 12px !important;
}.nav-cta-ghost {
padding: 8px 16px;
}@media (max-width: 980px) {
.nav-actions {
gap: 8px !important;
}.nav-cta {
font-size: 13px;
padding: 6px 12px;
}
}@media (max-width: 768px) {
.hero {
min-height: calc(100vh - var(--navH));
padding-top: 0;
}.hero .container {
min-height: calc(100vh - var(--navH));
justify-content: flex-start;
padding-top: 150px;
}.hero-title {
margin-top: 14px;
}.hero-ctas {
margin-top: 28px;
}
}.checkout-loader {
position: fixed;
inset: 0;
z-index: 999999;
display: none;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.9);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}.checkout-loader.active {
display: flex;
}.checkout-loader-card {
width: min(320px, 86vw);
display: grid;
place-items: center;
gap: 16px;
padding: 34px 24px;
border-radius: 24px;
border: 1px solid rgba(255, 45, 45, 0.3);
background: rgba(10, 10, 10, 0.96);
}.checkout-loader-card img {
width: 140px;
height: 140px;
object-fit: contain;
}.checkout-loader-card p {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 900;
letter-spacing: -0.02em;
}.loader-dots span {
opacity: 0.2;
display: inline-block;
animation: loaderDotPulse 1.2s infinite;
}.loader-dots span:nth-child(2) {
animation-delay: 0.2s;
}.loader-dots span:nth-child(3) {
animation-delay: 0.4s;
}@keyframes loaderDotPulse {
0%, 20% {
opacity: 0.2;
transform: translateY(0);
}
50% {
opacity: 1;
transform: translateY(-2px);
}
100% {
opacity: 0.2;
transform: translateY(0);
}
}@media (max-width: 980px){
.hero {
margin-top: -80px !important;
}
}:root{--o-red:#f01822;--o-bg:#050505;--navH:76px}*{box-sizing:border-box}html,body{background:#050505!important;overflow-x:hidden!important}body{padding-top:var(--navH)!important}#bgCanvas{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;pointer-events:none!important}.nav,.section,.footer{position:relative;z-index:2}.nav{position:fixed!important;z-index:9998!important;top:0!important;left:0!important;right:0!important;height:var(--navH)!important;min-height:var(--navH)!important;border:0!important;background:linear-gradient(180deg,rgba(5,5,5,.9),rgba(5,5,5,.5))!important;backdrop-filter:blur(8px)!important}.nav-inner{height:100%!important;width:min(1240px,calc(100vw - 56px))!important;margin:auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.nav-logo-link{position:relative!important;width:52px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s ease!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.16)) drop-shadow(0 2px 9px rgba(240,24,34,.34))}.nav-logo-link:hover{transform:translateY(-2px) rotate(-2deg) scale(1.06)!important;filter:drop-shadow(0 0 12px rgba(255,255,255,.22)) drop-shadow(0 3px 13px rgba(240,24,34,.48))}.nav-logo{display:none!important}.nav-logo-link:before{content:"";position:absolute;width:37px;height:40px;clip-path:polygon(0 100%,45% 0,56% 0,100% 100%,72% 100%,50% 43%,28% 100%);background:linear-gradient(118deg,#f6f6f6 0%,#fff 30%,#d8d8d8 64%,#fff 100%);filter:drop-shadow(0 0 3px rgba(255,255,255,.28))}.nav-logo-link:after{content:"";position:absolute;width:35px;height:38px;clip-path:polygon(47% 4%,55% 4%,96% 96%,87% 96%,51% 24%,19% 96%,12% 96%);background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,#ff3139 47%,#e50914 100%);opacity:.96;filter:drop-shadow(0 2px 2px rgba(229,9,20,.42))}.nav-actions{display:flex!important;gap:8px!important}.nav-cta{border:1px solid rgba(255,255,255,.19)!important;background:rgba(255,255,255,.045)!important;color:#fff!important}
.hero.section{height:calc(145svh - var(--navH))!important;min-height:900px!important;padding:0!important;margin:0!important;overflow:visible!important}.hero-sticky{position:sticky!important;top:var(--navH)!important;height:calc(100svh - var(--navH))!important;min-height:640px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}.hero-sticky>.container{position:relative!important;z-index:4!important;width:min(900px,calc(100vw - 48px))!important;max-width:900px!important;margin:auto!important;padding:0 24px!important;transform:translateY(-4vh)!important;display:flex!important;flex-direction:column!important;align-items:center!important}.trusted-brands-mount,.hero-trust,.trusted-strip,.trusted-by{position:absolute!important;z-index:5!important;top:48px!important;left:50%!important;transform:translateX(-50%)!important;width:min(570px,calc(100vw - 48px))!important;max-width:570px!important;margin:0!important}.hero-eyebrow{margin:0 auto 31px!important;display:flex!important;gap:10px!important;justify-content:center!important}.eyebrow-pill{font-size:11px!important;padding:8px 13px!important}.hero-title{font-size:clamp(52px,4.05vw,72px)!important;line-height:.94!important;letter-spacing:-.06em!important;margin:0 auto 28px!important;max-width:860px!important;text-align:center!important;color:#fff!important;text-shadow:0 8px 32px rgba(0,0,0,.72)!important;font-weight:900!important}.hero-title .accent{font:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;background:linear-gradient(180deg,#fff 0%,#f8f8f8 42%,#dedede 76%,#aaa 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.hero-sub{font-size:15px!important;line-height:1.55!important;max-width:720px!important;margin:0 auto 28px!important;text-align:center!important;color:rgba(255,255,255,.78)!important}.hero-ctas{margin:auto!important;display:flex!important;justify-content:center!important;gap:14px!important}.hero-ctas a{min-width:145px!important;min-height:48px!important;border-radius:12px!important}.btn-ghost{color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.42)!important}.hero .blurtext:before,.blurtext:before{display:none!important}.hero-scroll-cue{position:absolute!important;z-index:6!important;left:50%!important;bottom:16px!important;transform:translateX(-50%)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.24em!important;color:rgba(255,255,255,.42)!important;white-space:nowrap!important}#glassCanvas{position:fixed!important;top:var(--navH)!important;left:0!important;width:100vw!important;height:calc(100svh - var(--navH))!important;z-index:1!important;pointer-events:none!important}.hero-sticky:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 57%,rgba(255,255,255,.045),transparent 32%)}
main>section,section.section,.audio-section,.companies-section,.companies-growth-section,.pricing-slider-section,.bundles-section,#phoneSection,.views-section,.contact-section{background:transparent!important;border:0!important;box-shadow:none!important}.o-motion{opacity:0;transform:translateY(46px) scale(.975);transition:opacity .72s,transform .9s cubic-bezier(.16,1,.3,1)}.o-motion.o-in{opacity:1;transform:none}#phoneSection{min-height:0!important;height:auto!important;padding:100px 0 110px!important}.audio-section,.companies-section,.companies-growth-section,.pricing-slider-section{padding:105px 0 110px!important}.audio-grid,.companies-grid,.companies-growth-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.audio-card,.company-card{border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important}.company-card{min-height:300px!important}.o-growth-footer{text-align:center;margin:44px auto 0}.o-many-more{font-size:clamp(28px,4vw,46px);font-weight:900}.o-many-more span{color:var(--o-red)}
@media(max-width:900px){.audio-grid,.companies-grid,.companies-growth-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){:root{--navH:58px}.nav-inner{width:100%!important;padding:0 18px!important}.nav-logo-link{width:42px!important;height:42px!important}.nav-logo-link:before{width:31px;height:34px}.nav-logo-link:after{width:29px;height:32px}.hero.section{height:calc(125svh - var(--navH))!important;min-height:720px!important}.hero-sticky{top:var(--navH)!important;height:calc(100svh - var(--navH))!important}.hero-sticky>.container{width:100%!important;max-width:430px!important;padding:58px 16px 20px!important;transform:none!important}.trusted-brands-mount,.hero-trust,.trusted-strip,.trusted-by{top:12px!important;width:calc(100vw - 28px)!important;max-width:390px!important}.hero-title{font-size:clamp(34px,10vw,45px)!important;max-width:390px!important;margin-bottom:14px!important}.hero-sub{font-size:11px!important;max-width:350px!important;margin-bottom:16px!important}.hero-eyebrow{gap:6px!important;margin-bottom:14px!important}.eyebrow-pill{font-size:9px!important;padding:7px 9px!important}.hero-ctas{gap:8px!important}.hero-ctas a{min-width:112px!important;min-height:40px!important;font-size:10px!important}.hero-scroll-cue{bottom:10px!important;font-size:8px!important}#glassCanvas{top:var(--navH)!important;height:calc(100svh - var(--navH))!important;touch-action:pan-y!important}.audio-grid,.companies-grid,.companies-growth-grid{grid-template-columns:1fr!important}.audio-section,.companies-section,.companies-growth-section,.pricing-slider-section{padding:72px 0 84px!important}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.nav-logo-link{transition:none!important}}#phoneSection .cs-card-media{position:relative!important}
#phoneSection .cs-pill,#phoneSection .cs-tap-hint{display:none!important}
#phoneSection .cs-sound-toggle{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:rgba(72,72,72,.88)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:50!important;cursor:pointer!important}
#phoneSection .cs-sound-toggle:not(.is-muted){display:none!important}
#phoneSection .cs-sound-toggle .cs-sound-text{display:none!important}
#phoneSection .cs-sound-toggle .cs-sound-icon{position:relative!important;display:block!important;width:32px!important;height:32px!important;background:transparent!important;border:0!important}
#phoneSection .cs-sound-toggle .cs-sound-icon:before{content:""!important;position:absolute!important;left:2px!important;top:8px!important;width:11px!important;height:16px!important;background:#fff!important;border-radius:2px 0 0 2px!important;box-shadow:8px 0 0 -1px #fff!important;clip-path:polygon(0 22%,45% 22%,100% 0,100% 100%,45% 78%,0 78%)!important}
#phoneSection .cs-sound-toggle .cs-sound-icon:after{content:""!important;position:absolute!important;left:15px!important;top:15px!important;width:22px!important;height:4px!important;border-radius:999px!important;background:#fff!important;transform:rotate(45deg)!important;transform-origin:center!important;box-shadow:0 0 0 2px rgba(72,72,72,.25)!important}
@media(max-width:700px){#phoneSection .cs-sound-toggle{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important}}:root {
--navH: 90px;
--o-red: #f01822;
--o-bg: #050505;
}
html, body {
background: #050505 !important;
color: #fff !important;
overflow-x: hidden !important;
}
body { padding-top: var(--navH) !important; }
.nav {
height: var(--navH) !important;
min-height: var(--navH) !important;
border: 0 !important;
background: linear-gradient(180deg, rgba(5,5,5,.82), rgba(5,5,5,.25)) !important;
backdrop-filter: blur(9px) !important;
-webkit-backdrop-filter: blur(9px) !important;
}
.nav-inner {
width: min(1240px, calc(100vw - 64px)) !important;
max-width: 1240px !important;
height: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
.nav-logo-link {
width: 42px !important;
height: 42px !important;
margin: 0 !important;
filter: drop-shadow(0 0 9px rgba(255,255,255,.17)) drop-shadow(0 2px 8px rgba(240,24,34,.28)) !important;
}
.nav-logo { display: none !important; }
.nav-logo-link::before {
width: 35px !important;
height: 36px !important;
clip-path: polygon(0 100%, 45% 0, 56% 0, 100% 100%, 72% 100%, 50% 43%, 28% 100%) !important;
background: linear-gradient(118deg, #f6f6f6, #fff 31%, #d8d8d8 66%, #fff) !important;
}
.nav-logo-link::after {
width: 33px !important;
height: 34px !important;
clip-path: polygon(47% 4%, 55% 4%, 96% 96%, 87% 96%, 51% 24%, 19% 96%, 12% 96%) !important;
background: linear-gradient(180deg, rgba(255,255,255,.2), #ff3139 48%, #e50914) !important;
}
.nav-actions { gap: 10px !important; }
.nav-cta-ghost {
border: 1px solid rgba(255,255,255,.17) !important;
border-radius: 10px !important;
background: rgba(255,255,255,.045) !important;
box-shadow: none !important;
padding: 8px 13px !important;
font-size: 12px !important;
}
.hero.section {
height: calc(145svh - var(--navH)) !important;
min-height: 900px !important;
}
.hero-sticky {
top: var(--navH) !important;
height: calc(100svh - var(--navH)) !important;
min-height: 640px !important;
}
.trusted-brands-mount {
top: 91px !important;
left: 50% !important;
width: min(732px, calc(100vw - 44px)) !important;
max-width: 732px !important;
margin: 0 !important;
transform: translateX(-50%) !important;
}
.trusted-brands-wrap {
min-height: 64px !important;
gap: 5px !important;
padding: 5px 12px 7px !important;
border-radius: 18px !important;
background: rgba(12,12,14,.74) !important;
border-color: rgba(255,255,255,.12) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
backdrop-filter: blur(18px) !important;
}
.trusted-brands-track-viewport { padding: 0 18px !important; }
.trusted-brands-track { gap: 18px !important; padding: 0 12px !important; }
.trusted-brand-logo { width: 34px !important; height: 34px !important; flex-basis: 34px !important; }
.trusted-brands-label { font-size: 7px !important; letter-spacing: .18em !important; }
.hero-sticky > .container {
width: min(900px, calc(100vw - 48px)) !important;
max-width: 900px !important;
padding: 0 20px !important;
transform: translateY(-13vh) !important;
}
.hero-eyebrow {
margin: 0 auto 36px !important;
gap: 9px !important;
}
.eyebrow-pill {
padding: 6px 11px !important;
border-radius: 999px !important;
font-size: 10px !important;
line-height: 1.2 !important;
}
.hero-title {
max-width: 850px !important;
margin: 0 auto 25px !important;
color: #fff !important;
font-size: clamp(48px, 3.45vw, 64px) !important;
font-weight: 900 !important;
line-height: .98 !important;
letter-spacing: -.055em !important;
text-shadow: 0 8px 30px rgba(0,0,0,.58) !important;
}
.hero-title .accent {
color: #fff !important;
background: linear-gradient(180deg, #fff, #f5f5f5 55%, #d5d5d5) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
.hero-sub {
max-width: 720px !important;
margin: 0 auto 28px !important;
color: rgba(255,255,255,.82) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
.hero-ctas { gap: 12px !important; }
.hero-ctas a {
min-width: 148px !important;
min-height: 46px !important;
padding: 12px 21px !important;
border-radius: 11px !important;
font-size: 12px !important;
}
.hero-ctas .btn-primary {
background: #ed1020 !important;
border: 1px solid #ff2835 !important;
box-shadow: 0 9px 24px rgba(237,16,32,.2) !important;
}
.hero-ctas .btn-primary:hover { background: #ff1a29 !important; }
.hero-ctas .btn-ghost {
background: rgba(255,255,255,.085) !important;
border-color: rgba(255,255,255,.32) !important;
color: #fff !important;
}
@media (max-width: 700px) {
:root { --navH: 66px; }
.nav-inner { width: calc(100vw - 34px) !important; }
.nav-logo-link { width: 40px !important; height: 40px !important; }
.nav-logo-link::before { width: 30px !important; height: 32px !important; }
.nav-logo-link::after { width: 28px !important; height: 30px !important; }
.nav-cta-ghost { padding: 7px 10px !important; font-size: 11px !important; }
.hero.section { height: calc(125svh - var(--navH)) !important; min-height: 760px !important; }
.hero-sticky { top: var(--navH) !important; height: calc(100svh - var(--navH)) !important; }
.trusted-brands-mount {
top: 22px !important;
width: calc(100vw - 28px) !important;
max-width: 390px !important;
}
.trusted-brands-wrap { min-height: 58px !important; padding: 4px 8px 6px !important; }
.trusted-brands-track { gap: 12px !important; }
.trusted-brand-logo { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
.trusted-brands-label { font-size: 6px !important; }
.hero-sticky > .container {
width: 100% !important;
max-width: 430px !important;
padding: 52px 16px 20px !important;
transform: translateY(-2vh) !important;
}
.hero-eyebrow { margin-bottom: 20px !important; gap: 6px !important; }
.eyebrow-pill { padding: 6px 8px !important; font-size: 8px !important; }
.hero-title {
max-width: 390px !important;
margin-bottom: 14px !important;
font-size: clamp(34px, 9.2vw, 43px) !important;
line-height: .98 !important;
}
.hero-sub {
max-width: 350px !important;
margin-bottom: 17px !important;
font-size: 11px !important;
line-height: 1.5 !important;
}
.hero-ctas { gap: 8px !important; }
.hero-ctas a {
min-width: 112px !important;
min-height: 41px !important;
padding: 10px 12px !important;
font-size: 10px !important;
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { scroll-behavior: auto !important; }
}.nav-logo-link::before,
.nav-logo-link::after,
.hero-crystal-field::before,
.hero-crystal-field::after,
.hero-sticky:not(.glass-fallback)::before {
content: none !important;
display: none !important;
}
.nav-logo-link {
width: 46px !important;
height: 46px !important;
filter: drop-shadow(0 0 7px rgba(255,255,255,.25)) drop-shadow(0 0 10px rgba(229,9,20,.18)) !important;
}
.nav-glass-a {
display: block;
width: 42px !important;
height: 42px !important;
flex: 0 0 42px;
filter: drop-shadow(0 0 7px rgba(255,255,255,.28)) drop-shadow(0 0 10px rgba(229,9,20,.24));
}
.hero-crystal-field { opacity: 0 !important; }
.hero-sticky > .container {
position: absolute !important;
top: 170px !important;
left: 50% !important;
width: min(900px, calc(100vw - 48px)) !important;
max-width: 900px !important;
margin: 0 !important;
padding: 0 20px !important;
transform: translateX(-50%) !important;
z-index: 4 !important;
}
.hero-eyebrow { margin: 0 auto 38px !important; }
.hero-title { margin-bottom: 20px !important; }
.hero-sub { margin-bottom: 22px !important; }
@media (max-width: 700px) {
.nav-logo-link { width: 42px !important; height: 42px !important; }
.nav-glass-a { width: 36px !important; height: 36px !important; flex-basis: 36px; }
.hero-sticky > .container {
top: 92px !important;
width: 100% !important;
max-width: 430px !important;
padding: 0 16px !important;
transform: translateX(-50%) !important;
}
.hero-eyebrow { margin-bottom: 20px !important; }
.hero-title { margin-bottom: 14px !important; }
.hero-sub { margin-bottom: 17px !important; }
}:root { --navH: 140px !important; }
.nav-logo-link { width: 138px !important; height: 138px !important; }
.nav-glass-a { width: 126px !important; height: 126px !important; flex: 0 0 126px !important; }
@media (max-width: 700px) {
:root { --navH: 110px !important; }
.nav-logo-link { width: 112px !important; height: 112px !important; }
.nav-glass-a { width: 108px !important; height: 108px !important; flex-basis: 108px !important; }
}.nav-logo-link {
width: 160px !important;
height: 160px !important;
transform-origin: center;
will-change: transform;
}
.nav-glass-a {
width: 150px !important;
height: 150px !important;
flex: 0 0 150px !important;
}
@media (max-width: 700px) {
.nav-logo-link { width: 122px !important; height: 122px !important; }
.nav-glass-a { width: 116px !important; height: 116px !important; flex-basis: 116px !important; }
}
@media (prefers-reduced-motion: reduce) {
.nav-logo-link { will-change: auto; }
}.nav-logo-link { width: 108px !important; height: 108px !important; }
.nav-glass-a { width: 96px !important; height: 96px !important; flex-basis: 96px !important; }
@media (max-width: 700px) {
.nav-logo-link { width: 88px !important; height: 88px !important; }
.nav-glass-a { width: 78px !important; height: 78px !important; flex-basis: 78px !important; }
}.nav-logo-link { width: 54px !important; height: 54px !important; }
.nav-glass-a {
width: 48px !important;
height: 48px !important;
flex-basis: 48px !important;
animation: oasisHeaderLogoFloat 7s ease-in-out infinite;
}
@keyframes oasisHeaderLogoFloat {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-4px) rotate(2deg); }
}
@media (max-width: 700px) {
.nav-logo-link { width: 44px !important; height: 44px !important; }
.nav-glass-a { width: 39px !important; height: 39px !important; flex-basis: 39px !important; }
}
@media (prefers-reduced-motion: reduce) {
.nav-glass-a { animation: none !important; }
}.trusted-brands-mount { top: 54px !important; }
.hero-sticky > .container { top: 112px !important; }
.hero-eyebrow { margin-bottom: 26px !important; }
@media (max-width: 700px) {
.trusted-brands-mount { top: 12px !important; }
.hero-sticky > .container { top: 68px !important; }
.hero-eyebrow { margin-bottom: 16px !important; }
}.hero-sticky > .container {
isolation: isolate !important;
}
.hero-sticky > .container::before {
content: "" !important;
position: absolute !important;
z-index: -1 !important;
inset: -34px -72px !important;
border-radius: 36px !important;
pointer-events: none !important;
background: radial-gradient(ellipse at center, rgba(0,0,0,.92) 0%, rgba(0,0,0,.82) 48%, rgba(0,0,0,.42) 72%, transparent 100%) !important;
}
.hero-title, .hero-sub, .hero-eyebrow {
text-shadow: 0 2px 18px rgba(0,0,0,.98), 0 0 32px rgba(0,0,0,.8) !important;
}
@media (max-width: 700px) {
.hero-sticky > .container::before {
inset: -24px -8px !important;
border-radius: 26px !important;
background: radial-gradient(ellipse at center, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 60%, rgba(0,0,0,.48) 82%, transparent 100%) !important;
}
.hero-sub { text-shadow: 0 2px 12px rgba(0,0,0,1) !important; }
}.hero-sticky > .container { top: 126px !important; }
.hero-eyebrow {
display: flex !important;
justify-content: center !important;
gap: 9px !important;
margin: 0 auto 26px !important;
}
.eyebrow-pill {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: min(160px, calc((100vw - 44px) / 2)) !important;
min-height: 30px !important;
padding: 6px 9px !important;
border: 1px solid rgba(255,255,255,.25) !important;
border-radius: 999px !important;
background: rgba(20,20,22,.92) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 4px 16px rgba(0,0,0,.3) !important;
color: rgba(255,255,255,.94) !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
}
@media (max-width: 700px) {
.hero-sticky > .container { top: 78px !important; }
.hero-eyebrow { gap: 7px !important; margin-bottom: 16px !important; }
.eyebrow-pill {
width: min(156px, calc((100vw - 38px) / 2)) !important;
min-height: 28px !important;
padding: 5px 7px !important;
font-size: 9px !important;
}
}@media (min-width: 701px) {
.trusted-brands-mount {
top: 30px !important;
width: min(570px, calc(100vw - 48px)) !important;
max-width: 570px !important;
}
.trusted-brands-wrap {
min-height: 54px !important;
gap: 4px !important;
padding: 4px 10px 6px !important;
}
.trusted-brands-track { gap: 15px !important; }
.trusted-brand-logo { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
.hero-sticky > .container { top: 184px !important; }
.hero-eyebrow {
transform: translateY(13px) !important;
margin-bottom: 26px !important;
gap: 8px !important;
}
.eyebrow-pill {
width: 136px !important;
min-height: 24px !important;
padding: 4px 7px !important;
border-color: rgba(255,255,255,.23) !important;
background: rgba(20,20,22,.9) !important;
font-size: 9px !important;
}
.hero-title { margin-bottom: 0 !important; }
.hero-sub { margin-bottom: 0 !important; }
}@media (min-width: 701px) {
.trusted-brands-mount {
top: 30px !important;
width: min(900px, calc(100vw - 48px)) !important;
max-width: 900px !important;
}
.trusted-brands-wrap {
min-height: 78px !important;
gap: 6px !important;
padding: 8px 12px 15px !important;
border-radius: 24px !important;
}
.trusted-brands-track { gap: 20px !important; padding: 0 10px !important; }
.trusted-brand-logo { width: 42px !important; height: 42px !important; flex-basis: 42px !important; }
.trusted-brands-label { font-size: 8px !important; letter-spacing: .18em !important; }
.hero-sticky > .container { top: 120px !important; }
.hero-eyebrow {
transform: none !important;
gap: 10px !important;
margin: 0 auto 50px !important;
}
.eyebrow-pill {
width: 198px !important;
min-height: 34px !important;
padding: 7px 11px !important;
border-color: rgba(255,255,255,.24) !important;
background: rgba(17,17,19,.92) !important;
font-size: 12px !important;
}
.hero-title {
max-width: 920px !important;
font-size: clamp(54px, 6.7vw, 72px) !important;
line-height: 1.05 !important;
margin-bottom: 26px !important;
}
.hero-sub {
max-width: 840px !important;
font-size: 17px !important;
line-height: 1.55 !important;
margin-bottom: 36px !important;
}
.hero-ctas { gap: 16px !important; }
.hero-ctas a { min-height: 55px !important; }
.hero-ctas .btn-primary { min-width: 182px !important; }
.hero-ctas .btn-ghost { min-width: 154px !important; }
}.hero-title .accent {
color: #ff7d87 !important;
background: linear-gradient(180deg, #ffc2c5 0%, #ff7d87 58%, #ff5966 100%) !important;
background-clip: text !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
text-shadow: 0 0 24px rgba(255, 83, 98, .24) !important;
}@media (max-width: 700px) {
.hero-sticky > .container::before {
background: radial-gradient(
ellipse at center,
rgba(0,0,0,.78) 0%,
rgba(0,0,0,.62) 48%,
rgba(0,0,0,.26) 72%,
transparent 100%
) !important;
}
}@media (max-width: 700px) {
:root { --navH: 78px !important; }
.nav { height: var(--navH) !important; min-height: var(--navH) !important; }
.trusted-brands-mount { top: 2px !important; }
.hero-sticky > .container { top: 60px !important; }
}#glassCanvas {
opacity: var(--glass-opacity, 1) !important;
transition: opacity .12s linear !important;
}.nav {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: 0 !important;
}:root { --navH: 0px !important; }
body { padding-top: 0 !important; }
.nav { display: none !important; }
.hero-sticky {
top: 0 !important;
height: 100svh !important;
}.nav {
display: block !important;
position: fixed !important;
top: 20px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 42px !important;
min-height: 42px !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: 0 !important;
z-index: 1000002 !important;
}
.nav-inner {
width: min(1240px, calc(100vw - 44px)) !important;
height: 100% !important;
justify-content: flex-end !important;
}
.nav-logo-link { display: none !important; }
.nav-actions { pointer-events: auto !important; }
@media (max-width: 700px) {
.nav { top: 14px !important; }
.nav-inner { width: calc(100vw - 34px) !important; }
}:root { --navH: 90px !important; }
body { padding-top: var(--navH) !important; }
.nav {
display: block !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: var(--navH) !important;
min-height: var(--navH) !important;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: 0 !important;
z-index: 1000002 !important;
}
.nav-inner {
width: min(1240px, calc(100vw - 64px)) !important;
max-width: 1240px !important;
height: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
justify-content: space-between !important;
}
.nav-logo-link {
display: flex !important;
width: 54px !important;
height: 54px !important;
align-items: center !important;
justify-content: center !important;
}
.nav-logo-link::before,
.nav-logo-link::after { display: none !important; }
.nav-glass-a {
display: block !important;
width: 48px !important;
height: 48px !important;
flex: 0 0 48px !important;
}
.nav-actions { pointer-events: auto !important; }
.hero-sticky {
top: var(--navH) !important;
height: calc(100svh - var(--navH)) !important;
}
@media (max-width: 700px) {
:root { --navH: 78px !important; }
.nav-inner { width: calc(100vw - 34px) !important; }
.nav-logo-link { width: 44px !important; height: 44px !important; }
.nav-glass-a { width: 39px !important; height: 39px !important; flex-basis: 39px !important; }
.trusted-brands-mount { top: 22px !important; }
}html {
scroll-behavior: smooth !important;
-webkit-overflow-scrolling: touch;
}
body { -webkit-overflow-scrolling: touch; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto !important; }
}@media (max-width: 700px) {
.hero.section {
height: calc(100svh - var(--navH)) !important;
min-height: 0 !important;
}
.hero-sticky {
height: calc(100svh - var(--navH)) !important;
min-height: 0 !important;
}
#phoneSection {
margin-top: 0 !important;
padding-top: 0 !important;
}
#phoneSection .cs-pin-inner {
padding-top: 0 !important;
}
}@media (max-width: 700px) {
.trusted-brands-mount {
top: 0 !important;
}
}@media (max-width: 700px) {
.hero.section {
height: calc(125svh - var(--navH)) !important;
min-height: 0 !important;
}
.hero-sticky {
height: calc(100svh - var(--navH)) !important;
min-height: 0 !important;
}
.hero-eyebrow {
margin-top: 16px !important;
}
}#bgCanvas { display: none !important; }#bgCanvas {
display: block !important;
}
body {
padding-top: 0 !important;
background: #000 !important;
}body {
padding-top: var(--navH) !important;
background: #000 !important;
}.hero-crystal-field,
.hero-crystal-field::before,
.hero-crystal-field::after,
.hero-sticky::before,
.hero-sticky::after {
display: none !important;
content: none !important;
background: none !important;
}@media (min-width: 701px) {
.hero.section { height: calc(112svh - var(--navH)) !important; min-height: 0 !important; }
#phoneSection { padding-top: 32px !important; }
}
@media (max-width: 700px) {
.hero.section { height: calc(111svh - var(--navH)) !important; min-height: 0 !important; }
#phoneSection { padding-top: 20px !important; }
}.hero-sticky .hero-scroll-cue { position:fixed !important; bottom:24px !important; left:50% !important; z-index:8 !important; color:rgba(255,255,255,.78) !important; text-shadow:0 2px 15px #000 !important; }
@media(max-width:700px) { .hero-sticky .hero-scroll-cue { bottom:22px !important; font-size:10px !important; } }#phoneSection {
position: relative;
padding: 72px 0 90px !important;
isolation: isolate;
}
#phoneSection::before {
content: "";
position: absolute;
inset: 8% 0 0;
z-index: -1;
pointer-events: none;
background: radial-gradient(ellipse 48% 58% at 73% 48%, rgba(214, 22, 35, .095), transparent 72%);
}
#phoneSection .cs-pin-inner {
position: relative;
top: auto;
padding: 0 !important;
}
#phoneSection .cs-outer {
width: min(1240px, calc(100% - 72px)) !important;
max-width: 1240px !important;
min-height: 0 !important;
grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
gap: clamp(44px, 6vw, 106px) !important;
align-items: center;
}
#phoneSection .cs-left {
height: 330px;
padding-left: 28px;
border-left: 1px solid rgba(255,255,255,.18);
}
#phoneSection .cs-left::before {
content: "";
position: absolute;
top: 0;
left: -2px;
width: 3px;
height: 72px;
border-radius: 3px;
background: #f01822;
box-shadow: 0 0 20px rgba(240,24,34,.35);
}
#phoneSection .cs-left-block { gap: 0; }
#phoneSection .cs-left-eyebrow {
width: fit-content;
margin-bottom: 26px;
color: #ff5860;
font-size: 11px;
font-weight: 800;
letter-spacing: .2em;
}
#phoneSection .cs-left-title {
max-width: 540px;
margin: 0 0 24px;
font-size: clamp(54px, 5.2vw, 82px) !important;
font-weight: 850;
line-height: .94 !important;
letter-spacing: -.075em !important;
}
#phoneSection .cs-left-title .accent { color: #f01822; }
#phoneSection .cs-left-body {
max-width: 435px;
margin: 0;
color: rgba(255,255,255,.67) !important;
font-size: 16px;
line-height: 1.7;
}
#phoneSection .cs-right { width: 100% !important; min-width: 0; }
#phoneSection .cs-sticky { gap: 16px; }
#phoneSection .cs-stepper {
justify-content: flex-start;
gap: 5px;
width: 100%;
}
#phoneSection .cs-step {
padding: 10px 12px;
border-radius: 8px;
color: rgba(255,255,255,.48);
font-size: 10px;
font-weight: 750;
letter-spacing: .055em;
}
#phoneSection .cs-step-active {
color: #fff;
background: rgba(255,255,255,.085);
}
#phoneSection .cs-step-dot {
width: 5px;
height: 5px;
background: currentColor;
}
#phoneSection .cs-step-active .cs-step-dot {
background: #ff3743;
box-shadow: 0 0 11px rgba(255,55,67,.8);
}
#phoneSection .cs-step-line { display: none; }
#phoneSection .cs-card-wrap {
height: 575px !important;
border: 1px solid rgba(255,255,255,.15) !important;
border-radius: 22px !important;
background: #101012 !important;
box-shadow: 0 30px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08) !important;
overflow: hidden !important;
}
#phoneSection .cs-card {
border-radius: 21px;
overflow: hidden !important;
}
#phoneSection .cs-card-media {
flex: 0 0 355px !important;
width: 100%;
height: 355px !important;
min-height: 355px !important;
max-height: 355px !important;
aspect-ratio: auto !important;
border-radius: 0 !important;
background: #080808 !important;
}
#phoneSection .cs-video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 48%;
}
#phoneSection .cs-vid-overlay {
background: linear-gradient(180deg, rgba(0,0,0,.4), transparent 25%, transparent 72%, rgba(0,0,0,.36));
}
#phoneSection .cs-pill {
top: 18px;
left: 20px;
padding: 7px 11px;
border-radius: 7px;
border-color: rgba(255,255,255,.28);
background: rgba(0,0,0,.64);
color: #fff;
font-size: 10px;
letter-spacing: .1em;
}
#phoneSection .cs-card-info {
flex: 1 1 auto !important;
padding: 21px 26px 22px !important;
justify-content: flex-start !important;
background: linear-gradient(145deg,#151517,#0c0c0e);
}
#phoneSection .cs-card-head {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 16px !important;
}
#phoneSection .cs-card-title {
margin-right: auto !important;
font-size: 21px !important;
font-weight: 800 !important;
letter-spacing: -.03em;
}
#phoneSection .cs-ig-link {
flex: none;
font-size: 11px !important;
color: rgba(255,255,255,.7) !important;
}
#phoneSection .cs-card-sub {
max-width: 510px;
margin: 12px 0 0 !important;
font-size: 13px !important;
line-height: 1.55 !important;
color: rgba(255,255,255,.56) !important;
}
#phoneSection .cs-stats {
width: 100%;
margin-top: auto !important;
padding-top: 16px;
border-top: 1px solid rgba(255,255,255,.1);
}
#phoneSection .cs-stat { text-align: left; padding-left: 14px; }
#phoneSection .cs-stat:first-child { padding-left: 0; }
#phoneSection .cs-sv { font-size: 17px !important; font-weight: 800; letter-spacing: -.035em; }
#phoneSection .cs-sl { margin-top: 5px; font-size: 9px !important; letter-spacing: .11em; }
#phoneSection .cs-nav {
top: 177px !important;
width: 40px !important;
height: 40px !important;
border-radius: 10px !important;
border: 1px solid rgba(255,255,255,.22) !important;
background: rgba(15,15,16,.82) !important;
box-shadow: 0 6px 24px rgba(0,0,0,.28) !important;
backdrop-filter: blur(10px);
}
#phoneSection .cs-nav-left { left: 16px !important; right: auto !important; }
#phoneSection .cs-nav-right { right: 16px !important; left: auto !important; }
#phoneSection .cs-nav:hover {
border-color: rgba(255,255,255,.7) !important;
background: rgba(30,30,32,.95) !important;
box-shadow: 0 8px 28px rgba(0,0,0,.42) !important;
}
@media (max-width: 980px) {
#phoneSection { padding: 45px 0 68px !important; }
#phoneSection .cs-outer {
width: min(680px, calc(100% - 40px)) !important;
display: grid !important;
grid-template-columns: 1fr !important;
gap: 28px !important;
}
#phoneSection .cs-left { height: auto !important; min-height: 175px; margin: 0 !important; padding-left: 19px; }
#phoneSection .cs-left-block { position: relative; inset: auto; }
#phoneSection .cs-left-eyebrow { margin-bottom: 14px; }
#phoneSection .cs-left-title { margin-bottom: 16px; font-size: clamp(40px, 9vw, 64px) !important; }
#phoneSection .cs-left-body { max-width: 610px !important; font-size: 14px !important; line-height: 1.6 !important; }
#phoneSection .cs-stepper { gap: 2px !important; }
#phoneSection .cs-step { padding: 9px 8px; font-size: 9px !important; }
#phoneSection .cs-card-wrap { height: auto !important; }
#phoneSection .cs-card { position: relative !important; inset: auto !important; display: none !important; }
#phoneSection .cs-card.cs-card-active { display: flex !important; }
#phoneSection .cs-card-media {
flex-basis: auto !important;
height: clamp(230px, 52vw, 355px) !important;
min-height: 0 !important;
max-height: 355px !important;
}
#phoneSection .cs-card-info { min-height: 203px; }
#phoneSection .cs-nav { top: clamp(115px, 26vw, 177px) !important; }
}
@media (max-width: 600px) {
#phoneSection .cs-outer { width: calc(100% - 28px) !important; }
#phoneSection .cs-card-wrap { border-radius: 17px !important; }
#phoneSection .cs-card-media {
height: clamp(215px, 62vw, 315px) !important;
max-height: 315px !important;
}
#phoneSection .cs-card-info { min-height: 225px; padding: 19px 18px 21px !important; }
#phoneSection .cs-card-head { align-items: flex-start !important; }
#phoneSection .cs-card-title { font-size: 18px !important; }
#phoneSection .cs-ig-link { font-size: 0 !important; }
#phoneSection .cs-ig-arrow { font-size: 16px !important; }
#phoneSection .cs-card-sub { font-size: 12px !important; }
#phoneSection .cs-stat { padding-left: 8px; }
#phoneSection .cs-sv { font-size: 14px !important; }
#phoneSection .cs-sl { font-size: 8px !important; }
#phoneSection .cs-nav { top: clamp(107px, 31vw, 157px) !important; width: 36px !important; height: 36px !important; }
#phoneSection .cs-nav-left { left: 10px !important; }
#phoneSection .cs-nav-right { right: 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
#phoneSection .cs-left-block, #phoneSection .cs-card { transition: none !important; }
}#phoneSection { padding: 90px 0 112px !important; }
#phoneSection::before {
inset: 0;
background: radial-gradient(ellipse 54% 75% at 48% 57%, rgba(170,19,28,.085), transparent 75%);
}
#phoneSection .cs-pin-inner {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
width: min(1240px, calc(100% - 64px));
margin: 0 auto;
}
#phoneSection .cs-intro {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 36px;
width: 100%;
margin-bottom: 36px;
}
#phoneSection .cs-intro-copy { max-width: 780px; }
#phoneSection .cs-intro-kicker {
display: inline-flex;
align-items: center;
gap: 11px;
margin-bottom: 21px;
color: #f47b83;
font: 800 10px/1.2 Inter, sans-serif;
letter-spacing: .2em;
}
#phoneSection .cs-intro-spark {
display: block;
width: 7px;
height: 7px;
border-radius: 50%;
background: #f01822;
box-shadow: 0 0 16px #f01822;
}
#phoneSection .cs-intro h2 {
margin: 0;
color: #fff;
font-size: clamp(42px, 5vw, 72px);
font-weight: 850;
line-height: .99;
letter-spacing: -.065em;
}
#phoneSection .cs-intro h2 em {
color: #ff424d;
font-style: normal;
}
#phoneSection .cs-intro p {
max-width: 640px;
margin: 20px 0 0;
color: rgba(255,255,255,.62);
font-size: 15px;
line-height: 1.6;
}
#phoneSection .cs-intro-cta {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 28px;
min-width: 194px;
min-height: 50px;
margin-bottom: 3px;
padding: 0 18px;
border-radius: 10px;
border: 1px solid #f82a36;
color: #fff;
background: #e91724;
font: 750 13px/1 Inter, sans-serif;
text-decoration: none;
white-space: nowrap;
box-shadow: 0 10px 30px rgba(231,23,36,.18);
transition: background .2s, transform .2s;
}
#phoneSection .cs-intro-cta:hover { background: #ff2c38; transform: translateY(-2px); }
#phoneSection .cs-intro-cta span { font-size: 19px; font-weight: 400; }
#phoneSection .cs-outer {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
}
#phoneSection .cs-left { display: none !important; }
#phoneSection .cs-right { width: 100% !important; }
#phoneSection .cs-sticky { gap: 0 !important; }
#phoneSection .cs-stepper {
justify-content: flex-start !important;
gap: 10px !important;
margin-bottom: 15px;
overflow: auto;
scrollbar-width: none;
}
#phoneSection .cs-stepper::-webkit-scrollbar { display: none; }
#phoneSection .cs-step {
flex: 0 0 auto;
min-height: 40px;
padding: 11px 15px !important;
border: 1px solid transparent;
border-radius: 9px;
color: rgba(255,255,255,.52);
font-size: 11px !important;
cursor: pointer;
}
#phoneSection .cs-step:hover { color: #fff; }
#phoneSection .cs-step-active {
border-color: rgba(255,255,255,.16);
color: #fff;
background: rgba(255,255,255,.08);
}
#phoneSection .cs-card-wrap {
height: 458px !important;
background: #111113 !important;
border-radius: 19px !important;
}
#phoneSection .cs-card {
flex-direction: row !important;
border-radius: 18px !important;
}
#phoneSection .cs-card-media {
flex: 0 0 57% !important;
width: 57% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
border-radius: 0 !important;
}
#phoneSection .cs-video { object-fit: cover !important; }
#phoneSection .cs-card-info {
flex: 1 1 43% !important;
min-width: 0;
padding: clamp(32px, 3.4vw, 56px) clamp(30px, 3.4vw, 55px) !important;
background: linear-gradient(145deg,#18181a,#101012);
}
#phoneSection .cs-card-head {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 0 !important;
}
#phoneSection .cs-card-title {
max-width: 340px;
font-size: clamp(30px, 3vw, 44px) !important;
line-height: 1.04 !important;
letter-spacing: -.055em !important;
}
#phoneSection .cs-ig-link {
order: 3;
margin-top: 20px;
font-size: 12px !important;
}
#phoneSection .cs-card-sub {
max-width: 360px;
margin: 17px 0 0 !important;
font-size: 14px !important;
line-height: 1.7 !important;
}
#phoneSection .cs-stats { margin-top: auto !important; padding-top: 18px; }
#phoneSection .cs-stat { padding-left: 12px; }
#phoneSection .cs-sv { font-size: 16px !important; }
#phoneSection .cs-sl { font-size: 8px !important; }
#phoneSection .cs-nav {
top: 50% !important;
z-index: 30 !important;
width: 42px !important;
height: 42px !important;
}
#phoneSection .cs-nav-left { left: 16px !important; }
#phoneSection .cs-nav-right { right: calc(43% + 16px) !important; }
@media (max-width: 980px) {
#phoneSection { padding: 62px 0 76px !important; }
#phoneSection .cs-pin-inner { width: min(680px, calc(100% - 40px)); display: flex !important; }
#phoneSection .cs-intro { align-items: flex-start; flex-direction: column; gap: 24px; }
#phoneSection .cs-intro h2 { font-size: clamp(40px, 6vw, 58px); }
#phoneSection .cs-card-wrap { height: auto !important; }
#phoneSection .cs-card { flex-direction: column !important; }
#phoneSection .cs-card-media {
flex: none !important;
width: 100% !important;
height: clamp(270px, 58vw, 420px) !important;
min-height: 0 !important;
max-height: 420px !important;
}
#phoneSection .cs-card-info { flex: none !important; min-height: 290px; padding: 30px !important; }
#phoneSection .cs-card-title { font-size: 32px !important; }
#phoneSection .cs-nav { top: clamp(135px, 29vw, 210px) !important; }
#phoneSection .cs-nav-right { right: 16px !important; }
}
@media (max-width: 600px) {
#phoneSection { padding: 50px 0 60px !important; }
#phoneSection .cs-pin-inner { width: calc(100% - 32px); }
#phoneSection .cs-intro { gap: 22px; margin-bottom: 27px; }
#phoneSection .cs-intro-kicker { margin-bottom: 16px; }
#phoneSection .cs-intro h2 { font-size: clamp(36px, 9vw, 48px); }
#phoneSection .cs-intro p { font-size: 13px; margin-top: 15px; }
#phoneSection .cs-intro-cta { min-height: 46px; }
#phoneSection .cs-stepper { gap: 3px !important; padding-bottom: 5px !important; }
#phoneSection .cs-step { font-size: 9px !important; min-height: 36px; padding: 9px 10px !important; }
#phoneSection .cs-card-media { height: clamp(245px, 72vw, 330px) !important; }
#phoneSection .cs-card-info { min-height: 310px; padding: 24px 20px 22px !important; }
#phoneSection .cs-card-title { font-size: 28px !important; }
#phoneSection .cs-card-sub { font-size: 12px !important; }
#phoneSection .cs-ig-link { margin-top: 15px; font-size: 11px !important; }
#phoneSection .cs-nav { top: clamp(122px, 36vw, 165px) !important; }
}#glassCanvas {
top: 0 !important;
height: 100svh !important;
}#phoneSection .cs-video {
object-fit: contain !important;
object-position: center !important;
background: #080808 !important;
}
#phoneSection .cs-card-media { background: #080808 !important; }#companies.oasis-work {
padding: 82px 0 88px !important;
background: transparent !important;
}
#companies .container {
width: min(1240px, calc(100% - 64px));
max-width: 1240px;
margin: 0 auto;
}
#companies .work-heading {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 26px;
margin-bottom: 25px;
}
#companies .work-kicker {
display: block;
margin-bottom: 11px;
color: #ff6670;
font: 800 10px/1 Inter,sans-serif;
letter-spacing: .21em;
}
#companies .work-heading h2 {
margin: 0;
font-size: clamp(34px, 3.8vw, 55px) !important;
line-height: 1.06 !important;
letter-spacing: -.057em !important;
text-align: left !important;
}
#companies .work-heading p {
margin: 11px 0 0;
color: rgba(255,255,255,.58);
font-size: 14px;
line-height: 1.5;
}
#companies .work-filters {
display: flex;
gap: 5px;
flex: none;
padding: 5px;
border: 1px solid rgba(255,255,255,.09);
border-radius: 11px;
background: rgba(255,255,255,.035);
}
#companies .work-filter {
min-height: 35px;
padding: 7px 12px;
border: 0;
border-radius: 7px;
color: rgba(255,255,255,.58);
background: transparent;
font: 700 11px/1.2 Inter,sans-serif;
white-space: nowrap;
cursor: pointer;
transition: color .2s,background .2s;
}
#companies .work-filter:hover { color: #fff; }
#companies .work-filter.is-active {
color: #fff;
background: #27272a;
box-shadow: inset 0 1px 0 rgba(255,255,255,.09);
}
#companies .companies-grid {
display: grid !important;
grid-template-columns: repeat(6,minmax(0,1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
margin: 0 !important;
perspective: 1100px;
}
#companies .company-card {
position: relative;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-end !important;
width: 100% !important;
height: 170px !important;
min-height: 170px !important;
padding: 16px !important;
border: 1px solid rgba(255,255,255,.11) !important;
border-radius: 14px !important;
background: linear-gradient(155deg,#18181b,#0b0b0d) !important;
color: #fff;
text-align: left !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
overflow: hidden;
transform: rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) !important;
transform-style: preserve-3d;
transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
cursor: pointer;
isolation: isolate;
}
#companies .company-card:hover,
#companies .company-card:focus-visible {
border-color: rgba(255,90,100,.48) !important;
box-shadow: 0 15px 35px rgba(0,0,0,.33),0 0 28px rgba(240,24,34,.09) !important;
outline: none;
}
#companies .work-card-light {
position: absolute;
inset: 0;
z-index: -1;
opacity: 0;
background: radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgba(255,47,58,.22),transparent 62%);
transition: opacity .2s;
}
#companies .company-card:hover .work-card-light { opacity: 1; }
#companies .company-visual {
width: 55px !important;
height: 55px !important;
margin: 0 0 auto !important;
transform: translateZ(18px);
}
#companies .company-avatar {
width: 55px !important;
height: 55px !important;
border: 1px solid rgba(255,255,255,.16) !important;
border-radius: 12px !important;
object-fit: cover !important;
background: #121214 !important;
}
#companies .work-card-meta {
display: block;
margin: 0 0 6px;
color: #ff7a82;
font-size: 9px;
font-weight: 750;
letter-spacing: .04em;
transform: translateZ(12px);
}
#companies .company-name {
width: calc(100% - 18px);
max-width: 100%;
margin: 0 !important;
color: #fff;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -.025em;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
transform: translateZ(20px);
}
#companies .work-card-arrow {
position: absolute;
right: 14px;
bottom: 15px;
color: rgba(255,255,255,.5);
font-size: 15px;
transition: transform .2s,color .2s;
}
#companies .company-card:hover .work-card-arrow { color: #fff; transform: translate(2px,-2px); }
#companies .work-more {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
min-width: 150px;
margin: 19px auto 0;
padding: 0 18px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 9px;
color: #fff;
background: rgba(255,255,255,.055);
font: 750 12px/1 Inter,sans-serif;
cursor: pointer;
transition: background .2s,border-color .2s;
}
#companies .work-more:hover { background: rgba(255,255,255,.11); border-color: rgba(255,255,255,.38); }
#companies .work-more[hidden] { display: none !important; }
@media (max-width: 980px) {
#companies .work-heading { align-items: flex-start; flex-direction: column; }
#companies .companies-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}
@media (max-width: 600px) {
#companies.oasis-work { padding: 54px 0 68px !important; }
#companies .container { width: calc(100% - 32px); }
#companies .work-heading { gap: 19px; margin-bottom: 19px; }
#companies .work-heading h2 { font-size: 35px !important; }
#companies .work-heading p { font-size: 12px; }
#companies .work-filters { width: 100%; overflow-x: auto; scrollbar-width: none; }
#companies .work-filter { flex: 1; font-size: 10px; padding: 8px 9px; }
#companies .companies-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
#companies .company-card { height: 148px !important; min-height: 148px !important; padding: 13px !important; }
#companies .company-visual,#companies .company-avatar { width: 46px !important; height: 46px !important; }
#companies .company-name { font-size: 13px !important; }
#companies .work-card-meta { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
#companies .company-card { transform: none !important; transition: none !important; }
}#companies.oasis-work { padding: 74px 0 82px !important; }
#companies .work-heading {
display: block;
margin-bottom: 27px;
text-align: center;
}
#companies .work-kicker { margin-bottom: 12px; }
#companies .work-heading h2 {
text-align: center !important;
font-size: clamp(34px, 4vw, 50px) !important;
}
#companies .work-heading p {
margin: 12px auto 0;
max-width: 560px;
color: rgba(255,255,255,.6);
}
#companies .companies-grid {
grid-template-columns: repeat(5,minmax(0,1fr)) !important;
gap: 12px !important;
}
#companies .company-card {
align-items: center !important;
justify-content: center !important;
height: 190px !important;
min-height: 190px !important;
padding: 22px 14px 18px !important;
border: 1px solid rgba(255,255,255,.095) !important;
border-radius: 16px !important;
background: linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.022)) !important;
text-align: center !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}
#companies .company-card:hover,
#companies .company-card:focus-visible {
border-color: rgba(255,255,255,.34) !important;
background: linear-gradient(155deg,rgba(255,255,255,.095),rgba(255,255,255,.03)) !important;
box-shadow: 0 16px 38px rgba(0,0,0,.3) !important;
}
#companies .company-visual {
width: 78px !important;
height: 78px !important;
margin: 0 auto 18px !important;
}
#companies .company-avatar {
width: 78px !important;
height: 78px !important;
border: 1px solid rgba(255,255,255,.13) !important;
border-radius: 16px !important;
object-fit: cover !important;
}
#companies .company-name {
width: 100%;
margin: 0 !important;
font-size: 15px !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
#companies .work-card-arrow {
right: 14px;
top: 12px;
bottom: auto;
color: rgba(255,255,255,.35);
font-size: 15px;
}
#companies .work-more { margin-top: 22px; }
@media (max-width: 980px) {
#companies .companies-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 600px) {
#companies.oasis-work { padding: 56px 0 70px !important; }
#companies .work-heading { margin-bottom: 22px; }
#companies .work-heading h2 { font-size: 35px !important; }
#companies .companies-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
#companies .company-card { height: 160px !important; min-height: 160px !important; padding: 18px 10px 16px !important; }
#companies .company-visual,#companies .company-avatar { width: 62px !important; height: 62px !important; }
#companies .company-visual { margin-bottom: 15px !important; }
#companies .company-name { font-size: 13px !important; }
}#phoneSection.cs-scroll-story {
position: relative;
display: block !important;
height: 320svh !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
align-items: initial !important;
background: transparent !important;
}
#phoneSection.cs-scroll-story .cs-story-eyebrow {
position: absolute;
top: 8svh;
left: max(32px,calc((100vw - 1160px)/2));
z-index: 3;
color: #ff6a72;
font: 800 10px/1 Inter,sans-serif;
letter-spacing: .22em;
}
#phoneSection.cs-scroll-story .cs-pin-inner {
position: sticky !important;
top: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
height: 100svh !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
#phoneSection.cs-scroll-story .cs-outer {
display: grid !important;
grid-template-columns: minmax(0,1fr) 420px !important;
align-items: center !important;
gap: clamp(48px,7vw,130px) !important;
width: min(1160px,calc(100% - 90px)) !important;
height: auto !important;
min-height: 0 !important;
margin: 0 auto !important;
}
#phoneSection.cs-scroll-story .cs-left {
display: block !important;
position: relative !important;
width: 100% !important;
height: 390px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
#phoneSection.cs-scroll-story .cs-left::before { display: none !important; }
#phoneSection.cs-scroll-story .cs-left-block {
position: absolute !important;
inset: 0 0 90px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
gap: 0 !important;
opacity: 0 !important;
transform: translateY(22px) !important;
pointer-events: none !important;
transition: opacity .52s ease,transform .7s cubic-bezier(.16,1,.3,1) !important;
}
#phoneSection.cs-scroll-story .cs-left-block.cs-block-active {
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
}
#phoneSection.cs-scroll-story .cs-left-eyebrow {
margin: 0 0 18px !important;
color: #ff626d !important;
font-size: 11px !important;
letter-spacing: .18em !important;
}
#phoneSection.cs-scroll-story .cs-left-title {
max-width: 650px !important;
margin: 0 0 22px !important;
font-size: clamp(54px,5.2vw,78px) !important;
line-height: .94 !important;
letter-spacing: -.068em !important;
}
#phoneSection.cs-scroll-story .cs-left-body {
max-width: 485px !important;
margin: 0 !important;
color: rgba(255,255,255,.68) !important;
font-size: 16px !important;
line-height: 1.65 !important;
}
#phoneSection .cs-story-actions {
position: absolute;
left: 0;
bottom: 17px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
#phoneSection .cs-story-cta {
display: inline-flex;
align-items: center;
gap: 28px;
padding: 15px 19px;
border-radius: 10px;
background: #ed1724;
color: #fff;
font: 750 13px/1 Inter,sans-serif;
text-decoration: none;
transition: transform .2s,background .2s;
}
#phoneSection .cs-story-cta:hover { transform: translateY(-2px); background: #ff303d; }
#phoneSection .cs-story-source {
color: rgba(255,255,255,.66);
font: 700 12px/1 Inter,sans-serif;
text-decoration: none;
}
#phoneSection .cs-story-source:hover { color: #fff; }
#phoneSection .cs-story-count {
position: absolute;
left: 0;
bottom: -26px;
display: flex;
align-items: center;
gap: 12px;
color: rgba(255,255,255,.37);
font: 800 11px/1 Inter,sans-serif;
letter-spacing: .1em;
}
#phoneSection .cs-story-count span:first-child { color: #fff; }
#phoneSection .cs-story-rule { width: 54px; height: 1px; background: rgba(255,255,255,.26); }
#phoneSection.cs-scroll-story .cs-right {
display: flex;
align-items: center;
justify-content: center;
width: 420px !important;
height: 690px;
perspective: 1200px;
}
#phoneSection.cs-scroll-story .cs-sticky {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
width: 100%;
}
#phoneSection.cs-scroll-story .cs-card-wrap {
position: relative !important;
order: 1;
width: 320px !important;
height: 590px !important;
min-height: 590px !important;
border: 8px solid #252529 !important;
border-radius: 44px !important;
background: #050505 !important;
box-shadow: 0 38px 100px rgba(0,0,0,.65),18px 16px 45px rgba(227,31,44,.12),inset 0 0 0 2px #46464a !important;
transform: translate3d(var(--story-shift,0px),var(--story-lift,0px),0) rotateY(var(--story-rotate,-9deg)) rotateZ(calc(var(--story-rotate,-9deg)*-.18)) !important;
transform-style: preserve-3d;
transition: box-shadow .5s ease !important;
overflow: hidden !important;
will-change: transform;
}
#phoneSection.cs-scroll-story .cs-card-wrap::after {
content: "";
position: absolute;
top: 9px;
left: 50%;
z-index: 50;
width: 78px;
height: 19px;
transform: translateX(-50%);
border-radius: 99px;
background: #09090a;
box-shadow: 0 1px 1px rgba(255,255,255,.16);
pointer-events: none;
}
#phoneSection.cs-scroll-story .cs-card {
position: absolute !important;
inset: 0 !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
border-radius: 36px !important;
overflow: hidden !important;
opacity: 0 !important;
transform: scale(1.025) translateY(12px) !important;
transition: opacity .5s ease,transform .65s cubic-bezier(.16,1,.3,1) !important;
pointer-events: none !important;
}
#phoneSection.cs-scroll-story .cs-card.cs-card-active {
opacity: 1 !important;
transform: scale(1) translateY(0) !important;
pointer-events: auto !important;
}
#phoneSection.cs-scroll-story .cs-card-media {
flex: 1 1 auto !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
border-radius: 0 !important;
background: #050505 !important;
}
#phoneSection.cs-scroll-story .cs-video {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
background: #050505 !important;
}
#phoneSection.cs-scroll-story .cs-card-info { display: none !important; }
#phoneSection.cs-scroll-story .cs-pill { top: 39px; left: 12px; font-size: 9px; }
#phoneSection.cs-scroll-story .cs-stepper {
order: 2;
display: flex !important;
justify-content: center !important;
gap: 11px !important;
width: 100% !important;
margin-top: 25px !important;
padding: 0 !important;
overflow: visible !important;
}
#phoneSection.cs-scroll-story .cs-step {
min-height: 0;
padding: 8px 9px !important;
font-size: 9px !important;
border: 0 !important;
background: transparent !important;
cursor: pointer;
}
#phoneSection.cs-scroll-story .cs-step-active { color: #fff; }
#phoneSection.cs-scroll-story .cs-step-dot { width: 5px; height: 5px; }
#phoneSection.cs-scroll-story .cs-nav {
top: 50% !important;
width: 38px !important;
height: 38px !important;
border-radius: 50% !important;
background: rgba(10,10,10,.65) !important;
}
#phoneSection.cs-scroll-story .cs-nav-left { left: 8px !important; }
#phoneSection.cs-scroll-story .cs-nav-right { right: 8px !important; }
#phoneSection.cs-scroll-story .cs-media-bottom { display: none !important; }#companies.oasis-work { padding: 80px 0 95px !important; overflow: hidden; }
#companies .work-heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
text-align: left;
}
#companies .work-heading h2 { text-align: left !important; }
#companies .work-heading p { margin-left: 0; }
#companies .work-controls { display: flex; gap: 8px; }
#companies .work-arrow {
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 1px solid rgba(255,255,255,.2);
border-radius: 50%;
color: #fff;
background: rgba(255,255,255,.04);
font: 500 20px/1 Inter,sans-serif;
cursor: pointer;
transition: background .2s,border-color .2s;
}
#companies .work-arrow:hover { background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.5); }
#companies .companies-grid {
display: flex !important;
flex-wrap: nowrap !important;
gap: 15px !important;
width: 100%;
margin: 0 !important;
padding: 3px 0 18px;
overflow-x: auto !important;
overflow-y: visible !important;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
#companies .companies-grid::-webkit-scrollbar { display: none; }
#companies .company-card {
flex: 0 0 clamp(215px,21vw,275px) !important;
width: clamp(215px,21vw,275px) !important;
height: 222px !important;
min-height: 222px !important;
scroll-snap-align: start;
border-radius: 16px !important;
}
#companies .company-visual,
#companies .company-avatar { width: 102px !important; height: 102px !important; }
#companies .company-visual { margin-bottom: 21px !important; }
#companies .company-name { font-size: 17px !important; }
#companies .companies-grid.is-expanded {
display: grid !important;
grid-template-columns: repeat(5,minmax(0,1fr)) !important;
overflow: visible !important;
scroll-snap-type: none;
}
#companies .companies-grid.is-expanded .company-card {
width: 100% !important;
min-width: 0 !important;
}
@media (max-width: 980px) {
#phoneSection.cs-scroll-story { height: 310svh !important; }
#phoneSection.cs-scroll-story .cs-outer {
grid-template-columns: 1fr !important;
gap: 12px !important;
width: min(680px,calc(100% - 36px)) !important;
}
#phoneSection.cs-scroll-story .cs-left { height: 230px !important; }
#phoneSection.cs-scroll-story .cs-left-block { inset: 0 0 55px !important; }
#phoneSection.cs-scroll-story .cs-left-title { font-size: clamp(38px,6vw,54px) !important; margin-bottom: 10px !important; }
#phoneSection.cs-scroll-story .cs-left-body { font-size: 13px !important; line-height: 1.5 !important; max-width: 590px !important; }
#phoneSection .cs-story-actions { bottom: 0; }
#phoneSection .cs-story-cta { padding: 12px 14px; font-size: 11px; }
#phoneSection .cs-story-count { display: none; }
#phoneSection.cs-scroll-story .cs-right { width: 100% !important; height: auto; }
#phoneSection.cs-scroll-story .cs-card-wrap {
width: clamp(220px,32vw,290px) !important;
height: clamp(390px,53svh,530px) !important;
min-height: 390px !important;
}
#companies .companies-grid.is-expanded { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width: 600px) {
#phoneSection.cs-scroll-story .cs-story-eyebrow { top: 4svh; left: 17px; font-size: 8px; }
#phoneSection.cs-scroll-story .cs-outer { gap: 8px !important; width: calc(100% - 34px) !important; }
#phoneSection.cs-scroll-story .cs-left { height: 235px !important; }
#phoneSection.cs-scroll-story .cs-left-block { inset: 0 0 57px !important; justify-content: center !important; }
#phoneSection.cs-scroll-story .cs-left-eyebrow { margin-bottom: 8px !important; font-size: 9px !important; }
#phoneSection.cs-scroll-story .cs-left-title { font-size: clamp(34px,10vw,45px) !important; margin-bottom: 9px !important; }
#phoneSection.cs-scroll-story .cs-left-body { font-size: 11px !important; line-height: 1.42 !important; }
#phoneSection .cs-story-actions { gap: 12px; bottom: 0; }
#phoneSection .cs-story-cta { padding: 11px 12px; font-size: 10px; gap: 12px; }
#phoneSection .cs-story-source { font-size: 10px; }
#phoneSection.cs-scroll-story .cs-card-wrap {
width: min(57vw,245px) !important;
height: min(51svh,440px) !important;
min-height: 0 !important;
border-width: 6px !important;
border-radius: 34px !important;
}
#phoneSection.cs-scroll-story .cs-card { border-radius: 27px !important; }
#phoneSection.cs-scroll-story .cs-card-wrap::after { width: 58px; height: 14px; }
#phoneSection.cs-scroll-story .cs-stepper { margin-top: 9px !important; gap: 1px !important; }
#phoneSection.cs-scroll-story .cs-step { padding: 7px 6px !important; font-size: 8px !important; }
#phoneSection.cs-scroll-story .cs-nav { width: 29px !important; height: 29px !important; }
#companies.oasis-work { padding: 62px 0 75px !important; }
#companies .work-heading { align-items: flex-end; flex-direction: row; }
#companies .work-heading h2 { font-size: 32px !important; }
#companies .work-heading p { max-width: 240px; font-size: 11px; }
#companies .work-controls { align-self: flex-end; }
#companies .work-arrow { width: 34px; height: 34px; font-size: 17px; }
#companies .company-card {
flex-basis: 78vw !important;
width: 78vw !important;
height: 220px !important;
min-height: 220px !important;
}
#companies .companies-grid.is-expanded { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
#companies .companies-grid.is-expanded .company-card { height: 155px !important; min-height: 155px !important; }
#companies .companies-grid.is-expanded .company-visual,
#companies .companies-grid.is-expanded .company-avatar { width: 56px !important; height: 56px !important; }
}
@media (prefers-reduced-motion: reduce) {
#phoneSection.cs-scroll-story .cs-card-wrap { transform: none !important; }
#phoneSection.cs-scroll-story .cs-left-block,
#phoneSection.cs-scroll-story .cs-card { transition: none !important; }
}@media (max-width: 679px) {
html, body { overflow-x: clip; }
}#companies.oasis-work{padding:108px 0 96px!important;background:#050505!important;overflow:hidden!important}
#companies.oasis-work::before{display:none!important}
#companies .work-heading{max-width:1180px!important;margin:0 auto 28px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:26px!important}
#companies .work-kicker{color:#c7c7c7!important;letter-spacing:.18em!important}
#companies .section-title,#companies .section-title .accent{color:#f7f7f7!important;-webkit-text-stroke:0!important}
#companies .section-title{font-size:clamp(42px,5vw,72px)!important;line-height:.99!important;letter-spacing:-.065em!important;max-width:900px!important}
#companies .work-heading p{color:rgba(255,255,255,.57)!important;max-width:540px!important;font-size:14px!important;line-height:1.55!important;margin-top:15px!important}
#companies .work-controls{display:flex!important;gap:8px!important;flex:none!important}
#companies .work-arrow{width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:50%!important;background:#111!important;color:#fff!important}
#companies .work-arrow:hover{background:#fff!important;color:#050505!important}
#companies .companies-grid{display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:0!important;width:100vw!important;margin:0 0 0 calc(50% - 50vw)!important;padding:20px max(20px,calc((100vw - 1180px)/2))!important;background:#f7f7f5!important;border-top:1px solid #fff!important;border-bottom:1px solid #fff!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
#companies .companies-grid::-webkit-scrollbar{display:none!important}
#companies .company-card{position:relative!important;flex:0 0 192px!important;width:192px!important;min-width:192px!important;height:126px!important;min-height:126px!important;padding:15px 12px 13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:9px!important;border:0!important;border-right:1px solid rgba(0,0,0,.12)!important;border-radius:0!important;background:transparent!important;color:#111!important;box-shadow:none!important;filter:none!important;transform:none!important;scroll-snap-align:start!important;cursor:pointer!important}
#companies .company-card:hover,#companies .company-card:focus-visible{background:#e8e8e5!important;transform:none!important;outline:none!important}
#companies .company-card::after{display:none!important}
#companies .company-visual{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:67px!important;min-height:67px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:hidden!important}
#companies .company-avatar,#companies .company-card img{position:static!important;display:block!important;width:auto!important;height:auto!important;max-width:150px!important;max-height:64px!important;object-fit:contain!important;opacity:1!important;filter:grayscale(1) contrast(1.1)!important;mix-blend-mode:multiply!important;transform:none!important;border:0!important;border-radius:0!important}
#companies .company-wordmark{display:block;color:#111;font:900 clamp(16px,1.5vw,23px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.06em;text-align:center;max-width:160px;overflow-wrap:anywhere}
#companies .company-name{position:static!important;display:block!important;color:#252525!important;font:700 11px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-align:center!important;text-shadow:none!important;margin:0!important;max-width:160px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#companies .company-card:has(.company-wordmark) .company-name{display:none!important}
#companies .work-card-arrow{position:absolute!important;top:8px!important;right:11px!important;color:#777!important;font-size:12px!important;opacity:0!important}
#companies .company-card:hover .work-card-arrow,#companies .company-card:focus-visible .work-card-arrow{opacity:1!important}
#companies .work-more{display:block!important;margin:30px auto 0!important;min-height:44px!important;padding:11px 26px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:999px!important;background:transparent!important;color:#fff!important;font:800 11px/1 Inter,Arial,sans-serif!important;letter-spacing:.03em!important;text-transform:none!important}
#companies .work-more:hover{background:#fff!important;color:#000!important}
#companies .companies-grid.is-expanded{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;overflow:visible!important;scroll-snap-type:none!important}
#companies .companies-grid.is-expanded .company-card{width:100%!important;min-width:0!important;flex-basis:auto!important;border-bottom:1px solid rgba(0,0,0,.1)!important}
#modal .modal-card{background:#0b0b0b!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 35px 120px rgba(0,0,0,.75)!important}
#modal .modal-red-under,#modal .edge-orb{display:none!important}
#modal .modal-title,#modal .modal-h{color:#fff!important}
#modal .modal-sub,#modal .modal-text{color:rgba(255,255,255,.69)!important}
#modal .modal-close{color:#fff!important}
@media(max-width:980px){#companies .companies-grid.is-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:679px){
#companies.oasis-work{padding:72px 0 78px!important}
#companies .work-heading{align-items:flex-start!important;flex-direction:column!important;gap:16px!important;margin-bottom:22px!important}
#companies .section-title{font-size:clamp(38px,10vw,48px)!important}
#companies .work-heading p{font-size:13px!important}
#companies .work-controls{align-self:flex-end!important}
#companies .companies-grid{padding:15px 18px!important}
#companies .company-card{flex-basis:155px!important;width:155px!important;min-width:155px!important;height:112px!important;min-height:112px!important}
#companies .company-visual{height:60px!important;min-height:60px!important}
#companies .company-avatar,#companies .company-card img{max-width:125px!important;max-height:56px!important}
#companies .company-wordmark{font-size:17px!important}
#companies .companies-grid.is-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:14px!important}
#companies .companies-grid.is-expanded .company-card{height:104px!important;min-height:104px!important}
}#companies .work-controls{display:none!important}
#companies .companies-grid{border:0!important;padding-top:10px!important;padding-bottom:10px!important;scroll-snap-type:none!important;overscroll-behavior-inline:contain!important}
#companies .company-card{border-right:0!important;transition:background-color .18s ease!important}
#companies .company-visual{overflow:visible!important}
#companies .company-avatar,#companies .company-card img{object-fit:contain!important;max-width:135px!important;max-height:62px!important}
#companies .company-name{font-size:10px!important;color:#555!important}
#companies .company-card:hover,#companies .company-card:focus-visible{background:#e6e6e3!important}
#companies .companies-grid.is-expanded{border:0!important}
#companies .companies-grid.is-expanded .company-card{border-bottom:1px solid rgba(0,0,0,.08)!important}
@media(max-width:679px){#companies .companies-grid{padding:10px 14px!important}#companies .company-card{flex-basis:148px!important;width:148px!important;min-width:148px!important}}#companies .companies-grid:not(.is-expanded){padding-left:0!important;padding-right:0!important}@media (max-width: 679px) {
.hero.section { min-height: calc(100svh - var(--navH)) !important; height: calc(100svh - var(--navH)) !important; }
.hero .trusted-brands-mount { margin: 0 auto 0 !important; }
.hero .hero-sticky { min-height: calc(100svh - var(--navH)) !important; height: calc(100svh - var(--navH)) !important; padding: 0 !important; }
.hero .hero-sticky > .container { top: 0 !important; padding: 100px 16px 28px !important; transform: translateX(-50%) !important; }
.hero .hero-eyebrow { margin-top: 0 !important; }
#phoneSection.cs-scroll-story .cs-outer { gap: 12px !important; }
#phoneSection.cs-scroll-story .cs-left { height: 270px !important; }
#phoneSection.cs-scroll-story .cs-left-block { inset: 0 0 62px !important; justify-content: flex-start !important; }
#phoneSection.cs-scroll-story .cs-left-body { font-size: 12px !important; line-height: 1.46 !important; }
#phoneSection.cs-scroll-story .cs-right { margin-top: 12px !important; }
#phoneSection.cs-scroll-story .cs-card-wrap { width: min(78vw, 310px) !important; height: min(59svh, 560px) !important; min-height: 0 !important; border: 7px solid #25262a !important; border-radius: 43px !important; background: #080809 !important; box-shadow: 0 25px 75px rgba(0,0,0,.72), 0 0 0 2px rgba(255,255,255,.1), 0 0 55px rgba(229,9,20,.13) !important; }
#phoneSection.cs-scroll-story .cs-card { inset: 5px !important; border-radius: 32px !important; overflow: hidden !important; }
#phoneSection.cs-scroll-story .cs-card-media { overflow: hidden !important; }
#phoneSection.cs-scroll-story .cs-video { object-fit: cover !important; object-position: center !important; }
#phoneSection.cs-scroll-story .cs-stepper { margin-top: 12px !important; }
#companies.oasis-work { padding: 48px 0 55px !important; min-height: 0 !important; background: #050505 !important; }
#companies.oasis-work > .container { width: 100% !important; padding: 0 22px !important; }
#companies .work-heading { margin-bottom: 22px !important; }
#companies .work-heading p { max-width: 100% !important; }
#companies .work-more { margin-top: 20px !important; }
}
#companies .companies-grid:not(.is-expanded) { background: #0a0a0c !important; border-top: 1px solid rgba(255,255,255,.1) !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; padding-top: 13px !important; padding-bottom: 13px !important; }
#companies .company-card { color: #fff !important; border-color: rgba(255,255,255,.08) !important; }
#companies .company-card:hover, #companies .company-card:focus-visible { background: #19191d !important; }
#companies .company-avatar, #companies .company-card img { filter: grayscale(1) contrast(1.08) !important; mix-blend-mode: normal !important; }
#companies .company-wordmark { color: #f5f5f5 !important; }
#companies .company-name { color: #d4d4d7 !important; }
#companies .work-card-arrow { color: #ff3644 !important; }
#companies .companies-grid.is-expanded { background: #0a0a0c !important; }
#companies .companies-grid.is-expanded .company-card { border-bottom-color: rgba(255,255,255,.1) !important; }#companies.oasis-work { padding: 66px 0 70px !important; min-height: 0 !important; }
#companies .companies-grid:not(.is-expanded) { gap: 14px !important; padding-top: 18px !important; padding-bottom: 18px !important; scroll-snap-type: none !important; }
#companies .company-card {
flex: 0 0 clamp(225px, 20vw, 300px) !important;
width: clamp(225px, 20vw, 300px) !important;
min-width: clamp(225px, 20vw, 300px) !important;
height: clamp(270px, 24vw, 330px) !important;
min-height: 270px !important;
padding: 22px !important;
gap: 15px !important;
border: 1px solid rgba(255,255,255,.1) !important;
border-radius: 22px !important;
background: linear-gradient(145deg,#18181b,#080809) !important;
}
#companies .company-card:hover, #companies .company-card:focus-visible { background: linear-gradient(145deg,#28282d,#101014) !important; border-color: rgba(255,255,255,.35) !important; }
#companies .company-visual {
flex: none !important;
width: clamp(156px, 14vw, 205px) !important;
height: clamp(156px, 14vw, 205px) !important;
min-height: 0 !important;
border-radius: 50% !important;
overflow: hidden !important;
background: #f4f4f4 !important;
box-shadow: 0 16px 38px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.14) !important;
}
#companies .company-avatar, #companies .company-card img {
width: 100% !important; height: 100% !important;
max-width: none !important; max-height: none !important;
object-fit: cover !important; border-radius: 50% !important;
transform: none !important; filter: none !important;
}
#companies .company-card:hover img { transform: scale(1.06) !important; filter: none !important; }
#companies .company-wordmark {
display: grid !important; place-items: center !important;
width: 100% !important; height: 100% !important; max-width: none !important;
padding: 15px !important; color: #151515 !important;
font-size: clamp(15px,1.6vw,23px) !important;
}
#companies .company-name {
display: block !important; position: static !important;
font-size: 15px !important; line-height: 1.15 !important;
font-weight: 800 !important; color: #fff !important;
max-width: 100% !important; white-space: normal !important;
}
#companies .company-card:has(.company-wordmark) .company-name { display: block !important; }
#companies .work-card-arrow { top: 16px !important; right: 18px !important; font-size: 17px !important; opacity: .8 !important; }
#companies .companies-grid.is-expanded { gap: 12px !important; padding: 18px !important; }
#companies .companies-grid.is-expanded .company-card { min-width: 0 !important; width: 100% !important; height: 280px !important; min-height: 280px !important; }
@media (max-width: 679px) {
#companies.oasis-work { padding: 44px 0 54px !important; }
#companies .companies-grid:not(.is-expanded) { gap: 12px !important; padding: 14px 16px !important; }
#companies .company-card { flex-basis: min(72vw,260px) !important; width: min(72vw,260px) !important; min-width: min(72vw,260px) !important; height: 290px !important; min-height: 290px !important; }
#companies .company-visual { width: 182px !important; height: 182px !important; }
#companies .company-wordmark { font-size: 19px !important; }
#companies .companies-grid.is-expanded .company-card { height: 220px !important; min-height: 220px !important; padding: 12px !important; }
#companies .companies-grid.is-expanded .company-visual { width: min(29vw,130px) !important; height: min(29vw,130px) !important; }
#companies .companies-grid.is-expanded .company-name { font-size: 12px !important; }
#phoneSection.cs-scroll-story .cs-card-wrap {
width: min(82vw,320px) !important;
height: min(80svh,590px) !important;
aspect-ratio: 320 / 590 !important;
border: 8px solid #252529 !important;
border-radius: 44px !important;
box-shadow: 0 38px 100px rgba(0,0,0,.65),18px 16px 45px rgba(227,31,44,.12),inset 0 0 0 2px #46464a !important;
transform: translate3d(var(--story-shift,0px),var(--story-lift,0px),0) rotateY(var(--story-rotate,-9deg)) rotateZ(calc(var(--story-rotate,-9deg)*-.18)) !important;
}
#phoneSection.cs-scroll-story .cs-card { inset: 0 !important; border-radius: 36px !important; }
#phoneSection.cs-scroll-story .cs-card-wrap::after { width: 78px !important; height: 19px !important; }
#phoneSection.cs-scroll-story .cs-video { object-fit: contain !important; }
#phoneSection.cs-scroll-story .cs-pill { top: 39px !important; left: 12px !important; }
#phoneSection.cs-scroll-story .cs-nav { width: 38px !important; height: 38px !important; }
}#companies .companies-grid:not(.is-expanded) {
scroll-behavior: auto !important;
scroll-snap-type: none !important;
-webkit-overflow-scrolling: auto !important;
}#companies.oasis-work { background: transparent !important; padding: 56px 0 58px !important; }
#companies .companies-grid,
#companies .companies-grid:not(.is-expanded),
#companies .companies-grid.is-expanded {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
#companies .companies-grid:not(.is-expanded) { gap: 24px !important; padding-top: 12px !important; padding-bottom: 12px !important; }
#companies .company-card,
#companies .companies-grid.is-expanded .company-card {
flex-basis: 228px !important;
width: 228px !important;
min-width: 228px !important;
height: 255px !important;
min-height: 255px !important;
padding: 12px 8px 24px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
gap: 14px !important;
}
#companies .company-card:hover,
#companies .company-card:focus-visible {
background: transparent !important;
border: 0 !important;
transform: translateY(-4px) !important;
}
#companies .company-visual {
width: 180px !important;
height: 180px !important;
box-shadow: 0 12px 35px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.12) !important;
}
#companies .company-name { max-width: 190px !important; font-size: 14px !important; }
#companies .work-card-arrow {
top: auto !important; bottom: 20px !important; right: 14px !important;
font-size: 16px !important; opacity: .75 !important;
}
#companies .companies-grid.is-expanded { gap: 12px !important; padding: 12px !important; }
#companies .companies-grid.is-expanded .company-card { width: 100% !important; min-width: 0 !important; border-bottom: 0 !important; }
@media(max-width:679px) {
#companies.oasis-work { padding: 42px 0 48px !important; }
#companies .companies-grid:not(.is-expanded) { gap: 12px !important; }
#companies .company-card { flex-basis: 186px !important; width: 186px !important; min-width: 186px !important; height: 224px !important; min-height: 224px !important; }
#companies .company-visual { width: 154px !important; height: 154px !important; }
#companies .company-name { max-width: 154px !important; font-size: 12px !important; }
#companies .companies-grid.is-expanded .company-card { height: 180px !important; min-height: 180px !important; }
#companies .companies-grid.is-expanded .company-visual { width: min(29vw,120px) !important; height: min(29vw,120px) !important; }
}#companies .company-card,
#companies .companies-grid.is-expanded .company-card { --portrait-size: 180px; position: relative !important; isolation: isolate; overflow: visible !important; }
#companies .company-glow {
position: absolute;
top: 12px;
left: 50%;
width: var(--portrait-size);
height: var(--portrait-size);
border-radius: 50%;
pointer-events: none;
z-index: 0;
transform: translateX(-50%);
box-shadow: 0 0 0 2px var(--work-glow), 0 0 19px 4px var(--work-glow), 0 0 46px 8px var(--work-glow);
opacity: .48;
animation: work-circle-glow 4.2s ease-in-out infinite;
}
#companies .company-card:nth-child(3n) .company-glow { animation-delay: -1.4s; }
#companies .company-card:nth-child(3n + 2) .company-glow { animation-delay: -2.8s; }
#companies .company-visual { position: relative !important; z-index: 1; border: 1px solid var(--work-glow) !important; }
#companies .company-name, #companies .work-card-arrow { position: relative; z-index: 1; }
@keyframes work-circle-glow {
0%, 100% { opacity: .38; box-shadow: 0 0 0 1px var(--work-glow), 0 0 15px 3px var(--work-glow), 0 0 34px 6px var(--work-glow); }
50% { opacity: .72; box-shadow: 0 0 0 3px var(--work-glow), 0 0 29px 7px var(--work-glow), 0 0 58px 13px var(--work-glow); }
}
@media (max-width: 679px) {
#companies .company-card { --portrait-size: 154px; }
#companies .companies-grid.is-expanded .company-card { --portrait-size: min(29vw, 120px); }
}
@media (prefers-reduced-motion: reduce) {
#companies .company-glow { animation: none; opacity: .46; }
}#companies .company-visual {
overflow: hidden !important;
border: 3px solid #121216 !important;
border-radius: 50% !important;
background: #111 !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.27), 0 12px 35px rgba(0,0,0,.4) !important;
}
#companies .company-avatar,
#companies .company-card img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
border-radius: 50% !important;
object-fit: cover !important;
object-position: center !important;
transform: none !important;
}
#companies .company-glow {
top: -24px;
width: calc(var(--portrait-size) + 72px);
height: calc(var(--portrait-size) + 72px);
overflow: visible !important;
background: radial-gradient(circle, var(--work-glow) 0%, var(--work-glow) 34%, transparent 70%) !important;
filter: none !important;
-webkit-mask-image: none !important;
mask-image: none !important;
opacity: .34 !important;
box-shadow: none !important;
animation: portrait-halo 4.2s ease-in-out infinite !important;
}
@keyframes portrait-halo { 0%,100% { opacity: .44; transform: translateX(-50%) scale(1.04); } 50% { opacity: .7; transform: translateX(-50%) scale(1.12); } }
@media (prefers-reduced-motion: reduce) { #companies .company-glow { animation: none !important; } }
@media(max-width:679px) {
#companies .companies-grid:not(.is-expanded) { padding-left: max(20px, env(safe-area-inset-left)) !important; padding-right: max(20px, env(safe-area-inset-right)) !important; }
#companies .company-card { --portrait-size: 148px; }
#companies .company-visual { width: 148px !important; height: 148px !important; }
#companies .company-glow { top: 15px; }
#phoneSection.cs-scroll-story .cs-card-wrap { width: min(72vw, 280px) !important; height: min(72svh, 560px) !important; aspect-ratio: 280 / 560 !important; border-width: 5px !important; padding: 3px !important; border-radius: 38px !important; }
#phoneSection.cs-scroll-story .cs-card { inset: 4px !important; border-radius: 31px !important; clip-path: inset(0 round 31px) !important; }
#phoneSection.cs-scroll-story .cs-card-media, #phoneSection.cs-scroll-story .cs-video { border-radius: 31px !important; }
}@media(max-width:768px) {
#phoneSection .cs-card-media { position: relative !important; overflow: hidden !important; background: #08090b !important; }
#phoneSection .cs-card:not(.cs-media-ready) .cs-card-media::before {
content: "";
position: absolute;
z-index: 3;
inset: 0;
background: linear-gradient(110deg,#0b0b0e 20%,#18181c 45%,#0b0b0e 70%);
background-size: 240% 100%;
animation: phone-video-shimmer 1.6s ease-in-out infinite;
pointer-events: none;
}
#phoneSection .cs-card.cs-media-ready .cs-card-media::before { display: none !important; }
#phoneSection .cs-card:not(.cs-media-ready) .cs-video { opacity: 0 !important; }
#phoneSection .cs-card.cs-media-ready .cs-video { opacity: 1 !important; transition: opacity .25s ease !important; }
}
@keyframes phone-video-shimmer { to { background-position: -240% 0; } }
@media(prefers-reduced-motion:reduce) { #phoneSection .cs-card-media::before { animation: none !important; } }#companies .companies-grid:not(.is-expanded) {
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 110px, #000 calc(100% - 110px), transparent 100%) !important;
mask-image: linear-gradient(to right, transparent 0, #000 110px, #000 calc(100% - 110px), transparent 100%) !important;
padding-top: 28px !important;
padding-bottom: 28px !important;
}
#companies .companies-grid.is-expanded { -webkit-mask-image: none !important; mask-image: none !important; }
@media(max-width:679px) {
#companies .companies-grid:not(.is-expanded) {
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 42px, #000 calc(100% - 42px), transparent 100%) !important;
mask-image: linear-gradient(to right, transparent 0, #000 42px, #000 calc(100% - 42px), transparent 100%) !important;
}
}@media (max-width: 679px) {
#phoneSection.cs-scroll-story .cs-card-wrap {
width: min(78vw, 306px) !important;
height: min(72svh, 560px) !important;
padding: 0 !important;
border: 4px solid #292a2e !important;
border-radius: 35px !important;
transform: translate3d(0, 0, 0) !important;
transition: box-shadow .45s ease, opacity .35s ease !important;
}
#phoneSection.cs-scroll-story .cs-card {
inset: 1px !important;
border-radius: 29px !important;
clip-path: inset(0 round 29px) !important;
}
#phoneSection.cs-scroll-story .cs-card-media,
#phoneSection.cs-scroll-story .cs-video {
border-radius: 29px !important;
}
#phoneSection.cs-scroll-story .cs-video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
}
#phoneSection .cs-card-media.cs-media-loading .cs-video { opacity: .3 !important; }
#phoneSection .cs-card-media.cs-media-ready .cs-video { opacity: 1 !important; transition: opacity .32s ease !important; }
#phoneSection .cs-card-media.cs-media-loading::after {
content: "";
position: absolute;
top: 50%; left: 50%;
width: 24px; height: 24px;
margin: -12px;
border: 2px solid rgba(255,255,255,.22);
border-top-color: #f42636;
border-radius: 50%;
animation: oasis-phone-buffer .8s linear infinite;
pointer-events: none;
z-index: 45;
}
#phoneSection .cs-card-media.cs-media-loading .cs-sound-toggle { opacity: 0 !important; pointer-events: none !important; }
}
@keyframes oasis-phone-buffer { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
#phoneSection .cs-card-media.cs-media-loading::after { animation: none; }
}@media(max-width:679px) {
#phoneSection.cs-scroll-story { height: 245svh !important; }
#phoneSection.cs-scroll-story .cs-left { height: 216px !important; }
#phoneSection.cs-scroll-story .cs-left-block { inset: 0 0 48px !important; justify-content: center !important; }
#phoneSection.cs-scroll-story .cs-left-title { font-size: clamp(31px, 8.8vw, 43px) !important; line-height: .99 !important; }
#phoneSection.cs-scroll-story .cs-left-body { font-size: 12px !important; line-height: 1.45 !important; }
#phoneSection.cs-scroll-story .cs-right { margin-top: 0 !important; }
#phoneSection.cs-scroll-story .cs-card-wrap {
width: min(62vw, 252px) !important;
height: min(52svh, 448px) !important;
min-height: 0 !important;
aspect-ratio: 9 / 16 !important;
border: 4px solid #292a2e !important;
padding: 0 !important;
border-radius: 34px !important;
}
#phoneSection.cs-scroll-story .cs-card { inset: 1px !important; border-radius: 28px !important; clip-path: inset(0 round 28px) !important; }
#phoneSection.cs-scroll-story .cs-card-media { border-radius: 28px !important; }
#phoneSection.cs-scroll-story .cs-video { object-fit: cover !important; object-position: center !important; }
#phoneSection .cs-sound-toggle { display: none !important; }
#phoneSection .cs-card-media.cs-media-loading::after { display: none !important; }
#phoneSection.cs-scroll-story .cs-stepper { margin-top: 9px !important; }
}@media (max-width: 679px) {
#companies .companies-grid:not(.is-expanded) .company-card {
flex: 0 0 228px !important;
width: 228px !important;
min-width: 228px !important;
height: 255px !important;
min-height: 255px !important;
}
#companies .companies-grid.is-expanded .company-card {
width: 100% !important;
min-width: 0 !important;
height: 255px !important;
min-height: 255px !important;
}
#companies .company-card,
#companies .companies-grid.is-expanded .company-card {
--portrait-size: 180px !important;
}
#companies .company-card .company-visual,
#companies .companies-grid.is-expanded .company-card .company-visual {
width: 180px !important;
height: 180px !important;
min-height: 180px !important;
overflow: hidden !important;
}
#companies .company-card .company-glow,
#companies .companies-grid.is-expanded .company-card .company-glow {
top: -24px !important;
}
#companies .company-card .company-avatar,
#companies .companies-grid.is-expanded .company-card .company-avatar {
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center !important;
transform: none !important;
}
}
@media (max-width: 419px) {
#companies .companies-grid.is-expanded {
grid-template-columns: 1fr !important;
}
}#companies .companies-grid:not(.is-expanded) { cursor: grab; user-select: none; -webkit-user-select: none; }
#companies .companies-grid:not(.is-expanded):active { cursor: grabbing; }#companies .companies-grid:not(.is-expanded) {
overflow-x: hidden !important;
overflow-y: hidden !important;
touch-action: pan-y;
}
#companies .companies-grid:not(.is-expanded) .work-track {
display: flex;
align-items: stretch;
flex: 0 0 auto;
width: max-content;
gap: 24px;
will-change: transform;
}
@media (max-width: 679px) {
#companies .companies-grid:not(.is-expanded) .work-track { gap: 12px; }
}#companies .companies-grid:not(.is-expanded) .company-glow {
animation: none !important;
opacity: .34 !important;
}#companies .company-card .company-glow{transform:translate3d(-50%,0,0) scale(1.04)!important;backface-visibility:hidden;will-change:transform,opacity;animation:portrait-halo-stable 4.2s ease-in-out infinite!important}
#companies .company-card:hover .company-glow,#companies .company-card:focus-visible .company-glow{animation-play-state:paused!important;opacity:.66!important;transform:translate3d(-50%,0,0) scale(1.1)!important}
@keyframes portrait-halo-stable{0%,100%{opacity:.44;transform:translate3d(-50%,0,0) scale(1.04)}50%{opacity:.7;transform:translate3d(-50%,0,0) scale(1.12)}}
@media(prefers-reduced-motion:reduce){#companies .company-card .company-glow{animation:none!important}}#companies .companies-grid:not(.is-expanded) .company-card .company-glow{animation:portrait-halo-stable 4.2s ease-in-out infinite!important;opacity:.5!important}
#companies .companies-grid:not(.is-expanded) .company-card:hover .company-glow{animation-play-state:paused!important;opacity:.7!important}@media(max-width:679px){
#companies.oasis-work #workGrid.companies-grid.is-expanded{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;margin:0!important;padding:0!important;gap:14px 10px!important;overflow:visible!important}
#companies.oasis-work #workGrid.is-expanded .company-card{width:100%!important;min-width:0!important;max-width:none!important;height:190px!important;min-height:190px!important;padding:10px 4px!important;gap:10px!important;--portrait-size:min(32vw,140px)!important}
#companies.oasis-work #workGrid.is-expanded .company-card .company-visual{width:min(32vw,140px)!important;height:min(32vw,140px)!important;min-height:0!important;flex:none!important}
#companies.oasis-work #workGrid.is-expanded .company-name{display:block!important;font-size:12px!important;white-space:normal!important;color:#fff!important;max-width:100%!important}
#companies.oasis-work #workGrid .company-wordmark{color:#fff!important}
}:root{--je-ink:#050505;--je-ivory:#e8e4da;--je-lime:#d7ff3f}
html{scroll-behavior:smooth}body{background:var(--je-ink)!important;color:#f2f0eb!important}
.je-panel,.je-panel *{box-sizing:border-box}.je-panel{position:relative;width:100%;max-width:100vw;overflow:hidden;font-family:Inter,Arial,sans-serif}
.je-hero,.je-film,.je-offer{min-height:100svh;background:#050505;color:#f2f0eb}
.je-hero{height:100svh}.je-video-wrap,.je-shade{position:absolute;inset:0}
.je-video-wrap{overflow:hidden;background:#171717 none}
.je-youtube{position:absolute;top:50%;left:50%;width:max(100vw,177.78svh);height:max(100svh,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none;filter:grayscale(1) contrast(1.12) brightness(.74)}
.je-shade{background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 60%),linear-gradient(0deg,rgba(0,0,0,.52),transparent 58%);pointer-events:none}
.je-hero-copy{position:absolute;z-index:2;left:6vw;right:6vw;bottom:6vh}
.je-eyebrow,.je-hero-bottom,.je-vertical,.je-index,.je-film-caption,.je-offer-heading>span,.je-offer-bottom,.je-bio-side,.je-bio-copy>a{font:10px/1.5 'DM Mono',ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}
.je-eyebrow{display:flex;gap:32px;margin-bottom:2vh}
.je-hero h1{margin:0;font-size:clamp(100px,19vw,330px);line-height:.68;letter-spacing:-.095em;font-weight:900}
.je-hero h1 span{display:block}.je-hero h1 .je-outline{margin-left:17vw;color:transparent;-webkit-text-stroke:1.5px #f2f0eb}
.je-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:5vh}.je-hero-bottom p{margin:0}
.je-circle{width:70px;height:70px;border:1px solid rgba(255,255,255,.65);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font:25px Inter,Arial,sans-serif;transition:transform .3s,background .3s,color .3s}
.je-circle:hover{background:var(--je-lime);color:#050505;transform:rotate(-45deg)}
.je-vertical{position:absolute;z-index:2;right:22px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%)}
.je-statement{min-height:100svh;padding:14vh 7vw 10vh;background:var(--je-ivory);color:#111;display:grid;grid-template-columns:1fr 4fr;align-content:center}
.je-index{position:absolute;top:110px;left:7vw}.je-statement h2{grid-column:2;margin:0;font-size:clamp(60px,9vw,160px);line-height:.83;letter-spacing:-.07em;font-weight:800}
.je-statement em,.je-bio em{font-family:Georgia,serif;font-weight:400}.je-rule{height:1px;background:#111;position:absolute;bottom:9vh;left:7vw;right:7vw}
.je-film{height:120vh}.je-film .je-youtube{filter:grayscale(1) contrast(1.1) brightness(.54)}
.je-film-word{position:absolute;z-index:2;inset:0;display:grid;place-items:center;font-size:25vw;font-weight:900;letter-spacing:-.11em;line-height:1;mix-blend-mode:difference;white-space:nowrap}
.je-film-caption{position:absolute;z-index:3;left:4vw;bottom:5vh}
.je-offer{display:flex;flex-direction:column;justify-content:space-between;padding:12vh 5vw 5vh;background:radial-gradient(ellipse at center,rgba(255,255,255,.08),transparent 60%),#090909}
.je-offer-heading h2{font-size:clamp(90px,15vw,240px);line-height:.78;letter-spacing:-.085em;margin:16px 0 0}
.je-offer-bottom{border-top:1px solid rgba(255,255,255,.28);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.je-offer-bottom p{margin:0}.je-offer-bottom a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.je-bio{min-height:100svh;background:var(--je-lime);color:#080808;display:grid;grid-template-columns:1fr 3fr;padding:13vh 7vw}
.je-bio-side{display:flex;flex-direction:column;justify-content:space-between;min-height:70vh}
.je-bio-copy h2{font-size:clamp(65px,10vw,165px);line-height:.78;letter-spacing:-.08em;margin:0 0 8vh}
.je-bio-copy p{font-size:clamp(18px,2vw,31px);line-height:1.25;letter-spacing:-.035em;max-width:1000px;margin:0 0 28px}
.je-bio-copy>a{display:inline-block;color:#080808;text-decoration:none;border-bottom:1px solid #080808;padding:12px 0;margin-top:20px}
.nav{background:rgba(5,5,5,.68)!important;border-bottom:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(10px)}
#companies.oasis-work,#songs,.views-section{background:#090909!important}#companies .section-title-xl{font-size:clamp(56px,7vw,112px)!important;line-height:.88!important;letter-spacing:-.07em!important;text-transform:uppercase}
#companies .company-card{border-radius:2px!important}
#start-bundles{background:var(--je-lime)!important;color:#080808!important}#start-bundles .section-title{font-size:clamp(65px,9vw,150px)!important;line-height:.85!important;letter-spacing:-.08em!important;color:#080808!important}#start-bundles .section-title .accent{font:italic 400 1em Georgia,serif!important;color:#080808!important;-webkit-text-fill-color:#080808!important}
#start-bundles .section-sub,#start-bundles .campaign-audience-note{color:rgba(8,8,8,.68)!important}#start-bundles .campaign-audience-note a{color:#080808!important}
#start-bundles .oasis-budget-picker{background:#e8e4da!important;border:1px solid rgba(0,0,0,.18)!important;border-radius:2px!important;color:#080808!important}
#start-bundles .oasis-result-kicker,#start-bundles .oasis-result-value,#start-bundles .oasis-result-top{color:#080808!important}
#start-bundles .oasis-launch,#start-bundles .oasis-custom-btn{background:#080808!important;color:#fff!important;border-radius:2px!important}
@media(max-width:700px){
.je-hero,.je-film,.je-offer{height:100svh;min-height:620px}.je-youtube{width:max(100vw,177.78svh);height:max(100svh,56.25vw)}
.je-hero-copy{left:20px;right:20px;bottom:7vh}.je-hero h1{font-size:27vw;line-height:.76}.je-hero h1 .je-outline{margin-left:8vw}
.je-eyebrow{gap:14px;flex-wrap:wrap;font-size:8px}.je-hero-bottom{margin-top:5vh;gap:10px}.je-hero-bottom p{font-size:9px}.je-circle{width:52px;height:52px;flex:0 0 52px;font-size:20px}.je-vertical{display:none}
.je-statement{display:block;padding:18vh 20px 9vh}.je-index{top:90px;left:20px}.je-statement h2{font-size:16vw;overflow-wrap:anywhere}
.je-film-word{font-size:23vw}.je-film-caption{left:20px;font-size:9px}
.je-offer{padding:12vh 20px 5vh}.je-offer-heading h2{font-size:25vw}.je-offer-bottom{flex-wrap:wrap}
.je-bio{display:block;padding:11vh 20px}.je-bio-side{min-height:auto;flex-direction:row;gap:15px;flex-wrap:wrap;margin-bottom:11vh}.je-bio-copy h2{font-size:17vw}.je-bio-copy p{font-size:20px}
#companies .section-title-xl{font-size:16vw!important}#start-bundles .section-title{font-size:15vw!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.je-circle{transition:none}}.je-video-wrap{background:#161616}
.je-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12) brightness(.7);z-index:1}
.je-youtube{opacity:0;z-index:2}
.je-video-wrap.je-playing .je-youtube{opacity:1}
.je-watch{display:inline-block;margin-top:12px;color:#f2f0eb;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:3px}
.je-watch:hover{color:#d7ff3f;border-color:#d7ff3f}
@media(max-width:700px){.je-video-poster{object-position:62% center}}:root{--je-lime:#e50914}
#bgCanvas,#glassCanvas,.hero-crystal-field{display:none!important}
html,body{background:#050505!important}
.nav{background:rgba(5,5,5,.94)!important;backdrop-filter:blur(18px)!important;z-index:200!important}
.nav-inner{max-width:none!important;width:100%!important;padding:0 34px!important}
.nav-logo-link.je-wordmark{display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;color:#f2f0eb!important;font:900 27px/1 Inter,Arial,sans-serif!important;letter-spacing:-.085em!important;text-decoration:none!important;text-shadow:none!important}
.nav-cta-ghost{border-radius:1px!important;background:none!important;border:0!important;text-transform:uppercase!important;font:10px 'DM Mono',ui-monospace,monospace!important;letter-spacing:.12em!important}
.je-nav-start{border:1px solid rgba(255,255,255,.46)!important;color:#fff!important;padding:13px 18px!important}
.je-nav-start:hover{background:#e50914!important;border-color:#e50914!important}
.trusted-brands-mount{display:none!important}
.je-hero .je-hero-copy{bottom:9vh}
.je-hero .je-watch{color:#fff}
.je-video-poster{filter:grayscale(1) contrast(1.15) brightness(.54)!important}
.je-youtube{width:max(116vw,206svh)!important;height:max(116svh,65vw)!important;filter:grayscale(1) contrast(1.15) brightness(.62)!important}
.je-offer .je-video-wrap,.je-offer .je-shade{z-index:0}
.je-offer .je-video-poster{filter:grayscale(1) contrast(1.1) brightness(.35)!important}
.je-offer-heading,.je-offer-bottom{position:relative;z-index:3}
.je-bio{background:#e50914;color:#f2f0eb}
.je-bio-copy>a{color:#fff;border-color:rgba(255,255,255,.8)}
.je-film-word{font-size:24vw}
#start-bundles{background:#e8e4da!important;color:#111!important;padding-top:14vh!important;padding-bottom:14vh!important}
#start-bundles:before,#start-bundles:after{display:none!important}
#start-bundles .section-title,#start-bundles .section-title .accent{color:#080808!important;-webkit-text-fill-color:#080808!important}
#start-bundles .section-sub,#start-bundles .campaign-audience-note,#start-bundles .campaign-audience-note a{color:#161616!important}
#start-bundles .oasis-budget-picker{background:#f4f1e9!important;border:1px solid rgba(0,0,0,.26)!important;box-shadow:0 30px 80px rgba(0,0,0,.12)!important;padding:clamp(20px,3vw,40px)!important}
#start-bundles .oasis-budget-picker :is(div,p,span,label,strong,h3,small){color:#111!important}
#start-bundles .oasis-budget-picker .oasis-result-value{font-size:clamp(38px,5vw,72px)!important;font-weight:900!important;letter-spacing:-.07em!important}
#start-bundles .oasis-budget-picker :is(input,output){color:#111!important}
#start-bundles .oasis-budget-picker input[type=range]{accent-color:#e50914!important}
#start-bundles .oasis-budget-picker :is(button,a){color:#fff!important}
#start-bundles .oasis-launch,#start-bundles .oasis-custom-btn{border:1px solid #111!important;background:#111!important;color:#fff!important}
#start-bundles .oasis-launch:hover,#start-bundles .oasis-custom-btn:hover{background:#e50914!important;border-color:#e50914!important}
#contact{background:#050505!important;color:#fff!important}
#contact .contact-title{font-size:clamp(64px,9vw,150px)!important;line-height:.9!important;letter-spacing:-.07em!important;max-width:1050px!important;margin-inline:auto!important}
#contact .contact-title .accent{color:#e50914!important}
#contact .contact-link{color:#fff!important}
.footer{background:#050505!important}
@media(max-width:700px){
.nav-inner{padding:0 18px!important}.nav-logo-link.je-wordmark{font-size:23px!important}.je-nav-start{padding:9px!important;font-size:8px!important}
.je-hero .je-hero-copy{bottom:8vh}.je-hero h1{font-size:27vw}
.je-offer-heading h2{font-size:23vw}.je-film-word{font-size:22vw}
#start-bundles{padding-top:90px!important;padding-bottom:90px!important}
#start-bundles .oasis-budget-picker{padding:18px!important}
#contact .contact-title{font-size:15vw!important}
}html body .nav.oasis-nav-hidden{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important}
#start-bundles .bundles-grid{gap:16px!important}
#start-bundles .bundle-card{background:#111!important;border:1px solid rgba(0,0,0,.9)!important;border-radius:2px!important;box-shadow:none!important;color:#f2f0eb!important}
#start-bundles .bundle-card *{color:#f2f0eb!important}
#start-bundles .bundle-card :is(.bundle-tier,.perk-check){color:#ff5260!important}
#start-bundles .bundle-card :is(.bundle-price,.old-amount){color:#f2f0eb!important}
#start-bundles .bundle-card .discount-badge{background:#e50914!important;color:#fff!important}
#start-bundles .bundle-card .bundle-cta{background:#e50914!important;color:#fff!important;border:1px solid #e50914!important;border-radius:1px!important;box-shadow:none!important}
#start-bundles .bundle-card .bundle-cta:hover{background:#fff!important;color:#111!important;border-color:#fff!important}
#start-bundles .bundle-card-featured{background:#1e1113!important;border-color:#e50914!important}
#start-bundles .bundle-badge{background:#e50914!important;color:#fff!important}
#start-bundles .bundle-guarantee,#start-bundles .bundle-tagline{color:rgba(255,255,255,.7)!important}
#start-bundles .oasis-budget-picker *:is(.oasis-result-kicker,.oasis-result-value){color:#111!important}.cs-section{background:#e8e4da!important;color:#111!important}
.cs-section :is(.cs-left-title,.cs-left-body,.cs-left-eyebrow,.cs-step,.cs-story-count){color:#111!important}
.cs-section .cs-left-title{font-size:clamp(65px,8.6vw,145px)!important;line-height:.84!important;letter-spacing:-.075em!important}
.cs-section .cs-left-title .accent{font-family:Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:#111!important;-webkit-text-fill-color:#111!important}
.cs-section .cs-left-body{font-size:clamp(16px,1.35vw,22px)!important;line-height:1.42!important;letter-spacing:-.02em!important;color:rgba(0,0,0,.68)!important}
.cs-section .cs-story-cta{background:#111!important;color:#fff!important;border:1px solid #111!important;border-radius:1px!important}
.cs-section .cs-story-source{color:#111!important;border-color:rgba(0,0,0,.36)!important}
.cs-section .cs-step-dot{border-color:#111!important}
.cs-section .cs-card{border-radius:2px!important;border:1px solid rgba(0,0,0,.16)!important}
#songs{padding-top:15vh!important;padding-bottom:15vh!important;border-top:1px solid rgba(255,255,255,.12)}
#songs .section-title{font-size:clamp(60px,8.5vw,140px)!important;line-height:.83!important;letter-spacing:-.075em!important;max-width:1200px;margin-inline:auto}
#songs .section-title .accent{font-family:Georgia,serif!important;font-style:italic!important;font-weight:400!important;color:#f2f0eb!important;-webkit-text-fill-color:#f2f0eb!important}
#songs .audio-card{border-radius:2px!important}
.views-section{padding-top:12vh!important;padding-bottom:12vh!important;border-top:1px solid rgba(255,255,255,.15)!important;border-bottom:1px solid rgba(255,255,255,.15)!important}
.views-section .section-title{font-size:clamp(42px,6vw,90px)!important;line-height:.9!important;letter-spacing:-.065em!important}
.views-section .views-number{color:#f2f0eb!important}
#companies .section-title-xl .accent{color:#f2f0eb!important;-webkit-text-fill-color:#f2f0eb!important;font-family:Georgia,serif!important;font-style:italic!important;font-weight:400!important}
@media(max-width:700px){.cs-section .cs-left-title{font-size:16vw!important}#songs .section-title{font-size:14vw!important}}body{padding-top:0!important}
html body .nav{position:fixed!important;top:0!important;left:0!important;right:0!important;height:76px!important;transform:none!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:700px){html body .nav{height:62px!important}}.je-video-wrap{background:#050505!important}
.je-native-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;pointer-events:none;filter:grayscale(1) contrast(1.15) brightness(.62)}
.je-film .je-native-video{filter:grayscale(1) contrast(1.14) brightness(.52)}
.je-offer .je-native-video{filter:grayscale(1) contrast(1.1) brightness(.39)}
@media(max-width:700px){.je-native-video{object-position:55% center}.je-film .je-native-video{object-position:center}}.je-video-wrap::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cs-section{position:relative;isolation:isolate;overflow:hidden}
.cs-section .cs-pin-inner{position:relative;z-index:2}
.je-story-strips{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.je-story-strip{position:absolute;left:0;width:100%;height:clamp(96px,14vw,210px);overflow:hidden;opacity:.16;transform:rotate(-3deg) scale(1.07);-webkit-mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent);mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent)}
.je-story-strip-one{top:12%}.je-story-strip-two{bottom:9%;transform:rotate(3deg) scale(1.07)}
.je-story-strip video{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1) contrast(1.15);animation:je-strip-drift 24s ease-in-out infinite alternate}
.je-story-strip-two video{animation-duration:29s;animation-direction:alternate-reverse}
@keyframes je-strip-drift{from{transform:scale(1.08) translateX(-2%)}to{transform:scale(1.18) translateX(2%)}}
#start-bundles .oasis-result-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:48%}
#start-bundles .oasis-result-side .oasis-financing-note{padding-left:13px;font-size:11px}
#start-bundles .oasis-budget-hint{display:block;margin:0 0 2px;font-size:12px;font-weight:700;color:#111!important}
@media(max-width:700px){.je-story-strip{height:90px;opacity:.12}.je-story-strip-one{top:17%}.je-story-strip-two{bottom:15%}#start-bundles .oasis-result-side{max-width:55%}#start-bundles .oasis-result-side .oasis-financing-note{white-space:normal;line-height:1.35}}
@media(prefers-reduced-motion:reduce){.je-story-strip video{animation:none}}.nav-logo-link.je-wordmark{gap:9px!important}
.je-nav-mark{display:block;flex:0 0 28px;width:28px;height:28px;background:linear-gradient(125deg,#fff 5%,#8d8d8d 47%,#fff 80%);-webkit-mask:url("/oasis-header-mark.svg") center / contain no-repeat;mask:url("/oasis-header-mark.svg") center / contain no-repeat;filter:contrast(1.2)}
.je-nav-mark+span{color:#f2f0eb}
@media(max-width:700px){.je-nav-mark{flex-basis:24px;width:24px;height:24px}.nav-logo-link.je-wordmark{gap:7px!important}}.je-hero .je-hero-copy{top:50%;bottom:auto!important;transform:translateY(-50%)}
.je-headline-stage{position:relative}
.je-hero .je-headline-stage h1{position:relative;margin:0;text-align:center;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(68px,11vw,210px)!important;font-weight:600!important;line-height:1.12!important;letter-spacing:.045em!important;animation:je-copy-cut 12s steps(1,end) infinite!important}
.je-hero .je-headline-stage h1 span{display:block;margin:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.6px #fff!important;filter:none!important;mix-blend-mode:normal!important;white-space:nowrap}
.je-hero .je-headline-stage h1 .je-outline{font-size:.58em!important;letter-spacing:.045em!important}
.je-hero .je-headline-stage .je-hero-mark{position:absolute;inset:0;display:grid;place-items:center;opacity:1;pointer-events:none;animation:none!important;transform:none!important;filter:none!important;background:none!important;mask:none!important;-webkit-mask:none!important;overflow:visible!important;mix-blend-mode:normal!important}
.je-hero .je-headline-stage .je-hero-mark-fill{position:relative;display:block;width:min(72vw,560px);height:min(72vw,560px);max-height:74vh;aspect-ratio:1;overflow:hidden;opacity:0;animation:je-mark-cut 12s steps(1,end) infinite!important;-webkit-mask:url("/oasis-header-mark.svg") center / contain no-repeat;mask:url("/oasis-header-mark.svg") center / contain no-repeat}
.je-hero .je-headline-stage .je-hero-mark-video{position:absolute;left:50%;top:50%;width:100vw;height:100svh;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:translate(-50%,-50%);filter:grayscale(1) invert(1) contrast(1.3) brightness(1.05)!important;pointer-events:none}
@keyframes je-copy-cut{0%,44%,46%,48%,76%,78%,80%,100%{opacity:1}45%,47%,49%,50%,74%,75%,77%,79%{opacity:0}}
@keyframes je-mark-cut{0%,44%,46%,48%,76%,78%,80%,100%{opacity:0}45%,47%,49%,50%,74%,75%,77%,79%{opacity:1}}
@media(max-width:700px){.je-hero .je-hero-copy{top:calc(50% - 65px);left:18px;right:18px;transform:none}.je-hero .je-hero-bottom{margin-top:clamp(130px,19svh,185px)!important}.je-hero .je-headline-stage h1{font-size:12.7vw!important;letter-spacing:.025em!important}.je-hero .je-headline-stage h1 .je-outline{font-size:.64em!important;letter-spacing:.024em!important}.je-hero .je-headline-stage h1 span{-webkit-text-stroke:1.2px #fff!important}.je-hero .je-headline-stage .je-hero-mark-fill{width:min(72vw,560px);height:min(72vw,560px);max-height:60vh}}
@media(prefers-reduced-motion:reduce){.je-hero .je-headline-stage h1{animation:none!important}.je-hero .je-headline-stage .je-hero-mark-fill{display:none!important}}.je-film .je-video-wrap{isolation:isolate;z-index:0}
.je-film .je-film-video{z-index:0;clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path .88s cubic-bezier(.7,0,.2,1),opacity .18s ease,transform 1.05s ease;transform:scale(1.065);will-change:clip-path,transform}
.je-film .je-film-video.is-current{z-index:1;clip-path:inset(0);opacity:1;transform:scale(1)}
.je-film .je-film-video.is-revealing{z-index:2;clip-path:inset(0);opacity:1;transform:scale(1)}
.je-film .je-video-wrap::after{z-index:3;opacity:.11}
.je-film .je-shade{z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.je-film .je-film-video{transition:none}}
@media(max-width:700px){
html.oasis-home-boot,html.oasis-home-boot body{overflow:hidden!important;overscroll-behavior:none!important}
#oasis-first-paint,.oasis-opening-overlay{touch-action:none}
}.je-hero .je-video-wrap::after,.je-offer .je-video-wrap::after{opacity:.12;z-index:2}
.je-film .je-video-wrap::after{opacity:.13}
.je-hero .je-hero-mark-fill::after,
#phoneSection .o3-phone .cs-card-media::after{
content:"";position:absolute;inset:0;display:block;pointer-events:none;
background-image:url("data:image/svg+xml,%3Csvg viewBox=\'0 0 180 180\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cfilter id=\'n\'%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'.9\' numOctaves=\'4\' stitchTiles=\'stitch\'/%3E%3C/filter%3E%3Crect width=\'100%25\' height=\'100%25\' filter=\'url(%23n)\' opacity=\'.7\'/%3E%3C/svg%3E");
background-repeat:repeat;opacity:.14
}
.je-hero .je-hero-mark-fill::after{z-index:3;opacity:.13}
#phoneSection .o3-phone .cs-card-media::after{z-index:3;opacity:.16;border-radius:inherit}
#phoneSection .o3-phone .cs-card-media{isolation:isolate}
#phoneSection .o3-cinema-strip::after{opacity:.21}.je-offer::after{content:"";position:absolute;inset:auto 0 0;height:clamp(80px,12vh,170px);z-index:1;pointer-events:none;background:linear-gradient(0deg,#090909,rgba(9,9,9,0))}
#companies.oasis-work{position:relative!important;isolation:isolate;border-top:1px solid rgba(255,255,255,.16)!important;border-bottom:1px solid rgba(255,255,255,.18)!important;background:#090909!important}
#companies.oasis-work::before,#companies.oasis-work::after{
content:"";display:block!important;position:absolute;left:max(20px,4vw);right:max(20px,4vw);height:2px;z-index:3;pointer-events:none;
background:linear-gradient(90deg,#e50914 0 clamp(50px,8vw,130px),rgba(255,255,255,.18) clamp(50px,8vw,130px),rgba(255,255,255,0) 75%)
}
#companies.oasis-work::before{top:0}
#companies.oasis-work::after{bottom:0;transform:rotate(180deg)}
#companies .work-heading{position:relative!important;padding-top:clamp(10px,2vw,26px)!important}
#companies .work-kicker{color:#ff5963!important}
@media(max-width:700px){
.je-offer::after{height:85px}
#companies.oasis-work::before,#companies.oasis-work::after{left:20px;right:20px}
}.je-hero .je-headline-stage .je-hero-mark{
inset:auto!important;top:50%!important;left:50%!important;
width:min(72vw,560px);height:min(72vw,560px);
display:block!important;transform:translate(-50%,-50%)!important;
}
.je-hero .je-headline-stage .je-hero-mark-fill{width:100%!important;height:100%!important;max-height:none!important}
.je-circle:hover{transform:translateY(4px) scale(1.04)}.je-video-wrap::after,.je-hero .je-hero-mark-fill::after,
#phoneSection .o3-phone .cs-card-media::after{
background-size:96px 96px!important;
background-position:0 0;
}
.je-hero .je-video-wrap::after,.je-offer .je-video-wrap::after{opacity:.10}
.je-film .je-video-wrap::after{opacity:.11;z-index:5}
#phoneSection .o3-phone .cs-card-media::after{opacity:.13}
#phoneSection .o3-cinema-strip::after{background-size:96px 96px!important;opacity:.16}.je-film .je-film-video{clip-path:none!important;opacity:0;transform:scale(1.025);transition:opacity .72s ease-in-out,transform .72s ease-out;will-change:opacity,transform}
.je-film .je-film-video.is-current{clip-path:none!important;opacity:1;transform:scale(1)}
.je-film .je-film-video.is-revealing{clip-path:none!important;opacity:1;transform:scale(1)}
.je-film .je-mosh-canvas{
position:absolute;inset:0;width:100%;height:100%;z-index:4;
opacity:0;pointer-events:none;image-rendering:pixelated;mix-blend-mode:screen
}#companies.oasis-work{overflow:visible!important}
#companies .companies-grid:not(.is-expanded){
-webkit-mask-image:none!important;mask-image:none!important;
padding-top:64px!important;padding-bottom:64px!important;
}
#companies .company-card:hover,#companies .company-card:focus-visible{z-index:5!important}
#companies .company-card .company-glow,
#companies .companies-grid:not(.is-expanded) .company-card .company-glow{
animation:none!important;opacity:.54!important;
transform:translate3d(-50%,0,0) scale(1.03)!important;
transition:opacity .25s ease,transform .25s ease!important;
}
#companies .company-card:hover .company-glow,
#companies .company-card:focus-visible .company-glow,
#companies .companies-grid:not(.is-expanded) .company-card:hover .company-glow{
animation:none!important;opacity:.72!important;
transform:translate3d(-50%,0,0) scale(1.08)!important;
}
@media(max-width:700px){
html,body{max-width:100%;overflow-x:clip}
html body .nav{height:92px!important}
.nav-inner{height:100%!important;display:flex!important;flex-direction:column;justify-content:center!important;align-items:stretch!important;gap:8px;padding:10px 16px!important}
.nav-logo-link.je-wordmark{align-self:flex-start;font-size:20px!important}
.nav-actions{width:100%!important;display:flex!important;align-items:center;justify-content:space-between!important;gap:8px!important}
.nav-actions .nav-cta{min-width:0!important;white-space:nowrap!important;font-size:9px!important;padding:8px 5px!important}
.nav-actions .je-nav-start{padding:8px 10px!important}
.je-hero .je-headline-stage .je-hero-mark{width:min(72vw,310px);height:min(72vw,310px)}
.je-offer{height:100svh;min-height:600px;padding:calc(92px + 4vh) 18px max(90px,9svh)!important}
.je-offer-heading h2{font-size:clamp(56px,18vw,86px)!important;max-width:calc(100vw - 36px);line-height:.84!important;letter-spacing:-.09em!important}
.je-offer-bottom{display:grid!important;grid-template-columns:1fr;justify-items:start;gap:12px}
#start-bundles{max-width:100vw;overflow-x:clip;padding-inline:16px!important}
#start-bundles .section-title{font-size:clamp(44px,13vw,70px)!important;max-width:100%}
#start-bundles .oasis-budget-picker{max-width:100%!important;margin-inline:auto!important}
#companies .companies-grid:not(.is-expanded){padding-top:50px!important;padding-bottom:50px!important}
}
@media(max-width:380px){.nav-actions .nav-cta{font-size:8px!important}.je-offer-heading h2{font-size:17vw!important}}
@media(prefers-reduced-motion:reduce){.je-film .je-film-video{transition:none}}.je-film .je-mosh-canvas{mix-blend-mode:normal!important;image-rendering:pixelated!important}
.je-film .je-film-video.is-revealing{transition:none!important}html body .nav{height:94px!important;background:rgba(5,5,5,.27)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .25s ease!important}
html body .nav.oasis-nav-scrolled{background:rgba(5,5,5,.94)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.nav-inner{position:relative!important;height:100%!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:55px 29px!important;align-content:center!important;align-items:center!important;gap:0!important}
.nav-logo-link.je-wordmark{grid-column:1!important;grid-row:1!important;justify-self:start!important;mix-blend-mode:difference!important;color:#fff!important}
.nav-logo-link.je-wordmark .je-nav-mark{background:#fff!important}
.nav-logo-link.je-wordmark>span:last-child{color:#fff!important}
.nav-actions{display:contents!important}
.nav-actions .je-nav-start{grid-column:2!important;grid-row:1!important;justify-self:end!important;border-color:rgba(255,255,255,.8)!important;font-size:10px!important;padding:12px 16px!important;mix-blend-mode:difference!important;background:transparent!important}
.nav-actions .nav-cta:not(.je-nav-start){grid-row:2!important;color:#fff!important;opacity:.8;padding:4px 0!important}
.nav-actions .nav-cta[href="/news"]{grid-column:1!important;justify-self:start!important}
.nav-actions #authNavBtn{grid-column:2!important;justify-self:end!important}
.nav-actions .nav-cta:not(.je-nav-start):hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
html body .nav{height:100px!important}
.nav-inner{grid-template-rows:58px 30px!important;padding:5px 18px!important}
.nav-logo-link.je-wordmark{font-size:22px!important}
.nav-actions .je-nav-start{font-size:9px!important;padding:11px 12px!important}
.nav-actions .nav-cta:not(.je-nav-start){font-size:10px!important}
}
@media(max-width:360px){.nav-logo-link.je-wordmark{font-size:19px!important}.nav-actions .je-nav-start{font-size:8px!important;padding:10px 8px!important}}.nav-logo-link.je-wordmark,.nav-actions .je-nav-start{align-self:center!important}
@media(max-width:700px){.nav-logo-link.je-wordmark{align-self:center!important}}.je-film .je-film-word{z-index:7!important;isolation:auto}.je-film.is-moshing .je-film-word{
z-index:7!important;
mix-blend-mode:normal!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
-webkit-text-stroke:1px rgba(0,0,0,.3);
text-shadow:0 2px 18px rgba(0,0,0,.95),0 0 48px rgba(0,0,0,.75)
}.je-hero .je-headline-stage .je-hero-stats{
position:relative;z-index:2;margin-top:clamp(14px,2.5vh,30px);
text-align:center;font:500 clamp(13px,1.2vw,18px)/1.4 'DM Mono',ui-monospace,monospace;
letter-spacing:.13em;color:#fff;text-transform:uppercase;
text-shadow:0 2px 12px rgba(0,0,0,.7)
}
@media(max-width:700px){
.je-hero .je-headline-stage .je-hero-stats{
display:block;margin-top:18px;font-size:clamp(12px,3vw,15px);
letter-spacing:.055em;white-space:nowrap
}
}.je-film .je-film-word,.je-film.is-moshing .je-film-word{
color:#fff!important;-webkit-text-fill-color:#fff!important;
-webkit-text-stroke:0!important;mix-blend-mode:normal!important;
opacity:1!important
}.je-hero .je-headline-stage .je-hero-stats{
animation:je-copy-cut 12s steps(1,end) infinite!important;
}
@media(prefers-reduced-motion:reduce){
.je-hero .je-headline-stage .je-hero-stats{animation:none!important}
}.je-film:not(.is-moshing) .je-film-word{
mix-blend-mode:difference!important;
color:#fff!important;-webkit-text-fill-color:#fff!important;
-webkit-text-stroke:0!important;
text-shadow:none!important;
}.je-native-video,.je-film .je-native-video{filter:grayscale(1) contrast(1.13) brightness(.67)}
.je-offer .je-native-video{filter:grayscale(1) contrast(1.08) brightness(.56)}
.je-video-wrap::after,.je-hero .je-video-wrap::after,.je-offer .je-video-wrap::after,.je-film .je-video-wrap::after,.je-hero .je-hero-mark-fill::after,#phoneSection .o3-phone .cs-card-media::after,#phoneSection .o3-cinema-strip::after{opacity:.07!important;background-size:auto!important;background-position:0 0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.je-film .je-mosh-canvas{filter:grayscale(1) contrast(1.13) brightness(.67)}#companies .company-card,#companies .company-card:hover,#companies .company-card:focus-visible{background:transparent!important;box-shadow:none!important;overflow:visible!important}
#companies .company-card::before{display:none!important}
#companies .companies-grid:not(.is-expanded){overflow-x:clip!important;overflow-y:visible!important}.footer .founder-button-wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.footer .founder-cta{display:inline-flex!important;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:14px 18px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font:500 10px/1.4 "DM Mono",monospace!important;letter-spacing:.12em!important;text-transform:uppercase;text-decoration:none;transform:none!important;transition:background .2s,color .2s,border-color .2s}
.footer .founder-cta::before,.footer .founder-cta .cta-orb{display:none!important}
.footer .founder-cta::after{content:"↗";position:static!important;display:inline-block!important;inset:auto!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important;animation:none!important;font-size:16px;line-height:1}
.footer .founder-cta:hover,.footer .founder-cta:focus-visible{background:#fff!important;color:#090909!important;border-color:#fff!important;box-shadow:none!important}
.footer .founder-cta:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:480px){.footer .founder-button-wrap{gap:10px}.footer .founder-cta{gap:14px;padding:12px 14px!important;font-size:9px!important}}.nav .nav-logo-link.je-wordmark,.nav .nav-logo-link.je-wordmark:hover,.nav .nav-logo-link.je-wordmark:focus-visible,.nav .nav-logo-link.je-wordmark:active{transform:none!important;translate:none!important;rotate:none!important;scale:none!important;transition:filter .2s ease!important}.je-film .je-film-word{transition:color .32s ease,-webkit-text-fill-color .32s ease,opacity .32s ease,text-shadow .32s ease}
.je-film.is-moshing .je-film-word{color:#e4e2dc!important;-webkit-text-fill-color:#e4e2dc!important;opacity:.88!important;-webkit-text-stroke:0!important;text-shadow:0 2px 14px rgba(0,0,0,.24)!important}
@media(prefers-reduced-motion:reduce){.je-film .je-film-word{transition:none}}html body .nav,html body .nav.oasis-nav-scrolled{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mix-blend-mode:difference!important;isolation:auto!important;box-shadow:none!important;color:#fff!important}
.nav .nav-logo-link.je-wordmark,.nav .nav-actions .je-nav-start{mix-blend-mode:normal!important;color:#fff!important}.je-hero .je-hero-copy{mix-blend-mode:difference!important}
.je-hero .je-headline-stage .je-hero-mark-fill{background:#fff!important}
.je-hero .je-headline-stage .je-hero-mark-fill::after{display:none!important}.nav .nav-logo-link.je-wordmark,.nav .nav-logo-link.je-wordmark:hover,.nav .nav-logo-link.je-wordmark:focus-visible,.nav .nav-logo-link.je-wordmark .je-nav-mark{filter:none!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important}
.nav .nav-logo-link.je-wordmark>span:last-child{color:#fff!important;-webkit-text-fill-color:#fff!important}#companies .companies-grid:not(.is-expanded){overflow:visible!important}
#companies .company-card .company-glow,#companies .companies-grid:not(.is-expanded) .company-card .company-glow{background:radial-gradient(circle closest-side,var(--work-glow) 0%,color-mix(in srgb,var(--work-glow) 65%,transparent) 45%,color-mix(in srgb,var(--work-glow) 20%,transparent) 75%,transparent 100%)!important;border-radius:50%!important;box-shadow:none!important;filter:none!important}html body .nav,html body .nav.oasis-nav-scrolled{mix-blend-mode:difference!important;background:transparent!important;filter:none!important;opacity:1!important}
html body .nav .nav-inner{background:transparent!important;filter:none!important;isolation:auto!important;opacity:1!important}
html body .nav .nav-logo-link.je-wordmark,html body .nav .nav-logo-link.je-wordmark *{mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
html body .nav .je-nav-mark{background:#fff!important;-webkit-mask:url("/oasis-header-mark.svg") center/contain no-repeat!important;mask:url("/oasis-header-mark.svg") center/contain no-repeat!important}
html body .nav .nav-logo-link.je-wordmark>span:last-child{color:#fff!important;-webkit-text-fill-color:#fff!important}html body .nav .nav-logo-link.je-wordmark,html body .nav .nav-logo-link.je-wordmark *{isolation:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important;text-shadow:none!important}
.views-section .section-title{letter-spacing:0!important;line-height:1.12!important}.views-counter{font-variant-numeric:tabular-nums}#companies .companies-grid:not(.is-expanded){padding-top:76px!important;padding-bottom:76px!important}
#companies .company-card{overflow:visible!important}
#companies .company-card .company-glow,#companies .companies-grid:not(.is-expanded) .company-card .company-glow{width:calc(var(--portrait-size,180px) + 48px)!important;height:calc(var(--portrait-size,180px) + 48px)!important;top:-24px!important;filter:none!important;box-shadow:none!important;animation:none!important;transform:translate3d(-50%,0,0)!important;background:radial-gradient(circle closest-side,color-mix(in srgb,var(--work-glow) 45%,transparent),color-mix(in srgb,var(--work-glow) 15%,transparent) 58%,transparent 90%)!important}
#companies .company-card:hover .company-glow{transform:translate3d(-50%,0,0)!important}
@media(max-width:700px){#companies .company-card .company-glow,#companies .companies-grid:not(.is-expanded) .company-card .company-glow{width:180px!important;height:180px!important;top:-18px!important}}
/* Keep the work glow circular and its surrounding card invisible. */
#companies .company-card,#companies .company-card:hover,#companies .company-card:focus-visible{
border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;filter:none!important
}
#companies .company-card::before,#companies .company-card::after{content:none!important;display:none!important}
#companies .company-card .company-glow,#companies .company-card:hover .company-glow,#companies .company-card:focus-visible .company-glow{
border:0!important;outline:0!important;border-radius:50%!important;clip-path:circle(50%);transform:translateX(-50%)!important;will-change:auto!important;backface-visibility:visible!important
}
#companies .company-card:focus-visible{outline:none!important}
#companies .company-card:focus-visible .company-visual{outline:2px solid #fff;outline-offset:4px}
#companies{touch-action:pan-y pinch-zoom}
#companies .work-track,#companies .company-card{touch-action:pan-y pinch-zoom}
#companies .company-avatar{-webkit-user-drag:none;user-select:none}
@media(max-width:679px){
#companies.oasis-work #workGrid.companies-grid.is-expanded{
grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px 6px!important
}
#companies.oasis-work #workGrid.is-expanded .company-card{
height:auto!important;min-height:0!important;padding:4px 0 8px!important;gap:8px!important;--portrait-size:min(18vw,84px)!important
}
#companies.oasis-work #workGrid.is-expanded .company-card .company-visual{
width:var(--portrait-size)!important;height:var(--portrait-size)!important;min-height:0!important;margin:0!important
}
#companies.oasis-work #workGrid.is-expanded .company-card .company-glow{
width:calc(var(--portrait-size) + 16px)!important;height:calc(var(--portrait-size) + 16px)!important;top:-4px!important
}
#companies.oasis-work #workGrid.is-expanded .company-name{
font-size:10px!important;line-height:1.25!important;max-width:100%!important;overflow-wrap:anywhere
}
#companies.oasis-work #workGrid.is-expanded .work-card-arrow{display:none!important}
}

/* Transparent work cards must not blur adjacent glows into rectangular edges. */
#companies.oasis-work #workGrid .company-card,
#companies.oasis-work #workGrid .company-card:hover,
#companies.oasis-work #workGrid .company-card:focus-visible{
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
transform-style:flat!important;transform:none!important;filter:none!important;
background:transparent!important;border:0!important;box-shadow:none!important;
z-index:auto!important;will-change:auto!important
}
#companies.oasis-work #workGrid .work-card-light{display:none!important}

/* Soft breathing halos; animate the circle itself, never the card container. */
#companies.oasis-work #workGrid .company-card .company-glow{
background:radial-gradient(circle closest-side,
color-mix(in srgb,var(--work-glow) 72%,transparent) 0%,
color-mix(in srgb,var(--work-glow) 46%,transparent) 42%,
color-mix(in srgb,var(--work-glow) 18%,transparent) 66%,
color-mix(in srgb,var(--work-glow) 4%,transparent) 82%,
transparent 98%)!important;
opacity:.74!important;filter:none!important;box-shadow:none!important;
left:50%!important;translate:-50% 0;transform:none!important;transform-origin:50% 50%;
animation-play-state:running!important;
animation:oasis-halo-breathe 5.6s ease-in-out infinite!important;
transition:opacity .55s ease,scale .75s cubic-bezier(.22,1,.36,1)!important
}
#companies.oasis-work #workGrid .company-card:nth-child(3n + 2) .company-glow{animation-delay:-1.8s!important}
#companies.oasis-work #workGrid .company-card:nth-child(3n) .company-glow{animation-delay:-3.6s!important}
#companies.oasis-work #workGrid .company-card:hover .company-glow,
#companies.oasis-work #workGrid .company-card:focus-visible .company-glow{
opacity:1!important;animation-play-state:running!important;
transform:none!important
}
#companies.oasis-work #workGrid .company-card .company-visual{
transition:box-shadow .55s ease,border-color .55s ease!important
}
#companies.oasis-work #workGrid .company-card:hover .company-visual,
#companies.oasis-work #workGrid .company-card:focus-visible .company-visual{
border-color:color-mix(in srgb,var(--work-glow) 55%,#121216)!important;
box-shadow:0 0 0 1px color-mix(in srgb,var(--work-glow) 32%,transparent),0 12px 30px rgba(0,0,0,.32)!important
}
@keyframes oasis-halo-breathe{0%,100%{scale:.98}50%{scale:1.1}}
@media(prefers-reduced-motion:reduce){
#companies.oasis-work #workGrid .company-card .company-glow{animation:none!important;scale:1;transition:none!important}
}

/* Keep the complete Oasis mark legible over light or dark hero footage. */
.nav-logo-link{mix-blend-mode:difference}