.sample-header{height:86px;padding-inline:5%;border-top:0;border-image:none;border-bottom:1px solid var(--line)}.sample-header .brand{font-size:15px}.sample-header .brand-symbol{border-radius:50%;height:40px;width:40px}.sample-header nav{justify-content:center;gap:32px}.header-actions{gap:12px}.sample-header nav .button{background:#2563eb;color:white;border-radius:30px;padding:14px 25px}.sample-header nav .button:hover{background:#2563eb;color:white}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#171717 0%,#2563eb 50%,#2563eb 100%);transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}
.screenshot-hero{padding:28px 0 10px;background:#f7f9fb}.screenshot-hero .hero-stage{width:min(1400px,100%);height:auto;aspect-ratio:1400/750;max-width:1400px}.screenshot-hero .network-lines{width:100%;height:100%;left:0;top:0;transform:none}.screenshot-hero .hero-context{top:11%;font-size:13px;font-weight:500}.screenshot-hero .hero-copy{top:38.5%;left:26%;right:26%;padding:0;border:0;background:transparent;box-shadow:none}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:clamp(29px,3.1vw,44px);font-weight:500;line-height:1.12;letter-spacing:-1.7px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:clamp(13px,1.2vw,17px);max-width:560px;line-height:1.7}.screenshot-hero .hero-copy>.hero-small-note{font-size:10px;margin-top:17px}.screenshot-hero .hero-buttons{margin-top:24px;gap:12px;flex-direction:row;flex-wrap:nowrap}.screenshot-hero .button{border-radius:40px;min-height:54px;padding:15px 26px;font-size:13px;white-space:nowrap}.screenshot-hero .hero-buttons>.button:first-child{background:#2563eb;color:#fff;box-shadow:0 10px 24px #2563eb26}.screenshot-hero .hero-buttons>.button:first-child:hover{background:#2563eb}.screenshot-hero .channel-tile{width:52px;height:52px;border-radius:50%;background:#fff;border:7px solid #ebedf1;box-shadow:0 9px 15px #1717170c;transform:none}.screenshot-hero .channel-tile svg{width:29px}.screenshot-hero .tile-brand{left:4%;right:auto;top:9%}.screenshot-hero .tile-brand span{color:#2563eb;font-size:27px}.screenshot-hero .tile-search{left:auto;right:10%;top:21%}.screenshot-hero .tile-video{left:7%;top:43%}.screenshot-hero .tile-social{left:12%;top:78%}.screenshot-hero .tile-ads{left:auto;right:3%;top:71%}.screenshot-hero .tile-mail{left:auto;right:8%;top:86%;--float-depth:.7;animation-delay:-2.9s}.screenshot-hero .network-pill{padding:8px 12px;font-size:11px;transform:none;border-color:#eee;box-shadow:0 6px 14px #17171708}.screenshot-hero .pill-visibility{left:10%;top:26%;background:#e6ecf6}.screenshot-hero .pill-content{left:14%;top:57%;background:#fff}.screenshot-hero .pill-strategy{left:15%;top:49%;background:#fff;font-size:9px}.screenshot-hero .pill-contacts{right:4%;top:46%;background:#e9eef7}.screenshot-hero .pill-web{right:7%;top:65%;background:#fff}.screenshot-hero .network-caption{bottom:2%;font-size:8px}.screenshot-hero .motion-toggle{bottom:1%;right:3%}
.service-photo{height:160px;margin:-32px -32px 25px;position:relative;overflow:hidden;border-radius:24px 24px 0 0}.service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-photo small{position:absolute;bottom:10px;left:15px;padding:4px 8px;border-radius:6px;font-size:8px;background:#f9fbfde8;color:#333}.service-card:hover .service-photo img{transform:scale(1.04)}.service-card .card-top{margin-bottom:22px}.service-card .service-preview{display:none}.service-card:after{display:none}.about-visual .studio-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-visual>span{position:relative;background:#f9fbfddf;padding:7px 11px;border-radius:6px;color:#171717}.about-visual .about-circle{display:none}.about-visual small{background:#f9fbfde8;color:#171717;max-width:85%}
.floating-contact{position:fixed;right:22px;bottom:30px;display:flex;flex-direction:column;gap:11px;z-index:28}.floating-contact button{display:flex;align-items:center;justify-content:center;position:relative;width:52px;height:52px;border-radius:50%;border:1px solid #ffffff50;color:#fff;background:#171717;box-shadow:0 7px 18px #17171725;transition:transform .2s,box-shadow .2s}.floating-contact button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #17171735}.floating-contact .float-whatsapp{background:#087f41}.floating-contact .float-email{background:#2563eb}.floating-contact svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.floating-contact .float-label{position:absolute;right:62px;white-space:nowrap;background:#171717;color:#fff;padding:7px 11px;border-radius:8px;font-size:10px;opacity:0;translate:5px 0;pointer-events:none;transition:opacity .2s,translate .2s}.floating-contact button:hover .float-label,.floating-contact button:focus-visible .float-label{opacity:1;translate:0 0}.has-consent .floating-contact{visibility:hidden}.contact-dialog{width:min(460px,calc(100% - 32px));padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 20px 60px #0003}.contact-dialog::backdrop{background:#17171780;backdrop-filter:blur(4px)}.contact-dialog h2{font-size:28px;margin-top:12px}.contact-dialog p{font-size:14px}.contact-dialog .dialog-close{float:right;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:50%;width:32px;height:32px}.contact-dialog .dialog-detail{padding:15px;border-radius:10px;background:#d6e0f1;color:#171717;font-size:13px}
html[data-theme=dark] .screenshot-hero{background:var(--paper)}html[data-theme=dark] .screenshot-hero .hero-copy{background:transparent;border:0;box-shadow:none}html[data-theme=dark] .screenshot-hero .channel-tile{background:#1e1e1e;border-color:#282828}html[data-theme=dark] .screenshot-hero .tile-brand span{color:#2563eb}html[data-theme=dark] .screenshot-hero .network-pill{background:#1d2229;border-color:#2a374d;color:#eee}html[data-theme=dark] .screenshot-hero .hero-buttons>.button:first-child,html[data-theme=dark] .sample-header nav .button{color:#fff;background:#2563eb}html[data-theme=dark] .contact-dialog .dialog-detail{background:#192539;color:#c5d3ea}
@media(max-width:1150px){.sample-header nav{gap:22px}.service-photo{margin:-26px -26px 25px}.screenshot-hero .button{padding:14px 19px;font-size:12px;min-height:48px}.screenshot-hero .hero-copy{left:25%;right:25%}.screenshot-hero .network-pill{font-size:9px;padding:7px 10px}.screenshot-hero .channel-tile{width:46px;height:46px}.screenshot-hero .hero-context{font-size:11px}.screenshot-hero .hero-copy>.hero-small-note{font-size:8px}}
@media(max-width:960px){.sample-header{height:78px}.sample-header nav{gap:0}.sample-header nav .button{width:100%}.screenshot-hero .hero-stage{aspect-ratio:auto;height:650px;width:100%;max-width:900px}.screenshot-hero .network-lines{width:1200px;height:650px;left:50%;transform:translateX(-50%)}.screenshot-hero .hero-copy{top:37%;left:18%;right:18%}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:35px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:14px}.screenshot-hero .hero-context{top:8%}.screenshot-hero .tile-brand{left:4%;top:12%}.screenshot-hero .tile-video{left:5%;top:40%}.screenshot-hero .tile-social{left:8%;top:80%}.screenshot-hero .tile-search{right:5%;top:17%}.screenshot-hero .tile-ads{right:3%;top:71%}.screenshot-hero .tile-mail{right:7%;top:86%}.screenshot-hero .pill-visibility{left:8%;top:27%}.screenshot-hero .pill-content{left:4%;top:60%}.screenshot-hero .pill-strategy{left:2%;top:49%;font-size:8px}.screenshot-hero .pill-contacts{right:1%;top:43%;font-size:8px}.screenshot-hero .pill-web{right:1%;top:63%;font-size:8px}.screenshot-hero .hero-buttons{flex-wrap:wrap}.screenshot-hero .network-caption{bottom:2%}.screenshot-hero .motion-toggle{bottom:0}}
@media(max-width:520px){.screenshot-hero{padding-top:12px;padding-bottom:32px}.screenshot-hero .hero-stage{height:720px;max-width:420px}.screenshot-hero .network-lines{width:940px;height:720px;left:50%;top:0}.screenshot-hero .hero-context{top:6%;font-size:8px}.screenshot-hero .hero-copy{top:35%;left:6%;right:6%;padding:25px 15px 20px;background:#f9fbfded;border:1px solid #5d85c6;border-radius:27px}.screenshot-hero h1,html[lang=en] .screenshot-hero h1{font-size:29px}.screenshot-hero .hero-copy>p:not(.eyebrow){font-size:13px}.screenshot-hero .hero-buttons{flex-direction:column;gap:10px;margin-top:22px}.screenshot-hero .button{width:100%;max-width:265px;min-height:48px}.screenshot-hero .hero-copy>.hero-small-note{margin-top:15px;font-size:9px}.screenshot-hero .channel-tile{width:40px;height:40px;border-width:5px}.screenshot-hero .channel-tile svg{width:25px}.screenshot-hero .tile-brand{top:13%;left:8%}.screenshot-hero .tile-search{top:20%;right:8%}.screenshot-hero .tile-video{top:29%;left:5%}.screenshot-hero .tile-social{top:83%;left:8%}.screenshot-hero .tile-ads{top:87%;right:4%}.screenshot-hero .tile-mail{top:92%;right:27%}.screenshot-hero .pill-visibility{top:24%;left:12%;font-size:9px}.screenshot-hero .pill-strategy{top:30%;left:25%;font-size:7px}.screenshot-hero .pill-content{top:86%;left:20%;font-size:8px}.screenshot-hero .pill-contacts{top:78%;right:1%;font-size:8px}.screenshot-hero .pill-web{top:16%;right:20%;font-size:7px}.screenshot-hero .network-caption{bottom:-1%;font-size:6px}.screenshot-hero .motion-toggle{bottom:-4%;right:50%;transform:translateX(50%)}.service-photo{margin:-27px -27px 25px;height:175px}.floating-contact{right:12px;bottom:18px;gap:9px}.floating-contact button{width:45px;height:45px}.floating-contact .float-label{right:52px}html[data-theme=dark] .screenshot-hero .hero-copy{background:#151515ef;border:1px solid #2d466f}}
@media(prefers-reduced-motion:reduce){.scroll-progress{transition:none}.service-photo img,.floating-contact button,.float-label{transition:none}}
.sample-header .brand{background:none}.screenshot-hero .hero-copy>p.hero-small-note{font-size:10px;line-height:1.5;margin-top:16px}.has-consent .floating-contact{visibility:visible;bottom:170px}
@media(min-width:961px){.sample-header nav>.nav-disclosure:first-child{margin-left:auto}.screenshot-hero .motion-toggle{right:100px}}
@media(max-width:520px){.has-consent .floating-contact{bottom:300px}.screenshot-hero .hero-copy>p.hero-small-note{font-size:9px}}