/* Premium service systems showcase, inspired by modern AI dashboards. */
.services-page .comparison-section{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(28,112,255,.14),transparent 28rem),#1f1f20!important;color:#fff}.services-page .comparison-section:before{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 82%);content:""}.services-page .comparison-section>.comparison-heading,.services-page .comparison-section>.comparison-tabs,.services-page .comparison-section>.comparison-shell,.services-page .comparison-section>.comparison-note{display:none!important}
.service-showcase{position:relative;z-index:1;max-width:1450px;margin:0 auto}.service-showcase__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:clamp(2rem,8vw,8rem);align-items:end;padding-bottom:clamp(3rem,5vw,5rem)}.service-showcase__heading .section-label{color:#8ac8ff!important}.service-showcase__heading .section-label:after{background:#55adff!important}.service-showcase__heading h2{max-width:12ch;margin:1rem 0 0;color:#fff;font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.09em}.service-showcase__heading h2 em{color:#69b7ff}.service-showcase__heading>p{max-width:34ch;margin:0;color:rgba(255,255,255,.67)!important;font-size:1rem!important;font-weight:500!important;line-height:1.78}.showcase-list{display:grid;gap:clamp(3.5rem,7vw,7rem)}.showcase-row{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(2rem,7vw,8rem);align-items:center;min-height:510px}.showcase-row--reverse .showcase-copy{order:2}.showcase-row--reverse .showcase-visual{order:1}.showcase-copy{max-width:36rem;padding:clamp(1rem,3vw,3rem)}.showcase-icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:12px;background:#323233;color:#fff;font:800 .72rem "DM Mono",monospace;letter-spacing:.04em}.showcase-copy h3{margin:2.4rem 0 1.3rem;color:#fff;font-size:clamp(2.25rem,4.2vw,4.6rem);line-height:.94;letter-spacing:-.08em}.showcase-copy p{max-width:34ch;margin:0;color:rgba(255,255,255,.75)!important;font-size:clamp(1rem,1.5vw,1.25rem)!important;font-weight:500!important;line-height:1.65}.showcase-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:2rem;color:#fff;font:700 .7rem "DM Mono",monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.showcase-link span{display:grid;width:1.75rem;height:1.75rem;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;color:#7fc6ff;transition:transform .25s ease,background .25s ease}.showcase-link:hover span{background:#177ce8;transform:translate(3px,-3px)}
.showcase-visual{position:relative;min-height:480px;overflow:hidden;border:1px solid rgba(137,191,255,.12);border-radius:20px;background:linear-gradient(135deg,#0d1634,#110d29);box-shadow:0 28px 50px rgba(0,0,0,.22)}.showcase-visual:before{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(173,211,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(173,211,255,.1) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(135deg,#000,transparent 78%);content:""}.visual-haze{position:absolute;top:-20%;left:-15%;width:75%;height:85%;border-radius:50%;background:radial-gradient(circle,rgba(32,124,255,.42),transparent 67%);filter:blur(8px);animation:showcase-haze 7s ease-in-out infinite}.visibility-score{position:absolute;top:12%;right:8%;z-index:1;width:13rem;padding:1.05rem;border:1px solid rgba(202,222,255,.37);border-radius:17px;background:rgba(8,10,34,.82);box-shadow:0 18px 35px rgba(0,0,0,.23);transform:rotate(-5deg);animation:showcase-float 5.2s ease-in-out infinite}.visibility-score small,.trend-panel small,.seo-health small,.keyword-card small,.intel-summary small{display:block;color:#a8b3d3;font:500 .58rem "DM Mono",monospace;letter-spacing:.04em}.visibility-score b{display:block;margin:.3rem 0;color:#fff;font-size:3rem;letter-spacing:-.1em}.visibility-score span{color:#49d6a2;font:700 .61rem "DM Mono",monospace}.trend-panel{position:absolute;right:4%;bottom:4%;left:4%;z-index:1;padding:1.5rem;border:1px solid rgba(141,183,255,.12);border-radius:17px;background:rgba(12,16,47,.92);box-shadow:0 12px 24px rgba(0,0,0,.2)}.trend-panel b{display:block;color:#fff;font-size:clamp(1.15rem,2.2vw,1.85rem);letter-spacing:-.06em}.trend-panel small{margin-top:.35rem}.trend-panel svg{display:block;width:100%;height:165px;margin-top:.8rem}.dash-grid{fill:none;stroke:rgba(168,201,255,.15);stroke-dasharray:3 4}.dash-line{fill:none;stroke-width:4;stroke-linecap:round}.dash-line--blue{stroke:#2f8bff;stroke-dasharray:700;stroke-dashoffset:700;animation:showcase-line 3s ease-in-out infinite alternate}.visibility-orb{position:absolute;right:12%;bottom:15%;width:3.2rem;height:3.2rem;border-radius:50%;background:radial-gradient(circle at 35% 28%,#d5f0ff,#2c98ff 42%,#1444ab);box-shadow:0 0 0 8px rgba(55,143,255,.09),0 0 28px rgba(55,143,255,.62);animation:showcase-orb 3.6s ease-in-out infinite}
.visual-seo{background:radial-gradient(circle at 25% 18%,rgba(92,69,255,.52),transparent 32%),radial-gradient(circle at 86% 23%,rgba(214,28,154,.38),transparent 29%),linear-gradient(135deg,#151633,#141029)}.seo-health{position:absolute;top:17%;left:18%;z-index:2;width:15rem;padding:1.25rem;border-radius:15px;background:rgba(10,16,42,.9);box-shadow:0 18px 32px rgba(0,0,0,.25);animation:showcase-float 5.6s ease-in-out infinite reverse}.seo-health>b{display:block;margin:.35rem 0 1.55rem;color:#fff;font-size:1.1rem}.seo-health>div{display:flex;align-items:center;gap:.8rem;color:#fff;font-size:.8rem}.seo-health i{flex:1;height:.5rem;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.seo-health em{display:block;width:86%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a970ff,#4ee6b9)}.keyword-card{position:absolute;top:18%;right:10%;z-index:3;width:14rem;padding:1.3rem;border-radius:18px;background:#fff;color:#1b1b27;box-shadow:0 22px 40px rgba(0,0,0,.28);transform:rotate(-11deg);animation:showcase-float 6.1s ease-in-out infinite}.keyword-card small{color:#30303c;font-weight:800}.keyword-card b{display:inline-block;margin:.55rem .3rem 0 0;font-size:2.8rem;letter-spacing:-.1em}.keyword-card>span{color:#858590;font-size:.65rem}.keyword-card>i{display:flex;align-items:end;gap:.3rem;height:3.3rem;margin-top:.4rem}.keyword-card em{display:block;flex:1;border-radius:99px;background:#dedee2}.keyword-card em:nth-child(1){height:20%}.keyword-card em:nth-child(2){height:28%}.keyword-card em:nth-child(3){height:35%}.keyword-card em:nth-child(4){height:48%}.keyword-card em:nth-child(5){height:61%}.keyword-card em:nth-child(6){height:76%;background:#65a3ff}.keyword-card em:nth-child(7){height:92%;background:#3d8cff}.seo-pages{position:absolute;right:8%;bottom:13%;left:15%;z-index:1;padding:1.35rem;border-radius:16px;background:rgba(12,16,45,.92);box-shadow:0 15px 32px rgba(0,0,0,.22)}.seo-pages>b{display:block;margin-bottom:1.15rem;color:#fff;font-size:1rem}.seo-pages span{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;margin-top:.7rem;color:#aeb6d1;font-size:.7rem}.seo-pages span i{grid-column:1/3;height:.35rem;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.11)}.seo-pages span i:after{display:block;width:var(--progress,72%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7d70ef,#4de1b0);content:""}.seo-pages span:nth-of-type(2) i:after{width:44%}.seo-pages span:nth-of-type(3) i:after{width:100%;background:#d8ff69}.seo-pages em{color:#fff;font-style:normal}
.visual-local{background:radial-gradient(circle at 18% 70%,rgba(25,145,255,.58),transparent 34%),radial-gradient(circle at 88% 37%,rgba(204,20,181,.42),transparent 30%),#11132d}.local-switch{position:absolute;top:12%;right:9%;z-index:2;display:flex;align-items:center;gap:.7rem;padding:.8rem 1.05rem;border:1px solid rgba(194,218,255,.55);border-radius:999px;background:rgba(11,13,39,.75);color:#fff;font-size:.75rem;transform:rotate(11deg);animation:showcase-float 5.4s ease-in-out infinite}.local-switch i{width:2rem;height:1rem;border-radius:99px;background:#2d8cff}.local-switch i:after{display:block;width:.8rem;height:.8rem;margin:.1rem 0 0 1.08rem;border-radius:50%;background:#fff;content:""}.profile-board{position:absolute;top:28%;left:18%;z-index:1;width:66%;height:62%;padding:1.45rem;border-radius:18px;background:linear-gradient(145deg,rgba(8,14,46,.95),rgba(17,13,49,.84));box-shadow:0 24px 42px rgba(0,0,0,.25);transform:rotate(-7deg)}.profile-board__top{display:flex;justify-content:space-between;gap:.7rem;color:#fff;font-size:.95rem}.profile-board__top span{font-size:.76rem}.profile-board__top i{color:#ffe152;font-style:normal;letter-spacing:0}.profile-gauge{position:absolute;bottom:-2.1rem;left:19%;display:grid;width:15rem;height:15rem;place-content:center;border-radius:50%;background:radial-gradient(closest-side,#121134 76%,transparent 77% 99%,transparent),conic-gradient(from 228deg,#78dfff 0 66%,#3f9bff 66% 80%,rgba(255,255,255,.12) 80% 100%);box-shadow:0 0 26px rgba(92,187,255,.44);text-align:center;animation:showcase-gauge 4.4s ease-in-out infinite}.profile-gauge b{color:#fff;font-size:2rem;letter-spacing:-.1em}.profile-gauge small{font-size:1rem}.profile-gauge span{margin-top:.15rem;color:#b6c9f3;font-size:.58rem}.local-spark{position:absolute;right:15%;bottom:16%;width:3.4rem;height:3.4rem;border-radius:50%;background:#75dcff;filter:blur(21px);animation:showcase-orb 3.2s ease-in-out infinite reverse}
.visual-intelligence{background:radial-gradient(circle at 83% 20%,rgba(196,25,195,.48),transparent 29%),radial-gradient(circle at 20% 35%,rgba(33,146,255,.47),transparent 34%),#10132e}.intel-summary{position:absolute;top:7%;right:16%;z-index:2;width:17rem;padding:1.1rem 1.25rem;border:1px solid rgba(173,207,255,.22);border-radius:16px;background:rgba(11,14,43,.92);box-shadow:0 15px 28px rgba(0,0,0,.24);transform:rotate(7deg);animation:showcase-float 5.7s ease-in-out infinite}.intel-summary span{display:grid;grid-template-columns:.5rem 1fr auto;gap:.5rem;align-items:center;margin-top:.62rem;color:#cbd4ef;font-size:.64rem}.intel-summary span i{width:.4rem;height:.4rem;border-radius:50%;background:#2ac496}.intel-summary span:nth-of-type(2) i{background:#f2bc26}.intel-summary span:nth-of-type(3) i{background:#398cff}.intel-summary b{color:#fff;font-size:.63rem}.intel-score{position:absolute;top:18%;right:6%;z-index:3;display:grid;width:5.6rem;height:5.6rem;place-content:center;border-radius:50%;background:radial-gradient(closest-side,#151434 70%,transparent 72% 99%,transparent),conic-gradient(#4cd8ad 0 81%,rgba(255,255,255,.12) 81%);box-shadow:0 0 0 6px rgba(105,159,255,.09);color:#fff;text-align:center}.intel-score b{font-size:1.5rem}.intel-score span{font-size:.52rem}.intel-chart{position:absolute;right:5%;bottom:6%;left:6%;z-index:1;padding:1.2rem;border-radius:16px;background:rgba(10,14,43,.94);box-shadow:0 15px 31px rgba(0,0,0,.23);color:#fff}.intel-chart>b{font-size:.84rem}.intel-chart>div{display:flex;align-items:end;gap:.85rem;height:11.5rem;margin-top:.85rem;padding:0 .4rem;border-bottom:1px solid rgba(255,255,255,.14);background:repeating-linear-gradient(0deg,transparent 0 33%,rgba(255,255,255,.06) 34%)}.intel-chart i{display:block;flex:1;height:var(--bar);border-radius:5px 5px 0 0;background:linear-gradient(#8156e8,#2e91ff);transform-origin:bottom;animation:showcase-bar 1.8s cubic-bezier(.2,.8,.2,1) both}.intel-chart i:nth-child(2){animation-delay:.1s}.intel-chart i:nth-child(3){animation-delay:.2s}.intel-chart i:nth-child(4){animation-delay:.3s}.intel-chart i:nth-child(5){animation-delay:.4s}.intel-chart i:nth-child(6){animation-delay:.5s}.intel-chart i:nth-child(7){animation-delay:.6s}.intel-chart i:nth-child(8){animation-delay:.7s}.intel-chart i:nth-child(9){animation-delay:.8s}
@keyframes showcase-haze{50%{transform:translate(16%,12%) scale(1.16)}}@keyframes showcase-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes showcase-line{to{stroke-dashoffset:0}}@keyframes showcase-orb{50%{transform:translate(-12px,-13px) scale(1.12)}}@keyframes showcase-gauge{50%{transform:translate(4px,-9px) rotate(4deg)}}@keyframes showcase-bar{from{transform:scaleY(.05)}}
@media(max-width:980px){.showcase-row{grid-template-columns:1fr;gap:1rem;min-height:0}.showcase-copy{max-width:45rem;padding:1rem 0}.showcase-row--reverse .showcase-copy,.showcase-row--reverse .showcase-visual{order:initial}.showcase-visual{min-height:440px}.service-showcase__heading{grid-template-columns:1fr;gap:1.35rem}}@media(max-width:700px){.services-page .comparison-section{padding:4.8rem 1.2rem!important}.service-showcase__heading{padding-bottom:3rem}.service-showcase__heading h2{font-size:clamp(2.7rem,12vw,4rem)}.service-showcase__heading>p{font-size:.91rem!important}.showcase-list{gap:4.5rem}.showcase-copy h3{margin:1.55rem 0 .9rem;font-size:clamp(2.2rem,11vw,3.4rem)}.showcase-copy p{font-size:.96rem!important}.showcase-visual{min-height:330px;border-radius:16px}.visibility-score{top:10%;right:6%;width:9.5rem;padding:.8rem}.visibility-score b{font-size:2.25rem}.trend-panel{right:3%;bottom:3%;left:3%;padding:1rem}.trend-panel svg{height:104px}.trend-panel b{font-size:1rem}.seo-health{top:13%;left:7%;width:11rem;padding:1rem}.keyword-card{top:13%;right:5%;width:10.5rem;padding:.95rem}.keyword-card b{font-size:2rem}.seo-pages{right:5%;bottom:8%;left:7%;padding:1rem}.profile-board{top:29%;left:8%;width:80%;height:58%;padding:1rem}.profile-gauge{left:17%;width:11rem;height:11rem;bottom:-1.4rem}.local-switch{top:9%;right:5%;font-size:.6rem}.intel-summary{top:6%;right:11%;width:13.2rem;padding:.85rem 1rem}.intel-score{top:19%;right:5%;width:4.6rem;height:4.6rem}.intel-chart{right:3%;bottom:4%;left:3%;padding:1rem}.intel-chart>div{gap:.48rem;height:8.5rem}}@media(prefers-reduced-motion:reduce){.visual-haze,.visibility-score,.keyword-card,.seo-health,.local-switch,.profile-gauge,.local-spark,.intel-summary,.dash-line--blue,.intel-chart i{animation:none!important}.showcase-link span{transition:none}.showcase-link:hover span{transform:none}}

/* Light section surface with dark product visuals for contrast. */
.services-page .comparison-section{background:radial-gradient(circle at 82% 15%,rgba(28,112,255,.1),transparent 28rem),#fff!important;color:#123b74}.services-page .comparison-section:before{opacity:.55;background-image:linear-gradient(rgba(18,108,240,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,108,240,.055) 1px,transparent 1px)}.service-showcase__heading .section-label{color:#177ce8!important}.service-showcase__heading h2{color:#0a2e5b}.service-showcase__heading h2 em{color:#177ce8}.service-showcase__heading>p{color:#55729a!important}.showcase-icon{background:#e9f4ff;color:#177ce8}.showcase-copy h3{color:#123b74}.showcase-copy p{color:#55729a!important}.showcase-link{color:#123b74}.showcase-link span{border-color:#9ecbfa;color:#177ce8}.showcase-link:hover span{color:#fff}