.abstract-hero{background:#06101d;display:grid;grid-template-columns:1.05fr .95fr;isolation:isolate}
.abstract-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 44%,#2e5b9c4d,transparent 33%),linear-gradient(115deg,#06101dfa 0%,#09192df0 52%,#07111fd9 100%);z-index:-3}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#83aef010 1px,transparent 1px),linear-gradient(90deg,#83aef010 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 10%,#000 54%,#000 90%,transparent);z-index:-2}
.hero-grid:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#74a2ee26 50%,transparent 50.1%)}
.abstract-hero .hero-copy{align-self:center;max-width:800px;padding-right:40px}.abstract-hero .hero-copy h1{font-size:clamp(56px,5.7vw,88px)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orb-one{width:520px;height:520px;right:-170px;top:-210px;border:1px solid #80a9e730;box-shadow:inset 0 0 90px #315b9a24}.orb-two{width:260px;height:260px;right:25%;bottom:-150px;background:#3771c41b;border:1px solid #75a7f328}
.hero-system{position:relative;align-self:center;width:min(610px,44vw);height:590px;margin:100px 6vw 40px 0;border:1px solid #84a9db33;background:linear-gradient(145deg,#ffffff0d,#ffffff03);box-shadow:0 45px 100px #0008;backdrop-filter:blur(14px);overflow:hidden}
.system-label{position:absolute;left:25px;top:22px;color:#89b2f1;font-size:9px;font-weight:800;letter-spacing:.18em}.system-label:after{content:'';display:inline-block;width:60px;height:1px;background:#6b91c8;margin:0 0 3px 14px}
.system-core{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:270px;height:270px;border:1px solid #83aef057;display:flex;flex-direction:column;justify-content:center;padding:34px;background:linear-gradient(145deg,#17345c,#09182b);box-shadow:0 25px 70px #0007}.system-core:before,.system-core:after{content:'';position:absolute;width:14px;height:14px;border:2px solid #81adf2}.system-core:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.system-core:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.system-core span{font-size:8px;letter-spacing:.16em;color:#87ace8}.system-core strong{font-size:32px;line-height:1.05;margin:15px 0}.system-core i{font-size:10px;color:#aebdd1;font-style:normal}
.system-card{position:absolute;width:205px;padding:18px;border:1px solid #7da5dc43;background:#071321e8;box-shadow:0 15px 35px #0005}.system-card small{display:block;color:#6f9bdf;font-size:7px;letter-spacing:.15em;margin-bottom:8px}.system-card b{display:block;font-size:12px}.system-card span{display:block;color:#91a0b4;font-size:8px;margin-top:6px}.system-card.tech{right:22px;top:92px}.system-card.accounts{left:22px;bottom:52px}.system-card.suite{right:22px;bottom:52px}
.signal{position:absolute;border-radius:50%;width:8px;height:8px;background:#80adf1;box-shadow:0 0 0 8px #80adf115,0 0 25px #6ea3f4}.s1{left:23%;top:25%}.s2{right:25%;top:58%}.s3{left:54%;bottom:9%}
@media(max-width:1100px){.abstract-hero{grid-template-columns:1fr}.abstract-hero .hero-copy{max-width:760px;padding-right:24px}.hero-system{display:none}}
@media(max-width:560px){.abstract-hero .hero-copy h1{font-size:49px}.abstract-hero:after{background:radial-gradient(circle at 85% 25%,#2e5b9c54,transparent 35%),linear-gradient(145deg,#06101d,#0b1d34)}}