:root{
    --navy-deep:#081733;
    --navy:#0E2A54;
    --navy-mid:#153A73;
    --blue:#2F6FED;
    --blue-light:#6FA3FF;
    --green:#22B573;
    --white:#FFFFFF;
    --ink-soft:#C7D3E8;
    --font:'Liberation Sans','DejaVu Sans',Arial,sans-serif;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  body{ font-family:var(--font); }
  img,svg{display:block;}

  .hero{
    position:relative;
    width:100%;
    margin:auto;

    background:
      radial-gradient(600px 400px at 85% 10%, rgba(47,111,237,.35), transparent 60%),
      radial-gradient(500px 350px at 15% 100%, rgba(34,181,115,.18), transparent 60%),
      linear-gradient(160deg, var(--navy-deep), var(--navy) 55%, var(--navy-mid));

    padding:56px 64px 46px;
    overflow:hidden;
}
  .grid-overlay{
    position:absolute; inset:0;
    background-image:
      repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 44px),
      repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 44px);
    mask-image: linear-gradient(180deg, rgba(0,0,0,.6), transparent 70%);
  }

  .top-trust{
    position:relative; z-index:2;
    display:flex; align-items:center; gap:22px;
    margin-bottom:34px;
  }
  .top-trust .stars{ color:#FFC94A; font-size:15px; letter-spacing:2px; }
  .top-trust .ratetext{ font-size:13px; color:var(--ink-soft); font-weight:600; }
  .top-trust .sep{ width:1px; height:16px; background:rgba(255,255,255,.18); }
  .badge-mini{ display:flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:#fff; }
  .badge-mini svg{ flex:0 0 auto; }

  .content{ position:relative; z-index:2; display:grid; grid-template-columns:400px 1fr; gap:56px; align-items:center; }

  /* ---------- product box art ---------- */
  .box-wrap{ position:relative; display:flex; justify-content:center; }
  .box-glow{ position:absolute; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle, rgba(111,163,255,.35), transparent 70%); filter:blur(10px); top:50%; left:50%; transform:translate(-50%,-50%); }
  .box-img{ position:relative; width:270px; filter:drop-shadow(0 30px 50px rgba(0,0,0,.5)); z-index:2; }
  .float-chip{ position:absolute; background:#fff; border-radius:12px; padding:9px 13px; box-shadow:0 12px 26px rgba(0,0,0,.35); display:flex; align-items:center; gap:7px; font-size:11.5px; font-weight:800; color:var(--navy-deep); z-index:3; }
  .fc1{ top:18px; right:-6px; }
  .fc1 .dot{ width:7px; height:7px; border-radius:50%; background:var(--green); }
  .fc2{ bottom:64px; left:-18px; }
  .fc2 .dot{ width:7px; height:7px; border-radius:50%; background:var(--blue); }
  .fc3{ bottom:10px; right:6px; }
  .fc3 .dot{ width:7px; height:7px; border-radius:50%; background:#FFC94A; }

  /* ---------- right column ---------- */
  .eyebrow{ display:inline-flex; align-items:center; gap:8px; background:rgba(34,181,115,.14); border:1px solid rgba(34,181,115,.4); color:#5FE0A5; font-size:12.5px; font-weight:800; letter-spacing:.03em; padding:7px 15px; border-radius:100px; margin-bottom:18px; }
  .eyebrow .pulse{ width:7px; height:7px; border-radius:50%; background:#5FE0A5; box-shadow:0 0 0 4px rgba(95,224,165,.25); }
  h1{ color:#fff; font-size:38px; font-weight:800; letter-spacing:-.02em; line-height:1.18; margin-bottom:12px; }
  h1 span{ color:var(--blue-light); }
  .sub{ color:var(--ink-soft); font-size:16px; font-weight:500; margin-bottom:28px; }

  .panel{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(10px);
    border-radius:20px;
    padding:28px 30px 26px;
    box-shadow:0 24px 60px -20px rgba(0,0,0,.5);
  }
  .field-row{ display:grid; grid-template-columns:1fr; gap:12px; margin-bottom:12px; }
  .field-row.two{ grid-template-columns:1fr 1fr; }
  .field{ position:relative; }
  .field svg{ position:absolute; left:15px; top:50%; transform:translateY(-50%); }
  .field input{
    width:100%; height:48px; border-radius:11px; border:1.5px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.96); padding:0 16px 0 42px; font-size:14.5px; color:#0E2A54; font-family:var(--font); font-weight:500;
  }
  .field input::placeholder{ color:#8792A8; }
  .cta{
    width:100%; height:54px; border:none; border-radius:12px; margin-top:6px;
    background:linear-gradient(135deg, var(--blue), #4C8CFF);
    color:#fff; font-size:16px; font-weight:800; letter-spacing:-.005em;
    box-shadow:0 16px 34px -10px rgba(47,111,237,.65);
    display:flex; align-items:center; justify-content:center; gap:10px;
  }
  .microcopy{ text-align:center; font-size:15px; color:var(--ink-soft); font-weight:600; margin-top:12px; display:flex; align-items:center; justify-content:center; gap:6px; }

  .trust-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

@media(max-width:991px){

.trust-row{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.trust-row{
    grid-template-columns:1fr;
}

}

.top-trust{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:30px;
}

.trust-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 16px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.06);
    border-radius:40px;
    color:#fff;
    font-size:13px;
    white-space:nowrap;
}

.stars{
    color:#FFC94A;
}

@media(max-width:768px){

.top-trust{
    flex-direction:column;
    align-items:stretch;
}

.trust-item{
    width:100%;
    white-space:normal;
    text-align:center;
    font-size:13px;
}

}
.badge-mini{
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
}
@media (max-width:768px){



.stars{
    font-size:14px;
}

.ratetext,
.badge-mini{
    font-size:12px;
}

}
  .trust-chip{ display:flex; align-items:center; gap:8px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); padding:8px 13px; border-radius:100px; font-size:12px; font-weight:400; color:#EAF0FF; }
  .trust-chip .ic{ width:20px; height:20px; border-radius:50%; background:rgba(34,181,115,.18); display:flex; align-items:center; justify-content:center; flex:0 0 auto; }

 .sysreq{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

@media(max-width:991px){

.sysreq{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.sysreq{
    grid-template-columns:1fr;
}

}
 .content{
    display:grid;
    grid-template-columns:400px 1fr;
}
@media (max-width:991px){

.content{
    display:flex;
    flex-direction:column;
}

.copy{
    order:1;
    width:100%;
}

.box-wrap{
    order:2;
    width:100%;
    max-width:280px;
    margin:50px auto 0;
}

}
@media(max-width:991px){

.fc1{
    right:-10px;
}

.fc2{
    left:-15px;
}

.fc3{
    right:-10px;
}

}
@media (max-width:991px){

.content{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.copy{
    order:1;
    width:100%;
}

.box-wrap{
    order:2;
    width:100%;
    max-width:260px;
    margin:0 auto;
}

}
.copy h1{
    font-size:58px;
    line-height:1.1;
}

@media(max-width:991px){

.copy h1{
    font-size:38px;
}

}

@media(max-width:576px){

.copy h1{
    font-size:30px;
}

}
@media(max-width:768px){

.security-badges{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

}

@media(max-width:480px){

.security-badges{
    grid-template-columns:1fr;
}

}
.security-item{
    white-space:normal;
    text-align:center;
    padding:10px;
}
.glass{
    padding:20px;
}

.form-control,
.btn-download{
    width:100%;
    font-size:16px;
}
@media(max-width:576px){

.product-tag{
    font-size:11px;
    padding:7px 12px;
}

.tag-top{
    right:-5px;
}

.tag-left{
    left:-5px;
    bottom:70px;
}

.tag-bottom{
    right:-5px;
}

}
.glass{
    padding:20px;
}

.form-control,
.btn-download{
    width:100%;
    font-size:16px;
}
html,
body{
    width:100%;
    overflow-x:hidden;
}
.content{
    display:grid;
    grid-template-columns:400px 1fr;
}
.content{
    display:grid;
    grid-template-columns:400px 1fr;
}
@media (max-width:991px){

.hero{
    padding:25px 18px;
}

.content{
    display:flex;
    flex-direction:column;
    gap:35px;
}

.copy{
    order:1;
    width:100%;
}

.box-wrap{
    order:2;
    width:100%;
    max-width:250px;
    margin:auto;
}

}
.system-requirements{
    margin-top:28px;
}

.system-title{
    color:#7e98c9;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.sysreq{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:15px;
}

.sysreq-card{
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:16px;
    min-height:90px;
    transition:.3s;
}

.sysreq-card:hover{
    transform:translateY(-4px);
    border-color:rgba(111,163,255,.4);
    box-shadow:0 15px 30px rgba(0,0,0,.25);
}

.sysreq-card .k{
    font-size:11px;
    color:#8ea8d6;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:8px;
    letter-spacing:1px;
}

.sysreq-card .v{
    color:#fff;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
}
@media (max-width:992px){

.sysreq{
    grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:576px){

.system-title{
    text-align:center;
}

.sysreq{
    grid-template-columns:1fr;
}

.sysreq-card{
    text-align:center;
}

}

.faq-section{
    background:#f7faff;
    padding:90px 0;
}

.faq-badge{
    display:inline-block;
    background:#e8f0ff;
    color:#2f6fed;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
}

.faq-title{
    font-size:42px;
    font-weight:800;
    color:#081733;
}

.faq-subtitle{
    color:#6b7280;
    max-width:650px;
    margin:15px auto 0;
}

.faq-accordion{
    max-width:900px;
    margin:auto;
}

.faq-accordion .accordion-item{
    border:none;
    margin-bottom:18px;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.faq-accordion .accordion-button{
    background:#fff;
    color:#081733;
    font-size:18px;
    font-weight:700;
    padding:22px;
    box-shadow:none;
}

.faq-accordion .accordion-button:not(.collapsed){
    background:#2f6fed;
    color:#fff;
}

.faq-accordion .accordion-button:focus{
    box-shadow:none;
}

.faq-accordion .accordion-body{
    background:#fff;
    color:#555;
    font-size:15px;
    line-height:1.8;
    padding:22px;
}

.accordion-button::after{
    filter:brightness(0);
}

.accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(1);
}


@media(max-width:991px){
    .stats-row{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:576px){
    .stats-row{
        grid-template-columns:repeat(2,1fr);
    }
}

.faq-heading{
    margin-bottom:60px;
}

.faq-title{
    font-size:42px;
    font-weight:800;
    color:#081733;
    margin:18px 0 10px;
}

.faq-subtitle{
    max-width:700px;
    margin:auto;
    color:#6b7280;
    line-height:1.8;
}

@media(max-width:768px){

.faq-title{
    font-size:30px;
}

.faq-subtitle{
    font-size:15px;
}

}