:root{ --bg:#0b0f14; --surface:#11161d; --surface-2:#0e141a; --elev:#151b24; --text:#e6ecf2; --muted:#a9b4c0; --brand:#5cc8ff; --brand-2:#7a8cff; --accent:#22d3ee; --danger:#ff5470; --radius:14px; --radius-sm:10px; --shadow:0 10px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,0.02); --fs-0:clamp(0.88rem,0.84rem + 0.2vw,1rem); --fs-1:clamp(1rem,0.95rem + 0.3vw,1.125rem); --fs-2:clamp(1.25rem,1.1rem + 0.6vw,1.5rem); --fs-3:clamp(1.6rem,1.2rem + 1.2vw,2rem); --fs-4:clamp(2rem,1.4rem + 2.2vw,2.75rem);}*,*::before,*::after{box-sizing:border-box}html,body{padding:0;margin:0;background:radial-gradient(1200px 1200px at 70% -10%,#121826,#0b0f14);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;font-size:var(--fs-1);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:min(1100px,92vw);margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;background:var(--elev);color:var(--text);padding:.6rem 1rem;border-radius:var(--radius-sm)}.skip-link:focus{left:1rem;top:1rem;z-index:9999}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,rgba(13,18,26,.75),rgba(13,18,26,.55));border-bottom:1px solid rgba(255,255,255,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem}.brand-mark{display:flex;align-items:center;gap:.6rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.nav-toggle{display:none;border:0;background:transparent;cursor:pointer;width:44px;height:44px;border-radius:10px}.nav-toggle:hover{background:rgba(255,255,255,.06)}.nav-toggle-bar{position:relative;display:block;width:20px;height:2px;background:var(--text)}.nav-toggle-bar::before,.nav-toggle-bar::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--text)}.nav-toggle-bar::before{top:-6px}.nav-toggle-bar::after{top:6px}.site-nav{display:flex}.nav-list{display:flex;align-items:center;gap:.75rem;list-style:none;margin:0;padding:0}.nav-list a{display:inline-block;text-decoration:none;color:var(--text);padding:.5rem .8rem;border-radius:10px}.nav-list a:hover{background:rgba(255,255,255,.06)}.nav-list .cta{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0a0f14;font-weight:700;padding:.55rem 1rem;border-radius:12px;box-shadow:0 8px 18px rgba(92,200,255,.22)}.nav-list .cta:hover{filter:brightness(1.06)}.nav-list .divider{width:1px;height:20px;background:rgba(255,255,255,.08);margin-inline:.25rem .5rem}.hero{position:relative;isolation:isolate;padding:clamp(56px,8vw,92px) 0}.hero-inner{display:grid;place-items:center;text-align:center;gap:1.1rem;min-height:min(72vh,760px)}.hero-logo{width:min(38vw,220px);height:auto;image-rendering:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55));transform:translateZ(0)}.hero-title{font-size:var(--fs-4);letter-spacing:.2px;margin:.2rem 0 0}.hero-subtitle{color:var(--muted);font-size:var(--fs-2);max-width:60ch;margin:0 auto}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.6rem}.btn{display:inline-block;text-decoration:none;cursor:pointer;user-select:none;padding:.8rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:transform .12s ease,filter .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--accent));color:#071018;font-weight:700;border:0;box-shadow:0 12px 26px rgba(34,211,238,.18)}.btn-ghost{background:rgba(255,255,255,.04);color:var(--text)}.hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 280px at 50% 20%,rgba(89,198,255,.18),transparent 60%),radial-gradient(800px 300px at 50% 60%,rgba(122,140,255,.12),transparent 70%),radial-gradient(1000px 340px at 50% 80%,rgba(34,211,238,.12),transparent 70%);filter:blur(24px);opacity:.9;pointer-events:none}.section{padding:clamp(48px,7vw,84px) 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}.section-title{font-size:var(--fs-3);margin:0 0 .2rem 0}.section-lead{color:var(--muted);max-width:68ch}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.grid.two{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.features{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:1rem}.feature{display:flex;gap:.9rem;align-items:flex-start;background:linear-gradient(180deg,var(--surface),var(--elev));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem}.feature-icon{font-size:1.5rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.field{display:flex;flex-direction:column;gap:.4rem}input,textarea{background:#0c1218;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.8rem .9rem;outline:none}input:focus,textarea:focus{border-color:rgba(92,200,255,.45);box-shadow:0 0 0 3px rgba(92,200,255,.18)}.site-footer{border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(13,18,26,.55),rgba(13,18,26,.75));padding:28px 0 48px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer nav a{color:var(--muted);text-decoration:none;margin-left:1rem}.site-footer nav a:hover{color:var(--text)}@media (max-width:900px){.nav-toggle{display:block}.site-nav{position:fixed;inset:64px 0 auto 0;background:rgba(10,14,20,.9);backdrop-filter:blur(10px) saturate(140%);transform:translateY(-110%);transition:transform .2s ease-out;border-bottom:1px solid rgba(255,255,255,.06)}.site-nav.open{transform:translateY(0)}.nav-list{padding:.7rem;gap:.25rem;justify-content:center;flex-wrap:wrap}.nav-list .divider{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Navigation Container */
.nav-menu {
  position: fixed;
  top: 20px;
  right: 40px;
  z-index: 1000;
}

.nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 25px;
  font-family: 'Roboto', sans-serif;
}

/* Links */
.nav-menu a {
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 6px;
  transition: all 0.3s ease;
}

/* Hover Effect */
.nav-menu a:hover {
  background: #00bcd4;
  color: #121212;
  box-shadow: 0 4px 10px rgba(0, 188, 212, 0.4);
}

/* Highlight Special Link */
.nav-menu .highlight a {
  background: #ff4081;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(255, 64, 129, 0.5);
}

.nav-menu .highlight a:hover {
  background: #f50057;
}