/* Richer service showcases */
.service-visual{overflow:hidden}.visual-kicker{position:absolute;left:26px;top:24px;z-index:4;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 25px rgba(37,52,96,.1);backdrop-filter:blur(16px);font-size:11px;font-weight:700;color:#4b4b50}.visual-kicker span{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.12)}.visual-kicker.dark{color:#fff;background:rgba(24,24,27,.68);border-color:rgba(255,255,255,.15)}
.web-visual:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.43);filter:blur(1px);right:-70px;top:20px}.web-visual:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(103,89,255,.16);left:-60px;bottom:-40px}.device{position:relative;z-index:2;width:68%;height:72%;padding:18px 20px 14px}.device-brand{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;margin:-8px 2px 22px}.device-brand span{font-weight:500;color:#8b8b91;font-size:8px}.device-copy small{display:block;color:var(--blue);font-size:7px;font-weight:800;letter-spacing:1px;margin-bottom:9px}.device-copy i:first-of-type{height:55px;background:linear-gradient(135deg,#171719 0%,#38383d 100%);width:88%;border-radius:10px}.device-copy button{box-shadow:0 7px 16px rgba(0,113,227,.25)}.device-dock{position:absolute;left:18px;right:18px;bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.device-dock b{height:24px;border-radius:6px;background:#f0f0f4}.device-dock b:nth-child(2){background:#e9f3ff}.float-pill{position:absolute;z-index:4;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(16px);box-shadow:0 14px 32px rgba(48,61,118,.18);padding:11px 14px;border-radius:13px;font-size:11px;font-weight:700}.web-pill-one{right:20px;bottom:94px}.web-pill-two{left:20px;bottom:45px}
.social-post{z-index:1}.social-post small{display:block;color:#555;font-size:9px;font-weight:700;margin:0 2px 8px}.social-post div{height:165px}.social-panel{position:absolute;z-index:5;left:9%;right:9%;bottom:25px;min-height:76px;border-radius:18px;background:rgba(20,20,23,.84);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.35);backdrop-filter:blur(18px);display:flex;align-items:center;gap:9px;padding:14px 16px;color:#fff}.social-panel>div{margin-right:auto}.social-panel small{display:block;color:#999;font-size:9px}.social-panel strong{display:block;font-size:14px;margin-top:4px}.social-panel>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#2d2d32;font-size:9px;color:#aaa}.social-panel>span.active{background:#8b5cf6;color:#fff}.p1{top:21%}.p2{top:11%}.p3{top:25%}
.ads-visual{justify-content:flex-start;padding-top:86px}.ads-visual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(84,135,255,.12);filter:blur(15px);right:-130px;bottom:-80px}.searchbar,.ad-result,.ads-dashboard{position:relative;z-index:2}.ad-result{margin-top:18px;padding:20px 22px}.ad-result strong{font-size:18px;margin:8px 0}.ad-result p{margin:0}.ad-links{display:flex;gap:8px;margin-top:15px}.ad-links span{font-size:10px;color:#1967d2;background:#eef4ff;border-radius:999px;padding:7px 10px}.ads-dashboard{margin:16px 12px 0;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 12px 30px rgba(35,65,120,.09);padding:16px 18px;display:flex;align-items:flex-end;justify-content:space-between}.ads-dashboard small{display:block;color:#777;font-size:9px}.ads-dashboard strong{font-size:13px;display:block;margin-top:5px}.ads-dashboard strong i{display:inline-block;width:7px;height:7px;background:#34c759;border-radius:50%;margin-right:5px}.spark{height:34px;display:flex;align-items:end;gap:4px}.spark b{display:block;width:7px;background:#4285f4;border-radius:3px;height:30%}.spark b:nth-child(2){height:48%}.spark b:nth-child(3){height:42%}.spark b:nth-child(4){height:68%}.spark b:nth-child(5){height:62%}.spark b:nth-child(6){height:92%}
@media(max-width:800px){.visual-kicker{left:18px;top:18px}.device{width:62%;height:70%}.float-pill{font-size:10px}.web-pill-one{right:12px}.web-pill-two{left:12px}.social-post div{height:128px}.social-panel{left:5%;right:5%}.social-panel>span{width:23px;height:23px}.ads-visual{padding:78px 24px 24px}.searchbar{padding:0 17px}.ads-dashboard{margin-inline:0}}