:root{--black:#050505;--ink:#131313;--muted:#6b6b6b;--line:#e9e6df;--soft:#f6f3ee;--accent:#0055fe;--accent2:#2e2e2e;--cyan:#98d6ff;--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8fbff;color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{line-height:1.75;color:#444}.site-header{position:sticky;top:16px;z-index:40;margin:16px auto 0;width:min(1180px,calc(100% - 28px));height:72px;padding:0 14px 0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);box-shadow:0 20px 70px rgba(0,0,0,.12);transition:.35s}.site-header.is-small{height:60px;box-shadow:0 14px 45px rgba(0,0,0,.16)}.brand img{object-fit:contain}.nav{display:flex;align-items:center;gap:6px}.nav a,.nav button,.top-cta{font:600 14px/1 Inter,Arial,sans-serif;letter-spacing:-.01em}.nav a,.nav button{padding:14px 15px;border-radius:999px;border:0;background:transparent;cursor:pointer}.nav a:hover,.nav button:hover{background:#111;color:#fff}.drop{position:relative;padding:18px 0}.drop-menu{position:absolute;top:58px;left:50%;transform:translateX(-50%) translateY(10px);width:720px;max-width:calc(100vw - 40px);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:18px;border-radius:26px;background:#fff;box-shadow:0 25px 90px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.drop:hover .drop-menu,.drop:focus-within .drop-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.drop-menu a{padding:12px;border-radius:16px}.drop-menu .all{background:#111;color:#fff}.top-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--black);color:#fff;padding:15px 22px;font-weight:800;border:1px solid #111}.top-cta:hover,.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.hamb{display:none;border:0;background:#111;color:#fff;width:46px;height:46px;border-radius:50%;font-size:20px}.mobile-menu{display:none}.hero{min-height:calc(100vh - 110px);padding:88px min(7vw,90px) 60px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.eyebrow,.badge{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.7);font-size:12px;color:#555}.hero h1,.page-hero h1{font-size:clamp(54px,9vw,138px);line-height:.88;letter-spacing:-.08em;margin:20px 0}.page-hero h1{font-size:clamp(46px,7vw,104px)}.gradient-text{background:linear-gradient(90deg,#050505,#ff5a1f);-webkit-background-clip:text;color:transparent}.hero p.lead,.page-hero>p:first-of-type{font-size:clamp(18px,2vw,25px);max-width:760px;color:#252525}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn.ghost{background:#fff;color:#111;border-color:#ddd}.orb-stage{position:relative;min-height:560px;border-radius:42px;background:radial-gradient(circle at 30% 20%,#fff 0,#f7f4ef 27%,#ebe5dc 100%);box-shadow:inset 0 0 0 1px #e6e0d7,0 40px 100px rgba(0,0,0,.14);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.2));animation:float 7s ease-in-out infinite}.orb.one{width:250px;height:250px;background:linear-gradient(145deg,#ff8a1d,#842300);top:72px;left:110px}.orb.two{width:310px;height:310px;background:radial-gradient(circle at 35% 30%,#16e1ff,#06131a 60%);bottom:70px;right:80px;animation-delay:-2s}.glass-card{position:absolute;right:28px;top:210px;width:260px;padding:24px;border-radius:28px;background:rgba(255,255,255,.48);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);animation:slideFloat 6s ease-in-out infinite}.ticker{white-space:nowrap;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.ticker div{display:inline-block;padding:18px 0;animation:ticker 22s linear infinite}.ticker span{font-size:36px;font-weight:900;margin:0 28px;letter-spacing:-.04em}.section,.page-hero,.content{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:86px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.service-card,.project{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.76);padding:28px;box-shadow:0 18px 50px rgba(0,0,0,.06);transition:.35s;position:relative;overflow:hidden}.card:before,.service-card:before,.project:before{content:"";position:absolute;inset:auto -20% -50% -20%;height:120px;background:radial-gradient(circle,#ff5a1f55,transparent 65%);opacity:0;transition:.35s}.card:hover,.service-card:hover,.project:hover{transform:translateY(-8px);box-shadow:0 32px 90px rgba(0,0,0,.12)}.card:hover:before,.service-card:hover:before,.project:hover:before{opacity:1}.service-card h2,.card h2{font-size:clamp(22px,2vw,34px);letter-spacing:-.05em}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process{counter-reset:item}.process .card{padding-left:70px}.process .card:after{counter-increment:item;content:"0" counter(item);position:absolute;left:26px;top:30px;color:var(--accent);font-weight:900}.masonry{columns:3 290px;column-gap:18px}.project{break-inside:avoid;margin-bottom:18px;padding:12px}.project img{width:100%;height:260px;object-fit:cover;border-radius:22px;background:linear-gradient(135deg,#111,#eee)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-grid img{border-radius:24px;margin-bottom:18px}.content{font-size:18px}.content h2{font-size:clamp(32px,4vw,62px);letter-spacing:-.06em;margin-top:50px}.breadcrumb{font-size:13px;color:#777;margin-bottom:18px}.cta{width:min(1180px,calc(100% - 32px));margin:70px auto;padding:46px;border-radius:38px;background:#090909;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.cta:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#ff5a1f55;right:-120px;top:-160px;filter:blur(8px);animation:pulse 5s infinite}.cta h2{font-size:clamp(32px,5vw,72px);line-height:.95;letter-spacing:-.06em;margin:8px 0}.cta p{color:#ddd}.cta .btn{background:#fff;color:#111;z-index:1}.footer{width:min(1180px,calc(100% - 32px));margin:80px auto 24px;padding:42px;border-radius:38px;background:#111;color:#fff;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer a,.footer p{display:block;color:#d8d8d8;margin:10px 0}.form{display:grid;gap:14px;max-width:760px}.form input,.form select,.form textarea{width:100%;padding:16px;border-radius:16px;border:1px solid #ddd;background:#fff}.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.split-line{display:block;overflow:hidden}.split-line span{display:block;transform:translateY(110%);animation:lineUp .9s cubic-bezier(.2,.8,.2,1) forwards}.split-line:nth-child(2) span{animation-delay:.08s}.split-line:nth-child(3) span{animation-delay:.16s}.parallax{will-change:transform}.magnetic{transition:transform .18s ease,background .25s ease}@keyframes float{50%{transform:translate3d(0,-28px,0) rotate(7deg)}}@keyframes slideFloat{50%{transform:translateY(24px)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes pulse{50%{transform:scale(1.12)}}@keyframes lineUp{to{transform:translateY(0)}}@media(max-width:980px){.nav,.top-cta{display:none}.hamb{display:block}.site-header{top:10px}.mobile-menu{position:fixed;z-index:39;top:92px;left:14px;right:14px;max-height:75vh;overflow:auto;border-radius:28px;background:#fff;padding:18px;box-shadow:0 25px 80px rgba(0,0,0,.22);display:none}.mobile-menu.open{display:block}.mobile-menu a,.mob-acc{display:block;width:100%;padding:15px;border:0;background:#f5f1eb;margin:5px 0;border-radius:16px;text-align:left;font-weight:700}.mob-panel{display:none}.mob-panel.open{display:block}.hero-grid{grid-template-columns:1fr}.orb-stage{min-height:440px}.grid,.blog-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.cta{display:block}.page-hero,.section,.content{padding:56px 0}.hero{padding:58px 18px}}@media(max-width:560px){.services-grid{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:48px}.orb.one{width:180px;height:180px;left:40px}.orb.two{width:220px;height:220px;right:25px}.glass-card{width:220px;right:16px}.ticker span{font-size:24px}.footer,.cta{border-radius:26px;padding:28px}}


/* FINAL PREMIUM MOTION SYSTEM — logo renkleriyle */
html { background:#f8fbff; }
body { position:relative; min-height:100vh; isolation:isolate; }
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(0,85,254,.18),transparent 30%),radial-gradient(circle at 80% 10%,rgba(46,46,46,.11),transparent 28%),radial-gradient(circle at 70% 84%,rgba(152,214,255,.22),transparent 32%),linear-gradient(135deg,#ffffff 0%,#f4f8ff 45%,#eef4ff 100%)}
body::after{content:"";position:fixed;inset:-12%;z-index:-2;pointer-events:none;opacity:.55;background:linear-gradient(115deg,transparent 0 38%,rgba(0,85,254,.07) 39% 40%,transparent 41% 100%),repeating-linear-gradient(90deg,rgba(0,85,254,.035) 0 1px,transparent 1px 88px),repeating-linear-gradient(0deg,rgba(46,46,46,.035) 0 1px,transparent 1px 88px);transform:translate3d(0,0,0);animation:bgGridDrift 16s linear infinite}
.motion-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.motion-bg .orb{position:absolute;border-radius:999px;filter:blur(14px);opacity:.32;mix-blend-mode:multiply;transform:translate3d(0,0,0)}
.motion-bg .orb-a{width:360px;height:360px;left:-90px;top:16%;background:#0055fe;animation:orbFloatA 13s ease-in-out infinite}
.motion-bg .orb-b{width:300px;height:300px;right:-70px;top:28%;background:#98d6ff;animation:orbFloatB 15s ease-in-out infinite}
.motion-bg .orb-c{width:260px;height:260px;left:56%;bottom:-80px;background:#2e2e2e;opacity:.15;animation:orbFloatC 18s ease-in-out infinite}
.motion-bg .ring{position:absolute;width:48vw;height:48vw;right:7vw;top:12vh;border:1px solid rgba(0,85,254,.18);border-radius:44% 56% 58% 42%;animation:ringMorph 14s ease-in-out infinite}
.motion-bg .scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,85,254,.055),transparent);height:30vh;animation:scanMove 8s ease-in-out infinite}
.site-header{background:rgba(255,255,255,.76)!important;border-color:rgba(0,85,254,.14)!important}
.nav a,.nav button{font-family:Inter,Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.01em!important;color:#2e2e2e!important;appearance:none;background:transparent;border:0}
.nav a:hover,.nav button:hover{background:rgba(0,85,254,.08)!important;color:#0055fe!important;transform:translateY(-1px)}
.nav a:focus-visible,.nav button:focus-visible,.top-cta:focus-visible{outline:3px solid rgba(0,85,254,.35);outline-offset:3px}
.top-cta,.btn.primary,.button-primary,.cta-card a:first-of-type{background:#0055fe!important;color:#fff!important;border-color:#0055fe!important;box-shadow:0 18px 42px rgba(0,85,254,.25)}
.top-cta:hover,.btn.primary:hover,.button-primary:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 24px 65px rgba(0,85,254,.34)}
.hero,.page-hero,.service-hero,.cta-card,.dark-panel,.project,.service-card,.card,.blog-card{position:relative;overflow:hidden;transform-style:preserve-3d}
.hero::before,.page-hero::before,.service-hero::before,.cta-card::before,.dark-panel::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(115deg,transparent 0%,rgba(0,85,254,.12) 28%,rgba(255,255,255,.38) 34%,transparent 43%);transform:translateX(-120%);animation:sheen 7.5s ease-in-out infinite}
.hero::after,.page-hero::after,.service-hero::after{content:"";position:absolute;width:420px;height:420px;right:8%;top:18%;border-radius:38% 62% 55% 45%;background:radial-gradient(circle at 30% 30%,rgba(152,214,255,.78),rgba(0,85,254,.30) 44%,rgba(46,46,46,.16) 70%,transparent 72%);filter:blur(.2px);opacity:.72;animation:heroBlob 10s ease-in-out infinite;z-index:0}
.hero > *,.page-hero > *,.service-hero > *{position:relative;z-index:1}
h1[data-split] .split-line span{display:inline-block;animation:titleRise .8s cubic-bezier(.18,.8,.22,1) both}
h1[data-split] .split-line:nth-child(2) span{animation-delay:.08s}
h1[data-split] .split-line:nth-child(3) span{animation-delay:.16s}
.reveal{opacity:0;transform:translateY(34px) scale(.985);filter:blur(8px);transition:opacity .75s cubic-bezier(.18,.8,.22,1),transform .75s cubic-bezier(.18,.8,.22,1),filter .75s}
.reveal.in{opacity:1;transform:none;filter:blur(0)}
.card:hover,.service-card:hover,.blog-card:hover,.project:hover{transform:translateY(-10px) rotateX(1deg);box-shadow:0 30px 80px rgba(0,85,254,.16)}
.card::after,.service-card::after,.blog-card::after,.project::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(0,85,254,.18),transparent 30%);opacity:0;transition:.25s}
.card:hover::after,.service-card:hover::after,.blog-card:hover::after,.project:hover::after{opacity:1}
.keyword-strip{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.keyword-strip a,.keyword-strip span{font-size:13px;font-weight:700;color:#0055fe;background:rgba(0,85,254,.08);border:1px solid rgba(0,85,254,.16);padding:8px 12px;border-radius:999px}
.city-mini-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.city-mini-links a{font-size:12px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid rgba(0,85,254,.14);color:#2e2e2e}
.city-mini-links a:hover{background:#0055fe;color:#fff;transform:translateY(-2px)}
.seo-emphasis strong{color:#0055fe;font-weight:800}
@keyframes bgGridDrift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(88px,88px,0)}}
@keyframes orbFloatA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,60px) scale(1.18)}}
@keyframes orbFloatB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-90px,80px) scale(.92)}}
@keyframes orbFloatC{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-70px,-90px) scale(1.25)}}
@keyframes ringMorph{0%,100%{transform:rotate(0) scale(1);border-radius:44% 56% 58% 42%}50%{transform:rotate(18deg) scale(1.08);border-radius:60% 40% 38% 62%}}
@keyframes scanMove{0%{transform:translateY(-35vh)}55%{transform:translateY(110vh)}100%{transform:translateY(110vh)}}
@keyframes sheen{0%,55%{transform:translateX(-125%)}78%,100%{transform:translateX(125%)}}
@keyframes heroBlob{0%,100%{transform:translate3d(0,0,0) rotate(0) scale(1);border-radius:38% 62% 55% 45%}50%{transform:translate3d(-24px,18px,0) rotate(12deg) scale(1.08);border-radius:58% 42% 35% 65%}}
@keyframes titleRise{from{opacity:0;transform:translateY(44px) rotateX(15deg);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media (max-width:760px){.hero::after,.page-hero::after,.service-hero::after{width:240px;height:240px;right:-50px;top:26%}.motion-bg .ring{width:95vw;height:95vw;right:-30vw}}


/* V4 premium animation and mega menu upgrade */
:root{--brand:#0055fe;--brand-2:#2f7bff;--brand-soft:#eaf2ff;--ink:#07080b;--muted:#667085;--line:rgba(0,85,254,.16)}
body{background:radial-gradient(circle at 12% 8%,rgba(0,85,254,.13),transparent 32%),radial-gradient(circle at 82% 12%,rgba(47,123,255,.12),transparent 30%),linear-gradient(180deg,#fff,#f8fbff 44%,#fff);overflow-x:hidden;}
.motion-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-image:linear-gradient(rgba(0,85,254,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,254,.035) 1px,transparent 1px);background-size:48px 48px;animation:bg-pan 18s linear infinite;}
.motion-bg:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 90deg at 50% 50%,transparent 0 18%,rgba(0,85,254,.13) 24%,transparent 31%,rgba(47,123,255,.12) 44%,transparent 54%,rgba(0,85,254,.08) 72%,transparent 84%);filter:blur(42px);opacity:.72;animation:aurora 16s ease-in-out infinite alternate;}
.motion-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,35%),rgba(0,85,254,.18),transparent 18rem);mix-blend-mode:multiply;transition:.15s linear;}
.orb{position:absolute;border-radius:999px;filter:blur(5px);opacity:.68;transform:translate3d(0,0,0);}
.orb-a{width:340px;height:340px;left:-80px;top:14vh;background:radial-gradient(circle,#0055fe,transparent 68%);animation:float-a 12s ease-in-out infinite;}
.orb-b{width:260px;height:260px;right:4vw;top:20vh;background:radial-gradient(circle,#6aa2ff,transparent 68%);animation:float-b 15s ease-in-out infinite;}
.orb-c{width:210px;height:210px;left:48vw;bottom:4vh;background:radial-gradient(circle,#002d8f,transparent 70%);animation:float-c 13s ease-in-out infinite;}
.orb-d{width:150px;height:150px;right:22vw;bottom:24vh;background:radial-gradient(circle,#fff,rgba(0,85,254,.24) 45%,transparent 72%);animation:float-d 9s ease-in-out infinite;}
.ring,.ring-2{position:absolute;border:1px solid rgba(0,85,254,.22);border-radius:50%;width:560px;height:560px;left:50%;top:12%;transform:translateX(-50%);animation:spin 28s linear infinite;}
.ring:before,.ring-2:before{content:"";position:absolute;inset:24%;border:1px dashed rgba(0,85,254,.2);border-radius:50%;}
.ring-2{width:380px;height:380px;left:8%;top:auto;bottom:7%;animation-duration:22s;animation-direction:reverse;}
.scan{position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(0,85,254,.10) 48%,transparent 54%);animation:scan 7s ease-in-out infinite;}
.mesh{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,85,254,.08),transparent 22%),radial-gradient(circle at 80% 60%,rgba(0,85,254,.06),transparent 18%);animation:pulseMesh 5s ease-in-out infinite alternate;}
@keyframes bg-pan{to{background-position:96px 96px}}@keyframes aurora{to{transform:rotate(18deg) scale(1.08)}}@keyframes float-a{50%{transform:translate(46px,70px) scale(1.08)}}@keyframes float-b{50%{transform:translate(-70px,44px) scale(.94)}}@keyframes float-c{50%{transform:translate(64px,-58px) scale(1.12)}}@keyframes float-d{50%{transform:translate(-34px,-80px) scale(1.18)}}@keyframes spin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes scan{0%,100%{transform:translateX(-90%)}50%{transform:translateX(90%)}}@keyframes pulseMesh{to{opacity:.55;transform:scale(1.04)}}
.site-header{backdrop-filter:blur(22px);background:rgba(255,255,255,.78);border:1px solid rgba(0,85,254,.12);box-shadow:0 18px 60px rgba(0,47,140,.08)}
.nav a,.navlink{font:inherit;font-weight:700;letter-spacing:-.01em;color:var(--ink);line-height:1;display:inline-flex;align-items:center;height:40px;background:transparent;border:0;text-decoration:none;cursor:pointer}.navlink:hover,.nav a:hover{color:var(--brand)}
.drop{position:relative}.drop:before{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:26px}.mega-menu{position:absolute;left:50%;top:calc(100% + 18px);width:min(1180px,calc(100vw - 36px));max-height:min(74vh,720px);overflow:auto;transform:translateX(-50%) translateY(12px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px;border-radius:28px;background:rgba(255,255,255,.94);backdrop-filter:blur(28px);border:1px solid rgba(0,85,254,.16);box-shadow:0 34px 120px rgba(0,44,140,.20);opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;z-index:80}.drop:hover .mega-menu,.drop:focus-within .mega-menu,.drop.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-col{border-radius:20px;background:linear-gradient(180deg,rgba(0,85,254,.055),rgba(255,255,255,.72));padding:14px}.mega-col h3{font-size:13px;margin:0 0 10px;color:var(--brand);letter-spacing:.01em}.mega-col a{height:auto;display:block;padding:8px 10px;border-radius:12px;font-size:13px;font-weight:650;color:#111}.mega-col a:hover{background:var(--brand);color:white}.mega-all{grid-column:1/-1;justify-content:center;background:var(--ink)!important;color:white!important;border-radius:999px;padding:14px!important;text-align:center}.mobile-menu .mega-col{background:rgba(0,85,254,.04);margin:8px 0}.mobile-menu .mega-col a{display:block;padding:9px}.city-strip{max-width:1180px;margin:80px auto 0;padding:32px;border-radius:32px;background:rgba(255,255,255,.72);border:1px solid rgba(0,85,254,.14);box-shadow:0 28px 90px rgba(0,44,140,.08)}.city-mini-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.city-mini-links a{font-size:12px;color:#0d2d66;text-decoration:none;background:#fff;border:1px solid rgba(0,85,254,.15);padding:7px 10px;border-radius:999px}.city-mini-links a:hover{background:var(--brand);color:#fff;transform:translateY(-2px)}.city-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.city-directory .card a{display:block;margin:8px 0;color:var(--brand);font-weight:700}.service-cluster{max-width:1180px;margin:54px auto}.service-cluster h2{font-size:clamp(28px,4vw,56px);letter-spacing:-.06em}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.service-card{position:relative;overflow:hidden;min-height:185px;padding:22px;border-radius:28px;background:rgba(255,255,255,.76);border:1px solid rgba(0,85,254,.13);text-decoration:none;color:var(--ink);box-shadow:0 24px 70px rgba(0,44,140,.08);transition:.35s cubic-bezier(.2,.8,.2,1)}.service-card:before{content:"";position:absolute;inset:auto -20% -45% -20%;height:80%;background:radial-gradient(circle,rgba(0,85,254,.18),transparent 62%);transition:.35s}.service-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(0,85,254,.34);box-shadow:0 32px 120px rgba(0,85,254,.18)}.service-card:hover:before{transform:translateY(-30px) scale(1.2)}.service-card span,.eyebrow{color:var(--brand);font-weight:800}.service-card h3{font-size:22px;letter-spacing:-.04em}.page-hero,.hero{position:relative;overflow:hidden}.page-hero:after,.hero:after{content:"";position:absolute;width:320px;height:320px;right:8%;top:18%;border-radius:50%;background:linear-gradient(135deg,rgba(0,85,254,.20),rgba(255,255,255,.10));filter:blur(2px);animation:heroShape 8s ease-in-out infinite alternate;z-index:-1}.page-hero:before,.hero:before{content:"";position:absolute;width:220px;height:220px;left:8%;bottom:8%;border-radius:38% 62% 48% 52%;background:rgba(0,85,254,.10);animation:morph 7s ease-in-out infinite;z-index:-1}@keyframes heroShape{to{transform:translate(-45px,55px) rotate(22deg);border-radius:34% 66% 68% 32%}}@keyframes morph{50%{border-radius:63% 37% 33% 67%;transform:translate(20px,-18px) rotate(-14deg)}}.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}.card,.project,.service-card{will-change:transform}.card:hover,.project:hover{transform:translateY(-7px);box-shadow:0 34px 100px rgba(0,85,254,.16)}.btn,.top-cta{background:linear-gradient(135deg,var(--brand),#003cc0);color:#fff!important;box-shadow:0 18px 46px rgba(0,85,254,.28)}.badge{border-color:rgba(0,85,254,.18)!important;background:rgba(0,85,254,.07)!important;color:#06326f!important}@media (max-width:980px){.nav{display:none}.mega-menu{position:static;display:block;width:auto;max-height:none;transform:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;padding:0;background:transparent}.mobile-menu.open{max-height:86vh;overflow:auto}.city-strip{margin:48px 16px 0;padding:22px}.site-header{left:12px;right:12px;width:auto}.page-hero:after,.hero:after{width:180px;height:180px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* V5 — 50K UI/UX MOTION & COLOR SYSTEM: page names/services untouched */
:root{
  --brand:#0055fe;--brand-2:#156dff;--brand-3:#7ec8ff;--brand-4:#dcecff;
  --obsidian:#03050b;--ink:#07101f;--graphite:#1b2433;--muted:#667085;--line:rgba(7,16,31,.11);
  --paper:rgba(255,255,255,.78);--glass:rgba(255,255,255,.62);--radius:32px;
  --shadow-lg:0 34px 120px rgba(0,37,118,.18);--shadow-md:0 20px 70px rgba(0,37,118,.12);
  --ease:cubic-bezier(.16,1,.3,1);
}
body{background:#f6f9ff;color:var(--ink);font-feature-settings:"ss01" 1,"cv01" 1;text-rendering:geometricPrecision;}
body::before{background:
  radial-gradient(900px 700px at 8% 12%,rgba(0,85,254,.22),transparent 62%),
  radial-gradient(760px 560px at 84% 5%,rgba(126,200,255,.34),transparent 60%),
  radial-gradient(760px 660px at 72% 92%,rgba(0,85,254,.16),transparent 60%),
  linear-gradient(135deg,#ffffff 0%,#f8fbff 38%,#eef6ff 100%) !important;}
body::after{opacity:.72;background:
  linear-gradient(115deg,transparent 0 36%,rgba(0,85,254,.08) 38%,transparent 41%),
  repeating-linear-gradient(90deg,rgba(0,85,254,.04) 0 1px,transparent 1px 76px),
  repeating-linear-gradient(0deg,rgba(0,85,254,.028) 0 1px,transparent 1px 76px) !important;
  animation:bgGridDrift 12s linear infinite, bgBreath 9s ease-in-out infinite alternate !important;}
.site-header{background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.75);box-shadow:0 18px 70px rgba(0,54,155,.15), inset 0 1px 0 rgba(255,255,255,.8)}
.site-header::before{content:"";position:absolute;inset:-1px;border-radius:999px;padding:1px;background:linear-gradient(110deg,rgba(0,85,254,.55),rgba(255,255,255,.8),rgba(126,200,255,.7));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65}
.nav a,.nav button{color:var(--ink);font-weight:720;letter-spacing:-.018em;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.nav a:hover,.nav button:hover,.drop.is-open>.navlink{background:var(--obsidian);color:#fff;box-shadow:0 14px 34px rgba(0,85,254,.2);transform:translateY(-1px)}
.drop-menu{width:min(1080px,calc(100vw - 48px));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:20px;background:rgba(255,255,255,.88);backdrop-filter:blur(26px) saturate(1.35);border:1px solid rgba(255,255,255,.86);box-shadow:0 40px 140px rgba(0,28,92,.22);max-height:min(76vh,720px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--brand) transparent;}
.drop-menu a{position:relative;overflow:hidden;border:1px solid rgba(0,85,254,.08);background:rgba(255,255,255,.58);font-weight:650;color:#111827;transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease),border-color .22s var(--ease)}
.drop-menu a:hover{background:linear-gradient(135deg,var(--brand),#001d5f);color:#fff;border-color:transparent;transform:translateX(3px)}
.drop-menu a.all{background:linear-gradient(135deg,var(--obsidian),var(--brand));color:#fff;grid-column:1/-1;text-align:center;letter-spacing:.01em}
.hero,.page-hero{isolation:isolate;position:relative;}
.hero::before,.page-hero::before,.content::before{content:"";position:absolute;inset:30px max(16px,3vw) auto;min-height:420px;border-radius:54px;background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.24));border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 34px 140px rgba(0,48,140,.12);z-index:-1;pointer-events:none;}
.page-hero::before{min-height:320px}.content{position:relative}.content::before{inset:36px -22px auto;min-height:260px;opacity:.48}
.hero h1,.page-hero h1{letter-spacing:-.095em;text-wrap:balance;background:linear-gradient(100deg,#020617 0%,#07152d 34%,#0055fe 72%,#7ec8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 20px 60px rgba(0,85,254,.11)}
.gradient-text{background:linear-gradient(100deg,#0055fe,#7ec8ff,#020617);-webkit-background-clip:text;background-clip:text;color:transparent;}
.eyebrow,.badge{background:rgba(255,255,255,.64);border-color:rgba(0,85,254,.16);box-shadow:0 10px 36px rgba(0,85,254,.08);color:#12305d;font-weight:750;letter-spacing:.01em}
.btn,.top-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#03050b,#0055fe);border:1px solid rgba(0,85,254,.5);box-shadow:0 18px 54px rgba(0,85,254,.26);transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s var(--ease)}
.btn::before,.top-cta::before{content:"";position:absolute;inset:-120% -50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(24deg) translateX(-60%);transition:transform .75s var(--ease)}
.btn:hover,.top-cta:hover{background:linear-gradient(135deg,#0055fe,#001d5f);transform:translateY(-4px) scale(1.018);box-shadow:0 28px 90px rgba(0,85,254,.34)}
.btn:hover::before,.top-cta:hover::before{transform:rotate(24deg) translateX(85%)}
.btn.ghost{background:rgba(255,255,255,.72);color:#08111f;border-color:rgba(0,85,254,.18);box-shadow:0 18px 50px rgba(0,54,155,.1)}
.orb-stage{background:radial-gradient(circle at 25% 18%,#fff 0,#f4f9ff 22%,#dbeaff 55%,#b7d8ff 100%);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(0,85,254,.12),0 44px 150px rgba(0,54,155,.2);transform-style:preserve-3d;}
.orb-stage::before{content:"";position:absolute;inset:24px;border-radius:34px;border:1px solid rgba(0,85,254,.13);background:linear-gradient(120deg,rgba(255,255,255,.32),transparent 40%,rgba(0,85,254,.06));animation:stageScan 5s ease-in-out infinite alternate}
.orb-stage::after{content:"";position:absolute;width:52%;height:52%;right:8%;bottom:8%;border-radius:42% 58% 55% 45%;border:1px solid rgba(0,85,254,.22);box-shadow:0 0 80px rgba(0,85,254,.16);animation:ringMorph 8s ease-in-out infinite;}
.orb.one{background:radial-gradient(circle at 34% 28%,#fff 0 5%,#7ec8ff 6% 18%,#0055fe 52%,#00184d 100%);animation:float 5.8s ease-in-out infinite, orbSpin 9s linear infinite;}
.orb.two{background:radial-gradient(circle at 36% 30%,#e8f5ff,#7ec8ff 24%,#0055fe 52%,#020617 83%);animation:float 6.4s ease-in-out infinite reverse, orbSpin 12s linear infinite reverse;}
.glass-card{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.72);box-shadow:0 30px 90px rgba(0,54,155,.18);animation:slideFloat 4.8s ease-in-out infinite;}
.card,.service-card,.project,.blog-grid>*,.content,.form input,.form textarea,.form select{border-color:rgba(0,85,254,.11)!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.54));box-shadow:0 20px 70px rgba(0,54,155,.09);backdrop-filter:blur(18px) saturate(1.25)}
.card,.service-card,.project{transform-style:preserve-3d;will-change:transform;}
.card::after,.service-card::after,.project::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgba(0,85,254,.16),transparent 38%);opacity:0;transition:opacity .3s var(--ease);pointer-events:none;}
.card:hover::after,.service-card:hover::after,.project:hover::after{opacity:1}
.card:before,.service-card:before,.project:before{background:linear-gradient(100deg,transparent,rgba(0,85,254,.18),rgba(126,200,255,.18),transparent);height:100%;inset:0;transform:translateX(-110%) skewX(-15deg);opacity:1;transition:transform .8s var(--ease)}
.card:hover:before,.service-card:hover:before,.project:hover:before{transform:translateX(110%) skewX(-15deg)}
.ticker{background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border-color:rgba(0,85,254,.1)}
.ticker span{background:linear-gradient(90deg,#020617,#0055fe);-webkit-background-clip:text;background-clip:text;color:transparent;}
.cta{background:radial-gradient(circle at 88% 20%,rgba(0,85,254,.55),transparent 28%),linear-gradient(135deg,#020617,#07162f 54%,#0055fe);box-shadow:0 40px 150px rgba(0,54,155,.28);border:1px solid rgba(126,200,255,.24)}
.cta::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 42%,rgba(126,200,255,.14));pointer-events:none}
.cta:after{background:radial-gradient(circle,rgba(126,200,255,.55),transparent 64%);animation:pulse 3.6s infinite, orbSpin 10s linear infinite;}
.footer{background:radial-gradient(circle at 16% 12%,rgba(0,85,254,.38),transparent 30%),linear-gradient(135deg,#020617,#07111f 58%,#001d5f);box-shadow:0 30px 120px rgba(0,37,118,.22);border:1px solid rgba(126,200,255,.16)}
.footer a{transition:color .2s var(--ease),transform .2s var(--ease)}.footer a:hover{color:#fff;transform:translateX(4px)}
.city-mini-links a{display:inline-flex;margin:6px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(0,85,254,.14);box-shadow:0 10px 30px rgba(0,85,254,.07);font-size:13px;font-weight:700}.city-mini-links a:hover{background:var(--brand);color:#fff;transform:translateY(-2px)}
.motion-bg{background-image:linear-gradient(rgba(0,85,254,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,254,.045) 1px,transparent 1px);background-size:38px 38px;animation:bg-pan 12s linear infinite;}
.motion-bg::before{opacity:.9;filter:blur(36px);animation:aurora 9s ease-in-out infinite alternate, hueBlue 18s linear infinite;}
.motion-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(340px circle at var(--mx,50vw) var(--my,45vh),rgba(0,85,254,.22),rgba(126,200,255,.09) 32%,transparent 64%);transition:opacity .2s;}
.motion-bg .orb{filter:blur(8px) saturate(1.2);opacity:.38}.motion-bg .orb-a{background:#0055fe;animation:orbFloatA 8s var(--ease) infinite}.motion-bg .orb-b{background:#7ec8ff;animation:orbFloatB 9s var(--ease) infinite}.motion-bg .orb-c{background:#001d5f;animation:orbFloatC 10s var(--ease) infinite}.motion-bg .ring{border-color:rgba(0,85,254,.24);box-shadow:0 0 120px rgba(0,85,254,.12);animation:ringMorph 7s ease-in-out infinite, slowRotate 20s linear infinite}.motion-bg .scan{background:linear-gradient(180deg,transparent,rgba(0,85,254,.09),transparent);animation:scanMove 5.5s ease-in-out infinite}
.lux-particles{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.lux-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(0,85,254,.42);box-shadow:0 0 18px rgba(0,85,254,.55);animation:particleRise var(--d,12s) linear infinite;left:var(--x);top:calc(100% + 10px);opacity:.55}
.reveal{transform:translateY(46px) scale(.985);filter:blur(8px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease)}.reveal.in{filter:blur(0);transform:none}
@keyframes bgBreath{from{filter:saturate(1) brightness(1)}to{filter:saturate(1.18) brightness(1.02)}}
@keyframes stageScan{from{transform:translate3d(-10px,-8px,0) scale(.98);opacity:.58}to{transform:translate3d(10px,8px,0) scale(1.02);opacity:1}}
@keyframes orbSpin{to{filter:hue-rotate(12deg) drop-shadow(0 30px 50px rgba(0,85,254,.22));transform:rotate(360deg)}}
@keyframes slowRotate{to{rotate:360deg}}
@keyframes hueBlue{50%{filter:blur(36px) saturate(1.35)}}
@keyframes particleRise{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}12%{opacity:.58}100%{transform:translate3d(var(--dx,40px),-115vh,0) scale(1.4);opacity:0}}
@media(max-width:980px){.drop-menu{grid-template-columns:1fr;width:calc(100vw - 28px)}.hero::before,.page-hero::before{inset:18px 10px auto;border-radius:34px}.hero h1,.page-hero h1{letter-spacing:-.075em}.mobile-menu{background:rgba(255,255,255,.88);backdrop-filter:blur(24px);border:1px solid rgba(0,85,254,.12)}.mob-panel{max-height:50vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.lux-particles{display:none}}