@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

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

:root{
  --navy:#0b1f3a;
  --navy-mid:#112d54;
  --navy-light:#1a3d6b;
  --gold:#c8941a;
  --gold-light:#e8b84b;
  --gold-pale:#fdf3d8;
  --cream:#f8f6f1;
  --white:#ffffff;
  --text:#1a1a2e;
  --text-mid:#4a4a6a;
  --text-soft:#8888aa;
  --green-ok:#0f7a45;
  --red-alert:#b91c1c;
  --border:#ddd8cc;
  --r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:32px;
  --sh-sm:0 2px 8px rgba(0,0,0,.07);
  --sh-md:0 6px 24px rgba(0,0,0,.11);
  --sh-lg:0 16px 48px rgba(0,0,0,.16);
}

html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;color:var(--text);background:var(--cream);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}

h1,h2,h3,h4{font-family:'Playfair Display',serif;line-height:1.15}
h1{font-size:clamp(2rem,5.5vw,3.8rem);font-weight:900}
h2{font-size:clamp(1.65rem,3.8vw,2.8rem);font-weight:700}
h3{font-size:clamp(1.1rem,2.5vw,1.7rem);font-weight:700}
p{line-height:1.8}

/* ── Layout ── */
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.section--tight{padding:52px 0}
.text-center{text-align:center}
.text-white{color:#fff}

/* ── Urgency bar ── */
.urgency-bar{background:var(--red-alert);color:#fff;text-align:center;padding:9px 20px;font-size:.82rem;font-weight:600;letter-spacing:.03em}
.urgency-bar a{color:#fff;text-decoration:underline}

/* ── Nav ── */
.nav{position:sticky;top:0;z-index:200;background:var(--navy);border-bottom:3px solid var(--gold)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;padding:0 24px;max-width:1100px;margin:0 auto;height:64px}
.nav__logo{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:900;color:#fff;text-decoration:none;line-height:1.2}
.nav__logo span{color:var(--gold-light)}
.nav__links{display:flex;gap:20px;list-style:none;align-items:center}
.nav__links a{color:rgba(255,255,255,.82);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s;white-space:nowrap}
.nav__links a:hover{color:var(--gold-light)}
.nav__cta{background:var(--gold)!important;color:var(--navy)!important;padding:8px 18px!important;border-radius:var(--r-sm)!important;font-weight:700!important}
.nav__phone{display:flex;align-items:center;gap:6px;color:var(--gold-light)!important;font-weight:700!important;font-size:.9rem!important}

/* ── Hero ── */
.hero{background:var(--navy);color:#fff;padding:72px 0 88px;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;right:-80px;top:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(200,148,26,.12) 0%,transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}
.hero__label{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:14px}
.hero__title{color:#fff;margin-bottom:20px}
.hero__title em{font-style:italic;color:var(--gold-light)}
.hero__sub{font-size:1.05rem;color:rgba(255,255,255,.78);margin-bottom:36px;max-width:520px}
.hero__bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:36px}
.hero__bullets li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:rgba(255,255,255,.85)}
.hero__bullets li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--gold);border-radius:50%;color:var(--navy);font-size:.72rem;font-weight:700;flex-shrink:0}
.hero__trust{display:flex;gap:28px;flex-wrap:wrap;padding-top:32px;margin-top:32px;border-top:1px solid rgba(255,255,255,.12)}
.trust-num{font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:900;color:var(--gold-light);line-height:1}
.trust-label{font-size:.75rem;color:rgba(255,255,255,.55);margin-top:4px}

/* ── Form Card ── */
.form-card{background:var(--white);border-radius:var(--r-lg);padding:36px 32px;box-shadow:var(--sh-lg);border-top:5px solid var(--gold);position:relative}
.form-card__crown{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy);font-size:.72rem;font-weight:700;padding:4px 16px;border-radius:100px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.form-card__title{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;color:var(--navy);margin-bottom:6px;margin-top:8px}
.form-card__sub{font-size:.82rem;color:var(--text-soft);margin-bottom:20px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-mid);margin-bottom:5px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;color:var(--text);background:#fff;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;min-height:48px}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,148,26,.18)}
.form-group textarea{resize:vertical;min-height:80px}
.form-group--row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-submit{width:100%;padding:17px;font-size:1rem;font-weight:700;background:var(--gold);color:var(--navy);border:none;border-radius:var(--r-sm);cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:background .2s,transform .15s;margin-top:4px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px}
.form-submit:hover{background:var(--gold-light);transform:translateY(-1px)}
.form-submit:active{transform:translateY(0)}
.form-privacy{font-size:.7rem;color:var(--text-soft);text-align:center;margin-top:10px;line-height:1.5}

/* ── WhatsApp button ── */
.wa-btn{display:inline-flex;align-items:center;gap:10px;background:#25d366;color:#fff;padding:14px 24px;border-radius:var(--r-sm);font-weight:700;font-size:.95rem;text-decoration:none;transition:background .2s,transform .15s}
.wa-btn:hover{background:#1ebe5b;transform:translateY(-2px)}
.wa-btn svg{width:22px;height:22px;flex-shrink:0}
.wa-btn--large{padding:17px 32px;font-size:1.05rem}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:var(--r-sm);font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .15s,box-shadow .15s;border:none;text-decoration:none}
.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn--gold{background:var(--gold);color:var(--navy)}
.btn--navy{background:var(--navy);color:#fff}
.btn--outline{background:transparent;border:2px solid #fff;color:#fff}
.btn--large{padding:18px 40px;font-size:1.05rem}

/* ── Form success ── */
.form-success{display:none;text-align:center;padding:32px 16px}
.form-success__icon{width:60px;height:60px;background:#e6f7ee;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.form-success h3{color:var(--navy);margin-bottom:10px;font-size:1.3rem}
.form-success p{color:var(--text-mid);font-size:.9rem}

/* ── Section label ── */
.section__label{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.section--dark .section__label{color:var(--gold-light)}

/* ── Steps ── */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.step-card{background:#fff;border-radius:var(--r-md);padding:28px 24px;box-shadow:var(--sh-sm);border:1px solid var(--border);position:relative}
.step-card__num{width:48px;height:48px;background:var(--navy);color:var(--gold-light);border-radius:50%;font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.step-card__title{font-size:1rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.step-card__text{font-size:.88rem;color:var(--text-soft);line-height:1.7}

/* ── Feature cards ── */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.feature-card{background:#fff;border-radius:var(--r-md);padding:26px 22px;box-shadow:var(--sh-sm);border:1px solid var(--border)}
.feature-card__icon{font-size:2rem;margin-bottom:14px}
.feature-card__title{font-size:.95rem;font-weight:700;color:var(--navy);margin-bottom:8px}
.feature-card__text{font-size:.85rem;color:var(--text-soft);line-height:1.7}

/* ── Testimonials ── */
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.testi{background:var(--navy-mid);color:#fff;border-radius:var(--r-md);padding:28px 24px;position:relative}
.testi::before{content:'"';font-family:'Playfair Display',serif;font-size:4.5rem;color:var(--gold);opacity:.35;position:absolute;top:6px;left:18px;line-height:1}
.testi__text{font-size:.9rem;line-height:1.75;padding-top:22px;margin-bottom:18px}
.testi__name{font-size:.82rem;font-weight:700;color:var(--gold-light)}
.testi__loc{font-size:.75rem;color:rgba(255,255,255,.45)}
.testi__stars{color:var(--gold-light);font-size:.85rem;margin-bottom:12px}

/* ── Comparison table ── */
.compare-wrap{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);border:1px solid var(--border)}
.compare-wrap table{width:100%;border-collapse:collapse;font-size:.88rem}
.compare-wrap th{padding:15px 18px;text-align:center;font-weight:700;font-size:.82rem}
.compare-wrap th:first-child{text-align:left}
.compare-wrap td{padding:13px 18px;border-top:1px solid var(--border);text-align:center}
.compare-wrap td:first-child{text-align:left;font-weight:600;color:var(--text-mid)}
.compare-wrap thead{background:var(--navy);color:#fff}
.compare-wrap thead th:nth-child(2){color:var(--gold-light)}
.compare-wrap tr:nth-child(even){background:#faf9f6}
.compare-wrap .yes{color:var(--green-ok);font-weight:700}
.compare-wrap .no{color:var(--text-soft)}

/* ── Guarantee box ── */
.guarantee{background:var(--gold-pale);border:2px solid var(--gold);border-radius:var(--r-md);padding:22px 26px;display:flex;align-items:flex-start;gap:16px}
.guarantee__icon{font-size:2rem;flex-shrink:0}
.guarantee__title{font-weight:700;color:var(--navy);margin-bottom:5px}
.guarantee__text{font-size:.88rem;color:var(--text-mid)}

/* ── FAQ ── */
.faq-item{border-bottom:1px solid var(--border);padding:18px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-weight:600;color:var(--navy);font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;line-height:1.5}
.faq-q::after{content:'+';font-size:1.4rem;color:var(--gold);flex-shrink:0;transition:transform .2s;font-weight:400}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{display:none;font-size:.88rem;color:var(--text-mid);margin-top:10px;line-height:1.75}
.faq-item.open .faq-a{display:block}

/* ── CTA band ── */
.cta-band{background:var(--navy);padding:64px 0;text-align:center}
.cta-band h2{color:#fff;margin-bottom:16px}
.cta-band p{color:rgba(255,255,255,.7);max-width:520px;margin:0 auto 36px;font-size:1rem}
.cta-band__btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ── Page links bar ── */
.pages-bar{background:var(--navy-light);padding:14px 0}
.pages-bar__inner{display:flex;gap:6px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:0 24px}
.pages-bar a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.75rem;font-weight:500;padding:5px 10px;border-radius:4px;transition:background .2s,color .2s;white-space:nowrap}
.pages-bar a:hover{background:rgba(255,255,255,.1);color:var(--gold-light)}

/* ── Footer ── */
.footer{background:#071527;color:rgba(255,255,255,.6);padding:52px 0 24px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}
.footer__brand{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:900;color:#fff;margin-bottom:10px}
.footer__brand span{color:var(--gold-light)}
.footer__text{font-size:.82rem;line-height:1.75}
.footer__contact{margin-top:16px}
.footer__contact a{display:flex;align-items:center;gap:8px;color:var(--gold-light);text-decoration:none;font-size:.85rem;font-weight:600;margin-bottom:6px}
.footer__heading{color:#fff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px}
.footer__links{list-style:none}
.footer__links li{margin-bottom:7px}
.footer__links a{color:rgba(255,255,255,.6);text-decoration:none;font-size:.82rem;transition:color .2s}
.footer__links a:hover{color:var(--gold-light)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:.75rem}
.footer__ico{font-size:.78rem;color:rgba(255,255,255,.4);margin-top:8px}

/* ── Breadcrumb ── */
.breadcrumb{background:var(--navy);padding:10px 0}
.breadcrumb__inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;gap:6px;align-items:center;font-size:.75rem;color:rgba(255,255,255,.5)}
.breadcrumb a{color:rgba(255,255,255,.6);text-decoration:none}
.breadcrumb a:hover{color:var(--gold-light)}
.breadcrumb__sep{color:rgba(255,255,255,.3)}

/* ── Section themes ── */
.section--dark{background:var(--navy);color:#fff}
.section--dark h2,.section--dark h3{color:#fff}
.section--cream{background:var(--cream)}
.section--white{background:#fff}
.section--gold{background:var(--gold-pale)}

/* ── Inline photo upload note ── */
.photo-box{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.photo-box h3{color:#fff;margin-bottom:12px}
.photo-box p{color:rgba(255,255,255,.75);font-size:.92rem;margin-bottom:20px}
.photo-box__methods{display:flex;flex-direction:column;gap:10px}
.photo-method{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.07);border-radius:var(--r-sm);font-size:.88rem;color:rgba(255,255,255,.85)}
.photo-method strong{color:var(--gold-light)}

/* ── Condition badges ── */
.condition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.condition-badge{background:#fff;border-radius:var(--r-md);padding:20px 16px;text-align:center;border:2px solid var(--border);transition:border-color .2s}
.condition-badge:hover{border-color:var(--gold)}
.condition-badge__icon{font-size:1.8rem;margin-bottom:8px}
.condition-badge__label{font-size:.82rem;font-weight:700;color:var(--navy)}
.condition-badge__sub{font-size:.75rem;color:var(--text-soft);margin-top:4px}

/* ── Sticky mobile CTA ── */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--navy);border-top:3px solid var(--gold);padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));display:none;gap:8px;align-items:center;justify-content:center}
.sticky-cta a{flex:1;text-align:center;padding:12px 8px;border-radius:var(--r-sm);font-weight:700;font-size:.82rem;text-decoration:none}
.sticky-cta__call{background:var(--gold);color:var(--navy)}
.sticky-cta__form{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}
.sticky-cta__wa{background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;gap:4px}

/* ══════════════════════════════════════════════
   RESPONSIVE — Mobile-first portrait
   ══════════════════════════════════════════════ */

/* Tablet ≤960px */
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .steps-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .photo-box{grid-template-columns:1fr;gap:28px}
  .nav__links li:not(:last-child):not(.nav__phone-li){display:none}
}

/* Mobile ≤768px */
@media(max-width:768px){
  .section{padding:56px 0}
  .section--tight{padding:36px 0}
  .container{padding:0 16px}
  .nav__inner{padding:0 16px;height:58px}
  .nav__logo{font-size:1.05rem}
  .nav__links{gap:8px}
  .nav__links li{display:none}
  .nav__links li.nav__phone-li,.nav__links li.nav__cta-li{display:flex}
  .nav__phone{font-size:.78rem!important;gap:4px}
  .nav__cta{padding:7px 12px!important;font-size:.78rem!important}
  .hero{padding:44px 0 56px}
  .hero__sub{font-size:.95rem}
  .hero__trust{gap:16px}
  .trust-num{font-size:1.4rem}
  .hero__bullets li{font-size:.85rem}
  .form-card{padding:24px 16px;border-radius:var(--r-md)}
  .form-card__title{font-size:1.2rem}
  .form-card__crown{font-size:.65rem;top:-14px}
  .form-group--row{grid-template-columns:1fr;gap:0}
  .form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:48px;padding:13px 14px}
  .form-submit{padding:16px;font-size:.95rem;min-height:52px}
  .feature-grid{grid-template-columns:1fr}
  .testi-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr;gap:20px}
  .condition-grid{grid-template-columns:repeat(2,1fr)}
  .compare-wrap{overflow-x:auto}
  .compare-wrap table{min-width:560px}
  .footer-grid{grid-template-columns:1fr;gap:24px}
  .footer{padding:36px 0 88px}
  .footer__bottom{flex-direction:column;text-align:center}
  .cta-band{padding:48px 0}
  .cta-band__btns{flex-direction:column;align-items:center}
  .photo-box{padding:28px 20px}
  .pages-bar__inner{gap:4px}
  .sticky-cta{display:flex}
  body{padding-bottom:70px}
  .breadcrumb__inner{flex-wrap:wrap;gap:4px}
  h2{font-size:clamp(1.4rem,6vw,2rem)}
  h3{font-size:clamp(1.05rem,4.5vw,1.5rem)}
  .guarantee{flex-direction:column;gap:10px}
  .wa-btn{width:100%;justify-content:center}
  .urgency-bar{font-size:.75rem;padding:7px 12px;line-height:1.5}
}

/* Small phones ≤390px */
@media(max-width:390px){
  .form-card{padding:20px 12px}
  .hero{padding:36px 0 48px}
  .step-card{padding:22px 18px}
  .nav__cta{display:none}
}

/* iOS Safari */
@supports(-webkit-touch-callout:none){
  select{font-size:16px!important}
  .btn,.form-submit{-webkit-appearance:none}
}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.fade-up{opacity:0;animation:fadeUp .55s ease forwards}
.delay-1{animation-delay:.1s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.36s}