.interactive-services{min-height:100vh;padding:120px 0 110px;position:relative;overflow:hidden;background:#080808}.interactive-services:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 58%,rgba(210,22,17,.13),transparent 32%),linear-gradient(115deg,transparent 0 68%,rgba(227,33,25,.035) 68%);pointer-events:none}.services-heading{position:relative;z-index:1}.services-heading h2{margin:0;font-size:clamp(51px,5vw,78px)}.services-composition{position:relative;z-index:1;display:grid;grid-template-columns:minmax(350px,.88fr) minmax(420px,1.12fr);gap:60px;margin-top:56px;align-items:stretch}.service-nav{border-top:1px solid rgba(255,255,255,.12);align-self:stretch}.service-tab{width:100%;min-height:79px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.38);display:grid;grid-template-columns:45px 1fr 24px;align-items:center;text-align:left;font:700 clamp(16px,1.45vw,22px) var(--display);letter-spacing:-.02em;text-transform:uppercase;cursor:pointer;transition:color .25s,transform .25s}.service-tab b{font:700 10px var(--font);color:rgba(255,255,255,.3);letter-spacing:1px;transition:color .25s}.service-tab i{height:2px;width:0;background:#ff3028;justify-self:end;transition:width .3s}.service-tab:hover{color:rgba(255,255,255,.8);transform:translateX(6px)}.service-tab.active{color:#fff;transform:translateX(10px)}.service-tab.active b{color:#ff3028}.service-tab.active i{width:19px;box-shadow:0 0 10px rgba(255,48,40,.65)}.service-tab:focus-visible{outline:1px solid #ff3028;outline-offset:-2px}.service-console{min-height:485px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 73% 53%,rgba(183,0,0,.23),transparent 29%),#0a0a0a;clip-path:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% 100%,19px 100%,0 calc(100% - 19px));isolation:isolate}.console-grid{position:absolute;inset:0;opacity:.29;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,black 40%,black)}.console-orbit{position:absolute;border:1px solid rgba(255,48,40,.38);border-radius:50%;z-index:-1}.orbit-a{width:430px;aspect-ratio:1;right:-125px;top:44px}.orbit-b{width:285px;aspect-ratio:1;right:40px;bottom:-145px;border-color:rgba(255,255,255,.13)}.console-orbit:after{content:"";position:absolute;left:49%;top:-4px;width:7px;height:7px;background:#ff3028;border-radius:50%;box-shadow:0 0 12px #ff3028}.console-coordinates{position:absolute;left:28px;bottom:26px;color:rgba(255,255,255,.28);font:700 8px var(--font);line-height:1.8;letter-spacing:1.2px}.console-content{position:relative;z-index:2;width:57%;padding:34px;animation:console-in .4s ease both}.console-label{color:#ff3028;font:700 10px var(--font);letter-spacing:1.8px;text-transform:uppercase;margin:0 0 20px}.console-title{font:700 clamp(37px,3.4vw,56px) var(--display);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 20px}.console-title em{display:block}.console-description{font-size:12px;line-height:1.65;color:rgba(255,255,255,.62);margin:0 0 28px}.console-list{display:grid;gap:9px;padding:0;margin:0;list-style:none}.console-list li{font:700 9px var(--font);letter-spacing:1px;color:rgba(255,255,255,.72);text-transform:uppercase;display:flex;gap:8px}.console-list li:before{content:"+";color:#ff3028}.network{position:absolute;z-index:1;right:6%;top:31%;width:47%;aspect-ratio:1}.network:before,.network:after{content:"";position:absolute;inset:20% 5%;border-top:1px solid rgba(255,48,40,.35);transform:rotate(-27deg);transform-origin:center}.network:after{transform:rotate(38deg);border-color:rgba(255,255,255,.16)}.network i{position:absolute;width:7px;height:7px;background:#ff3028;border-radius:50%;box-shadow:0 0 8px rgba(255,48,40,.7);animation:network-pulse 2.8s ease-in-out infinite}.network i:nth-child(1){left:48%;top:43%;width:13px;height:13px;animation-duration:2.1s}.network i:nth-child(2){left:9%;top:19%;animation-delay:-.5s}.network i:nth-child(3){right:4%;top:18%;animation-delay:-1.2s}.network i:nth-child(4){left:16%;bottom:9%;animation-delay:-2s}.network i:nth-child(5){right:12%;bottom:11%;animation-delay:-.8s}.network i:nth-child(6){left:45%;top:4%;animation-delay:-1.7s}.network i:nth-child(7){right:1%;top:54%;animation-delay:-2.5s}@keyframes network-pulse{50%{opacity:.35;transform:scale(.65)}}@keyframes console-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.service-console.is-changing{box-shadow:inset 0 0 45px rgba(227,33,25,.09)}
@media(max-width:800px){.interactive-services{min-height:0;padding:86px 0}.services-composition{grid-template-columns:1fr;gap:28px;margin-top:37px}.service-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;border:0}.service-tab{display:block;min-height:43px;border:1px solid rgba(255,255,255,.16);text-align:center;padding:0;color:rgba(255,255,255,.46)}.service-tab span,.service-tab i{display:none}.service-tab b{font-size:11px}.service-tab.active{color:#fff;transform:none;border-color:#ff3028;background:rgba(255,48,40,.08)}.service-tab.active b{color:#ff3028}.service-console{min-height:430px}.console-content{padding:28px;width:64%}.network{right:2%;width:49%}.console-title{font-size:clamp(37px,9vw,54px)}}@media(max-width:480px){.service-console{min-height:465px}.console-content{width:72%;padding:23px}.console-description{font-size:11px}.network{opacity:.72;top:41%;width:56%}.console-coordinates{left:23px;bottom:20px}.console-list{gap:7px}.console-list li{font-size:8px}}@media(prefers-reduced-motion:reduce){.network i,.console-content{animation:none}}