:root{--bg:#061224;--bg-soft:#0b1d39;--card:#102646;--card-2:#13305b;--text:#f4f8ff;--muted:#bfd0ec;--primary:#1f5eff;--accent:#5ba8ff;--success:#22c55e;--border:rgba(255,255,255,.1);--shadow:0 20px 50px rgba(0,0,0,.3);--radius:18px;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,#081a31 100%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(92%,var(--max));margin:auto}.section{padding:76px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:10px}.section-head p,.small-note,.inline-logo-note{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:1000;backdrop-filter:blur(12px);background:rgba(6,18,36,.84);border-bottom:1px solid var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:800}.logo img{width:44px;height:44px;border-radius:14px;box-shadow:0 10px 24px rgba(31,94,255,.25)}.logo-text strong{display:block;font-size:1rem}.logo-text span{display:block;font-size:.75rem;color:var(--muted)}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover,.nav-links a.active{color:#fff}
.top-trust-strip{border-top:1px solid var(--border);background:rgba(255,255,255,.03)}.top-trust-inner{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:10px 0}.top-trust-item{color:#dbe9ff;font-size:.92rem;font-weight:700}
.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:700;transition:.25s ease;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 12px 30px rgba(31,94,255,.35)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:var(--border);background:transparent;color:#fff}.btn-outline:hover{background:rgba(255,255,255,.06)}
.hero{padding:92px 0 68px}.hero-grid,.grid-2,.grid-3,.pricing-grid,.footer-grid{display:grid;gap:24px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3,.pricing-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05;margin-bottom:18px;max-width:11ch;text-shadow:0 8px 24px rgba(0,0,0,.32)}.hero p{color:var(--muted);font-size:1.08rem;max-width:620px;margin-bottom:28px;text-shadow:0 6px 18px rgba(0,0,0,.22)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.hero-stats{display:flex;gap:24px;flex-wrap:wrap}.hero-stats span{display:block;font-size:1.4rem;font-weight:800}.hero-stats small{color:var(--muted)}
.panel,.card,.plan,.form-card,.info-card,.banner-box,.compare-table-wrap,.testimonial-card,.portal-panel,.legal-card,.compare-feature-card,.stat-card,.why-item,.logo-strip-wrap,.error-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.panel,.card,.plan,.form-card,.info-card,.compare-feature-card,.stat-card,.why-item,.testimonial-card,.portal-panel{padding:28px}.banner-box,.error-card,.legal-card,.logo-strip-wrap{padding:34px}
.icon,.why-item-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(31,94,255,.28),rgba(91,168,255,.18));font-size:1.45rem;margin-bottom:14px}.card p,.info-card p,.compare-feature-card p,.plan p,.testimonial-card p,.portal-panel p,.legal-card p,.legal-card li{color:var(--muted)}
.feature-list,.compare-feature-card ul{list-style:none;margin:20px 0 0}.feature-list li,.compare-feature-card li{margin-bottom:10px;color:var(--muted)}.feature-list li::before,.compare-feature-card li::before{content:"✔ ";color:var(--accent);font-weight:700}.price{font-size:2.6rem;font-weight:800;margin:8px 0 14px}.price small{font-size:1rem;color:var(--muted);font-weight:500}.plan.popular{transform:scale(1.03);border-color:rgba(91,168,255,.8)}.badge{display:inline-block;margin-bottom:14px;background:linear-gradient(135deg,var(--accent),#9bcfff);color:#062344;font-size:.8rem;font-weight:800;padding:6px 10px;border-radius:999px}
.compare-table-wrap{padding:18px;overflow-x:auto}.compare-table{width:100%;border-collapse:collapse}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);padding:14px;text-align:left}.compare-table td{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.form-group{margin-bottom:16px}label{display:block;margin-bottom:8px;font-weight:700}input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:#fff;outline:none}textarea{min-height:140px;resize:vertical}input::placeholder,textarea::placeholder{color:#c2d1eb}.alert{padding:14px 18px;border-radius:14px;margin-bottom:18px;font-weight:700}.alert-success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#bdf7cf}.alert-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#ffc8c8}
.server-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.server-light{width:12px;height:12px;border-radius:999px;background:var(--success);box-shadow:0 0 12px var(--success)}.meter{height:10px;background:#081326;border-radius:999px;overflow:hidden;margin:8px 0 16px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}
.hero-video-overlay.hero-video-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6,18,36,0.58) 0%, rgba(6,18,36,0.68) 42%, rgba(6,18,36,0.82) 100%),
    linear-gradient(90deg, rgba(6,18,36,0.72) 0%, rgba(6,18,36,0.42) 48%, rgba(6,18,36,0.62) 100%);
  z-index: 1;
.why-strip{margin-top:-28px;position:relative;z-index:3}.why-strip-inner,.stats-grid,.compare-feature-grid,.testimonial-grid,.portal-panel-grid,.logo-strip-grid{display:grid;gap:24px}.why-strip-inner,.stats-grid{grid-template-columns:repeat(4,1fr)}.compare-feature-grid,.testimonial-grid,.portal-panel-grid{grid-template-columns:repeat(3,1fr)}.why-item{text-align:center;background:rgba(8,26,49,.72);backdrop-filter:blur(12px)}.why-item h3{font-size:1rem;margin-bottom:8px}.why-item p,.stat-label{color:var(--muted)}.stats-section{padding-top:18px}.stat-card{text-align:center}.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,#9bcfff,#1f5eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.trust-bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:22px}.trust-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.05);color:#e8f1ff;font-weight:700}.success-glow{position:relative;overflow:hidden}.success-glow::before{content:"";position:absolute;inset:-120px auto auto -120px;width:260px;height:260px;background:radial-gradient(circle,rgba(91,168,255,.28),transparent 70%)}.success-icon{width:82px;height:82px;border-radius:999px;margin:0 auto 20px;display:grid;place-items:center;font-size:2rem;background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(91,168,255,.18));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.faq-list{display:grid;gap:18px;max-width:980px;margin:0 auto}.faq-item-pro{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:26px}.faq-item-pro h3{margin-bottom:10px}.faq-item-pro p{color:var(--muted)}
.portal-hero,.error-wrap,.legal-wrap{max-width:980px;margin:0 auto}.portal-hero,.error-wrap{text-align:center}.portal-actions,.global-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}.error-code{font-size:clamp(4rem,10vw,8rem);font-weight:900;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,#9bcfff,#1f5eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.legal-card h3{margin-top:26px;margin-bottom:10px}.legal-card h3:first-child{margin-top:0}.legal-card ul{margin:10px 0 0 22px}.legal-note{margin-top:22px;padding:16px 18px;border-radius:16px;background:rgba(91,168,255,.1);border:1px solid rgba(91,168,255,.24);color:#d7e9ff}
.logo-strip-wrap{text-align:center}.logo-strip-title{color:var(--muted);font-weight:700;margin-bottom:18px}.logo-strip-grid{grid-template-columns:repeat(5,1fr);gap:16px}.logo-pill{min-height:68px;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:18px;background:rgba(8,26,49,.72);border:1px solid rgba(255,255,255,.08);color:#e7f1ff;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.global-cta-strip{margin-top:42px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(31,94,255,.14),rgba(91,168,255,.08))}.global-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0}.global-cta-copy h3{margin-bottom:6px}.global-cta-copy p{color:var(--muted)}
.site-footer{padding:34px 0 50px;color:var(--muted)}.footer-grid{grid-template-columns:1.2fr .8fr}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:980px){.hero-grid,.grid-2,.grid-3,.pricing-grid,.form-grid,.footer-grid,.why-strip-inner,.stats-grid,.compare-feature-grid,.testimonial-grid,.portal-panel-grid,.logo-strip-grid{grid-template-columns:1fr}.nav-links{display:none}.top-trust-inner{gap:10px;padding:12px 0}.top-trust-item{text-align:center;font-size:.85rem}.hero-video-wrap{min-height:auto;padding:70px 0 40px}.why-strip{margin-top:16px}.global-cta-inner{display:grid;grid-template-columns:1fr}.global-cta-actions{justify-content:flex-start}.plan.popular{transform:none}}
.hero-video-wrap {
  position: relative;
  min-height: 680px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.hero-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.hero-video-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6,18,36,0.72) 0%, rgba(6,18,36,0.82) 45%, rgba(6,18,36,0.94) 100%),
    linear-gradient(90deg, rgba(6,18,36,0.86) 0%, rgba(6,18,36,0.48) 55%, rgba(6,18,36,0.80) 100%);
  z-index: 1;
}

.hero-video-content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.hero-chip-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  color: #e7f1ff;
  font-weight: 700;
  font-size: 0.92rem;
}

.hero-glass-panel {
  background: rgba(8,26,49,0.56);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 28px;
}

.compare-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.compare-feature-card {
  background: linear-gradient(180deg, var(--card), var(--card-2));
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 28px;
}

.compare-feature-card h3 {
  margin-bottom: 12px;
}

.compare-feature-card p,
.compare-feature-card li {
  color: var(--muted);
}

.compare-feature-card ul {
  list-style: none;
  margin-top: 16px;
}

.compare-feature-card li {
  margin-bottom: 10px;
}

.compare-feature-card li::before {
  content: "✔ ";
  color: var(--accent);
  font-weight: 700;
}

.global-cta-strip {
  margin-top: 42px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: linear-gradient(135deg, rgba(31,94,255,0.14), rgba(91,168,255,0.08));
}

.global-cta-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 0;
}

.global-cta-copy h3 {
  margin-bottom: 6px;
}

.global-cta-copy p {
  color: var(--muted);
}

.global-cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 980px) {
  .hero-video-wrap {
    min-height: auto;
    padding: 70px 0 40px;
  }

  .compare-feature-grid,
  .global-cta-inner {
    grid-template-columns: 1fr;
    display: grid;
  }

  .global-cta-actions {
    justify-content: flex-start;
  }
}