:root{
 --mg-bg:#020a13;--mg-panel:#071522;--mg-panel-2:#0a1c2c;--mg-line:rgba(70,139,190,.28);
 --mg-blue:#2aaeff;--mg-blue-2:#74d5ff;--mg-text:#f4faff;--mg-muted:#96aec0;
 --mg-r1:14px;--mg-r2:20px;--mg-r3:28px;--mg-shadow:0 24px 64px rgba(0,0,0,.28);
 --mg-fast:160ms;--mg-mid:260ms;--mg-slow:520ms
}
html{scroll-behavior:smooth}body{background-color:var(--mg-bg)}
body.mg-page-enter{animation:mgPageIn .28s ease both}@keyframes mgPageIn{from{opacity:.35}to{opacity:1}}
body.mg-page-leave{opacity:.45;transition:opacity .16s ease}

/* 1 HERO REFINEMENT */
.hero{isolation:isolate;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,7,13,.5),transparent 52%),radial-gradient(circle at 73% 38%,rgba(49,177,255,.08),transparent 27%);z-index:1}.hero-copy{position:relative;z-index:3}.hero-scene{z-index:2;transform:translate3d(var(--mg-hero-x,0),var(--mg-hero-y,0),0);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.hero-scene img{filter:saturate(.94) contrast(1.03);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .3s ease}.hero:hover .hero-scene img{transform:scale(1.012)}.hero-trust span{backdrop-filter:blur(8px)}

/* 2 PREMIUM SERVICE CARDS */
.service-grid{gap:18px}.service-card{border-radius:var(--mg-r2);border:1px solid rgba(57,121,167,.25);background:linear-gradient(160deg,rgba(8,25,39,.9),rgba(4,13,22,.96));box-shadow:0 15px 40px rgba(0,0,0,.18);transition:transform var(--mg-mid) ease,border-color var(--mg-mid) ease,box-shadow var(--mg-mid) ease;overflow:hidden}.service-card:after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 25%,rgba(69,194,255,.12),transparent 72%);transform:translateX(-105%);transition:transform .55s ease}.service-card:hover{transform:translateY(-4px);border-color:rgba(68,185,247,.48);box-shadow:0 20px 50px rgba(0,0,0,.25)}.service-card:hover:after{transform:translateX(105%)}.service-photo{overflow:hidden}.service-photo img{transition:transform .55s ease,filter .35s ease}.service-card:hover .service-photo img{transform:scale(1.025);filter:saturate(1.02)}.service-body{padding-top:16px}.service-body h3{letter-spacing:-.02em}.service-body p{line-height:1.65}

/* 3 PROJECT CASE CARDS */
.project-card{border-radius:22px!important;border:1px solid rgba(75,140,186,.24);box-shadow:0 16px 45px rgba(0,0,0,.22);overflow:hidden;transition:transform .24s ease,border-color .24s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(81,194,255,.44)}.project-overlay{background:linear-gradient(180deg,transparent 0,rgba(1,8,14,.22) 18%,rgba(1,8,14,.95) 100%)!important;padding-top:34%!important}.project-overlay h3{font-size:clamp(17px,1.4vw,22px);letter-spacing:-.02em}.project-spec{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.project-spec span{padding:7px 9px!important;border:1px solid rgba(83,166,221,.24);border-radius:999px;background:rgba(5,23,37,.72);backdrop-filter:blur(8px);font-size:9px!important}.project-overlay small{margin-top:8px!important;color:#a9c0cf!important}

/* 5 UNIFIED REVEAL */
[data-mg-reveal]{opacity:0;transform:translateY(16px);transition:opacity .52s ease,transform .52s cubic-bezier(.2,.8,.2,1)}[data-mg-reveal].mg-visible{opacity:1;transform:none}[data-mg-reveal][data-mg-delay="1"]{transition-delay:.06s}[data-mg-reveal][data-mg-delay="2"]{transition-delay:.12s}[data-mg-reveal][data-mg-delay="3"]{transition-delay:.18s}

/* 6 MOBILE POLISH */
@media(max-width:760px){.hero-copy{padding-left:18px!important;padding-right:18px!important}.hero h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.02}.hero p{max-width:36ch}.service-card{min-width:76%!important}.project-card{min-width:78%!important}.project-overlay p{display:none}.section-head h2{font-size:clamp(27px,8vw,36px)}.btn{min-height:46px}}

/* 8 BEFORE / AFTER */
.before-grid article{border:1px solid rgba(63,132,181,.24);border-radius:22px;background:linear-gradient(155deg,rgba(7,22,35,.88),rgba(3,13,22,.94));overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.2)}.before-grid article>h3,.before-grid article>p{padding-left:16px;padding-right:16px}.before-grid article>p{padding-bottom:16px;color:#96adbd}.compare{border-bottom:1px solid rgba(66,132,177,.22)}.compare-handle{box-shadow:0 0 0 5px rgba(46,178,255,.15),0 8px 20px rgba(0,0,0,.35)}

/* 10 DESIGN SYSTEM ALIGNMENT */
.section,.system-builder-teaser,.ai-panel,.why,.contact,.service-regions{--section-radius:var(--mg-r3)}
.section-chip,.project-tabs button,.team-filters button{border-radius:999px!important}.btn,.head-btn{border-radius:12px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover,.head-btn:hover{transform:translateY(-1px)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.mg-page-enter,[data-mg-reveal],.hero-scene,.hero-scene img,.service-card,.service-card:after,.service-photo img,.project-card{animation:none!important;transition:none!important;transform:none!important}}