:root{
  --bg:#0C0A14; --ink:#EDEAF5; --soft:#B9B2CC; --mute:#8A83A0; --line:rgba(237,234,245,.12);
  --green:#00DEC4; --pink:#DA00AC; --violet:#843EA6;
  --grad:linear-gradient(45deg,#00DEC4 0%,#843EA6 55%,#DA00AC 100%);
  --sans:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}

/* soft glow */
.glow{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.glow span{position:absolute;border-radius:50%;filter:blur(90px);opacity:.42;will-change:transform}
.g1{width:56vmax;height:56vmax;left:-18vmax;bottom:-24vmax;background:radial-gradient(circle,#00DEC4 0%,rgba(0,222,196,0) 65%);animation:drift1 26s ease-in-out infinite alternate}
.g2{width:50vmax;height:50vmax;right:-16vmax;top:-20vmax;background:radial-gradient(circle,#DA00AC 0%,rgba(218,0,172,0) 65%);animation:drift2 30s ease-in-out infinite alternate}
.g3{width:34vmax;height:34vmax;left:38%;top:36%;background:radial-gradient(circle,#843EA6 0%,rgba(132,62,166,0) 70%);opacity:.3;animation:drift1 34s ease-in-out infinite alternate-reverse}
@keyframes drift1{to{transform:translate(6vmax,-4vmax) scale(1.08)}}
@keyframes drift2{to{transform:translate(-5vmax,5vmax) scale(1.1)}}
.chev{position:fixed;z-index:-1;right:-8vmax;bottom:-10vmax;width:62vmax;height:62vmax;background:url(symbol.png) no-repeat center/contain;opacity:.05;pointer-events:none}

/* layout */
.top,.hero,.built,.foot{width:min(1180px,100% - 48px);margin-inline:auto}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 0}
.logo{height:46px;width:auto;display:block}
.pill{font-size:14px;color:var(--soft);text-decoration:none;border:1px solid var(--line);padding:10px 16px;border-radius:999px;transition:border-color .2s,color .2s;backdrop-filter:blur(8px)}
.pill:hover{color:var(--ink);border-color:rgba(0,222,196,.5)}

.hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:6vh 0 7vh}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(0,222,196,.6);animation:pulse 2.4s ease-out infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(0,222,196,0)}100%{box-shadow:0 0 0 0 rgba(0,222,196,0)}}
h1{margin:0;font-weight:700;font-size:clamp(48px,9vw,128px);line-height:.98;letter-spacing:-.035em}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:560px;margin:28px 0 0;font-size:clamp(17px,1.6vw,20px);color:var(--soft)}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.btn{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.02em;transition:transform .2s,border-color .2s,box-shadow .2s;background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.btn:hover{transform:translateY(-2px);border-color:rgba(237,234,245,.3)}
.btn.primary{border:0;color:#fff;background:linear-gradient(45deg,#0FB8A6,#843EA6 60%,#C2009A)}
.btn.primary:hover{box-shadow:0 12px 36px rgba(218,0,172,.28)}

.label{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.built{padding:0 0 56px}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cards li{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(20,16,32,.55);backdrop-filter:blur(10px);transition:border-color .3s,transform .3s}
.cards li:hover{border-color:rgba(0,222,196,.35);transform:translateY(-3px)}
.k{font-weight:700;font-size:18px;letter-spacing:-.01em}
.v{font-size:15px;line-height:1.45;color:var(--soft)}
.cards li:nth-child(2) .k{color:#F2A6E2}
.cards li:nth-child(1) .k{color:#7FF0E2}
.cards li:nth-child(3) .k{color:#F7D0EE}
.cards li:nth-child(4) .k{color:#F7D0EE}

.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:22px 0 30px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.group .label{margin:0}
.group a{color:var(--soft);text-decoration:none;border-bottom:1px solid rgba(0,222,196,.4)}
.group a:hover{color:var(--ink)}
.legal{margin:0}

@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){
  .top,.hero,.built,.foot{width:calc(100% - 32px)}
  .logo{height:36px}.pill{display:none}
  .cards{grid-template-columns:1fr}
  .hero{padding:5vh 0 6vh}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}