*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#020817;color:#f8f8f8}body{overflow-x:hidden}
button{font:inherit}.page{min-height:100vh;position:relative;background:#020817;overflow:hidden}
.hero-art{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse 66% 58% at 101% 36%,
      rgba(255,154,83,.94) 0%,
      rgba(255,102,116,.82) 15%,
      rgba(226,74,183,.63) 30%,
      rgba(124,63,222,.48) 46%,
      rgba(52,57,158,.30) 61%,
      rgba(10,22,64,.10) 76%,
      transparent 88%),
    radial-gradient(ellipse 58% 50% at 77% 2%,
      rgba(66,73,210,.52) 0%,
      rgba(45,49,147,.38) 37%,
      rgba(15,27,75,.16) 67%,
      transparent 84%),
    linear-gradient(112deg,
      #020815 0%,
      #020916 39%,
      #06102a 62%,
      #15134b 78%,
      #482066 100%);
}
.hero-art:before{
  content:"";
  position:absolute;
  inset:-8%;
  background:
    radial-gradient(ellipse 48% 62% at 75% 39%,
      rgba(20,42,105,.34) 0%,
      rgba(12,28,78,.25) 43%,
      transparent 72%);
  transform:rotate(-10deg);
  filter:blur(16px);
}
.hero-art:after{
  content:"";
  position:absolute;
  right:-4%;
  top:8%;
  width:58%;
  height:58%;
  background-image:radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.35px);
  background-size:28px 28px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.82) 45%,transparent 82%);
  mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.82) 45%,transparent 82%);
  opacity:.46;
}
.nav{height:104px;padding:25px 3.1%;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:5}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:16px;letter-spacing:4px;font-size:13px}.brand .ag{font-size:52px;font-weight:500;letter-spacing:-5px;line-height:1}.links{display:flex;align-items:center;gap:60px;font-size:12px;margin-top:3px}.links a{color:white;text-decoration:none;white-space:nowrap;padding:18px 0}.links .active{color:#00e6eb;border-bottom:2px solid #00e6eb}.links .contact{border:1px solid rgba(255,255,255,.7);padding:16px 27px;margin-left:8px}.links b{font-size:17px;margin-left:20px;font-weight:300}.menu{display:none}
.hero{position:relative;z-index:3;padding:22px 7.6% 35px}.hero-copy{max-width:650px}.eyebrow{color:#00dbe5;font-size:13px;letter-spacing:.25px;margin-bottom:24px}.hero h1{font-size:52px;line-height:1.12;letter-spacing:-2.4px;font-weight:400;margin:0 0 22px}.hero h1 span{background:linear-gradient(90deg,#934dff 0%,#d64ac7 36%,#ff7544 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:16px;line-height:1.65;color:#e3e3e6;margin:0;max-width:610px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.card{position:relative;text-align:left;color:#fff;min-height:319px;height:auto;padding:30px 29px 24px;background:linear-gradient(145deg,rgba(9,22,41,.89),rgba(5,17,34,.78));border:1px solid rgba(180,197,218,.27);border-radius:5px;box-shadow:inset 0 0 35px rgba(58,98,159,.04);cursor:pointer;transition:.25s ease}.card:hover,.card.active{transform:translateY(-4px);border-color:rgba(255,255,255,.48);background:linear-gradient(145deg,rgba(10,27,50,.96),rgba(7,20,39,.9))}.card.active:after{content:"";position:absolute;height:3px;left:0;right:0;bottom:-1px;background:var(--accent)}.card h2{font-weight:400;font-size:22px;margin:23px 0 13px}.card p{font-size:15px;line-height:1.65;color:#d5d8df;min-height:94px;margin:0}.learn{display:inline-flex;align-items:center;gap:18px;margin-top:17px;font-size:13px;letter-spacing:.5px;color:var(--accent)}.learn b{font-size:20px;font-weight:300;transition:.25s}.card.active .learn b{transform:rotate(45deg)}
.cyan{--accent:#00e3e7}.purple{--accent:#c852ff}.magenta{--accent:#d44cff}.orange{--accent:#ff701d}
.icon-frame{width:72px;height:72px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--accent)}.icon-frame:before,.icon-frame:after{content:"";position:absolute;inset:0;border-style:solid;border-width:1px;border-color:currentColor}.icon-frame:before{clip-path:polygon(0 0,28% 0,28% 2%,2% 2%,2% 28%,0 28%,0 72%,2% 72%,2% 98%,28% 98%,28% 100%,0 100%)}.icon-frame:after{clip-path:polygon(72% 0,100% 0,100% 28%,98% 28%,98% 2%,72% 2%,72% 0,72% 100%,100% 100%,100% 72%,98% 72%,98% 98%,72% 98%)}.icon-frame svg{width:43px;height:43px;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.service-detail{--detail:#00e3e7;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:54px;margin-top:0;border:1px solid rgba(180,197,218,.28);border-top:0;background:linear-gradient(115deg,rgba(5,18,35,.97),rgba(8,27,50,.93));overflow:hidden;max-height:0;opacity:0;padding:0 46px;transition:max-height .48s ease,opacity .28s ease,padding .42s ease,margin .42s ease}.service-detail.open{max-height:12000px;opacity:1;padding:44px 46px 42px;margin-top:18px}.service-detail:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 87% 34%,color-mix(in srgb,var(--detail) 18%,transparent),transparent 33%);pointer-events:none}.detail-accent{position:absolute;height:2px;left:0;top:0;width:25%;background:var(--detail);box-shadow:0 0 18px color-mix(in srgb,var(--detail) 55%,transparent);transition:left .3s,width .3s}.detail-copy{position:relative;z-index:2}.detail-copy .eyebrow{color:var(--detail);margin-bottom:13px}.detail-copy h3{font-size:31px;font-weight:400;letter-spacing:-1px;line-height:1.22;margin:0 0 14px;max-width:720px}.detail-copy>p{font-size:15px;line-height:1.72;color:#cfd5dd;max-width:770px;margin:0 0 28px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}.detail-item{padding:13px 0 13px 18px;border-left:1px solid rgba(255,255,255,.18)}.detail-item strong{display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:#fff}.detail-item span{font-size:13px;line-height:1.5;color:#aeb8c6}
.detail-visual{position:relative;z-index:2;display:grid;place-items:center;min-height:280px}.orbit{position:relative;width:270px;height:270px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;animation:orbitSpin 24s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit:before{inset:31px}.orbit:after{inset:66px}.orbit-core{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail) 55%,#fff 15%);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--detail) 22%,#0b1830),#020817 70%);box-shadow:0 0 36px color-mix(in srgb,var(--detail) 19%,transparent);font-size:21px;letter-spacing:2px;animation:orbitSpinReverse 24s linear infinite}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--detail);box-shadow:0 0 14px var(--detail)}.d1{top:-5px;left:130px}.d2{right:18px;bottom:48px}.d3{left:15px;top:92px}.orbit-label{position:absolute;font-size:10px;letter-spacing:1.3px;color:#b9c4d4;animation:orbitSpinReverse 24s linear infinite}.l1{top:22px;right:-37px}.l2{bottom:40px;left:-55px}.l3{top:126px;right:-70px}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes orbitSpinReverse{to{transform:rotate(-360deg)}}
.cta{height:196px;margin-top:58px;border:1px solid rgba(180,197,218,.25);border-radius:5px;background:rgba(5,19,36,.78);display:grid;grid-template-columns:110px 1fr 330px;align-items:center;padding:26px 43px}.cta-icon{width:82px;height:82px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;font-size:31px;background:linear-gradient(#061326,#061326) padding-box,linear-gradient(135deg,#00e7ed,#a449ff,#ff5f3a) border-box}.cta .eyebrow{margin:0 0 14px}.cta h3{font-size:29px;font-weight:400;margin:0 0 5px;letter-spacing:-1px}.cta p{margin:0;color:#cfd4dc;font-size:14px;line-height:1.5}.cta-button{justify-self:end;width:210px;height:57px;border:1px solid #a78bff;color:#d6c9ff;text-decoration:none;display:flex;align-items:center;justify-content:space-around;font-size:13px;letter-spacing:1px}.cta-button span{color:#51dfff;font-size:18px}
@media(max-width:1050px){.links{gap:22px}.hero{padding-left:5%;padding-right:5%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{height:auto;min-height:300px}.service-detail{grid-template-columns:minmax(0,1fr)}.detail-visual{min-height:240px}.cta{grid-template-columns:90px 1fr 220px}}
@media(max-width:1050px){.plane-blue{right:-250px}.plane-dark{right:-20px}.light-field{right:-180px}.dot-field{right:-100px}
}
@media(max-width:720px){.nav{height:82px;padding:20px 22px}.brand .ag{font-size:42px}.brand{font-size:10px;gap:12px}.links{display:none}.menu{display:block;color:#fff;background:none;border:0;font-size:27px}.hero{padding:25px 22px 28px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.cards{grid-template-columns:1fr;margin-top:38px}.card{min-height:285px}.service-detail.open{padding:30px 23px;max-height:1000px}.detail-copy h3{font-size:26px}.detail-grid{grid-template-columns:minmax(0,1fr)}.orbit{width:220px;height:220px}.detail-visual{min-height:240px}.cta{height:auto;grid-template-columns:1fr;padding:30px;gap:20px}.cta-icon{display:none}.cta-button{justify-self:start}.hero-art{opacity:.82}}

/* Deep service content */
.deep-content{grid-column:1/-1;position:relative;z-index:3;margin-top:12px}
.section-label{font-size:11px;letter-spacing:1.4px;color:var(--detail);margin-bottom:13px}
.deep-content h4{font-size:29px;line-height:1.25;font-weight:400;letter-spacing:-.8px;margin:0 0 24px;max-width:850px}
.editorial-block,.software-feature,.examples-block,.outcomes-block,.faq-block{padding:42px 0;border-top:1px solid rgba(255,255,255,.12)}
.editorial-columns{columns:2;column-gap:48px;max-width:1050px}
.editorial-columns p{break-inside:avoid;color:#bfc8d4;font-size:14px;line-height:1.85;margin:0 0 19px}
.software-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:45px}
.software-copy p{color:#bdc7d4;font-size:14px;line-height:1.8;max-width:720px}
.software-diagram{display:flex;align-items:center;justify-content:center;gap:13px;min-height:190px}
.flow-node{width:112px;height:112px;border:1px solid rgba(255,255,255,.23);display:grid;place-items:center;text-align:center;font-size:11px;line-height:1.5;letter-spacing:1px;background:#061326}
.flow-node.accent{border-color:var(--detail);box-shadow:0 0 28px color-mix(in srgb,var(--detail) 17%,transparent)}
.software-diagram>span{color:var(--detail);font-size:22px}
.software-examples{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11)}
.software-examples>div{background:#061326;padding:23px}.software-examples strong{display:block;font-size:14px;margin-bottom:7px}.software-examples span{font-size:12.5px;line-height:1.6;color:#9facbc}
.examples-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.examples-grid article{border:1px solid rgba(255,255,255,.12);padding:25px;background:rgba(5,18,35,.55)}.examples-grid strong{font-size:15px;font-weight:500}.examples-grid p{font-size:13px;line-height:1.7;color:#aeb9c8;margin:9px 0 0}
.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.outcome-grid div{padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.13);font-size:13px}.outcome-grid span{color:var(--detail);margin-right:12px}
.faq-list{border-top:1px solid rgba(255,255,255,.15)}.faq-item{border-bottom:1px solid rgba(255,255,255,.13)}.faq-item button{width:100%;border:0;background:none;color:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px 3px;cursor:pointer;font:inherit}.faq-item button span{font-size:14px}.faq-item button b{font-size:20px;font-weight:300;color:var(--detail);margin-left:20px}.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease}.faq-answer p{max-width:950px;color:#aeb9c8;font-size:13.5px;line-height:1.75;margin:0;padding:0 45px 21px 3px}.faq-item.open .faq-answer{max-height:260px;opacity:1}
@media(max-width:900px){.editorial-columns{columns:1}.software-feature{grid-template-columns:minmax(0,1fr)}.software-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-grid{grid-template-columns:minmax(0,1fr)}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.software-examples,.outcome-grid{grid-template-columns:minmax(0,1fr)}.software-diagram{transform:scale(.82);transform-origin:left center;justify-content:flex-start}.deep-content h4{font-size:25px}}

/* Unique per-service deep feature */
.feature-block{padding:42px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1.1fr .9fr;gap:42px}
.feature-copy p{color:#bdc7d4;font-size:14px;line-height:1.82;max-width:730px;margin:0 0 17px}
.feature-visual{display:flex;align-items:center;justify-content:center}
.service-flow{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}.service-flow>div{width:112px;height:112px;border:1px solid rgba(255,255,255,.22);background:#061326;display:grid;place-items:center;text-align:center;padding:10px;font-size:10px;line-height:1.45;letter-spacing:1px}.service-flow>div.accent{border-color:var(--detail);box-shadow:0 0 28px color-mix(in srgb,var(--detail) 16%,transparent)}.service-flow>span{color:var(--detail);font-size:20px}
.feature-points{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.11)}.feature-points>div{background:#061326;padding:23px}.feature-points strong{display:block;font-size:14px;margin-bottom:7px}.feature-points span{display:block;color:#9facbc;font-size:12.5px;line-height:1.62}
.examples-grid article{position:relative;overflow:hidden}.examples-grid article:before{content:"APPLICATION";display:block;color:var(--detail);font-size:9px;letter-spacing:1.3px;margin-bottom:12px}.examples-grid article strong{font-size:16px}.examples-grid article p{font-size:13px;line-height:1.75}
@media(max-width:900px){.feature-block{grid-template-columns:minmax(0,1fr)}.feature-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.feature-points{grid-template-columns:minmax(0,1fr)}.service-flow{transform:scale(.82);transform-origin:left center;justify-content:flex-start}}
