/* ═══ Everything inline + system fonts = instant paint, zero waiting ═══ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --navy:#0a1628;--navy2:#0d1e36;--navy3:#112244;
  --gold:#c9a227;--gold2:#e6b730;--green:#25d366;
  --text:#e2e8f0;--muted:#94a3b8;--border:rgba(255,255,255,.09)
}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:var(--navy);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.wrap{max-width:600px;margin:0 auto;padding:0 16px}

/* ── Top bar ── */
.bar{background:var(--navy);border-bottom:1px solid var(--border);padding:14px 0;text-align:center}
.bar img{height:38px;width:auto;margin:0 auto}

/* ── Hero ── */
.hero{text-align:center;padding:20px 0 18px}
.pill{
  display:inline-flex;align-items:center;gap:7px;background:rgba(201,162,39,.12);
  border:1px solid rgba(201,162,39,.32);color:var(--gold2);font-size:11px;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase;padding:6px 15px;border-radius:100px;margin-bottom:18px
}
.dot{width:6px;height:6px;border-radius:50%;background:var(--gold2);animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
h1{font-size:31px;font-weight:800;line-height:1.18;color:#fff;margin-bottom:12px;letter-spacing:-.5px}
h1 span{color:var(--gold2)}
.hero p{color:var(--muted);font-size:15px;max-width:420px;margin:0 auto 18px}
.flag{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);
  border-radius:100px;padding:7px 17px;font-size:13px;color:var(--text)
}

/* ── Price card ── */
.card{
  background:
    radial-gradient(120% 80% at 50% 0%,rgba(201,162,39,.14),transparent 60%),
    linear-gradient(165deg,var(--navy2),var(--navy3));
  border:1px solid rgba(201,162,39,.4);border-radius:22px;
  padding:24px 20px;position:relative;overflow:hidden;margin-bottom:16px;
  box-shadow:0 14px 46px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)
}
.ribbon{
  position:absolute;top:16px;right:-36px;transform:rotate(45deg);z-index:2;
  background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:800;
  letter-spacing:1.3px;text-transform:uppercase;padding:6px 44px;box-shadow:0 3px 10px rgba(220,38,38,.4)
}

/* top block */
.card-top{text-align:center;margin-bottom:18px}
.badge-glow{
  display:inline-block;background:rgba(201,162,39,.14);border:1px solid rgba(201,162,39,.35);
  color:var(--gold2);font-size:11.5px;font-weight:700;padding:6px 14px;border-radius:100px;
  margin-bottom:13px;letter-spacing:.3px
}
.pname{font-size:26px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:11px;letter-spacing:-.5px}
.stars{font-size:14px;color:#f0c14b;letter-spacing:2px}
.stars span{display:block;font-size:11.5px;color:var(--muted);letter-spacing:.3px;margin-top:4px;font-weight:500}

/* price block */
.price-block{
  background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:16px;
  padding:18px 14px 16px;text-align:center;margin-bottom:18px
}
.was{font-size:13px;color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(148,163,184,.6);margin-bottom:4px}
.price{display:flex;align-items:flex-start;justify-content:center;gap:5px;margin-bottom:8px}
.cur{font-size:22px;font-weight:800;color:var(--gold2);margin-top:8px;letter-spacing:.5px}
.num{
  font-size:58px;font-weight:800;color:var(--gold2);letter-spacing:-2px;line-height:.9;
  text-shadow:0 2px 20px rgba(230,183,48,.4)
}
.pnote{font-size:12.5px;color:var(--text);margin-bottom:12px}
.pnote .ck{color:#4ade80;font-weight:800}
.save{
  display:inline-block;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.3);
  color:#4ade80;font-size:12px;font-weight:700;padding:6px 14px;border-radius:100px
}

.cta{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0a1628;
  font-size:17.5px;font-weight:800;padding:16px;border:none;border-radius:14px;
  cursor:pointer;box-shadow:0 8px 26px rgba(201,162,39,.45);
  font-family:inherit;transition:transform .15s;animation:pulse 2.4s infinite
}
.cta:active{transform:scale(.98)}
@keyframes pulse{0%,100%{box-shadow:0 8px 26px rgba(201,162,39,.45)}50%{box-shadow:0 8px 34px rgba(230,183,48,.7)}}

.mini-trust{
  display:flex;justify-content:center;gap:14px;flex-wrap:wrap;
  margin-top:14px;font-size:11.5px;color:var(--muted);font-weight:600
}
.urgency{
  text-align:center;font-size:12.5px;color:var(--gold2);margin-top:14px;font-weight:700;
  background:rgba(201,162,39,.08);padding:9px;border-radius:10px;border:1px dashed rgba(201,162,39,.3)
}

/* ── WhatsApp secondary ── */
.wa{
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:rgba(37,211,102,.1);border:1.5px solid rgba(37,211,102,.35);
  color:var(--green);font-size:15px;font-weight:700;padding:14px;border-radius:13px;margin-bottom:26px
}
.wa svg{width:19px;height:19px;fill:currentColor;flex:none}

/* ── Features ── */
.sec-t{font-size:17px;font-weight:800;color:#fff;margin-bottom:15px;display:flex;align-items:center;gap:9px}
.sec-t::after{content:"";flex:1;height:1px;background:var(--border)}
.feats{list-style:none;display:grid;gap:10px;margin-bottom:28px}
.feats li{display:flex;gap:11px;font-size:14px;color:var(--text);line-height:1.5}
.tick{
  flex:none;width:19px;height:19px;border-radius:50%;background:rgba(37,211,102,.14);
  color:var(--green);display:flex;align-items:center;justify-content:center;margin-top:1px
}
.tick svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:3.5}

/* ── Trust ── */
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:28px}
.ti{background:var(--navy2);border:1px solid var(--border);border-radius:12px;padding:15px 9px;text-align:center}
.ti .t{font-size:12.5px;font-weight:700;color:#fff;margin-bottom:2px}
.ti .s{font-size:10.5px;color:var(--muted);line-height:1.4}

/* ── Form ── */
.form-box{background:var(--navy2);border:1.5px solid var(--gold);border-radius:18px;padding:26px 20px;margin-bottom:28px;scroll-margin-top:14px}
.form-box h2{font-size:20px;font-weight:800;color:#fff;margin-bottom:6px}
.form-box>p{font-size:13.5px;color:var(--muted);margin-bottom:20px}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--gold2);margin-bottom:7px}
.fg input,.fg textarea{
  width:100%;background:var(--navy3);border:1px solid var(--border);border-radius:11px;
  padding:14px 15px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:border-color .2s
}
.fg input:focus,.fg textarea:focus{border-color:var(--gold)}
.fg input::placeholder,.fg textarea::placeholder{color:#4a5d7a}
.fg textarea{resize:vertical;min-height:78px}
.err{display:none;background:rgba(248,113,113,.11);border:1px solid rgba(248,113,113,.32);color:#fca5a5;font-size:13px;padding:11px 14px;border-radius:10px;margin-bottom:14px}
.err.on{display:block}

/* ── Success ── */
.done{display:none;text-align:center;padding:16px 0}
.done.on{display:block}
.done-ic{width:66px;height:66px;border-radius:50%;background:rgba(37,211,102,.13);display:flex;align-items:center;justify-content:center;margin:0 auto 17px}
.done-ic svg{width:33px;height:33px;stroke:var(--green);fill:none;stroke-width:2.5}
.done h2{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px}
.done p{font-size:14.5px;color:var(--muted);margin-bottom:20px}
.done p b{color:var(--gold2)}

/* ── Footer ── */
footer{border-top:1px solid var(--border);padding:24px 0 100px;text-align:center}
footer p{font-size:12.5px;color:var(--muted)}
footer a{color:var(--gold2)}

/* ── Sticky bottom CTA (mobile conversion booster) ── */
.sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:rgba(10,22,40,.97);backdrop-filter:blur(12px);
  border-top:1px solid var(--border);padding:11px 16px;
  display:flex;gap:9px;align-items:center
}
.sticky .p{flex:none}
.sticky .p .l{font-size:10px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
.sticky .p .v{font-size:19px;font-weight:800;color:var(--gold2);line-height:1.1}
.sticky .b{
  flex:1;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0a1628;
  font-size:15px;font-weight:800;padding:13px;border:none;border-radius:11px;
  cursor:pointer;font-family:inherit
}
.sticky .w{
  flex:none;width:46px;height:46px;border-radius:11px;background:var(--green);
  display:flex;align-items:center;justify-content:center
}
.sticky .w svg{width:23px;height:23px;fill:#fff}

@media(min-width:560px){
  h1{font-size:38px}
  .num{font-size:64px}
  .feats{grid-template-columns:1fr 1fr}
  .card,.form-box{padding:34px 28px}
}

.amc-box{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--navy2);border:1px solid var(--border);border-radius:14px;
  padding:16px 18px;margin-bottom:28px
}
.amc-left{text-align:left}
.amc-lbl{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:3px}
.amc-note{font-size:11.5px;color:var(--muted);line-height:1.4}
.amc-price{font-size:22px;font-weight:800;color:var(--gold2);white-space:nowrap}
.amc-price span{font-size:13px;font-weight:700;vertical-align:middle}
.amc-price small{font-size:12px;color:var(--muted);font-weight:600}

/* ── Section title 2 ── */
.sec-t2{font-size:19px;font-weight:800;color:#fff;text-align:center;margin:8px 0 18px}

/* ── Comparison ── */
.cmp{border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:32px}
.cmp-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center}
.cmp-row+.cmp-row{border-top:1px solid var(--border)}
.cmp-head{background:var(--navy2)}
.cmp-head .cmp-them,.cmp-head .cmp-us{font-size:12px;font-weight:800;letter-spacing:.3px;padding:13px 8px;text-align:center}
.cmp-head .cmp-them{color:var(--muted)}
.cmp-head .cmp-us{color:var(--gold2);background:rgba(201,162,39,.1)}
.cmp-feat{font-size:12.5px;font-weight:600;color:var(--text);padding:14px 12px;line-height:1.3}
.cmp-them,.cmp-us{font-size:12px;padding:14px 8px;text-align:center;line-height:1.35}
.cmp-them{color:var(--muted)}
.cmp-us{color:#fff;font-weight:600;background:rgba(201,162,39,.06)}
.cmp .x{color:#f87171;font-weight:800;margin-right:2px}
.cmp .v{color:#4ade80;font-weight:800;margin-right:2px}

/* ── FAQ ── */
.faq{display:grid;gap:10px;margin-bottom:32px}
.faq-i{background:var(--navy2);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-i summary{
  list-style:none;cursor:pointer;padding:15px 16px;font-size:14px;font-weight:700;color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:10px
}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";font-size:20px;color:var(--gold2);font-weight:400;flex:none;transition:transform .2s}
.faq-i[open] summary::after{transform:rotate(45deg)}
.faq-i p{padding:0 16px 15px;font-size:13px;color:var(--muted);line-height:1.6}
.faq-i p b{color:var(--gold2)}

/* ── Final CTA ── */
.final-cta{text-align:center;padding:8px 0 30px}
.final-cta p{font-size:16px;font-weight:700;color:#fff;margin-bottom:14px}

body{padding-bottom:78px}  /* clears the sticky bar, nothing extra */  /* space so the sticky bottom bar never hides content */

/* ═══════════ APPLY MODAL ═══════════ */
.modal-ov{
  position:fixed;inset:0;z-index:2000;background:rgba(4,8,14,.72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:none;align-items:flex-end;justify-content:center;padding:0
}
.modal-ov.on{display:flex}
.modal{
  background:linear-gradient(180deg,var(--navy2),var(--navy));
  border:1px solid rgba(201,162,39,.3);border-top-left-radius:24px;border-top-right-radius:24px;
  width:100%;max-width:560px;max-height:92vh;overflow-y:auto;
  padding:26px 20px calc(24px + env(safe-area-inset-bottom));position:relative;
  animation:slideUp .3s cubic-bezier(.16,1,.3,1)
}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.modal-x{
  position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.08);border:none;color:#fff;font-size:22px;line-height:1;
  cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s
}
.modal-x:hover{background:rgba(255,255,255,.16)}

.modal-head{text-align:center;margin-bottom:20px;padding-right:20px}
.modal-badge{
  display:inline-block;background:rgba(201,162,39,.13);border:1px solid rgba(201,162,39,.32);
  color:var(--gold2);font-size:11.5px;font-weight:700;padding:6px 13px;border-radius:100px;margin-bottom:12px
}
.modal-head h3{font-size:23px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.4px}
.modal-head p{font-size:13.5px;color:var(--muted);line-height:1.5}

.m-err{
  display:none;background:rgba(248,113,113,.11);border:1px solid rgba(248,113,113,.3);
  color:#fca5a5;font-size:13px;padding:11px 14px;border-radius:11px;margin-bottom:15px
}
.m-err.on{display:block}

.m-fg{margin-bottom:14px}
.m-fg label{display:block;font-size:12px;font-weight:700;color:var(--text);margin-bottom:7px;letter-spacing:.2px}
.m-fg label span{color:#f87171}
.m-fg label .opt{color:var(--muted);font-weight:500}
.m-fg input,.m-fg textarea{
  width:100%;background:var(--navy3);border:1.5px solid var(--border);border-radius:12px;
  padding:14px 15px;color:#fff;font-size:16px;font-family:inherit;outline:none;transition:border-color .2s
}
.m-fg input:focus,.m-fg textarea:focus{border-color:var(--gold)}
.m-fg input::placeholder,.m-fg textarea::placeholder{color:#4a5d7a}
.m-fg textarea{resize:vertical;min-height:60px}

.m-submit{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0a1628;
  font-size:17px;font-weight:800;padding:16px;border:none;border-radius:14px;
  cursor:pointer;box-shadow:0 8px 24px rgba(201,162,39,.4);font-family:inherit;
  margin-top:4px;transition:transform .15s
}
.m-submit svg{width:18px;height:18px}
.m-submit:active{transform:scale(.98)}
.m-submit:disabled{opacity:.7;cursor:default}

.m-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.m-back{
  background:none;border:none;color:var(--muted);font-size:14px;font-weight:600;
  cursor:pointer;font-family:inherit;padding:6px 4px;transition:color .2s
}
.m-back:hover{color:#fff}
.m-wa{font-size:13px;color:var(--green);font-weight:600}

.m-trust{text-align:center;font-size:11.5px;color:var(--muted);margin-top:16px}

/* success step */
.done-step{display:none;text-align:center;padding:18px 6px 8px}
.done-step.on{display:block}
.done-ring{
  width:74px;height:74px;border-radius:50%;background:rgba(74,222,128,.13);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
  animation:pop .4s cubic-bezier(.16,1.3,.4,1)
}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.done-ring svg{width:36px;height:36px;stroke:#4ade80}
.done-step h3{font-size:24px;font-weight:800;color:#fff;margin-bottom:10px}
.done-step p{font-size:14.5px;color:var(--muted);line-height:1.6;margin-bottom:22px}
.done-step p b{color:var(--gold2)}
.done-wa{
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:var(--green);color:#fff;font-size:15px;font-weight:700;
  padding:14px;border-radius:13px;margin-bottom:12px
}
.done-wa svg{width:20px;height:20px}
.m-close2{
  background:none;border:1px solid var(--border);color:var(--muted);font-size:14px;font-weight:600;
  padding:12px;border-radius:12px;width:100%;cursor:pointer;font-family:inherit;transition:.2s
}
.m-close2:hover{border-color:var(--gold);color:#fff}

@media(min-width:560px){
  .modal-ov{align-items:center;padding:20px}
  .modal{border-radius:24px;animation:fadeIn .25s ease}
  @keyframes fadeIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
}

/* ══ Theme tokens (header + footer both use these) ══ */
:root{
  /* Core navy */
  --navy:#0a1628;
  --navy2:#0d1e36;
  --navy3:#112244;
  --darkblue:#0d2a5e;

  /* Accents */
  --gold:#c9a227;
  --gold2:#e6b730;
  --gold3:#f0d080;
  --blue:#2563eb;
  --blue2:#3b82f6;
  --skyblue:#3a8fd8;
  --green:#22c55e;

  /* Text */
  --text:#e2e8f0;
  --muted:#94a3b8;
  --white:#f8fafc;

  /* Light surfaces (used inside light page sections) */
  --light:#f0f6ff;
  --lightgray:#e4edf8;
  --ink:#0f1e38;
  --inksub:#3d5275;

  /* Lines */
  --border:rgba(201,162,39,0.18);
  --border2:rgba(255,255,255,0.08);

  /* Shape */
  --radius:12px;
  --radius2:8px;

  /* Fonts */
  --font-display:'Playfair Display',Georgia,serif;
  --font-price:'Poppins','DM Sans',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;

  /* Layout */
  --header-h:80px;
  --maxw:1200px;
}

/* ══ Reset — scoped to the Sumswork header.
   :where() gives ZERO specificity, so it behaves exactly like the
   site's own "*" reset and never overrides the real rules below. ══ */
:where(#sw-header, #sw-mob),
:where(#sw-header, #sw-mob) :where(*, *::before, *::after){
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:var(--font-body);
  line-height:1.6;
}

/* Kill WordPress theme defaults (safe — the site never uses these) */
#sw-header a,#sw-mob a{
  text-decoration:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  background-image:none !important;
}
#sw-header a:hover,#sw-mob a:hover{text-decoration:none !important;}
#sw-header ul,#sw-header ol,#sw-mob ul,#sw-mob ol,
#sw-header li,#sw-mob li{list-style:none !important;}
#sw-header li::marker,#sw-mob li::marker{content:none !important;}
#sw-header img{max-width:100%;height:auto;border:none;}
#sw-header button,#sw-mob button{
  background:none;border:none;cursor:pointer;font-family:inherit;
}
#sw-header .sw-ico,#sw-mob .sw-ico{display:inline-flex;align-items:center;justify-content:center;}
#sw-header .sw-ico svg,#sw-mob .sw-ico svg{width:100%;height:100%;display:block;}

body{padding-top:var(--header-h,72px);}

/* ══ Header ══ */
.sw-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;}
.sw-ico svg{display:block;width:100%;height:100%;}
.sw-header{
  position:fixed;top:0;left:0;right:0;z-index:9000;
  background:#0a1628;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:background .35s,border-color .35s,box-shadow .35s;
}
.sw-header.top{
  background:#0a1628;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-color:rgba(255,255,255,.04);
}
.sw-header.scrolled{
  background:rgba(10,22,40,.98);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border-color:var(--border);
  box-shadow:0 8px 32px rgba(0,0,0,.4);
}
.sw-header.scrolled::after{
  content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.45) 30%,rgba(230,183,48,.4) 70%,transparent);
}
.sw-nav{
  max-width:1240px;margin:0 auto;padding:0 32px;height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.sw-logo{display:flex;align-items:center;flex-shrink:0;transition:opacity .2s;}
.sw-logo:hover{opacity:.85;}
.sw-logo img{height:64px;width:auto;max-width:230px;object-fit:contain;filter:brightness(1.15);}
.sw-logo-fb{display:none;font-size:20px;font-weight:700;color:#fff;}
.sw-logo-fb em{color:var(--gold);font-style:normal;}
.sw-links{display:flex;align-items:center;list-style:none;flex:1;justify-content:center;height:100%;}
.sw-links li{position:relative;display:flex;align-items:center;height:100%;}
.sw-links>li>a{
  display:flex;align-items:center;gap:4px;height:100%;padding:0 13px;
  font-size:13.5px;font-weight:500;color:rgba(255,255,255,.72);
  white-space:nowrap;position:relative;transition:color .2s;cursor:pointer;
}
.sw-links>li>a:hover{color:#fff;}
.sw-links>li>a.sw-act{color:#fff;}
.sw-links>li>a.sw-act::after{
  content:'';position:absolute;bottom:0;left:13px;right:13px;height:2px;
  background:var(--gold);border-radius:2px;
}
.sw-drop-ico{width:10px;height:10px;opacity:.55;transition:transform .25s;}
.sw-has-drop:hover .sw-drop-ico{transform:rotate(180deg);}
.sw-dropdown{
  display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);
  background:rgba(8,18,34,.98);border:1px solid rgba(255,255,255,.1);
  border-radius:14px;padding:8px;min-width:235px;
  box-shadow:0 24px 56px rgba(0,0,0,.55);z-index:1000;
}
.sw-has-drop:hover .sw-dropdown{display:block;animation:swDrop .18s ease;}
.sw-dropdown::before{
  content:'';position:absolute;top:-6px;left:50%;width:11px;height:11px;
  background:rgba(8,18,34,.98);border-top:1px solid rgba(255,255,255,.1);
  border-left:1px solid rgba(255,255,255,.1);transform:translateX(-50%) rotate(45deg);border-radius:2px;
}
.sw-dropdown a{
  display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;
  font-size:13px;color:rgba(255,255,255,.72);transition:background .18s,color .18s;
}
.sw-dropdown a:hover{background:rgba(201,162,39,.14);color:#fff;}
.sw-dropdown a .sw-ico{width:16px;height:16px;color:var(--gold);}
.sw-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.sw-wa{
  display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  background:rgba(34,197,94,.12);border:1.5px solid rgba(34,197,94,.28);color:var(--green);
  flex-shrink:0;transition:all .25s;
}
.sw-wa:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-1px);}
.sw-wa .sw-ico{width:20px;height:20px;}
.sw-quote{
  display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--navy);
  font-size:13.5px;font-weight:700;padding:9px 20px;border-radius:8px;
  border:1.5px solid var(--gold);white-space:nowrap;flex-shrink:0;transition:all .25s;cursor:pointer;
}
.sw-quote:hover{background:var(--gold2);border-color:var(--gold2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,162,39,.35);}
.sw-quote .sw-ico{width:13px;height:13px;}
.sw-ham{
  display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;
  width:40px;height:40px;border-radius:9px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);transition:background .2s;flex-shrink:0;
}
.sw-ham:hover{background:rgba(255,255,255,.13);}
.sw-ham span{display:block;width:20px;height:2px;background:rgba(255,255,255,.88);border-radius:2px;transition:all .3s ease;transform-origin:center;}
.sw-ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sw-ham.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.sw-ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.sw-mob{
  position:fixed;top:var(--header-h);left:0;right:0;bottom:0;
  background:rgba(10,22,40,.99);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  overflow-y:auto;z-index:8900;padding:20px 22px 48px;
  opacity:0;transform:translateY(-10px);pointer-events:none;visibility:hidden;
  transition:opacity .28s,transform .28s,visibility .28s;
}
.sw-mob.open{opacity:1;transform:translateY(0);pointer-events:all;visibility:visible;}
.sw-m-nav{list-style:none;margin-bottom:24px;}
.sw-m-nav>li{border-bottom:1px solid rgba(255,255,255,.06);}
.sw-m-nav>li:last-child{border-bottom:none;}
.sw-m-nav>li>a{
  display:flex;align-items:center;justify-content:space-between;
  color:rgba(255,255,255,.82);font-size:15.5px;font-weight:500;padding:14px 2px;transition:color .2s;
}
.sw-m-nav>li>a:hover,.sw-m-nav>li>a.sw-act{color:var(--gold2);}
.sw-m-arr{display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);transition:transform .25s;width:14px;height:14px;}
.sw-m-arr.rot{transform:rotate(90deg);}
.sw-m-sub{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:14px;}
.sw-m-sub.open{max-height:400px;}
.sw-m-sub a{
  display:block;font-size:13.5px;color:rgba(255,255,255,.55);
  border-bottom:1px solid rgba(255,255,255,.04);padding:11px 4px;transition:color .2s;
}
.sw-m-sub a:last-child{border-bottom:none;}
.sw-m-sub a:hover{color:rgba(255,255,255,.9);}
.sw-m-cta{display:flex;flex-direction:column;gap:11px;padding-top:8px;}
.sw-m-quote{
  display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);
  font-size:14.5px;font-weight:700;padding:14px;border-radius:11px;transition:all .22s;
}
.sw-m-quote:hover{background:var(--gold2);}
.sw-m-wa{
  display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.1);
  border:1.5px solid rgba(34,197,94,.28);color:var(--green);font-size:14.5px;font-weight:600;
  padding:14px;border-radius:11px;transition:all .22s;
}
.sw-m-wa:hover{background:var(--green);color:#fff;border-color:var(--green);}
@media(max-width:1100px){
  .sw-links>li>a{padding:0 10px;font-size:13px;}
}
@media(max-width:980px){
  .sw-links{display:none;}
  .sw-actions{display:none;}
  .sw-ham{display:flex;}
  .sw-nav{padding:0 20px;}
}
@media(max-width:768px){
  .sw-logo img{height:56px;max-width:200px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px;}
  .brand-col{grid-column:1 / -1;}
  .stats-row{max-width:380px;}
}
@media(max-width:600px){
  :root{--header-h:75px;}
  .sw-nav{padding:0 16px;}
  .sw-logo img{height:58px;max-width:210px;}
  .sw-container{padding:0 16px;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .brand-col{grid-column:auto;}
  .stats-row{max-width:100%;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}
}
@media(max-width:360px){
  :root{--header-h:70px;}
  .sw-nav{padding:0 14px;}
  .sw-logo img{height:54px;max-width:190px;}
}

/* ══════════════════════════════════════════════
   WORDPRESS OVERRIDES
   Themes (Astra, Divi, etc.) force their own rules on images,
   links and lists inside page content. These win them back.
   ══════════════════════════════════════════════ */
#sw-header.sw-header{
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  width:100% !important;
  z-index:9000 !important;
  background:#0a1628 !important;
  height:var(--header-h) !important;
  max-width:none !important;
  margin:0 !important;
}
#sw-header .sw-nav{
  max-width:var(--maxw) !important;
  margin:0 auto !important;
  height:100% !important;
}
#sw-header .sw-logo img,
.sw-header .sw-logo img{
  height:64px !important;
  width:auto !important;
  max-width:230px !important;
  min-width:0 !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#sw-mob.sw-mob{
  position:fixed !important;
  z-index:8900 !important;
  max-width:none !important;
  width:auto !important;
}
#sw-header .sw-links,
#sw-header .sw-actions{
  max-width:none !important;
}
#sw-header .sw-links li,
#sw-mob .sw-m-nav li{
  width:auto !important;
  float:none !important;
}
#sw-header .sw-ico svg,
#sw-mob .sw-ico svg{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
}
#sw-header .sw-ham span{
  display:block !important;
  border-radius:2px !important;
}

@media(max-width:980px){
  #sw-header .sw-logo img,.sw-header .sw-logo img{height:56px !important;max-width:200px !important;}
}
@media(max-width:600px){
  #sw-header .sw-logo img,.sw-header .sw-logo img{height:58px !important;max-width:210px !important;}
}
@media(max-width:360px){
  #sw-header .sw-logo img,.sw-header .sw-logo img{height:54px !important;max-width:190px !important;}
}

/* ══ Theme colours ══ */
:root{
  /* Core navy */
  --navy:#0a1628;
  --navy2:#0d1e36;
  --navy3:#112244;
  --darkblue:#0d2a5e;

  /* Accents */
  --gold:#c9a227;
  --gold2:#e6b730;
  --gold3:#f0d080;
  --blue:#2563eb;
  --blue2:#3b82f6;
  --skyblue:#3a8fd8;
  --green:#22c55e;

  /* Text */
  --text:#e2e8f0;
  --muted:#94a3b8;
  --white:#f8fafc;

  /* Light surfaces (used inside light page sections) */
  --light:#f0f6ff;
  --lightgray:#e4edf8;
  --ink:#0f1e38;
  --inksub:#3d5275;

  /* Lines */
  --border:rgba(201,162,39,0.18);
  --border2:rgba(255,255,255,0.08);

  /* Shape */
  --radius:12px;
  --radius2:8px;

  /* Fonts */
  --font-display:'Playfair Display',Georgia,serif;
  --font-price:'Poppins','DM Sans',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;

  /* Layout */
  --header-h:80px;
  --maxw:1200px;
}

/* ══ Reset — scoped to the footer.
   :where() gives ZERO specificity, so it behaves exactly like the
   site's own "*" reset and never overrides the real rules below. ══ */
:where(.sw-footer, .wa-float),
:where(.sw-footer, .wa-float) :where(*, *::before, *::after){
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:var(--font-body);
  line-height:1.6;
}

/* Kill WordPress theme defaults (safe — the site never uses these) */
.sw-footer a,
.sw-footer a:hover{text-decoration:none !important;}
.sw-footer ul,.sw-footer ol,.sw-footer li{list-style:none !important;}
.sw-footer li::marker{content:none !important;}
.sw-footer img{max-width:100%;height:auto;border:none;}
.sw-footer .sw-ico{display:inline-flex;align-items:center;justify-content:center;}
.sw-footer .sw-ico svg{width:100%;height:100%;display:block;}

/* ══ Footer ══ */
.sw-footer{background:#080b10;padding:72px 24px 0;position:relative;border-top:1px solid var(--border2);}
.sw-footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.5) 30%,rgba(230,183,48,.5) 70%,transparent);
}
.footer-inner{max-width:1200px;margin:0 auto;}
.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1.1fr 1.3fr;gap:0 48px;align-items:start;}
.footer-logo{height:48px;width:auto;margin-bottom:10px;}
.brand-tagline{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;text-align:left;}
.brand-desc{font-size:13.5px;color:var(--muted);line-height:1.75;margin-bottom:28px;max-width:280px;text-align:left;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border2);border-radius:12px;overflow:hidden;margin-bottom:28px;background:#111720;}
.stat-box{padding:14px 10px;text-align:center;position:relative;}
.stat-box+.stat-box::before{content:'';position:absolute;left:0;top:18%;bottom:18%;width:1px;background:var(--border2);}
.stat-val{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--gold2);line-height:1;margin-bottom:4px;}
.stat-lbl{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.social-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.soc-icon{width:36px;height:36px;border-radius:8px;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--muted);background:#111720;transition:all .2s;}
.soc-icon:hover{border-color:var(--gold);color:var(--gold2);background:rgba(201,162,39,.08);transform:translateY(-3px);}
.soc-icon svg{width:15px;height:15px;fill:currentColor;}
.wa-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);color:var(--green);font-size:12px;font-weight:600;padding:9px 16px;border-radius:8px;transition:all .2s;width:fit-content;}
.wa-pill:hover{background:rgba(34,197,94,.15);transform:translateY(-2px);}
.col-heading{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--white);margin-bottom:20px;padding-bottom:12px;position:relative;}
.col-heading::after{content:'';position:absolute;bottom:0;left:0;width:28px;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:2px;}
.link-list{list-style:none;display:flex;flex-direction:column;gap:11px;}
.link-list li a{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:8px;transition:color .2s,gap .2s;cursor:pointer;}
.link-list li a::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--border2);flex-shrink:0;transition:background .2s,transform .2s;}
.link-list li a:hover{color:var(--white);gap:10px;}
.link-list li a:hover::before{background:var(--gold2);transform:scale(1.4);}
.contact-list{display:flex;flex-direction:column;gap:16px;}
.contact-item{display:flex;align-items:flex-start;gap:12px;text-align:left;}
.c-icon-box{width:36px;height:36px;background:rgba(201,162,39,.08);border:1px solid rgba(201,162,39,.18);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.c-icon-box svg{width:14px;height:14px;fill:var(--gold);}
.c-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-bottom:2px;text-align:left;}
.c-value{font-size:13px;color:var(--text);transition:color .2s;line-height:1.4;word-break:break-word;;text-align:left}
.country-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px;}
.ctag{font-size:10.5px;color:var(--muted);background:#111720;border:1px solid var(--border2);padding:4px 9px;border-radius:6px;font-weight:500;transition:all .2s;}
.ctag-more{background:rgba(201,162,39,.12);border-color:rgba(201,162,39,.3);color:var(--gold2);font-weight:700;}
.ctag:hover{border-color:rgba(201,162,39,.3);color:var(--text);}
.footer-hr{border:none;border-top:1px solid var(--border2);margin:56px 0 0;}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 0 16px;}
.copy{font-size:12.5px;color:var(--muted);}
.copy strong{color:var(--text);font-weight:600;}
.bottom-links{display:flex;gap:20px;flex-wrap:wrap;}
.bottom-links a{font-size:12px;color:var(--muted);font-weight:500;transition:color .2s;cursor:pointer;}
.bottom-links a:hover{color:var(--gold2);}
.made-tag{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;}
.heart{color:#ef4444;display:inline-block;animation:hb 1.6s ease-in-out infinite;}
@media(max-width:1024px){
  .footer-grid{gap:0 28px;}
  .brand-desc{max-width:100%;}
}
@media(max-width:768px){
  .sw-logo img{height:56px;max-width:200px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 24px;}
  .brand-col{grid-column:1 / -1;}
  .stats-row{max-width:380px;}
}
@media(max-width:600px){
  :root{--header-h:75px;}
  .sw-nav{padding:0 16px;}
  .sw-logo img{height:58px;max-width:210px;}
  .sw-container{padding:0 16px;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .brand-col{grid-column:auto;}
  .stats-row{max-width:100%;}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;}
}
@media(max-width:768px){
  .h-inner{grid-template-columns:1fr;padding:46px 16px 36px;gap:28px;}
  .hf1{bottom:-12px;right:-8px;padding:10px 13px;}
  .hf1-num{font-size:15px;}
  .hf2{top:-10px;right:-8px;padding:8px 12px;}
  .hf2-txt{font-size:11px;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .stat-item:nth-child(2){border-right:none;}
  .stat-item{border-bottom:1px solid rgba(255,255,255,.08);}
  .stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none;}
  .svc-head{grid-template-columns:1fr;gap:12px;}
  .svc-grid{grid-template-columns:1fr;}
  .why-g{grid-template-columns:1fr;gap:36px;}
  .port-g{grid-template-columns:1fr;}
  .port-h{flex-direction:column;align-items:flex-start;}
  .proc-g{grid-template-columns:repeat(2,1fr);gap:22px;}
  .proc-g::before{display:none;}
  .h-btns{flex-direction:column;width:fit-content;}
  .cta-bs{flex-direction:column;align-items:center;}
  .cta-tr{gap:12px;}
}

/* ══ Floating WhatsApp ══ */



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

/* ══════════════════════════════════════════════
   WORDPRESS OVERRIDES
   ══════════════════════════════════════════════ */
footer.sw-footer{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:72px 24px 0 !important;
  background:#080b10 !important;
  float:none !important;
}
.sw-footer .footer-inner{max-width:1200px !important;margin:0 auto !important;padding:0 !important;}
.sw-footer .footer-logo{
  height:48px !important;
  width:auto !important;
  max-width:200px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 0 10px !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.sw-footer .soc-icon svg,
.sw-footer .c-icon-box svg,
.sw-footer .wa-pill svg{
  width:auto !important;
  height:auto !important;
  max-width:none !important;
}
.sw-footer .soc-icon svg{width:15px !important;height:15px !important;}
.sw-footer .c-icon-box svg{width:14px !important;height:14px !important;}
.sw-footer .wa-pill svg{width:13px !important;height:13px !important;}
.sw-footer .footer-grid{display:grid !important;}
.sw-footer .link-list{display:flex !important;flex-direction:column !important;}
.sw-footer li{width:auto !important;float:none !important;}


@media(max-width:600px){
  footer.sw-footer{padding:56px 16px 0 !important;}
  
  
}