:root{
  --bg:#07111f; --panel:#0e1b2e; --card:#12243c; --text:#f5f7fb; --muted:#aebbd0;
  --gold:#f4c76b; --accent:#4cc9f0; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#07111f,#0b1628 38%,#08111f);color:var(--text)}
a{color:inherit;text-decoration:none}.hero{min-height:62vh;padding:28px 6vw 70px;background:radial-gradient(circle at 20% 20%,rgba(76,201,240,.25),transparent 28%),radial-gradient(circle at 80% 10%,rgba(244,199,107,.24),transparent 30%),linear-gradient(135deg,#07111f,#10213b)}
.nav{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:20px}.brand img{width:42px;height:42px}.nav-btn,.primary,.secondary{border:1px solid var(--line);padding:12px 18px;border-radius:999px;font-weight:700}.nav-btn{background:rgba(255,255,255,.06)}
.hero-content{max-width:850px;margin-top:90px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:800;font-size:13px}.hero h1{font-size:clamp(38px,7vw,78px);line-height:1;margin:14px 0}.lead{font-size:21px;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.primary{background:var(--gold);color:#1b1300;border:none}.secondary{background:rgba(255,255,255,.08)}
main{padding:0 6vw 60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-44px}.stats div{background:rgba(18,36,60,.92);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.stats strong{display:block;font-size:28px;color:var(--gold)}.stats span{color:var(--muted)}
.filters{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:58px 0 24px}.filters h2{font-size:34px;margin:0 0 8px}.filters p{color:var(--muted);margin:0}.controls{display:flex;gap:12px;flex-wrap:wrap}input,select{background:#0d1a2c;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:260px}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(18,36,60,.98),rgba(12,24,42,.98));border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;min-height:265px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.card .num{color:var(--gold);font-weight:900}.card h3{font-size:20px;margin:10px 0}.cat{display:inline-flex;width:max-content;background:rgba(76,201,240,.12);color:#99e9ff;border:1px solid rgba(76,201,240,.3);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.summary{color:var(--muted);line-height:1.5;flex:1}.budget{font-weight:800;margin:12px 0}.downloads{display:flex;gap:10px;flex-wrap:wrap}.downloads a{padding:10px 12px;border-radius:12px;background:rgba(244,199,107,.12);border:1px solid rgba(244,199,107,.35);font-weight:800}.downloads a.word{background:rgba(76,201,240,.10);border-color:rgba(76,201,240,.35)}
footer{padding:34px 6vw;border-top:1px solid var(--line);color:var(--muted);text-align:center}
@media(max-width:980px){.stats,.plans-grid{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column;align-items:stretch}.controls{flex-direction:column}input,select{width:100%}}
@media(max-width:640px){.stats,.plans-grid{grid-template-columns:1fr}.hero-content{margin-top:55px}.nav{align-items:flex-start;gap:16px;flex-direction:column}.hero{padding-bottom:90px}}


.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.payment-section{margin:58px 0 30px}
.payment-card{background:linear-gradient(135deg,rgba(244,199,107,.16),rgba(76,201,240,.10));border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 18px 55px rgba(0,0,0,.25)}
.payment-card h2{font-size:34px;margin:8px 0 10px}.payment-card p{color:var(--muted)}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.price-box{background:rgba(7,17,31,.68);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:12px}
.price-box.featured{border-color:rgba(244,199,107,.7);box-shadow:0 0 0 1px rgba(244,199,107,.18)}
.price-box span{color:var(--muted);font-weight:700}.price-box strong{font-size:28px;color:var(--gold)}
.pay-main{display:inline-flex;justify-content:center;align-items:center;padding:13px 16px;border-radius:14px;background:var(--gold);color:#1b1300;font-weight:900}
.pay-main.whatsapp{background:#25d366;color:#06240f}.payment-note{font-size:14px;margin-top:18px}
.locked-note{font-size:13px;color:var(--muted);margin-top:8px}
.downloads a.pay-inline{background:var(--gold);color:#1b1300;border-color:rgba(244,199,107,.7)}
@media(max-width:980px){.price-grid{grid-template-columns:1fr}}


/* ===== FA-EXPRESS PROFESSIONAL V2 ===== */
.hero{position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-120px;top:90px;width:420px;height:420px;background:radial-gradient(circle,rgba(244,199,107,.28),transparent 65%);filter:blur(4px)}
.hero-content{position:relative;z-index:2}
.trust-band{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 24px}
.trust-band div{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:20px;padding:20px}
.trust-band strong{display:block;font-size:30px;color:var(--gold)}
.trust-band span{color:var(--muted);font-size:14px}
.pro-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;margin:60px 0}
.pro-copy{background:linear-gradient(135deg,rgba(18,36,60,.96),rgba(7,17,31,.94));border:1px solid var(--line);border-radius:28px;padding:32px}
.pro-copy h2,.cta-panel h2,.how-it-works h2,.faq-section h2{font-size:clamp(28px,4vw,44px);margin:8px 0 14px}
.pro-copy p{color:var(--muted);line-height:1.7}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.features-grid article{background:rgba(18,36,60,.88);border:1px solid var(--line);border-radius:22px;padding:22px;min-height:180px}
.features-grid span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:14px;background:var(--gold);color:#1b1300;font-weight:900}
.features-grid p,.steps p,.faq-section p{color:var(--muted);line-height:1.55}
.cta-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:50px 0;padding:34px;border-radius:30px;background:linear-gradient(135deg,#f4c76b,#f08b25);color:#160c00;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.cta-panel .eyebrow{color:#4b2300}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-panel .primary{background:#1b0f2d;color:white}.cta-panel .secondary{background:rgba(255,255,255,.28);color:#1b0f2d;border-color:rgba(0,0,0,.18)}
.how-it-works,.faq-section{margin:60px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps div{background:rgba(18,36,60,.92);border:1px solid var(--line);border-radius:24px;padding:24px}.steps b{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:rgba(76,201,240,.18);color:#9defff}
.faq-section details{background:rgba(18,36,60,.9);border:1px solid var(--line);border-radius:18px;margin:12px 0;padding:18px}.faq-section summary{cursor:pointer;font-weight:900}
.card{transition:transform .18s ease, border-color .18s ease}.card:hover{transform:translateY(-4px);border-color:rgba(244,199,107,.5)}
@media(max-width:980px){.trust-band,.pro-section,.features-grid,.steps{grid-template-columns:1fr}.cta-panel{flex-direction:column;align-items:flex-start}}


/* ===== LOGO INTEGRATION ===== */
.brand{display:flex;align-items:center;gap:14px}
.brand-logo{width:72px;height:72px;object-fit:contain;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.brand-text{display:flex;flex-direction:column}
.brand-text strong{font-size:22px;color:#fff}
.brand-text span{font-size:13px;color:var(--gold);font-weight:700}

.hero-logo-panel{
  position:absolute;
  top:110px;
  right:6vw;
  z-index:3;
  width:min(520px,42vw);
}
.hero-logo-panel img{
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 20px 50px rgba(0,0,0,.35));
}

@media(max-width:980px){
  .hero-logo-panel{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    margin:20px auto;
    display:flex;
    justify-content:center;
  }
  .hero-logo-panel img{
    max-width:340px;
  }
}

@media(max-width:640px){
  .brand-logo{
    width:58px;
    height:58px;
  }
  .brand-text strong{
    font-size:18px;
  }
}

.included{font-size:.92rem;color:#0f5132;background:#e9f7ef;border:1px solid #b7e4c7;border-radius:10px;padding:8px 10px;margin:10px 0;}