/* Earnings chart: stable axes show the actual threefold increase. */
.revenue-section{height:200svh;position:relative;color:#eee}
.revenue-sticky{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:100px 0 60px}
.revenue-sticky>.container{width:100%}
.revenue-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(32px,5vw,90px);align-items:center}
.revenue-copy h2{font-size:clamp(32px,3.5vw,56px);line-height:1.12;margin:0 0 42px;max-width:520px}
.revenue-tabs{display:flex;flex-direction:column;gap:30px}
.revenue-option{appearance:none;display:grid;grid-template-columns:30px 1fr;gap:20px;padding:0;background:transparent;border:0;color:#888;text-align:left;cursor:pointer;font:inherit;transition:color .4s;position:relative}
.revenue-option:before{content:"";position:absolute;left:11px;top:30px;bottom:-25px;width:1px;background:#343434}.revenue-option:last-child:before{display:none}
.revenue-step{font-size:14px;line-height:30px;color:#666}.revenue-option.is-active .revenue-step{color:#dec9a2}
.revenue-option.is-active{color:#f1f1f1}.revenue-option-title{display:block;font-size:clamp(21px,2vw,30px);line-height:1.2;margin-bottom:12px}
.revenue-option-copy{display:block;font-size:16px;line-height:1.5;max-width:400px;color:#878787}.revenue-option.is-active .revenue-option-copy{color:#b0b0b0}
.revenue-option:focus-visible{outline:1px solid #dec9a2;outline-offset:8px;border-radius:4px}
.revenue-panel{background:linear-gradient(145deg,#131313,#090909 70%);border:1px solid #333;border-radius:24px;padding:32px 24px 24px;min-width:0;box-shadow:0 15px 70px #0003}
.revenue-panel-top{display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#bbb;gap:12px}.revenue-multiple{font-size:14px;border:1px solid #414141;border-radius:30px;padding:6px 11px;color:#e8d9be;line-height:1}
.revenue-number{font-size:clamp(40px,4vw,62px);line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:24px 0 8px}.revenue-caption{font-size:14px;color:#888}
.revenue-chart{display:block;width:100%;height:auto;overflow:visible;margin-top:18px}.revenue-chart text{font-family:Aeonik,Arial,sans-serif;font-size:18px;fill:#888}.revenue-chart .revenue-value{fill:#dedede;font-size:18px;font-variant-numeric:tabular-nums}
.revenue-panel-foot{display:flex;justify-content:space-between;gap:12px;color:#777;font-size:13px;border-top:1px solid #292929;padding-top:16px;line-height:1.4}
.revenue-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Launch phases: orbiting service logos and the original checklist animation. */
.launch-section{padding:100px 0 120px;position:relative;color:#eee}
.launch-section h2{text-align:center;font-size:clamp(30px,4vw,54px);line-height:1.15;margin:0 auto 60px;max-width:1000px}
.launch-steps{display:flex;justify-content:center;gap:100px;position:relative;margin:0 auto 68px;width:max-content}
.launch-steps>div{display:flex;align-items:center;flex-direction:column;gap:16px;font-size:18px;z-index:1;line-height:1.2}
.launch-steps span{display:grid;place-items:center;background:#101010;border:1px solid #363636;border-radius:13px;width:42px;height:42px;color:#aaa;font-size:16px}
.launch-steps i{position:absolute;top:21px;left:45px;right:45px;height:1px;background:#444}
.launch-grid{display:grid;grid-template-columns:2fr 3fr;gap:22px;max-width:1120px;margin:0 auto}
.launch-card{border:1px solid #393939;border-radius:24px;position:relative;overflow:hidden;min-width:0;height:360px;background:#030303}
.launch-card-heading{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:28px 20px;gap:12px;pointer-events:none}
.launch-card-heading h3{font-size:23px;line-height:1.2;font-weight:400;color:#bdbdbd;margin:0}.launch-card-heading>span{font-size:12px;white-space:nowrap;padding:5px 11px;border:1px solid #333;background:#171717;border-radius:30px;line-height:1}
.streaming-orbits{position:absolute;inset:80px 0 0;overflow:hidden;pointer-events:none}
.stream-orbit{width:calc(var(--radius)*2);height:calc(var(--radius)*2);position:absolute;left:86%;top:88%;margin-left:calc(var(--radius)*-1);margin-top:calc(var(--radius)*-1);border:1px solid #242424;border-radius:50%;transform:rotate(var(--angle));animation:stream-orbit-turn var(--duration) linear infinite}
.stream-satellite{position:absolute;left:100%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;display:block;transform:rotate(calc(-1*var(--angle)));animation:stream-orbit-counter var(--duration) linear infinite}
.stream-logo{display:grid;place-items:center;width:36px;height:36px;border:1px solid #414141;border-radius:10px;background:linear-gradient(140deg,#292929,#0d0d0d);box-shadow:0 0 0 4px #030303,0 0 18px #ffffff08}.stream-logo img{display:block;width:22px;height:22px;object-fit:contain;filter:invert(1);opacity:.85}
.stream-hub{position:absolute;left:86%;top:88%;transform:translate(-50%,-50%);width:90px;height:42px;overflow:hidden;background:#000;border-radius:12px}.stream-hub img{width:90px;height:42px;object-fit:cover}
@keyframes stream-orbit-turn{from{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + 360deg))}}
@keyframes stream-orbit-counter{from{transform:rotate(calc(-1*var(--angle)))}to{transform:rotate(calc(-1*var(--angle) - 360deg))}}
.launch-deliverables{position:absolute;z-index:2;left:20px;bottom:22px;width:56%;font-size:15px;line-height:1.5;color:#aaa;pointer-events:none}.launch-deliverables ul{padding-left:16px;margin:0}.launch-deliverables small{display:block;font-size:12px;color:#626262;margin:2px 0}
.phase-two-animation{position:absolute;right:0;bottom:0;width:65%;height:100%;pointer-events:none}.phase-two-animation svg{width:100%;height:100%;display:block}
@media(max-width:1024px){.revenue-section{height:auto}.revenue-sticky{position:relative;min-height:0;padding:80px 0}.revenue-layout{grid-template-columns:1fr;gap:35px}.revenue-copy h2{max-width:650px;margin-bottom:30px}.revenue-tabs{display:grid;grid-template-columns:1fr 1fr;gap:24px}.revenue-option{grid-template-columns:24px 1fr;gap:12px}.revenue-option:before{display:none}.revenue-panel{width:100%;max-width:720px;justify-self:center}.launch-grid{grid-template-columns:1fr 1fr}.launch-card{height:390px}.launch-deliverables{font-size:14px;width:70%;bottom:20px}.phase-two-animation{width:85%;opacity:.65}.launch-card-heading h3{font-size:20px}}
@media(max-width:600px){.revenue-sticky{padding:60px 0}.revenue-tabs{grid-template-columns:1fr;gap:24px}.revenue-option-copy{font-size:14px}.revenue-panel{padding:24px 16px 20px;border-radius:18px}.revenue-chart text{font-size:23px}.revenue-chart .revenue-value{font-size:22px}.revenue-panel-foot{font-size:12px}.launch-section{padding:60px 0 80px}.launch-section h2{margin-bottom:36px}.launch-steps{gap:75px;margin-bottom:36px}.launch-steps>div{font-size:16px}.launch-grid{grid-template-columns:1fr;gap:18px}.launch-card{height:360px;border-radius:20px}.launch-card-heading{padding:24px 18px}.launch-deliverables{width:64%;font-size:14px}.phase-two-animation{width:75%;opacity:.8}}
@media(prefers-reduced-motion:reduce){.stream-orbit,.stream-satellite{animation:none}.revenue-option{transition:none}}

/* Restore the reference timeline and its original Webflow scroll animation. */
.revenue-original-timeline .v-flex-4{background:transparent;position:static;padding-bottom:0;gap:0}
.revenue-original-timeline .flex-1-5{align-items:flex-start;gap:26px}
.revenue-original-option{appearance:none;border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
.revenue-original-option h3{font-size:clamp(21px,2vw,30px);line-height:1.2;margin:0 0 14px}
.revenue-original-option p{font-size:16px;line-height:1.5;color:#888;max-width:400px}
.revenue-original-timeline .div-block-4{margin-top:3rem}
.revenue-original-option:focus-visible{outline:1px solid #dec9a2;outline-offset:6px}
/* The three requested sections mask the underlying background only in their bounds. */
#revenue-comparison,.launch-section,#Integrations{position:relative;z-index:3;background:#000;isolation:isolate}
.revenue-sticky{background:#000}
/* Four logos on each ring. Counter-rotation keeps every logo upright. */
.stream-spoke{position:absolute;inset:0;transform:rotate(var(--slot));border-radius:50%}
.stream-spoke .stream-satellite{transform:rotate(calc(-1 * (var(--angle) + var(--slot))));animation-name:stream-filled-counter}
@keyframes stream-filled-counter{from{transform:rotate(calc(-1 * (var(--angle) + var(--slot))))}to{transform:rotate(calc(-1 * (var(--angle) + var(--slot)) - 360deg))}}
.stream-hub{background:transparent;border-radius:0;width:100px;height:52px}
.stream-hub img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1024px){
 .revenue-original-timeline .line-h-flex-1{flex-direction:column;width:auto;flex:none}
 .revenue-original-timeline .line-grey-vert.is-small{width:1px;height:19rem}
 .revenue-original-timeline .line-white-vert{width:1px;height:40%;transition:height 1.1s ease}
 .revenue-original-timeline:has([data-revenue-mode="management"][aria-selected="true"]) .line-white-vert{height:100%!important}
 .revenue-original-timeline .circle-white-form{left:50%;margin-left:-4px;margin-top:0;right:auto;bottom:auto}
 .revenue-original-timeline .circle-white-form._1{top:25%}.revenue-original-timeline .circle-white-form._2{top:72%}
 .revenue-original-timeline .div-block-4{display:block;height:auto;margin-top:1rem}
 .revenue-original-timeline .form-texts-block{opacity:1!important;margin:0 0 24px}
 .revenue-original-option{opacity:.55;transition:opacity .4s}.revenue-original-option[aria-selected="true"]{opacity:1}
 .revenue-original-option p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.stream-spoke .stream-satellite{animation:none}.revenue-original-timeline .line-white-vert{transition:none}}

/* Keep the photo section opaque without fading its background layer. */
.about-image-section{position:relative;z-index:3;isolation:isolate;background:#000;opacity:1}
.about-image-section .macbook{animation:macFadeIn 2s ease-in-out both}
/* Reconnect the original 72-hours card-width and label-opacity animation. */
.launch-steps b{font:inherit;font-weight:400}
@media(min-width:1025px){
 .launch-section{height:180svh;padding:0}
 .launch-section>.container{position:sticky;top:0;height:auto;min-height:100svh;padding:90px 24px 60px;display:flex;flex-direction:column;justify-content:center}
 .launch-section h2{margin-bottom:42px}
 .launch-steps{margin-bottom:44px;flex-shrink:0}
 .launch-grid{display:flex;align-items:stretch;justify-content:center;width:100%;gap:22px}
 .launch-card{flex:0 1 auto;max-width:60%;width:36.875rem}
 .launch-card-second{width:24.1875rem}
}
@media(max-width:1024px){
 .revenue-sticky>.container,.launch-section>.container{width:100%;max-width:760px;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto;box-sizing:border-box}
 .revenue-copy,.revenue-original-timeline .v-flex-4{width:100%;min-width:0;height:auto;min-height:0;position:static}
 .revenue-original-timeline .v-flex-4{display:block}
 .revenue-original-timeline h2{font-size:32px;max-width:18ch;margin:0 auto 28px;text-align:center}
 .revenue-original-timeline .flex-1-5{display:flex;flex-direction:column;gap:28px;width:100%}
 .revenue-original-timeline .line-h-flex-1{display:block;position:relative;width:100%;height:48px;flex:none}
 .revenue-original-timeline .textline-01,.revenue-original-timeline .textline-03{position:absolute;top:0;bottom:auto;line-height:18px;font-size:14px;color:#888}
 .revenue-original-timeline .textline-01{left:0;right:auto}
 .revenue-original-timeline .textline-03{left:auto;right:0}
 .revenue-original-timeline .line-grey-vert.is-small{position:absolute;top:40px;left:0;width:100%;height:1px}
 .revenue-original-timeline .line-white-vert{width:25%!important;height:1px!important;transition:width 1.1s ease}
 .revenue-original-timeline:has([data-revenue-mode="management"][aria-selected="true"]) .line-white-vert{width:100%!important;height:1px!important}
 .revenue-original-timeline .circle-white-form._1,.revenue-original-timeline .circle-white-form._2{top:37px;bottom:auto;margin:0;width:8px;height:8px;transform:translateX(-50%)}
 .revenue-original-timeline .circle-white-form._1{left:25%}.revenue-original-timeline .circle-white-form._2{left:75%}
 .revenue-original-timeline .div-block-4{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;height:auto;width:100%}
 .revenue-original-timeline .form-texts-block{margin:0;min-width:0;opacity:1!important}
 .revenue-original-option{height:100%;padding:12px 0;border-bottom:1px solid #333;opacity:1;color:#999}
 .revenue-original-option[aria-selected="true"]{color:#fff;border-color:#dec9a2}
 .revenue-original-option h3{font-size:19px;margin:0 0 12px}
 .revenue-original-option p{font-size:14px;line-height:1.45;margin:0;max-width:none}
 .revenue-layout{gap:28px}
 .launch-card{width:100%!important;max-width:100%}
 .launch-steps b,.launch-deliverables{opacity:1!important}
}
@media(max-width:600px){
 .revenue-sticky>.container,.launch-section>.container{padding-left:20px;padding-right:20px}
 .revenue-original-timeline h2{font-size:28px;max-width:15ch}
 .revenue-original-timeline .div-block-4{grid-template-columns:1fr;gap:12px}
 .revenue-original-option{padding:8px 0 16px}
 .revenue-original-option h3{font-size:18px;margin-bottom:10px}
 .launch-section h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
 .about-image-section .macbook{animation:none}
 .launch-card{width:50%!important}.launch-steps b,.launch-deliverables{opacity:1!important}
 .revenue-original-timeline .line-white-vert{transition:none}
}
@media(max-width:1024px) and (prefers-reduced-motion:reduce){.launch-card{width:100%!important}}

/* Lift the second earnings explanation slightly on desktop only. */
@media(min-width:1025px){
 .revenue-original-timeline .form-texts-block._2{position:relative;top:-120px}
}

/* The link adds no layout box, preserving the image's responsive dimensions. */
.about-instagram-link{display:contents}
.about-instagram-link:focus-visible .macbook{outline:2px solid #dec9a2;outline-offset:4px}
@media(max-width:767px){.nav-links.is-menu .nav-link{font-size:1.25rem}}