:root{--bg:#050711;--panel:#0b1020;--panel2:#111831;--text:#f7f8ff;--muted:#929bb2;--cyan:#04d9ff;--blue:#3978ff;--violet:#823cff;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.header{position:sticky;z-index:20;top:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);background:rgba(5,7,17,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:5px}.brand img{width:35px;height:26px;object-fit:contain}.brand span{font:700 17px "Space Grotesk";letter-spacing:.08em}.header nav{display:flex;gap:28px;color:#aab1c4;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.11em}.header nav a:hover{color:var(--cyan)}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid rgba(4,217,255,.5);border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue) 52%,var(--violet));color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 15px 40px rgba(49,83,255,.2);transition:.25s}.button:hover{transform:translateY(-3px)}.button.ghost{background:transparent;box-shadow:none}.hero{position:relative;overflow:hidden;padding:120px 0 95px;background:radial-gradient(circle at 82% 25%,rgba(57,120,255,.16),transparent 28%),radial-gradient(circle at 15% 75%,rgba(130,60,255,.09),transparent 26%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.eyebrow{margin:0;color:var(--cyan);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.19em}.hero h1,.section-head h2,.cta h2{font:600 clamp(52px,6.8vw,88px)/.94 "Space Grotesk";letter-spacing:-.055em}.hero h1{margin:24px 0}.hero h1 em,.section-head h2 em,.cta h2 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--cyan),#7285ff 52%,#b56cff);-webkit-background-clip:text;background-clip:text}.lead{max-width:680px;color:#a6aec1;font-size:17px;line-height:1.75}.actions{display:flex;gap:14px;margin-top:36px}.hero-card{position:relative;padding:36px;border:1px solid rgba(100,126,255,.25);border-radius:28px;background:linear-gradient(145deg,rgba(17,24,49,.95),rgba(7,10,23,.94));box-shadow:0 40px 100px rgba(0,0,0,.35)}.hero-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(4,217,255,.08);border-radius:18px;pointer-events:none}.hero-card strong{display:block;margin-bottom:32px;color:var(--cyan);font:600 12px "Space Grotesk";text-transform:uppercase;letter-spacing:.12em}.hero-card ul{display:grid;gap:18px;margin:0;padding:0;list-style:none}.hero-card li{display:flex;gap:14px;color:#c5cad8;font-size:14px;line-height:1.5}.hero-card li:before{content:"+";color:var(--cyan)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.stats div{padding:28px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;margin-bottom:7px;font:600 16px "Space Grotesk"}.stats span{color:#7f879b;font-size:12px;line-height:1.5}.section{padding:120px 0}.section.alt{background:linear-gradient(180deg,#080b18,#0b0f21)}.section-head{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end;margin-bottom:58px}.section-head h2{margin:20px 0 0;font-size:clamp(46px,5.4vw,72px)}.section-head>p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{min-height:290px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(19,25,52,.78),rgba(8,11,25,.72))}.cards span{color:var(--cyan);font-size:10px;font-weight:700}.cards h3{margin:55px 0 16px;font:600 24px "Space Grotesk"}.cards p{margin:0;color:#9099ae;font-size:13px;line-height:1.75}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.steps article{min-height:260px;padding:28px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps span{color:var(--cyan);font-size:10px}.steps h3{margin:75px 0 15px;font:600 21px "Space Grotesk"}.steps p{color:#8f98ac;font-size:12px;line-height:1.7}.product{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;padding:45px;border:1px solid rgba(4,217,255,.2);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(130,60,255,.14),transparent 35%),var(--panel)}.product-visual{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#070a14}.product-visual img{display:block;width:100%;min-height:330px;object-fit:cover}.product h3{margin:18px 0;font:600 clamp(36px,4vw,56px)/1 "Space Grotesk"}.product p{color:#9ba4b8;line-height:1.8}.product .button{margin-top:15px}.cta{padding:0 0 120px}.cta-box{display:grid;grid-template-columns:1.15fr .55fr;gap:60px;align-items:center;padding:64px;border:1px solid rgba(93,122,255,.3);border-radius:30px;background:radial-gradient(circle at 85% 20%,rgba(130,60,255,.18),transparent 30%),linear-gradient(135deg,#0d1531,#0a0c1b)}.cta h2{margin:18px 0;font-size:clamp(43px,5vw,68px)}.cta p{color:#9ba4b8;line-height:1.75}.footer{padding:45px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#747d92;font-size:11px}.footer-links{display:flex;gap:24px}.footer a:hover{color:var(--cyan)}@media(max-width:900px){.header nav{display:none}.hero-grid,.section-head,.product,.cta-box{grid-template-columns:1fr}.hero{padding-top:90px}.cards{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:580px){.shell{width:calc(100% - 32px)}.header{height:68px;padding:0 16px}.header>.button{min-height:40px;padding:0 14px;font-size:8px}.hero{text-align:center;padding:75px 0}.hero .actions{flex-direction:column}.hero h1{font-size:47px}.lead{font-size:15px}.hero-card{text-align:left;padding:28px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line);text-align:center}.section{padding:85px 0}.section-head{text-align:center;gap:25px}.section-head h2{font-size:44px}.steps{grid-template-columns:1fr}.steps article{min-height:0;border-right:0;border-bottom:1px solid var(--line)!important}.steps h3{margin-top:45px}.product{padding:22px}.product-visual img{min-height:210px}.cta{padding-bottom:80px}.cta-box{padding:35px 22px;text-align:center}.footer{align-items:center;flex-direction:column;gap:18px;text-align:center}}
/* Button interaction aligned with the main website */
.button:hover {
  transform: translateY(-3px);
  border-color: var(--cyan);
  box-shadow: 0 16px 44px rgba(49, 83, 255, .34);
}

.button.ghost:hover {
  border-color: var(--cyan);
  background: rgba(4, 217, 255, .055);
  box-shadow: 0 12px 30px rgba(4, 217, 255, .08);
}

.button:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 4px;
}

/* RGB ribbon on the lower edge of landing-page headers */
.header {
  border-bottom-color: transparent;
}

.header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, #04d9ff, #375cff, #a83dff, #ff3864, #ffb52e, #36e79a, #04d9ff, #375cff, #a83dff);
  background-size: 300% 100%;
  box-shadow: 0 0 4px rgba(4, 217, 255, .3);
  animation: landingHeaderLedFlow 5s linear infinite;
}

@keyframes landingHeaderLedFlow {
  to { background-position: 100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .header::after {
    animation: none;
    background: linear-gradient(90deg, #04d9ff, #823cff);
  }
}