@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --bg:#05060C;
  --bg-2:#0A0E1C;
  --glass:rgba(255,255,255,0.055);
  --glass-strong:rgba(255,255,255,0.09);
  --glass-border:rgba(255,255,255,0.16);
  --line:#8FB2FF;
  --line-dim:rgba(143,178,255,0.25);
  --accent:#8B7FFF;
  --accent-2:#FF8AD8;
  --cyan:#6EE7FF;
  --slate:#C7CCDE;
  --slate-dim:#8890A8;
  --white:#F4F6FC;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(ellipse 60% 45% at 18% 0%, rgba(139,127,255,0.08), transparent 60%),
    radial-gradient(ellipse 55% 40% at 85% 20%, rgba(255,138,216,0.05), transparent 55%),
    var(--bg);
  color:var(--white);
  font-family:'Inter', sans-serif;
  overflow-x:hidden;
}
a{color:inherit; text-decoration:none;}
.mono{font-family:'JetBrains Mono', monospace;}
.wrap{width:min(1160px, calc(100% - 48px)); margin:0 auto;}

.ambient-bg{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
.ambient-orb{position:absolute; border-radius:50%; filter:blur(110px); opacity:0.55; animation:drift 26s ease-in-out infinite alternate;}
.ambient-bg .orb-1{width:620px; height:620px; background:radial-gradient(circle, var(--accent), transparent 70%); top:-180px; left:-120px;}
.ambient-bg .orb-2{width:520px; height:520px; background:radial-gradient(circle, var(--accent-2), transparent 70%); top:20%; right:-200px; animation-delay:-8s;}
.ambient-bg .orb-3{width:560px; height:560px; background:radial-gradient(circle, var(--cyan), transparent 70%); bottom:-220px; left:20%; animation-delay:-16s; opacity:0.35;}
@keyframes drift{
  0%{transform:translate(0,0) scale(1);}
  100%{transform:translate(40px,-30px) scale(1.08);}
}
.glow-spot{
  position:absolute; width:600px; height:400px; border-radius:50%; z-index:0; pointer-events:none;
  filter:blur(100px); opacity:0.35;
}
.section-divider{
  position:relative; height:1px; z-index:1;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.18) 50%, transparent);
}

/* glass utility */
.glass{
  background:var(--glass);
  border:1px solid var(--glass-border);
  backdrop-filter:blur(22px) saturate(160%);
  -webkit-backdrop-filter:blur(22px) saturate(160%);
  border-radius:20px;
  box-shadow:0 10px 40px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.09);
}

/* nav — floating glass dock */
header{position:fixed; top:20px; left:50%; transform:translateX(-50%); z-index:50; width:min(1160px, calc(100% - 32px));}
nav{
  height:68px; display:flex; align-items:center; justify-content:space-between;
  padding:0 14px 0 22px;
  background:rgba(20,20,32,0.55);
  border:1px solid rgba(255,255,255,0.14);
  backdrop-filter:blur(24px) saturate(160%);
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  border-radius:100px;
  box-shadow:0 12px 40px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.1);
}
.logo{
  display:flex; align-items:center; gap:10px;
  font-family:'Space Grotesk'; font-weight:700; font-size:18px; letter-spacing:-0.02em;
}
.logo-mark{
  width:26px; height:26px; border-radius:50%;
  border:1.5px solid var(--line);
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,0.5), transparent 60%);
  position:relative;
}
.logo-mark::after{
  content:''; position:absolute; inset:7px; border-radius:50%;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
}
.nav-links{display:flex; align-items:center; gap:6px;}
.nav-links a{
  font-size:13.5px; color:var(--slate); transition:.2s; position:relative;
  padding:9px 14px; border-radius:100px;
}
.nav-links a:hover{color:var(--white); background:rgba(255,255,255,0.06);}
.nav-links a.active{color:var(--white); background:rgba(255,255,255,0.09);}
.nav-cta{
  margin-left:6px;
  padding:11px 18px !important;
  background:linear-gradient(135deg, var(--accent), var(--accent-2)) !important;
  color:#0A0812 !important; font-weight:600;
}
.nav-cta:hover{filter:brightness(1.08); background:linear-gradient(135deg, var(--accent), var(--accent-2)) !important;}
.menu-btn{display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer; padding:8px;}
.menu-btn span{width:20px; height:1.5px; background:var(--white); border-radius:2px;}

section{position:relative; z-index:1;}
.label{
  font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--cyan); font-family:'JetBrains Mono';
  display:flex; align-items:center; gap:10px;
}
.label::before{content:''; width:22px; height:1px; background:var(--cyan);}
h1,h2,h3{font-family:'Space Grotesk'; letter-spacing:-0.03em;}

/* status pill */
.status-pill{
  display:inline-flex; align-items:center; gap:9px;
  padding:9px 16px 9px 13px; border-radius:100px;
  font-size:12px; color:var(--slate);
  background:var(--glass); border:1px solid var(--glass-border);
  backdrop-filter:blur(16px);
}
.pulse-dot{width:7px; height:7px; border-radius:50%; background:#7EDB8F; position:relative; flex-shrink:0;}
.pulse-dot::after{content:''; position:absolute; inset:-4px; border-radius:50%; border:1px solid #7EDB8F; animation:pulse 1.8s ease-out infinite;}
@keyframes pulse{0%{transform:scale(0.6); opacity:0.9;} 100%{transform:scale(1.9); opacity:0;}}

/* ticker */
.ticker{
  border-top:1px solid rgba(255,255,255,0.09); border-bottom:1px solid rgba(255,255,255,0.09);
  overflow:hidden; padding:18px 0; position:relative; z-index:1;
  background:rgba(255,255,255,0.02);
}
.ticker-track{display:flex; width:max-content; animation:scroll-ticker 28s linear infinite;}
.ticker-track span{
  font-family:'JetBrains Mono'; font-size:13px; color:var(--slate-dim); padding:0 28px;
  display:flex; align-items:center; gap:28px; white-space:nowrap;
}
.ticker-track span::after{content:'✦'; color:var(--accent); font-size:10px;}
@keyframes scroll-ticker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* page header (sub-pages) */
.page-header{padding:170px 0 70px;}
.page-header h1{font-size:clamp(2.4rem, 4.6vw, 3.6rem); font-weight:600; margin:20px 0 18px;}
.page-header p{color:var(--slate); font-size:16px; max-width:560px; line-height:1.7;}

.btn-primary{
  padding:15px 24px; background:linear-gradient(135deg, var(--accent), var(--accent-2));
  color:#0A0812; font-weight:600; border-radius:100px; font-size:14.5px;
  display:inline-flex; align-items:center; gap:10px; transition:.25s; border:1px solid rgba(255,255,255,0.2);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 40px rgba(139,127,255,0.3);}
.btn-secondary{
  padding:15px 24px; border-radius:100px; font-size:14.5px; color:var(--white); transition:.25s;
  background:var(--glass); border:1px solid var(--glass-border); backdrop-filter:blur(16px);
}
.btn-secondary:hover{background:rgba(255,255,255,0.1);}

.section-head{
  display:flex; justify-content:space-between; align-items:flex-end; gap:40px;
  margin:20px 0 60px; flex-wrap:wrap;
}
.section-head h2{font-size:clamp(2rem, 3.6vw, 3rem); font-weight:600; max-width:560px;}
.section-head p{color:var(--slate); max-width:340px; line-height:1.7; font-size:15px;}

/* newsletter */
.newsletter{padding:100px 0;}
.newsletter-box{
  padding:56px; border-radius:28px;
  display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;
  background:var(--glass); border:1px solid var(--glass-border);
  backdrop-filter:blur(22px) saturate(160%);
  box-shadow:0 10px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.09);
}
.newsletter-box h2{font-size:clamp(1.5rem,2.6vw,2rem); font-weight:600; margin-bottom:10px;}
.newsletter-box p{color:var(--slate); font-size:14px; max-width:380px; line-height:1.6;}
.newsletter-form{display:flex; gap:10px; min-width:340px; flex:1;}
.newsletter-form input{
  flex:1; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18);
  border-radius:100px; padding:14px 20px; color:var(--white); font-size:14px; font-family:'Inter';
}
.newsletter-form input:focus{outline:1px solid var(--accent); border-color:var(--accent);}
.newsletter-form button{
  padding:14px 24px; background:linear-gradient(135deg, var(--accent), var(--accent-2));
  color:#0A0812; font-weight:600; border:0; border-radius:100px; font-size:14px;
  white-space:nowrap; cursor:pointer; transition:.2s;
}
.newsletter-form button:hover{transform:translateY(-1px);}
.newsletter-note{width:100%; margin-top:14px; font-size:11px; color:var(--slate-dim); font-family:'JetBrains Mono';}

/* rich footer */
footer{border-top:1px solid rgba(255,255,255,0.09); padding:70px 0 30px; position:relative;}
.footer-grid{display:grid; grid-template-columns:1.3fr 0.9fr 1fr 0.9fr; gap:40px; padding-bottom:50px;}
.footer-brand p{color:var(--slate-dim); font-size:13px; line-height:1.6; margin:16px 0 20px; max-width:220px;}
.footer-social{display:flex; gap:10px;}
.footer-social a{
  width:34px; height:34px; border-radius:50%; display:grid; place-items:center;
  font-size:10.5px; font-family:'JetBrains Mono'; color:var(--slate);
  background:var(--glass); border:1px solid var(--glass-border); transition:.2s;
}
.footer-social a:hover{border-color:var(--accent); color:var(--accent);}
.footer-col{display:flex; flex-direction:column; gap:12px;}
.footer-col-title{font-size:11px; text-transform:uppercase; letter-spacing:0.1em; color:var(--slate-dim); font-family:'JetBrains Mono'; margin-bottom:4px;}
.footer-col a, .footer-col span{font-size:13.5px; color:var(--slate); transition:.2s;}
.footer-col a:hover{color:var(--cyan);}
.footer-address{line-height:1.6; display:block;}
footer .footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px;
  padding-top:26px; border-top:1px solid rgba(255,255,255,0.08);
}
footer .footer-bottom p{font-size:12px; color:var(--slate-dim); font-family:'JetBrains Mono';}

@media (max-width:900px){
  header{top:12px;}
  nav{border-radius:24px; height:64px;}
  .nav-links{
    position:absolute; top:76px; left:0; right:0; flex-direction:column; align-items:stretch;
    background:rgba(15,15,26,0.9); padding:14px; gap:4px; border-radius:22px;
    border:1px solid rgba(255,255,255,0.14); backdrop-filter:blur(20px);
    display:none;
  }
  .nav-links.nav-open{display:flex;}
  .nav-links a{padding:12px 14px; border-radius:14px;}
  .nav-links .nav-cta{margin-top:6px; text-align:center; justify-content:center;}
  .menu-btn{display:flex;}
  .footer-grid{grid-template-columns:1fr 1fr; gap:32px;}
  .newsletter-box{flex-direction:column; align-items:flex-start;}
  .newsletter-form{min-width:100%;}
}
@media (max-width:600px){
  .footer-grid{grid-template-columns:1fr;}
}