.service-home-main{width:100%;max-width:none;margin:0}.service-home-main>section:not(.hero){width:min(1180px,calc(100% - 40px));margin-inline:auto}.hero{position:relative;isolation:isolate;width:100%;min-height:calc(100vh - 84px);margin:0;padding-inline:max(clamp(24px,7vw,130px),calc((100vw - 1440px)/2));border:0;border-radius:0;overflow:hidden;background:radial-gradient(circle at 82% 22%,rgba(87,255,111,.12),transparent 28%),radial-gradient(circle at 14% 76%,rgba(0,214,180,.09),transparent 30%),linear-gradient(135deg,#06110b 0%,#030705 52%,#07150d 100%);box-shadow:inset 0 -1px rgba(104,255,128,.16)}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(100,255,135,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(100,255,135,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(115deg,transparent 5%,#000 40%,#000 74%,transparent 100%);animation:hero-grid-drift 18s linear infinite}
.hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;inset:-210px auto auto -160px;border-radius:50%;border:1px solid rgba(139,255,77,.16);box-shadow:0 0 0 70px rgba(139,255,77,.025),0 0 0 145px rgba(139,255,77,.018);filter:drop-shadow(0 0 45px rgba(61,255,107,.12));pointer-events:none;animation:hero-halo-breathe 8s ease-in-out infinite alternate}
.hero-copy,.hero-visual{position:relative;z-index:1}.hero-copy:before{content:"";position:absolute;width:92px;height:3px;top:-34px;inset-inline-start:0;border-radius:99px;background:linear-gradient(90deg,var(--lime),transparent);box-shadow:0 0 18px rgba(139,255,77,.45)}
.hero-visual:before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(80,255,112,.14),rgba(80,255,112,.025) 42%,transparent 70%);filter:blur(12px);animation:hero-pulse 7s ease-in-out infinite alternate}.hero-visual:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(139,255,77,.12);box-shadow:0 0 65px rgba(65,255,105,.08),inset 0 0 55px rgba(65,255,105,.035);animation:visual-ring 12s linear infinite}.code-card{position:relative;z-index:2;animation:code-card-float 6s ease-in-out infinite alternate}.code-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(139,255,77,.09) 48%,transparent 72%);transform:translateX(-120%);animation:code-card-scan 5.5s ease-in-out infinite}.chart i{transform-origin:bottom;animation:chart-breathe 2.8s ease-in-out infinite alternate}.chart i:nth-child(2){animation-delay:-.4s}.chart i:nth-child(3){animation-delay:-.8s}.chart i:nth-child(4){animation-delay:-1.2s}.chart i:nth-child(5){animation-delay:-1.6s}.chart i:nth-child(6){animation-delay:-2s}.float-card{z-index:3;animation:float-chip 4.5s ease-in-out infinite alternate}.float-card.fc2{animation-delay:-2.2s}
html[data-theme=light] .hero{border-color:rgba(18,126,65,.18);background:radial-gradient(circle at 82% 22%,rgba(42,190,94,.13),transparent 28%),radial-gradient(circle at 14% 76%,rgba(0,164,139,.08),transparent 30%),linear-gradient(135deg,#f9fcfa 0%,#edf7f0 52%,#f8fcf9 100%);box-shadow:inset 0 1px #fff,0 34px 90px rgba(20,91,48,.1)}html[data-theme=light] .hero:before{opacity:.46;background-image:linear-gradient(rgba(18,126,65,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(18,126,65,.065) 1px,transparent 1px)}html[data-theme=light] .hero:after{border-color:rgba(22,138,72,.2);box-shadow:0 0 0 70px rgba(22,138,72,.025),0 0 0 145px rgba(22,138,72,.018)}
@keyframes hero-grid-drift{to{background-position:54px 54px}}@keyframes hero-halo-breathe{to{transform:translate3d(34px,24px,0) scale(1.08);opacity:.7}}@keyframes hero-pulse{to{transform:scale(1.12);opacity:.65}}@keyframes visual-ring{to{transform:rotate(360deg) scale(1.04)}}@keyframes code-card-float{to{transform:rotate(-1.5deg) translateY(-12px)}}@keyframes code-card-scan{0%,24%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}@keyframes chart-breathe{to{transform:scaleY(.74);filter:brightness(1.35)}}@keyframes float-chip{to{transform:translate3d(0,-9px,0);box-shadow:0 22px 42px rgba(0,0,0,.55),0 0 24px rgba(78,255,111,.07)}}
@media(max-width:900px){.hero{padding-inline:clamp(18px,5vw,42px)}.hero:after{width:380px;height:380px}}
@media(max-width:560px){.hero{padding:48px 18px 25px}.hero-copy:before{top:-20px}.hero:before{background-size:38px 38px}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero-visual:before,.hero-visual:after,.code-card,.code-card:after,.chart i,.float-card{animation:none!important}}

/* Data-flow visual — replaces the previous orbit-heavy motion */
.hero{background:radial-gradient(ellipse at 72% 36%,rgba(42,255,112,.085),transparent 27%),radial-gradient(ellipse at 12% 88%,rgba(0,197,159,.07),transparent 30%),linear-gradient(118deg,#020604 0%,#07130c 47%,#030805 100%)}
.hero:before{opacity:.5;background-image:linear-gradient(115deg,transparent 0 44%,rgba(92,255,132,.055) 44.2% 44.45%,transparent 44.7%),linear-gradient(115deg,transparent 0 61%,rgba(92,255,132,.035) 61.15% 61.35%,transparent 61.55%),linear-gradient(rgba(92,255,132,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(92,255,132,.028) 1px,transparent 1px);background-size:720px 100%,930px 100%,72px 72px,72px 72px;mask-image:linear-gradient(90deg,transparent,#000 24%,#000 86%,transparent);animation:data-flow-bg 20s linear infinite}
.hero:after{width:44vw;height:2px;inset:22% auto auto -45vw;border:0;border-radius:0;background:linear-gradient(90deg,transparent,rgba(90,255,129,.06),#65ff8a,rgba(90,255,129,.06),transparent);box-shadow:0 0 22px rgba(87,255,127,.3);filter:none;opacity:.5;transform:rotate(-12deg);animation:data-beam 9s cubic-bezier(.45,0,.55,1) infinite}
.hero-visual{isolation:isolate}.hero-visual:before{width:92%;height:72%;border-radius:34% 66% 58% 42%;background:linear-gradient(125deg,rgba(36,255,104,.075),transparent 48%),radial-gradient(circle at 62% 40%,rgba(93,255,127,.11),transparent 38%);filter:blur(18px);animation:data-cloud 10s ease-in-out infinite alternate}.hero-visual:after{width:1px;height:86%;border:0;border-radius:0;background:linear-gradient(transparent,rgba(108,255,142,.7),transparent);box-shadow:0 0 18px rgba(108,255,142,.5);animation:data-scan 6s ease-in-out infinite}
.hero-visual .orbit{border:0;border-radius:0;opacity:.65;pointer-events:none}.hero-visual .o1{width:92%;height:72%;background-image:radial-gradient(circle,#63ff8b 0 2px,transparent 2.5px);background-size:58px 58px;mask-image:radial-gradient(ellipse,#000 0 42%,transparent 73%);animation:data-points 14s linear infinite}.hero-visual .o2{width:78%;height:62%;border:1px solid rgba(92,255,127,.13);border-inline-color:transparent;border-radius:46% 54% 42% 58%;animation:data-contour 16s linear infinite}
.code-card{animation:none;transform:rotate(-1.5deg);box-shadow:0 38px 95px rgba(0,0,0,.7),0 0 0 1px rgba(92,255,127,.04),0 0 70px rgba(57,255,106,.055)}.code-card:after{background:linear-gradient(180deg,transparent 0,rgba(116,255,147,.055) 49%,rgba(116,255,147,.15) 50%,rgba(116,255,147,.055) 51%,transparent 100%);transform:translateY(-120%);animation:card-data-scan 5s ease-in-out infinite}.chart i{animation:bar-signal 3.6s ease-in-out infinite;filter:saturate(.9)}.chart i:nth-child(2){animation-delay:-3s}.chart i:nth-child(3){animation-delay:-2.4s}.chart i:nth-child(4){animation-delay:-1.8s}.chart i:nth-child(5){animation-delay:-1.2s}.chart i:nth-child(6){animation-delay:-.6s}.float-card{animation:none;box-shadow:0 18px 45px rgba(0,0,0,.55);transition:transform .3s ease,border-color .3s ease}.hero-visual:hover .fc1{transform:translate3d(5px,-5px,0)}.hero-visual:hover .fc2{transform:translate3d(-5px,5px,0)}
html[data-theme=light] .hero{background:radial-gradient(ellipse at 72% 36%,rgba(23,157,72,.095),transparent 27%),radial-gradient(ellipse at 12% 88%,rgba(0,150,127,.06),transparent 30%),linear-gradient(118deg,#f9fcfa 0%,#eef7f1 47%,#fbfdfb 100%)}html[data-theme=light] .hero:before{background-image:linear-gradient(115deg,transparent 0 44%,rgba(20,137,62,.065) 44.2% 44.45%,transparent 44.7%),linear-gradient(115deg,transparent 0 61%,rgba(20,137,62,.04) 61.15% 61.35%,transparent 61.55%),linear-gradient(rgba(20,137,62,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,137,62,.035) 1px,transparent 1px)}
@keyframes data-flow-bg{to{background-position:720px 0,-930px 0,72px 72px,72px 72px}}@keyframes data-beam{0%,16%{translate:0 0;opacity:0}42%,58%{opacity:.55}84%,100%{translate:190vw 24vw;opacity:0}}@keyframes data-cloud{to{transform:translate3d(20px,-10px,0) skewX(-3deg);opacity:.7}}@keyframes data-scan{0%,12%{transform:translateX(-220px);opacity:0}35%,65%{opacity:.75}88%,100%{transform:translateX(220px);opacity:0}}@keyframes data-points{to{background-position:58px 58px}}@keyframes data-contour{to{transform:rotate(360deg)}}@keyframes card-data-scan{0%,25%{transform:translateY(-120%)}70%,100%{transform:translateY(120%)}}@keyframes bar-signal{0%,72%,100%{filter:saturate(.85);box-shadow:none}82%{filter:saturate(1.4) brightness(1.45);box-shadow:0 0 16px rgba(139,255,77,.45)}}
@media(prefers-reduced-motion:reduce){.hero:before,.hero:after,.hero-visual:before,.hero-visual:after,.hero-visual .orbit,.code-card:after,.chart i{animation:none!important}}

/* Overlapping metric deck */
.service-home-main>.metrics{position:relative;z-index:6;margin-top:-74px;margin-bottom:70px;border-color:rgba(111,255,132,.25);background:rgba(5,16,10,.88);box-shadow:0 26px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(18px);overflow:hidden;animation:metrics-deck-in .75s cubic-bezier(.2,.8,.2,1) both}
.service-home-main>.metrics:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 12%,rgba(111,255,132,.08) 47%,transparent 65%);transform:translateX(-120%);animation:metrics-sheen 7s 1.2s ease-in-out infinite}
.service-home-main>.metrics>div{position:relative;isolation:isolate;transition:transform .28s ease,background-color .28s ease}.service-home-main>.metrics>div:before{content:"";position:absolute;inset:auto 18% 0;height:2px;border-radius:20px;background:linear-gradient(90deg,transparent,var(--lime),transparent);opacity:0;transform:scaleX(.3);transition:opacity .28s ease,transform .28s ease}.service-home-main>.metrics>div:hover{z-index:2;background:rgba(139,255,77,.055);transform:translateY(-8px)}.service-home-main>.metrics>div:hover:before{opacity:1;transform:scaleX(1)}.service-home-main>.metrics>div strong{transition:transform .28s ease,text-shadow .28s ease}.service-home-main>.metrics>div:hover strong{transform:scale(1.07);text-shadow:0 0 22px rgba(139,255,77,.3)}.service-home-main>.metrics>div:nth-child(1){animation:metric-cell-in .55s .14s ease both}.service-home-main>.metrics>div:nth-child(2){animation:metric-cell-in .55s .22s ease both}.service-home-main>.metrics>div:nth-child(3){animation:metric-cell-in .55s .3s ease both}.service-home-main>.metrics>div:nth-child(4){animation:metric-cell-in .55s .38s ease both}
html[data-theme=light] .service-home-main>.metrics{border-color:rgba(22,138,72,.22);background:rgba(255,255,255,.88);box-shadow:0 24px 65px rgba(13,74,39,.14),inset 0 1px #fff}html[data-theme=light] .service-home-main>.metrics>div:hover{background:rgba(22,138,72,.055)}
@keyframes metrics-deck-in{from{opacity:0;transform:translateY(34px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes metric-cell-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes metrics-sheen{0%,25%{transform:translateX(-120%)}65%,100%{transform:translateX(120%)}}
@media(max-width:900px){.service-home-main>.metrics{margin-top:-52px;margin-bottom:58px}}
@media(max-width:560px){.service-home-main>.metrics{width:calc(100% - 24px);margin-top:-38px;border-radius:16px}.service-home-main>.metrics>div:hover{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.service-home-main>.metrics,.service-home-main>.metrics:before,.service-home-main>.metrics>div{animation:none!important}}