/* Proportions measured against the reference at a 1440px desktop viewport. */
.screenshot-hero{padding:68px 0 14px;background:#f8f9fa}.screenshot-hero .hero-stage{width:min(1119px,calc(100% - 40px));height:600px;aspect-ratio:auto;max-width:1119px}.screenshot-hero .hero-copy{top:39.5%;left:26%;right:26%}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:35px;line-height:1.15;letter-spacing:-1.2px;margin-bottom:13px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:470px;font-weight:400}.screenshot-hero .hero-buttons{margin-top:22px;gap:10px}.screenshot-hero .button{min-height:58px;padding:15px 23px;font-size:13px;box-shadow:0 9px 22px #1717170a}.screenshot-hero .hero-context{top:8.15%;font-size:16px;line-height:1.3}.screenshot-hero .hero-copy>p.hero-small-note{font-size:9px;line-height:1.4;margin-top:14px}.screenshot-hero .channel-tile{width:46px;height:46px;border-width:6px;box-shadow:0 7px 15px #1717170c;animation-duration:13s}.screenshot-hero .channel-tile img{width:23px;height:23px;display:block;object-fit:contain}.screenshot-hero .tile-brand{left:4%;top:8.2%}.screenshot-hero .tile-brand span{font-size:23px}.screenshot-hero .tile-search{right:9%;top:18%}.screenshot-hero .tile-video{left:7.4%;top:39%}.screenshot-hero .tile-social{left:10.1%;top:74%}.screenshot-hero .tile-ads{right:1.4%;top:67%}.screenshot-hero .tile-mail{right:6.3%;top:81%}.screenshot-hero .tile-social svg{width:24px;stroke:#fff;stroke-width:2.3;background:linear-gradient(35deg,#60a5fa,#ed4976 50%,#9454b7);border-radius:6px;padding:3px;box-sizing:content-box}.screenshot-hero .tiktok-logo{filter:drop-shadow(-1px -1px 0 #41d9d0) drop-shadow(1px 1px 0 #2563eb)}.screenshot-hero .network-pill{font-size:10px;padding:6px 9px;line-height:1.2}.screenshot-hero .pill-visibility{left:10.5%;top:24%;border-radius:25px}.screenshot-hero .pill-strategy{left:15.2%;top:48%;font-size:9px}.screenshot-hero .pill-content{left:5.5%;top:69%;font-size:9px}.screenshot-hero .pill-contacts{right:4.8%;top:42%;font-size:10px}.screenshot-hero .pill-web{right:7.4%;top:61%;font-size:9px}.screenshot-hero .network-caption{bottom:0;font-size:7px}.screenshot-hero .motion-toggle{bottom:0;right:0;font-size:8px}.screenshot-hero .network-lines .wire-pulse{stroke-width:1;opacity:.4}.screenshot-hero .network-lines>g:last-of-type circle{stroke:#2563eb;filter:drop-shadow(0 0 5px #2563eb60)}
html[data-theme=dark] .screenshot-hero{background:var(--paper)}html[data-theme=dark] .screenshot-hero .monochrome-mark{filter:invert(1)}html[data-theme=dark] .screenshot-hero .tiktok-logo{filter:invert(1) drop-shadow(-1px -1px 0 #41d9d0) drop-shadow(1px 1px 0 #2563eb)}
@media(min-width:961px) and (max-width:1200px){.screenshot-hero .hero-stage{height:auto;aspect-ratio:1119/600}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:31px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:14px}.screenshot-hero .button{font-size:11px;min-height:48px;padding:13px 18px}.screenshot-hero .hero-context{font-size:13px}}
@media(max-width:960px){.screenshot-hero{padding-top:35px}.screenshot-hero .hero-stage{width:100%;height:600px}.screenshot-hero .network-lines{width:1000px;height:600px;left:50%;transform:translateX(-50%)}.screenshot-hero .hero-copy{top:38%;left:19%;right:19%}.screenshot-hero .hero-context{font-size:12px;top:8%}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:32px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:14px}.screenshot-hero .hero-copy>p.hero-small-note{font-size:8px}.screenshot-hero .button{min-height:48px;font-size:12px}.screenshot-hero .tile-video{left:5%;top:38%}.screenshot-hero .tile-search{right:6%;top:18%}.screenshot-hero .pill-strategy{left:2%;font-size:7px}.screenshot-hero .pill-contacts{right:0;font-size:8px}.screenshot-hero .pill-web{right:0;font-size:8px}.screenshot-hero .pill-content{left:6%;top:74%}.screenshot-hero .motion-toggle{bottom:0;right:4%}}
@media(max-width:520px){.screenshot-hero{padding:15px 0 28px}.screenshot-hero .hero-stage{height:670px;width:100%;max-width:420px}.screenshot-hero .network-lines{width:850px;height:650px;left:50%;top:-20px}.screenshot-hero .hero-context{top:5%;font-size:8px}.screenshot-hero .hero-copy{top:31%;left:6%;right:6%;padding:25px 17px 22px}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:28px;line-height:1.16}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.65}.screenshot-hero .hero-copy>p.hero-small-note{font-size:8px}.screenshot-hero .hero-buttons{margin-top:22px}.screenshot-hero .button{min-height:49px;font-size:12px}.screenshot-hero .channel-tile{width:37px;height:37px;border-width:5px}.screenshot-hero .channel-tile img{width:20px;height:20px}.screenshot-hero .tile-brand{left:8%;top:12%}.screenshot-hero .tile-brand span{font-size:20px}.screenshot-hero .tile-search{right:7%;top:19%}.screenshot-hero .tile-video{left:4%;top:24%}.screenshot-hero .tile-social{left:6%;top:80%}.screenshot-hero .tile-ads{right:2%;top:82%}.screenshot-hero .tile-mail{right:20%;top:90%}.screenshot-hero .tile-social svg{width:19px;padding:2px}.screenshot-hero .pill-visibility{left:16%;top:22%;font-size:8px}.screenshot-hero .pill-strategy{left:25%;top:15%;font-size:7px}.screenshot-hero .pill-content{left:18%;top:84%;font-size:8px}.screenshot-hero .pill-contacts{right:4%;top:73%;font-size:7px}.screenshot-hero .pill-web{right:3%;top:11%;font-size:7px}.screenshot-hero .network-caption{bottom:-1%;font-size:6px}.screenshot-hero .motion-toggle{bottom:-4%;right:50%;transform:translateX(50%)}}
@media(prefers-reduced-motion:reduce){.screenshot-hero .channel-tile{animation:none!important}}
@font-face{font-family:Agency Jakarta;src:url('/assets/jakarta.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Agency Wix;src:url('/assets/wix.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-family:Agency Jakarta,Arial,sans-serif;font-size:45px;line-height:1.3;letter-spacing:-1.1px;white-space:nowrap;font-weight:500;margin-bottom:12px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-family:Agency Wix,Arial,sans-serif;font-size:18px;line-height:1.7;font-weight:500;max-width:450px}.screenshot-hero .hero-buttons{margin-top:27px}.screenshot-hero .button{font-family:Agency Wix,Arial,sans-serif;font-size:15px;padding:15px 27px}.screenshot-hero .hero-copy>p.hero-small-note{font-size:9px;font-weight:400;line-height:1.4;margin-top:13px}.screenshot-hero .hero-context{font-family:Agency Wix,Arial,sans-serif}.screenshot-hero .network-caption{font-family:Agency Wix,Arial,sans-serif}
@media(min-width:961px) and (max-width:1200px){.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:38px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:16px}.screenshot-hero .button{font-size:13px;padding:13px 19px}.screenshot-hero .hero-copy>p.hero-small-note{font-size:8px}}
@media(max-width:960px){.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:38px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:16px}.screenshot-hero .hero-copy>p.hero-small-note{font-size:8px}}
@media(max-width:520px){.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:28px;line-height:1.25;letter-spacing:-.9px;white-space:normal}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.65}.screenshot-hero .hero-copy>p.hero-small-note{font-size:8px}.screenshot-hero .button{font-size:13px}.screenshot-hero .hero-buttons{margin-top:22px}}
@media(max-width:520px){.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:clamp(20px,6.35vw,25px);white-space:nowrap}}