/* Service detail pages — visual language aligned with the main SEO in Jaipur React site */
:root{color-scheme:dark;--bg:#050508;--panel:rgba(10,8,16,.78);--panel2:#140e23;--line:rgba(139,61,255,.24);--text:#f7f5fa;--muted:#a7a3b1;--purple:#8b3dff;--lav:#d7bfff;--pink:#ff1e6d;--green:#25d366}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{position:relative;isolation:isolate;overflow-x:hidden;margin:0;min-height:100vh;background:#050508;color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;line-height:1.75}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 12% 8%,rgba(139,61,255,.17),transparent 36%),radial-gradient(ellipse at 88% 24%,rgba(255,30,109,.10),transparent 30%),linear-gradient(rgba(139,61,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(139,61,255,.025) 1px,transparent 1px);background-size:auto,auto,36px 36px,36px 36px}
body:after{content:"";position:fixed;width:480px;height:480px;right:-220px;top:25%;z-index:-1;pointer-events:none;border-radius:50%;background:rgba(75,20,127,.12);filter:blur(130px)}
a{color:#d7bfff;text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}
a:hover{color:#fff}
header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:13px max(22px,calc((100% - 1280px)/2));background:rgba(5,5,8,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(139,61,255,.18)}
.brand{display:flex;align-items:center;gap:11px;flex:none;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,30,109,.25))}
.brand-copy{display:flex;flex-direction:column;font-size:17px}
.brand-copy small{margin-top:4px;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.2em}
.brand-copy small span{color:var(--pink)}
nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,27px)}
nav a{position:relative;color:#a7a3b1;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
nav a:hover,nav a[aria-current=page]{color:#fff}
nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:3px;background:linear-gradient(90deg,var(--purple),var(--lav));box-shadow:0 0 8px var(--purple)}
.header-cta{padding:9px 15px;border:1px solid rgba(37,211,102,.4);border-radius:999px;background:rgba(37,211,102,.12);color:#25d366;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
main{position:relative;width:min(100% - 44px,1120px);margin:0 auto;padding:104px 0 100px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
main:before{content:"";position:absolute;z-index:-1;top:48px;left:-90px;width:420px;height:320px;border-radius:50%;background:rgba(139,61,255,.11);filter:blur(100px);pointer-events:none}
main>h1,main>.lead,main>.cta,main>.contact{grid-column:1/-1}
main>h1{max-width:930px;margin:0;font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,6vw,72px);line-height:1.04;letter-spacing:-.055em;font-weight:700}
main>h1:before{content:"SEO IN JAIPUR  /  DIGITAL GROWTH";display:block;margin-bottom:20px;color:var(--pink);font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;line-height:1.4;letter-spacing:.24em;font-weight:800}
.lead{max-width:820px;margin:3px 0 10px;color:#c9c4d2;font-size:clamp(18px,2vw,22px);line-height:1.75}
.cta{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-height:49px;margin:3px 10px 28px 0;padding:12px 22px;border:1px solid rgba(139,61,255,.55);border-radius:999px;background:linear-gradient(110deg,#8b3dff,#6b21a8);box-shadow:0 0 24px rgba(139,61,255,.22);color:#fff;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cta:hover{background:linear-gradient(110deg,#9b4dff,#7c2ac2);border-color:#d7bfff;transform:translateY(-1px)}
.cta[href^="tel:"]{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.14);box-shadow:none}
main>section{position:relative;min-width:0;padding:28px 28px 27px;border:1px solid rgba(139,61,255,.2);border-radius:22px;background:linear-gradient(135deg,rgba(20,14,35,.86),rgba(10,8,16,.92));backdrop-filter:blur(14px);box-shadow:0 8px 32px rgba(75,20,127,.12);transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
main>section:hover{border-color:rgba(177,92,255,.45);box-shadow:0 12px 40px -10px rgba(139,61,255,.2);transform:translateY(-2px)}
main>section h2{margin:0 0 12px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:21px;line-height:1.35;letter-spacing:-.025em}
main>section p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}
main>section a{font-weight:700;text-decoration:underline;text-decoration-color:rgba(215,191,255,.4);text-underline-offset:4px}
.contact{margin-top:14px;padding:32px;border:1px solid rgba(139,61,255,.3);border-radius:24px;background:linear-gradient(110deg,rgba(75,20,127,.24),rgba(255,30,109,.07)),rgba(10,8,16,.86);box-shadow:0 8px 32px rgba(75,20,127,.15)}
.contact h2{margin:0 0 16px;font-family:'Space Grotesk',sans-serif;font-size:25px}
.contact p{margin:8px 0;color:var(--muted);overflow-wrap:anywhere}
.contact strong{color:#f7f5fa}
footer{position:relative;overflow:hidden;margin-top:20px;padding:40px max(22px,calc((100% - 1120px)/2));border-top:1px solid rgba(139,61,255,.2);background:#040307;color:#85818e;font-size:13px}
footer:before{content:"";position:absolute;left:50%;bottom:-180px;width:620px;height:280px;transform:translateX(-50%);background:rgba(75,20,127,.13);filter:blur(100px);pointer-events:none}
.footer-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:#d7bfff}
footer nav{gap:18px;flex-wrap:wrap}
footer nav a{font-size:10px}
a:focus-visible{outline:3px solid var(--lav);outline-offset:4px;border-radius:6px}
::selection{background:rgba(139,61,255,.55);color:#fff}
@media(max-width:900px){header{flex-wrap:wrap;gap:12px}nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:8px 0 5px}nav a{font-size:9px}.header-cta{margin-left:auto}}
@media(max-width:640px){header{position:relative;padding:12px 16px}.brand img{width:36px;height:36px}.brand-copy{font-size:15px}nav{gap:17px}main{width:calc(100% - 32px);padding:62px 0 65px;grid-template-columns:1fr;gap:14px}main>h1{font-size:clamp(37px,10vw,54px)}main>h1:before{font-size:9px;letter-spacing:.17em}.lead{font-size:17px}main>section{padding:23px 21px;border-radius:18px}.cta{width:100%;margin:3px 0 10px}.contact{padding:24px 21px}footer{padding:32px 16px}.footer-inner{align-items:flex-start;flex-direction:column}footer nav{width:100%;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}