.serviceCard{padding-top:23px}.serviceVisual{position:relative;height:118px;margin:20px 0 26px;border-radius:20px;background:#ffffff0b;border:1px solid #ffffff1b;overflow:hidden}.webVisual{padding:14px}.webTop{display:flex;gap:5px}.webTop i{width:6px;height:6px;border-radius:50%;background:#7bdcff}.webScreen{position:relative;height:76px;margin-top:9px;border-radius:10px;background:#f5fbfe;padding:12px}.webScreen b{display:block;width:55%;height:9px;border-radius:6px;background:var(--navy)}.webScreen span{display:block;width:78%;height:5px;border-radius:4px;background:#b9dbea;margin-top:7px}.webScreen span+span{width:62%}.webScreen em{position:absolute;right:11px;bottom:10px;width:31px;height:31px;border-radius:9px;background:var(--blue);animation:demoFloat 3s ease-in-out infinite}.marketingVisual{overflow:visible}.megaphone{position:absolute;left:26px;top:39px;width:48px;height:42px;border-radius:12px;background:var(--blue);display:grid;place-items:center;color:#fff;font-size:25px;transform:rotate(8deg);animation:signal 3s ease-in-out infinite}.wave{position:absolute;left:75px;top:35px;width:38px;height:50px;border:2px solid #69d5ff;border-left:0;border-radius:0 50% 50% 0;animation:wave 2s ease-out infinite}.w2{width:62px;left:75px;top:23px;height:76px;animation-delay:-1s}.reachDot{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 16px #7bdcff}.d1{right:22px;top:24px}.d2{right:48px;top:53px}.d3{right:18px;bottom:18px}.digitalVisual .core{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;display:grid;place-items:center;border-radius:15px;background:var(--blue);color:#fff;font-style:normal;font-size:22px;box-shadow:0 0 0 12px #28aff216;animation:pulseCore 3s ease-in-out infinite}.digitalVisual:before,.digitalVisual:after{content:"";position:absolute;left:24%;right:24%;top:50%;height:1px;background:#7bdcff66;transform:rotate(28deg)}.digitalVisual:after{transform:rotate(-28deg)}.node{position:absolute;width:17px;height:17px;border-radius:6px;background:#fff}.n1{left:20%;top:20%}.n2{right:20%;top:20%}.n3{left:20%;bottom:20%}.n4{right:20%;bottom:20%}
.hugArt{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fff,#eaf8ff);text-align:center}.hugArt svg{width:100%;max-width:260px;height:150px;fill:#9ddfff;stroke:var(--navy);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.hugArt .arms{fill:none;stroke:var(--blue);stroke-width:12}.hugArt .heart{fill:#28aff2;stroke:none}.hugArt span{display:block;color:var(--navy);font-size:12px;font-weight:800}.stepn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.stepLabel{font-size:10px;font-weight:800;letter-spacing:.12em;color:#1aa6e4;text-transform:uppercase}
.campaigns{padding:85px 0;background:#071f34;color:#fff;overflow:hidden}.campaignBox{display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:center}.campaignCopy h2{font:700 clamp(36px,4.5vw,56px) Outfit;line-height:1.04;letter-spacing:-.04em;margin:10px 0 18px}.campaignCopy p{color:#bcd3e1;line-height:1.7}.campaignProof{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.campaignProof span{padding:9px 11px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff18;color:#cbefff;font-size:11px;font-weight:800}.adStage{position:relative;min-height:350px;border-radius:28px;background:radial-gradient(circle at 70% 18%,#2ab2f477,transparent 32%),linear-gradient(145deg,#0c3458,#082238);border:1px solid #ffffff20;overflow:hidden}.adCard{position:absolute;left:4%;top:35px;width:54%;padding:20px;border-radius:20px;background:#fff;color:var(--navy);box-shadow:0 25px 50px #00101f88;animation:demoFloat 5s ease-in-out infinite}.adCard small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#5e7a8e}.adCreative{height:100px;margin:12px 0;border-radius:13px;background:linear-gradient(135deg,#f5ca80,#eb745f);display:flex;align-items:end;padding:13px;font:600 18px Outfit;color:#fff}.adButton{display:inline-block;padding:7px 10px;border-radius:8px;background:var(--navy);color:#fff;font-size:9px;font-weight:800}.reachPanel{position:absolute;right:4%;bottom:29px;width:34%;padding:18px;border-radius:20px;background:rgba(8,38,61,.94);border:1px solid #6ed6ff66;box-shadow:0 20px 45px #00101f80}.reachPanel b{display:block;font:700 30px Outfit;color:#fff}.reachPanel span{color:#d8f4ff;font-size:12px;font-weight:700}.reachBars{display:flex;align-items:end;gap:7px;height:70px;margin-top:13px}.reachBars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#7bddff,#1da8e7);animation:bars 2.5s ease-in-out infinite alternate}.reachBars i:nth-child(1){height:35%}.reachBars i:nth-child(2){height:56%;animation-delay:-.4s}.reachBars i:nth-child(3){height:78%;animation-delay:-.8s}.reachBars i:nth-child(4){height:100%;animation-delay:-1.2s}
.projectCard{border:0;text-align:left;font:inherit;cursor:pointer}.projectModal{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:20px;background:#031726c7;backdrop-filter:blur(12px)}.projectModal.open{display:grid}.modalPanel{position:relative;width:min(720px,100%);border-radius:28px;background:#fff;padding:36px;color:var(--ink);box-shadow:0 35px 100px #0008;animation:stepIn .35s ease}.modalClose{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#edf6fa;color:var(--navy);font-size:20px;cursor:pointer}.modalVisual{height:180px;border-radius:20px;background:linear-gradient(135deg,var(--modal-a,#183d5c),var(--modal-b,#2cb4eb));display:flex;align-items:end;padding:24px;color:#fff;margin-bottom:24px;overflow:hidden}.modalVisual span{font:600 28px Outfit}.modalPanel h3{font:700 32px Outfit;color:var(--navy);margin:0 0 10px}.modalPanel p{color:var(--muted);line-height:1.65}.modalFeatures{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.modalFeatures span{padding:8px 11px;border-radius:999px;background:var(--pale);color:var(--navy);font-size:11px;font-weight:800}
@keyframes wave{0%{opacity:0;transform:scale(.7)}50%{opacity:1}100%{opacity:0;transform:scale(1.15)}}@keyframes signal{50%{transform:rotate(-4deg) scale(1.04)}}@keyframes pulseCore{50%{box-shadow:0 0 0 20px #28aff208;transform:scale(1.06)}}@keyframes bars{to{filter:brightness(1.35);transform:scaleY(.83)}}
@media(max-width:900px){.campaignBox{grid-template-columns:1fr}.campaigns{padding:72px 0}.hugArt{max-width:440px}.adStage{min-height:350px}}@media(max-width:560px){.serviceVisual{height:105px}.campaignBox{gap:30px}.adStage{min-height:470px}.adCard{left:14px;right:14px;top:20px;width:auto;padding:16px}.reachPanel{left:14px;right:14px;bottom:18px;width:auto;padding:17px}.modalPanel{padding:26px 20px}.modalVisual{height:140px}}