*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: 'poppins', system-ui, -apple-system, Arial, sans-serif;
    background: #000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
  }

  a { text-decoration: none; color: inherit; }
  ul { list-style: none; }
  img { display: block; max-width: 100%; }

  /* ── VARIABLES ─────────────────────────── */
  :root { --gold: #fd7e14; }

  /* ── UTILITY ─────────────────────────── */
  .gold { color: var(--gold); }
  .container { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }
  .btn {
    display: inline-flex; align-items: center; justify-content: center;
    gap: .5rem; border: none; cursor: pointer; font-weight: 700;
    border-radius: 6px; transition: all .2s;
  }
  .btn-gold { background: var(--gold); color: #000; }
  .btn-gold:hover { background: #fd7e14; }
  .btn-dark { background: #000; color: #fff; }
  .btn-dark:hover { background: #222; }
  .btn-white { background: #fff; color: #000; }
  .btn-white:hover { background: #eee; }
  .btn-outline-gold {
    background: transparent; color: var(--gold);
    border: 2px solid var(--gold);
  }
  .btn-outline-gold:hover { background: var(--gold); color: #000; }

  /* ── STICKY NAV ─────────────────────────── */
  /* Modal Background Transparent */
#quoteModal .modal-content{
    background: transparent;
    border: none;
    box-shadow: none;
}
 
/* Horizontal + Vertical Center */
#quoteModal .modal-dialog{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    margin: 0 auto;
}
 
/* Optional */
#quoteModal .contact-form-wrap{
    width: 100%;
}
 .modal-content {
    display: flex;
    justify-content: center;
}

  /* ── STICKY NAV ─────────────────────────── */
  /* Small Mobile */
@media (max-width: 480px) {
  .top-bar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    margin: 0 auto !important;
    width: 100%;
    justify-content: center;
  }
  .testimonialSwiper {
    height: 750px;
}
.free-badge {
    font-size: 10px;
    font-weight: 600;
    width: 100px;
    display: flex;
    justify-content: center;
}
}

/* Mobile */
@media (max-width: 767px) {
  .top-bar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    margin: 0 auto !important;
    width: 100%;
    justify-content: center;
  }
  .testimonialSwiper {
    height: 750px;
}
.free-badge {
    font-size: 10px;
    font-weight: 600;
    width: 100px;
    display: flex;
    justify-content: center;
}
}

  .top-bar {
    position: fixed; top: 0; right: 0; z-index: 1000;
    display: flex; align-items: center; gap: .75rem; padding: 1rem;
  }
  .top-bar a.phone-btn {
    display: flex; align-items: center; gap: .5rem;
    background: #fff; color: #000; font-weight: 700;
    padding: .65rem 1.25rem; border-radius: 6px; font-size: 1rem;
    box-shadow: 0 2px 12px rgba(0,0,0,.3);
  }
  .top-bar a.phone-btn:hover { background: #f0f0f0; }
  .top-bar .btn { padding: .65rem 1.5rem; font-size: 1rem; }

  /* ── HERO ─────────────────────────────── */
  .hero {
    position: relative; min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
  }
  .hero-bg {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; opacity: .6; z-index: 0;
    background: linear-gradient(135deg,#000000,#1f1f1f,#1e1e1f);
  }
  .hero-content {
    position: relative; z-index: 1;
    max-width: 1280px; margin: 0 auto;
    padding: 6rem 1rem 3rem;
    display: grid; grid-template-columns: 1fr auto 1fr; gap: 2rem;
    align-items: center;
  }
  @media(max-width:900px){
    .hero-content { grid-template-columns:1fr; text-align:center; }
    .hero-center { display:none; }
  }

  /* LEFT */
  .hero-left {
    width: 420px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    justify-content: center;
}
  .hero-logo { width:160px; margin-bottom:.5rem; }
  @media(max-width:900px){ .hero-logo { margin:0 auto; } }
  .hero-left h1 {
    font-size: clamp(2rem,5vw,3.5rem);
    font-weight: 900; line-height: 1.1;
  }
  .hero-left .tagline { font-size: 1.1rem; font-weight: 700; }
  .hero-left ul { display:flex; flex-direction:column; gap:.6rem; }
  .hero-left ul li { display:flex; align-items:center; gap:.6rem; font-size:1rem; }
  .hero-left ul li .check { color:var(--gold); font-size:1.25rem; }
  .hero-trust {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    justify-content: center;
}
  .hero-trust .label { color:var(--gold); font-weight:700; font-size:1.1rem; }

  /* CENTER */
 .hero-center {
    flex-shrink: 0;
    height: 450px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0px 10px rgba(0,0,0,.5);
    background: linear-gradient(180deg,#2a2a3e,#1a1a2e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
}

img.hero-center-img {
    width: 100%;
}

  /* RIGHT – form */
  .hero-form-card {
    background: var(--gold); border-radius:12px;
    padding: 2rem; box-shadow: 0 20px 60px rgba(0,0,0,.4);
    display:flex; flex-direction:column; gap:1rem;
    max-width:400px; width:100%;
  }
  @media(max-width:900px){ .hero-form-card { max-width:100%; } }
  .hero-form-card h2 { font-size:1.6rem; font-weight:900; line-height:1.2; color:#000; }
  .hero-form-card p { font-size:.95rem; font-weight:600; color:#000; }
  .hero-form-card .btn { width:100%; padding:1rem; font-size:1.1rem; border-radius:6px; margin-top:.5rem; }

  /* ── MARQUEE PARTNERS ────────────────── */
  .partners-strip {
    background:#fff; padding:2rem 0; border-top:1px solid #f0f0f0;
  }
  .partners-inner {
    max-width:1280px; margin:0 auto; padding:0 1rem;
    display:flex; align-items:center; gap:2rem;
  }
  .partners-label {
    font-size:1.5rem; font-weight:900; color:#000;
    white-space:nowrap; min-width:180px; text-align:right;
    border-right:4px solid var(--gold); padding-right:1.5rem;
    line-height:1.2;
  }
  .marquee-track {max-width: 100%; overflow:hidden; flex:1; }
  .marquee-inner {
    display:flex; gap:3rem; align-items:center;
    animation:marquee 14s linear infinite; white-space:nowrap;
    min-width:600px;
  }
  .marquee-inner span {
    font-weight:800; font-size:1.1rem; color:#333;
    padding:.4rem 1rem; border:2px solid #ddd; border-radius:6px;
    background:#fafafa;
  }
  @keyframes marquee { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

  /* ── SECTION BASE ─────────────────── */
  section.light { background:#fff; color:#111; }
  section.gray  { background:#fafafa; color:#111; }
  section.dark  { background:#111; color:#fff; }
  section { padding:5rem 0; }
  .section-title {
    text-align:center; font-size:clamp(1.6rem,4vw,2.8rem);
    font-weight:900; margin-bottom:1rem;
  }
  .section-sub {
    text-align:center; max-width:760px; margin:0 auto 3rem;
    font-size:1.1rem; color:#555; line-height:1.6;
  }
  section.dark .section-sub { color:#ccc; }

  /* ── TESTIMONIALS ─────────────────── */
.testimonials-grid{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    height: 300px;
}
  .testimonial-sec{
    padding:80px 0;
}
  .testimonial-text{
    flex:1;
}
  .testimonial-text .name { font-weight:700; font-size:1.1rem; margin-bottom:.2rem; }
  .testimonial-text .role { color:#888; margin-bottom:.8rem; }
  .testimonial-text .quote-icon { color:var(--gold); font-size:2rem; line-height:1; }
  .testimonial-text p { font-style:italic; color:#444; line-height:1.6; margin-top:.5rem; }
  .testimonial-imgs { display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; margin: 10px; }
  .testimonial-imgs .img-box {
    width:280px; height:220px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:3rem; overflow:hidden; padding: 10px;
  }
  
.swiper-pagination{
    display:flex; justify-content:center; gap:.5rem; margin-top:1.5rem;
}

.swiper-pagination-bullet{
    width:15px;
    height:8px;
    opacity:1;
    border-radius:4px; 
    border:none; 
    cursor:pointer;
    background:#ccc;
}

.swiper-pagination-bullet-active{
    background:var(--gold);
}

@media(max-width:768px){
    .testimonials-grid{
        flex-direction:column;
        text-align:center;
    }
}

  /* ── PACKAGES ─────────────────────── */
  .packages-grid {
    display:flex; flex-wrap:wrap; gap:2rem;
    justify-content:center; align-items:stretch;
    max-width:1100px; margin:0 auto;
  }
  .pkg-card {
    flex:1; min-width:260px; max-width:340px;
    border-radius:16px; padding:2rem;
    display:flex; flex-direction:column;
    border:2px solid #ececec; background:#fff;
    position:relative; box-shadow:0 4px 20px rgba(0,0,0,.06);
  }
  .pkg-card.featured {
    background:var(--gold); border-color:var(--gold);
    box-shadow:0 8px 40px rgba(255,167,38,.35);
    transform:scale(1.03);
  }
  .pkg-card .pkg-tier { font-weight:900; font-size:1.1rem; text-transform:uppercase; margin-bottom:.25rem; color:#888; }
  .pkg-card.featured .pkg-tier { color:#fff; }
  .pkg-card .pkg-cta-label { font-weight:900; font-size:1rem; margin-bottom:1.5rem; color:#333; }
  .pkg-card.featured .pkg-cta-label { color:#fff; }
  .pkg-card ul { flex:1; display:flex; flex-direction:column; gap:.6rem; margin-bottom:1.5rem; }
  .pkg-card ul li { display:flex; align-items:flex-start; gap:.5rem; font-size:.95rem; }
  .pkg-card ul li .chk { color:var(--gold); flex-shrink:0; font-size:1rem; }
  .pkg-card.featured ul li .chk { color:#fff; }
  .pkg-card.featured ul li span { color:#fff; }
  .pkg-card .pkg-btn {
    width:100%; padding:.85rem; font-size:1rem;
    font-weight:700; border:none; border-radius:8px; cursor:pointer;
    text-transform:uppercase; letter-spacing:.05em; transition:.2s;
  }
  .pkg-card:not(.featured) .pkg-btn { background:var(--gold); color:#000; }
  .pkg-card:not(.featured) .pkg-btn:hover { background:#e6a41f; }
  .pkg-card.featured .pkg-btn { background:#000; color:#fff; }
  .pkg-card.featured .pkg-btn:hover { background:#222; }

  /* ── CTA BANNER ─────────────────── */
  .cta-banner {
    background: linear-gradient(135deg, #000000, #3e3e3e, #000000);
    padding: 4rem 1rem;
}
  .cta-inner {
    max-width:1300px; margin:0 auto;
    display:flex; flex-wrap:wrap; gap:3rem; align-items:center;
  }
  .cta-text { flex:1; min-width:280px; }
  .cta-text h1 { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:900; line-height:1.2; margin-bottom:1rem; }
  .cta-text p { color:#ddd; margin-bottom:1.5rem; line-height:1.6; }
  .cta-text ul { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; margin-bottom:2rem; }
  .cta-text ul li { display:flex; align-items:center; gap:.5rem; font-size:1rem; }
  .cta-text ul li .icon { color:var(--gold); font-size:1.25rem; }
  .cta-btns { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; }
  .cta-btns .btn { padding:1rem 2rem; font-size:1.1rem; border-radius:6px; }
  .cta-img {
    flex: 1;
    min-width: 300px;
    max-width: 500px;
    display: flex;
    justify-content: center;
}
 

  /* ── PROCESS STEPS ─────────────── */
  .steps-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:2rem; max-width:1100px; margin:0 auto;
  }
  .step-card {
    display:flex; flex-direction:column; align-items:center; text-align:center;
    padding:2.5rem 1.5rem; border:2px solid var(--gold); border-radius:14px;
    background:#fff; min-height:260px; box-shadow:0 4px 16px rgba(0,0,0,.06);
    transition:box-shadow .2s;
  }
  .step-card:hover { box-shadow:0 8px 32px rgba(255,167,38,.2); }
  .step-icon { font-size:3rem; margin-bottom:1.25rem; }
  .step-card h3 { font-size:.95rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; margin-bottom:.75rem; color:#222; }
  .step-card p { font-size:.9rem; color:#666; line-height:1.5; max-width:200px; }

  /* ── 500 PLATFORMS ─────────────── */
  .platforms-section { background:#fafafa; }
  .platforms-inner {
    max-width:1300px; margin:0 auto; padding:0 1rem;
    display:flex; flex-wrap:wrap; gap:3rem; align-items:center;
  }
  .platforms-img { max-width: 500px; }
  .platforms-img .book-placeholder {
    width:360px; max-width:100%; height:400px; border-radius:16px;
    background:linear-gradient(160deg,#fff3e0,#ffe0b2);
    display:flex; align-items:center; justify-content:center; font-size:8rem;
    box-shadow:0 20px 60px rgba(0,0,0,.15);
  }
  .platforms-text { flex:1; min-width:280px; }
  .platforms-text h2 { font-size:clamp(1.6rem,3.5vw,2.4rem); font-weight:900; line-height:1.2; margin-bottom:1rem; color:#111; }
  .platforms-text p { color:#444; line-height:1.7; margin-bottom:1rem; }
  .platforms-text .btn { padding:1rem 2.5rem; font-size:1.1rem; border-radius:10px; }

  /* ── 360 SERVICES ─────────────── */
  .services-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:2rem; max-width:1100px; margin:0 auto;
  }

  /* ── CONSULTATION / CALENDLY ─── */
  .consult-section { background:#000; padding:5rem 1rem; }
  .consult-inner {
    max-width:1100px; margin:0 auto;
    background:linear-gradient(135deg,#0f0f0f,#0b0b0b);
    border:1px solid #232323; border-radius:20px; padding:3rem;
    display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
  }
  @media(max-width:800px){ .consult-inner { grid-template-columns:1fr; } }
  .consult-text .badge {
    display:inline-block; padding:.3rem .9rem; border-radius:20px;
    background:#111; border:1px solid #2b2b2b; color:var(--gold);
    font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em;
    margin-bottom:1rem;
  }
  .consult-text h2 { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:900; margin-bottom:1rem; }
  .consult-text p { color:#ddd; line-height:1.6; margin-bottom:1.5rem; }
  .consult-text ul { display:flex; flex-direction:column; gap:.75rem; margin-bottom:2rem; }
  .consult-text ul li { display:flex; align-items:flex-start; gap:.75rem; }
  .consult-text ul li .dot-gold { width:10px; height:10px; border-radius:50%; background:var(--gold); flex-shrink:0; margin-top:.35rem; }
  .consult-stats { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
  .stat-box { background:#121212; border:1px solid #2a2a2a; border-radius:10px; padding:1rem; }
  .stat-box .stat-label { font-size:.7rem; text-transform:uppercase; letter-spacing:.08em; color:#888; margin-bottom:.25rem; }
  .stat-box .stat-val { font-size:1.3rem; font-weight:900; }
  .consult-form-wrap {
    background:#fff; border-radius:16px; overflow:hidden;
    box-shadow:0 12px 40px rgba(0,0,0,.4); color:#111;
  }
  .consult-form-header {
    display:flex; justify-content:space-between; align-items:center;
    padding:1.25rem 1.5rem; border-bottom:1px solid #eee;
  }
  .consult-form-header .brand { font-weight:900; font-size:1.1rem; }
  .consult-form-header .sub { font-size:.8rem; color:#888; }
  .consult-form-header .free-badge {
    background:var(--gold); color:#000; font-size:.75rem; font-weight:700;
    padding:.3rem .75rem; border-radius:20px;
  }
  .consult-form-body { padding:1.5rem; }
  .consult-form-body p { color:#555; text-align:center; font-size:.95rem; line-height:1.6; }
  .consult-form-body a.cal-link {
    display:block; margin-top:1.5rem; padding:1rem; text-align:center;
    background:var(--gold); color:#000; font-weight:700; font-size:1rem;
    border-radius:8px; border:none; cursor:pointer;
  }
  .consult-form-body a.cal-link:hover { background:#e6a41f; }

  /* ── FAQ ──────────────────────── */
  .faq-section { background:#fff; }
  .faq-list { max-width:900px; margin:0 auto; display:flex; flex-direction:column; gap:1rem; }
  .faq-item {
    border-radius:14px; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.08);
    overflow:hidden;
  }
  .faq-q {
    display:flex; justify-content:space-between; align-items:center;
    padding:1.5rem 2rem; font-size:1.05rem; font-weight:600; cursor:pointer;
    border:none; background:none; width:100%; text-align:left; color:#111;
    transition:.2s;
  }
  .faq-q:hover { background:#fafafa; }
  .faq-q .faq-icon { font-size:1.5rem; transition:transform .3s; flex-shrink:0; }
  .faq-a {
    max-height:0; overflow:hidden; transition:max-height .35s ease, padding .35s;
    padding:0 2rem; color:#555; line-height:1.7; font-size:.95rem;
  }
  .faq-item.open .faq-q .faq-icon { transform:rotate(180deg); }
  .faq-item.open .faq-a { max-height:300px; padding:0 2rem 1.5rem; }

  /* ── CONTACT FORM ─────────────── */
  .contact-section { background:#fafafa; }
  .contact-inner {
    max-width:1100px; margin:0 auto; padding:0 1rem;
    display:flex; flex-wrap:wrap; gap:3rem; align-items:center;
  }
  .contact-text { flex:1; min-width:280px; }
  .contact-text h1 { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:900; line-height:1.2; color:#111; margin-bottom:.5rem; }
  .contact-text .discount { font-size:clamp(1.4rem,3vw,2.2rem); color:var(--gold); font-weight:900; margin-bottom:1.25rem; }
  .contact-text .contact-links { display:flex; flex-direction:column; gap:.75rem; border-top:2px solid var(--gold); margin-top:1.5rem; padding-top:1.5rem; }
  .contact-links a, .contact-links .link-row {
    display:flex; align-items:center; gap:.75rem;
    font-size:1.05rem; font-weight:700; color:#111;
    border-bottom:2px solid var(--gold); padding-bottom:.75rem;
    text-decoration:none;
  }
  .contact-links .icon { color:var(--gold); font-size:1.25rem; }

  .contact-form-wrap { flex:1; min-width:280px; max-width:500px; }
  .contact-form {
    background:var(--gold); border-radius:48px; padding:2.5rem;
    display:flex; flex-direction:column; gap:1rem;
  }
  .contact-form input,
  .contact-form textarea {
    width:100%; border:none; border-radius:8px;
    padding:1rem 1.25rem; font-size:1rem; background:#fff;
    color:#111; outline:none; font-family:inherit;
  }
  .contact-form textarea { resize:none; }
  .contact-form button {
    padding:1.1rem; font-size:1.1rem; font-weight:900;
    border:none; border-radius:8px; background:#fff; color:#111;
    cursor:pointer; display:flex; align-items:center; justify-content:center;
    gap:.5rem; transition:.2s;
  }
  .contact-form button:hover { background:#f0f0f0; }
  .contact-form button .send-icon { color:var(--gold); font-size:1.25rem; }

  /* ── FOOTER ─────────────────── */
  footer {
    background:#181818; padding:1.5rem 1rem;
    display:flex; flex-direction:column; align-items:center; gap:.75rem;
    border-top:1px solid #232323; color:#aaa;
  }
  footer .footer-links { display:flex; gap:1rem; font-size:.9rem; }
  footer .footer-links a { color:#aaa; }
  footer .footer-links a:hover { color:var(--gold); }
  footer .copy { font-size:.8rem; color:#555; text-align:center; }

  /* ── LIVE CHAT BUBBLE ─────────── */
  .chat-bubble {
    position:fixed; bottom:1.5rem; right:1.5rem; z-index:999;
    width:52px; height:52px; border-radius:50%;
    background:#2563eb; display:flex; align-items:center; justify-content:center;
    cursor:pointer; box-shadow:0 4px 20px rgba(0,0,0,.3);
    border:none; transition:.2s;
  }
  .chat-bubble:hover { transform:scale(1.1); }

  /* ── RESPONSIVE ─────────────── */
  @media(max-width:700px){
    .cta-text ul { grid-template-columns:1fr; }
    .packages-grid { flex-direction:column; align-items:center; }
    .pkg-card.featured { transform:none; }
    .partners-inner { flex-direction:column; }
    .partners-label { border-right:none; border-bottom:4px solid var(--gold); text-align:center; padding:0 0 .75rem; }
    .contact-inner { flex-direction:column; }
    .contact-form-wrap { max-width:100%; }
  }