:root{
  --ink:#03101a;
  --night:#061d2a;
  --night2:#0a3343;
  --cyan:#19d9dd;
  --green:#4fe6a0;
  --blue:#2479e8;
  --white:#f7fbfc;
  --muted:#b7cad1;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--white);
  background:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}
a{color:inherit}
.nav{
  position:absolute; z-index:10; top:0; left:0; right:0;
  display:flex; align-items:center; justify-content:space-between;
  max-width:1240px; margin:auto; padding:24px 32px;
}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:750;letter-spacing:.01em}
.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.brand small{font-size:.62em;color:var(--muted);font-weight:600}
.nav-call{text-decoration:none;font-weight:700;border-bottom:1px solid rgba(255,255,255,.45)}
.hero{
  min-height:760px; position:relative; overflow:hidden;
  display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:40px;
  padding:150px max(6vw,32px) 100px;
  background:
    radial-gradient(circle at 80% 20%,rgba(47,225,160,.15),transparent 32%),
    radial-gradient(circle at 20% 30%,rgba(38,130,232,.18),transparent 38%),
    linear-gradient(145deg,#061b29 0%,#073446 53%,#04131e 100%);
}
.hero:after{
  content:"";position:absolute;left:-10%;right:-10%;bottom:-150px;height:390px;
  background:linear-gradient(160deg,transparent 0 28%,#020b12 29% 100%);
  clip-path:polygon(0 60%,20% 45%,36% 58%,53% 22%,69% 55%,84% 42%,100% 58%,100% 100%,0 100%);
  opacity:.98;
}
.aurora{position:absolute;border-radius:50%;filter:blur(1px);opacity:.8;transform:rotate(-12deg)}
.aurora-one{
  width:1000px;height:125px;left:-180px;top:130px;
  background:linear-gradient(90deg,rgba(35,91,238,.08),#237fe9,#1cdad8,#50e7a0,rgba(80,231,160,0));
  box-shadow:0 0 70px rgba(28,218,216,.25);
}
.aurora-two{
  width:850px;height:42px;right:-250px;top:260px;opacity:.4;
  background:linear-gradient(90deg,transparent,#28d6d6,#53e9a4,transparent);
}
.stars{position:absolute;top:175px;left:14%;display:flex;gap:34px;color:white;font-size:44px}
.stars span+span{font-size:26px;margin-top:48px}
.hero-copy,.hero-mark{position:relative;z-index:2}
.hero-copy{max-width:720px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:#67e6d2}
h1{font-size:clamp(3.5rem,7vw,7.4rem);line-height:.9;letter-spacing:-.055em;margin:20px 0 28px}
h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#29b9ef,#39e1c2);background-clip:text;-webkit-background-clip:text}
.intro{max-width:690px;color:#d0dfe4;font-size:1.15rem}
.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.button{padding:14px 20px;border-radius:9px;text-decoration:none;font-weight:800}
.primary{background:linear-gradient(90deg,#17cfd2,#45e0a5);color:#03202a}
.secondary{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.05)}
.hero-mark{display:flex;justify-content:center}
.hero-mark img{width:min(430px,90%);border-radius:50%;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.services{
  position:relative;z-index:3;max-width:1240px;margin:-55px auto 0;padding:0 32px 90px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.services article{
  padding:30px;border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(145deg,rgba(13,49,64,.94),rgba(5,23,34,.96));
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}
.services article>span{font-weight:900;color:#49dfc1;font-size:.78rem;letter-spacing:.12em}
.services h2{font-size:1.25rem;margin:10px 0 9px}
.services p{margin:0;color:var(--muted)}
.contact{
  max-width:1176px;margin:0 auto 90px;padding:56px;
  border:1px solid var(--line);border-radius:20px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
  background:linear-gradient(120deg,rgba(12,56,71,.8),rgba(5,22,33,.8));
}
.contact h2{font-size:clamp(2rem,4vw,3.5rem);margin:7px 0 12px;letter-spacing:-.035em}
.contact p{color:var(--muted);max-width:650px}
.contact-links{display:flex;flex-direction:column;gap:8px;text-align:right;font-size:1.08rem;font-weight:800}
.contact-links a{text-decoration:none}
footer{
  max-width:1240px;margin:auto;padding:28px 32px 42px;border-top:1px solid var(--line);
  color:#91aab4;display:flex;justify-content:space-between;gap:20px;font-size:.9rem;
}
@media(max-width:850px){
  .nav{padding:18px 20px}.brand span{font-size:.9rem}.nav-call{display:none}
  .hero{min-height:auto;grid-template-columns:1fr;padding:130px 22px 150px}
  .hero-mark{grid-row:1}.hero-mark img{width:230px}
  .hero-copy{text-align:center}.intro{margin-left:auto;margin-right:auto}
  .actions{justify-content:center}.stars{left:8%;top:135px}
  .services{grid-template-columns:1fr;margin:-70px auto 0;padding:0 20px 70px}
  .contact{margin:0 20px 60px;padding:34px 25px;display:block}
  .contact-links{text-align:left;margin-top:28px;word-break:break-word}
  footer{margin:0 20px;padding-left:0;padding-right:0;display:block}
  footer span{display:block;margin-top:5px}
}