/* Unique visual stories for every service page */
.service-visual{position:relative;min-height:490px;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:rgba(1,20,28,.68);box-shadow:0 35px 90px rgba(0,0,0,.28);backdrop-filter:blur(15px);overflow:hidden}.service-visual:before{content:"";position:absolute;right:-90px;top:-110px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(34,216,203,.18),transparent 68%)}.service-visual>*{position:relative;z-index:1}.service-visual-head{display:flex;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.12);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.service-visual-head span{color:var(--sun)}.service-visual-head i{color:var(--aqua);font-style:normal}.service-visual>h3{max-width:500px;margin:22px 0 25px;color:#fff;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.08}.service-visual-note{margin:20px 0 0;color:rgba(255,255,255,.48);font-size:10px;line-height:1.5}.service-visual-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.service-visual-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.72);font-size:9px;font-weight:800}.visual-bars{display:grid;gap:14px}.visual-bars>div p{display:flex;justify-content:space-between;gap:18px;margin:0 0 7px;color:rgba(255,255,255,.65);font-size:10px}.visual-bars>div p strong{color:#fff;font-size:11px}.visual-bars>div>i{display:block;height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.visual-bars>div>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--aqua),var(--sun))}.visual-bars.compact{margin-top:24px}
.seo-result-card{display:grid;gap:5px;margin-bottom:24px;padding:18px;border-left:4px solid var(--aqua);border-radius:0 17px 17px 0;background:#fff;color:var(--navy)}.seo-result-card small{color:#168b63;font-weight:900}.seo-result-card strong{font-size:15px}.seo-result-card span{color:var(--muted);font-size:10px}
.service-page-web .service-growth-map{background:linear-gradient(145deg,#071c38,#123d69)}.service-page-web .service-growth-copy .kicker,.service-page-web .service-visual-head i{color:#79b8ff}.device-stage{position:relative;height:220px;margin:5px 0 22px}.device{position:absolute;overflow:hidden;border:5px solid #dce8f2;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.28)}.device>span{display:block;height:15px;background:#e8f1f7}.device main{display:grid;gap:7px;padding:12px}.device.desktop{left:3%;top:0;width:78%;height:190px;border-radius:13px}.device.desktop main{grid-template-columns:repeat(2,1fr)}.device.desktop i{height:57px;padding:8px;border-radius:8px;background:linear-gradient(145deg,#dffaf5,#fdf1cf);color:#173c57;font-size:8px;font-style:normal;font-weight:900}.device.phone{right:1%;bottom:0;width:27%;height:165px;border-width:4px;border-radius:18px}.device.phone main{display:grid;gap:8px}.device.phone i{display:block;height:29px;border-radius:6px;background:#dffaf5}.site-map{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.site-map span{position:relative;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.08);font-size:9px}.site-map span:not(:last-child):after{content:"›";position:absolute;right:-7px;color:var(--aqua)}.site-map .active{background:#79b8ff;color:#071c38;font-weight:900}
.service-page-ads .service-growth-map{background:linear-gradient(145deg,#201635,#4a2445)}.service-page-ads .service-growth-copy .kicker{color:#ffad7d}.service-visual-ads{background:rgba(30,13,41,.72)}.ads-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ads-stats div{padding:14px 10px;border-radius:14px;background:rgba(255,255,255,.07)}.ads-stats small,.ads-stats strong{display:block}.ads-stats small{color:rgba(255,255,255,.48);font-size:8px}.ads-stats strong{margin-top:5px;color:#ffcf74;font-size:11px}.service-visual-ads .visual-bars b{background:linear-gradient(90deg,#ff7657,#ffcf74)}
.service-page-ai .service-growth-map{background:linear-gradient(145deg,#071b2c,#073f46)}.entity-map{position:relative;height:245px;margin-top:5px}.entity-map:before,.entity-map:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(34,216,203,.24);border-radius:50%;transform:translate(-50%,-50%)}.entity-map:before{width:210px;height:210px}.entity-map:after{width:125px;height:125px}.entity-core,.entity-node{position:absolute;display:grid;place-items:center;border-radius:50%;text-align:center}.entity-core{left:50%;top:50%;z-index:3;width:82px;height:82px;transform:translate(-50%,-50%);background:linear-gradient(145deg,var(--aqua),#7be2bf);color:var(--navy);font-size:13px}.entity-node{z-index:2;width:68px;height:68px;border:1px solid rgba(255,255,255,.18);background:#0b3342;color:#fff;font-size:9px}.entity-node:after{content:"";position:absolute;width:38px;height:1px;background:rgba(34,216,203,.42)}.entity-node.node-1{left:4%;top:5%}.entity-node.node-1:after{left:57px;top:50%;transform:rotate(25deg)}.entity-node.node-2{right:4%;top:5%}.entity-node.node-2:after{right:57px;top:50%;transform:rotate(-25deg)}.entity-node.node-3{left:0;bottom:2%}.entity-node.node-3:after{left:58px;top:30%;transform:rotate(-25deg)}.entity-node.node-4{right:0;bottom:2%}.entity-node.node-4:after{right:58px;top:30%;transform:rotate(25deg)}.entity-node.node-5{left:50%;bottom:-4%;transform:translateX(-50%)}.entity-node.node-5:after{left:50%;bottom:60px;transform:rotate(90deg);transform-origin:left}
.ai-visibility-image{margin:22px 0 18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#051d2a;box-shadow:0 22px 55px rgba(0,0,0,.28)}.ai-visibility-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center}.service-visual-ai .service-visual-tags{margin-top:16px}@media(max-width:620px){.ai-visibility-image{margin-top:18px;border-radius:16px}.ai-visibility-image img{aspect-ratio:4/3}}
.service-page-audit .service-growth-map{background:linear-gradient(145deg,#18222d,#3a3130)}.service-page-audit .service-growth-copy .kicker{color:#ffb36b}.audit-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.audit-scores>div{display:grid;place-items:center;gap:10px}.audit-scores i{--score:50;position:relative;width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--aqua) calc(var(--score)*1%),rgba(255,255,255,.09) 0)}.audit-scores i:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#192731}.audit-scores b{position:relative;z-index:2;color:#fff;font-size:18px}.audit-scores span{color:rgba(255,255,255,.7);font-size:9px}.issue-priority{display:grid;gap:7px;margin-top:25px}.issue-priority span{padding:9px 12px;border-left:4px solid var(--coral);border-radius:0 9px 9px 0;background:rgba(255,255,255,.05);font-size:9px}.issue-priority .priority-2{border-color:var(--sun)}.issue-priority .priority-3{border-color:var(--aqua)}
.service-page-video .service-growth-map{background:linear-gradient(145deg,#160e29,#3c1942)}.service-page-video .service-growth-copy .kicker{color:#e29aff}.preview-player{height:120px;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:18px;background:linear-gradient(135deg,rgba(226,154,255,.18),rgba(255,112,72,.13));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.preview-player .play{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#31143b;font-size:14px}.preview-player strong,.preview-player small{display:block}.preview-player small{margin-top:4px;color:rgba(255,255,255,.5);font-size:9px}.edit-timeline{display:grid;gap:9px;margin-top:22px}.edit-timeline>div{display:grid;grid-template-columns:42px 1fr 90px;gap:9px;align-items:center}.edit-timeline span,.edit-timeline small{font-size:8px}.edit-timeline small{color:rgba(255,255,255,.48)}.edit-timeline i{display:block;height:22px;padding:3px;border-radius:5px;background:rgba(255,255,255,.06)}.edit-timeline b{display:block;height:100%;border-radius:3px;background:repeating-linear-gradient(90deg,#b568dd 0 20px,#db8ef4 20px 23px)}
.service-page-social .service-growth-map{background:linear-gradient(145deg,#172238,#173f59)}.content-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.content-calendar>div{min-height:145px;padding:10px 7px;border-radius:13px;background:rgba(255,255,255,.06)}.content-calendar small,.content-calendar strong{display:block}.content-calendar small{color:var(--aqua);font-size:8px;font-weight:900}.content-calendar strong{margin-top:10px;font-size:9px}.content-calendar i{display:block;height:65px;margin-top:11px;border-radius:8px;background:linear-gradient(145deg,rgba(34,216,203,.35),rgba(255,112,72,.2))}.content-calendar .day-2 i,.content-calendar .day-5 i{background:linear-gradient(145deg,rgba(255,213,90,.38),rgba(255,112,72,.24))}.engagement-line{position:relative;height:38px;margin:20px 8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.engagement-line span{position:absolute;left:0;right:0;top:18px;height:2px;background:linear-gradient(90deg,var(--coral),var(--aqua));transform:rotate(-3deg)}.engagement-line i{position:relative;display:inline-block;width:8px;height:8px;margin:13px 16% 0 0;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(34,216,203,.1)}
.service-page-funnel .service-growth-map{background:linear-gradient(145deg,#071f25,#17422f)}.growth-funnel{display:grid;gap:7px;justify-items:center}.growth-funnel>div{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:53px;padding:10px 18px;clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:rgba(255,255,255,.09)}.growth-funnel .funnel-1{width:100%;background:rgba(34,216,203,.24)}.growth-funnel .funnel-2{width:84%;background:rgba(102,223,191,.22)}.growth-funnel .funnel-3{width:68%;background:rgba(255,213,90,.24)}.growth-funnel .funnel-4{width:52%;background:rgba(255,112,72,.25)}.growth-funnel strong{font-size:11px}.growth-funnel span{font-size:8px;color:rgba(255,255,255,.58)}
.service-page-automation .service-growth-map{background:linear-gradient(145deg,#082026,#123b3c)}.automation-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.automation-flow>div{position:relative;min-height:118px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.055)}.automation-flow>div:after{content:"→";position:absolute;right:-11px;top:45%;z-index:2;color:var(--sun)}.automation-flow>div:nth-child(2):after{content:"↓";right:50%;top:auto;bottom:-18px}.automation-flow>div:nth-child(3):after{content:"←"}.automation-flow>div:last-child:after{display:none}.automation-flow b,.automation-flow strong,.automation-flow span{display:block}.automation-flow b{color:var(--aqua);font-size:9px}.automation-flow strong{margin-top:14px;font-size:13px}.automation-flow span{margin-top:5px;color:rgba(255,255,255,.55);font-size:9px}
@media(max-width:1050px){.service-visual{max-width:760px}.service-growth-grid{align-items:start}}@media(max-width:620px){.service-visual{min-height:0;padding:21px;border-radius:23px}.service-visual>h3{font-size:1.75rem}.ads-stats{grid-template-columns:1fr}.audit-scores{gap:7px}.audit-scores i{width:76px;height:76px}.content-calendar{grid-template-columns:repeat(2,1fr)}.content-calendar>div:last-child{grid-column:1/-1}.edit-timeline>div{grid-template-columns:38px 1fr}.edit-timeline small{grid-column:2}.growth-funnel>div{width:100%!important;clip-path:none;border-radius:10px}.automation-flow{grid-template-columns:1fr}.automation-flow>div:after{content:"↓"!important;right:50%;top:auto;bottom:-15px}.automation-flow>div:last-child:after{display:none}.entity-node{width:60px;height:60px}.entity-map:before{width:185px;height:185px}.entity-map:after{width:112px;height:112px}}
