/* ================================================================
   AIRTKT RESERVATION SERVICES — Stylesheet
   airtktreservationservices.online | (888) 654-3870
   Design: Deep Teal + Amber Premium Theme
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Raleway:wght@400;600;700;800;900&display=swap');

/* ── Variables ───────────────────────────────────────────────── */
:root {
  --teal:        #0B4F6C;
  --teal-mid:    #0E6080;
  --teal-light:  #1A8FAD;
  --teal-pale:   #E6F4F8;
  --amber:       #F4A261;
  --amber-dark:  #E08B40;
  --amber-light: #FFF3E8;
  --coral:       #E63946;
  --navy:        #03182B;
  --navy-mid:    #06284A;
  --sky:         #48CAE4;
  --sky-pale:    #E0F7FE;
  --white:       #FFFFFF;
  --off-white:   #F7FAFB;
  --text:        #1C2B3A;
  --text-mid:    #4A6072;
  --text-light:  #7A92A3;
  --border:      #C8DCE6;
  --border-lt:   #E0EDF2;
  --green:       #2DC653;
  --shadow-xs:   0 1px 4px rgba(11,79,108,.08);
  --shadow-sm:   0 3px 12px rgba(11,79,108,.10);
  --shadow:      0 6px 24px rgba(11,79,108,.12);
  --shadow-lg:   0 12px 48px rgba(11,79,108,.16);
  --shadow-xl:   0 24px 72px rgba(11,79,108,.20);
  --r:           8px;
  --r-md:        14px;
  --r-lg:        22px;
  --r-xl:        32px;
  --pill:        999px;
  --ease:        all 0.30s cubic-bezier(.4,0,.2,1);
  --font:        'Poppins', sans-serif;
  --font-h:      'Raleway', sans-serif;
}

/* ── Reset ───────────────────────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0 }
html { scroll-behavior:smooth; font-size:16px }
body { font-family:var(--font); color:var(--text); background:var(--white); line-height:1.7; overflow-x:hidden }
h1,h2,h3,h4,h5 { font-family:var(--font-h); line-height:1.22; color:var(--navy) }
a { text-decoration:none; color:inherit; transition:var(--ease) }
img { max-width:100%; display:block }
ul { list-style:none }
button { cursor:pointer; font-family:var(--font) }
.container { width:100%; max-width:1200px; margin:0 auto; padding:0 24px }
.sec { padding:96px 0 }

/* ── Topbar ──────────────────────────────────────────────────── */
.topbar { background:var(--navy); padding:9px 0; font-size:.78rem }
.topbar .container { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap }
.tb-l,.tb-r { display:flex; align-items:center; gap:18px; color:rgba(255,255,255,.7) }
.topbar a { color:rgba(255,255,255,.7) }
.topbar a:hover { color:var(--amber) }
.tb-pill { background:var(--amber); color:var(--navy) !important; padding:5px 16px; border-radius:var(--pill); font-weight:700; font-size:.8rem; display:flex; align-items:center; gap:6px }
.tb-pill:hover { background:var(--amber-dark) !important; color:var(--navy) !important }

/* ── Header ──────────────────────────────────────────────────── */
.hdr { position:sticky; top:0; z-index:1000; background:var(--white); box-shadow:var(--shadow-sm); padding:13px 0 }
.hdr-inner { display:flex; align-items:center; justify-content:space-between; gap:16px }

/* Logo */
.logo { display:flex; align-items:center; gap:12px }
.logo-badge {
  width:46px; height:46px;
  background:linear-gradient(135deg,var(--teal),var(--teal-light));
  border-radius:var(--r-md); display:flex; align-items:center;
  justify-content:center; font-size:1.5rem; flex-shrink:0
}
.logo-text { display:flex; flex-direction:column }
.logo-brand { font-family:var(--font-h); font-size:1.1rem; font-weight:800; color:var(--teal); line-height:1 }
.logo-tagline { font-size:.64rem; color:var(--text-light); letter-spacing:1.8px; text-transform:uppercase; margin-top:2px }

/* Nav */
.nav { display:flex; align-items:center; gap:2px }
.nav a { font-size:.85rem; font-weight:600; color:var(--text-mid); padding:8px 13px; border-radius:var(--r); transition:var(--ease) }
.nav a:hover,.nav a.active { color:var(--teal); background:var(--teal-pale) }

/* Dropdown */
.nd { position:relative }
.nd-toggle { display:flex; align-items:center; gap:4px }
.nd-toggle::after { content:'▾'; font-size:.6rem }
.nd-panel {
  position:absolute; top:calc(100% + 10px); left:0;
  background:var(--white); border:1px solid var(--border-lt);
  border-radius:var(--r-md); box-shadow:var(--shadow-lg);
  min-width:220px; opacity:0; visibility:hidden;
  transform:translateY(-6px); transition:var(--ease); z-index:300
}
.nd:hover .nd-panel { opacity:1; visibility:visible; transform:translateY(0) }
.nd-panel a { display:flex; align-items:center; gap:10px; padding:11px 18px; font-size:.83rem; color:var(--text-mid); border-radius:0 }
.nd-panel a:first-child { border-radius:var(--r-md) var(--r-md) 0 0 }
.nd-panel a:last-child { border-radius:0 0 var(--r-md) var(--r-md) }
.nd-panel a:hover { background:var(--teal-pale); color:var(--teal) }

/* CTA Button */
.hdr-cta {
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,var(--amber),var(--amber-dark));
  color:var(--navy) !important; padding:11px 22px;
  border-radius:var(--pill); font-weight:800; font-size:.92rem;
  white-space:nowrap; box-shadow:0 4px 16px rgba(244,162,97,.4); border:none
}
.hdr-cta:hover { transform:translateY(-2px); box-shadow:0 7px 24px rgba(244,162,97,.5); color:var(--navy) !important }
.hdr-cta .ph-ic { animation:wiggle 2.5s ease-in-out infinite }
@keyframes wiggle { 0%,100%{transform:rotate(0)} 10%,30%{transform:rotate(-14deg)} 20%,40%{transform:rotate(14deg)} 50%{transform:rotate(0)} }

/* Hamburger */
.ham { display:none; background:none; border:2px solid var(--border); border-radius:var(--r); padding:8px }
.ham span { display:block; width:20px; height:2px; background:var(--text); margin:4px 0; transition:var(--ease) }

/* ── Hero ────────────────────────────────────────────────────── */
.hero {
  position:relative; min-height:92vh;
  display:flex; align-items:center;
  background:linear-gradient(150deg,var(--navy) 0%,var(--navy-mid) 45%,#0E3D60 100%);
  overflow:hidden
}
.hero-art {
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 70% 60% at 15% 40%,rgba(11,79,108,.5) 0%,transparent 100%),
    radial-gradient(ellipse 50% 50% at 85% 20%,rgba(72,202,228,.12) 0%,transparent 100%),
    radial-gradient(ellipse 40% 40% at 60% 80%,rgba(244,162,97,.10) 0%,transparent 100%)
}
.hero-lines {
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:80px 80px
}
.hero-plane { position:absolute; right:2%; top:50%; transform:translateY(-50%); font-size:18rem; opacity:.04; animation:glide 8s ease-in-out infinite }
@keyframes glide { 0%,100%{transform:translateY(-50%) rotate(-6deg)} 50%{transform:translateY(-56%) rotate(4deg)} }

.hero .container { position:relative; z-index:2 }
.hero-inner { max-width:680px }
.badge-pill {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(72,202,228,.15); border:1px solid rgba(72,202,228,.3);
  color:var(--sky); padding:7px 18px; border-radius:var(--pill);
  font-size:.75rem; font-weight:700; letter-spacing:.8px;
  text-transform:uppercase; margin-bottom:24px
}
.hero h1 { font-size:clamp(2.1rem,4.8vw,3.7rem); font-weight:900; color:var(--white); margin-bottom:20px; line-height:1.13 }
.hero h1 .hi { color:var(--amber) }
.hero-p { font-size:1.02rem; color:rgba(255,255,255,.72); margin-bottom:38px; line-height:1.9; max-width:540px }
.hero-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:60px }

.btn-amber {
  display:inline-flex; align-items:center; gap:9px;
  background:linear-gradient(135deg,var(--amber),var(--amber-dark));
  color:var(--navy); padding:16px 34px; border-radius:var(--pill);
  font-size:1.02rem; font-weight:800; border:none;
  box-shadow:0 5px 22px rgba(244,162,97,.45); transition:var(--ease)
}
.btn-amber:hover { transform:translateY(-3px); box-shadow:0 10px 32px rgba(244,162,97,.55); color:var(--navy) }

.btn-outline-w {
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(255,255,255,.08); backdrop-filter:blur(8px);
  color:var(--white); padding:15px 28px; border-radius:var(--pill);
  font-size:.96rem; font-weight:600;
  border:1px solid rgba(255,255,255,.2); transition:var(--ease)
}
.btn-outline-w:hover { background:rgba(255,255,255,.16); transform:translateY(-2px); color:var(--white) }

.hero-stats { display:flex; gap:44px; flex-wrap:wrap }
.stat-val { font-family:var(--font-h); font-size:2.1rem; font-weight:900; color:var(--white); line-height:1 }
.stat-lbl { font-size:.72rem; color:rgba(255,255,255,.52); text-transform:uppercase; letter-spacing:.6px; margin-top:4px }

/* ── Trust bar ───────────────────────────────────────────────── */
.trust { background:var(--white); border-bottom:1px solid var(--border-lt); padding:18px 0 }
.trust .container { display:flex; align-items:center; justify-content:space-around; gap:14px; flex-wrap:wrap }
.t-item { display:flex; align-items:center; gap:9px; font-size:.82rem; font-weight:700; color:var(--text); flex:1; min-width:140px; justify-content:center }
.t-ic { width:32px; height:32px; background:var(--teal-pale); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.88rem; flex-shrink:0 }

/* ── Section helpers ─────────────────────────────────────────── */
.label-chip {
  display:inline-block; background:var(--teal-pale); color:var(--teal);
  font-size:.7rem; font-weight:800; letter-spacing:2px;
  text-transform:uppercase; padding:5px 16px;
  border-radius:var(--pill); border:1px solid rgba(11,79,108,.15); margin-bottom:14px
}
.sec-title { font-size:clamp(1.65rem,2.8vw,2.45rem); font-weight:900; margin-bottom:14px; color:var(--navy) }
.sec-sub { font-size:.94rem; color:var(--text-mid); line-height:1.88; max-width:580px }
.sec-head { text-align:center; margin-bottom:60px }
.sec-head .sec-sub { margin:0 auto }

/* ── Services section ────────────────────────────────────────── */
.services { background:var(--off-white) }
.svc-wrap { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:22px }

.card-svc {
  background:var(--white); border-radius:var(--r-lg);
  padding:36px 22px 28px; text-align:center;
  border:1px solid var(--border-lt); transition:var(--ease);
  position:relative; overflow:hidden
}
.card-svc::before {
  content:''; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--teal),var(--sky));
  transform:scaleX(0); transform-origin:left; transition:var(--ease)
}
.card-svc:hover { box-shadow:var(--shadow-lg); transform:translateY(-9px); border-color:transparent }
.card-svc:hover::before { transform:scaleX(1) }

.svc-ico-wrap {
  width:72px; height:72px; background:var(--teal-pale);
  border-radius:var(--r-md); display:flex; align-items:center;
  justify-content:center; font-size:2rem; margin:0 auto 20px; transition:var(--ease)
}
.card-svc:hover .svc-ico-wrap { background:linear-gradient(135deg,var(--teal),var(--teal-light)); transform:scale(1.08) }

.svc-nm { font-size:1rem; font-weight:800; font-family:var(--font-h); color:var(--navy); margin-bottom:10px }
.svc-tx { font-size:.82rem; color:var(--text-light); line-height:1.78; margin-bottom:16px }
.svc-a { font-size:.78rem; font-weight:700; color:var(--teal); display:inline-flex; align-items:center; gap:4px }
.svc-a:hover { color:var(--amber-dark); gap:8px }

/* ── Call ribbon ─────────────────────────────────────────────── */
.ribbon {
  background:linear-gradient(135deg,var(--teal) 0%,var(--teal-mid) 100%);
  padding:62px 0; text-align:center; position:relative; overflow:hidden
}
.ribbon::before { content:'✈'; position:absolute; left:3%; top:50%; transform:translateY(-50%) rotate(-30deg); font-size:6rem; opacity:.07 }
.ribbon::after  { content:'✈'; position:absolute; right:3%; top:50%; transform:translateY(-50%) rotate(30deg) scaleX(-1); font-size:6rem; opacity:.07 }
.ribbon .container { position:relative; z-index:2 }
.ribbon h2 { font-size:clamp(1.45rem,2.8vw,2.2rem); color:var(--white); margin-bottom:10px }
.ribbon p  { color:rgba(255,255,255,.78); font-size:.94rem; margin-bottom:30px }

.btn-call-hero {
  display:inline-flex; align-items:center; gap:12px;
  background:var(--white); color:var(--teal) !important;
  padding:17px 42px; border-radius:var(--pill);
  font-size:1.28rem; font-weight:900;
  box-shadow:0 8px 28px rgba(0,0,0,.18); transition:var(--ease)
}
.btn-call-hero:hover { transform:translateY(-3px) scale(1.03); box-shadow:0 14px 38px rgba(0,0,0,.25); color:var(--teal) !important }
.ribbon .avail { color:rgba(255,255,255,.6); font-size:.8rem; margin-top:14px }

/* ── Why us ──────────────────────────────────────────────────── */
.why { background:var(--white) }
.why-wrap { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:24px }
.card-why {
  background:var(--off-white); border-radius:var(--r-lg);
  padding:28px 24px; border:1px solid var(--border-lt);
  display:flex; gap:18px; align-items:flex-start; transition:var(--ease)
}
.card-why:hover { background:var(--white); box-shadow:var(--shadow-lg); transform:translateY(-4px) }
.why-ico {
  width:50px; height:50px; flex-shrink:0;
  background:linear-gradient(135deg,var(--teal),var(--teal-light));
  border-radius:var(--r-md); display:flex; align-items:center;
  justify-content:center; font-size:1.3rem; color:var(--white)
}
.why-body h4 { font-size:.96rem; font-weight:700; margin-bottom:7px; color:var(--navy); font-family:var(--font-h) }
.why-body p  { font-size:.81rem; color:var(--text-light); line-height:1.78 }

/* ── How it works ────────────────────────────────────────────── */
.how {
  background:linear-gradient(150deg,var(--navy) 0%,var(--navy-mid) 100%);
  padding:88px 0
}
.how .label-chip { background:rgba(72,202,228,.15); color:var(--sky); border-color:rgba(72,202,228,.3) }
.how .sec-head .sec-title { color:var(--white) }
.how .sec-head .sec-sub { color:rgba(255,255,255,.68) }
.steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px }
.step-card {
  background:rgba(255,255,255,.06); backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.1); border-radius:var(--r-lg);
  padding:36px 24px; text-align:center; transition:var(--ease)
}
.step-card:hover { background:rgba(255,255,255,.12); transform:translateY(-7px); border-color:rgba(244,162,97,.35) }
.step-no {
  width:50px; height:50px; margin:0 auto 18px;
  background:linear-gradient(135deg,var(--amber),var(--amber-dark));
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-family:var(--font-h); font-size:1.3rem; font-weight:900; color:var(--navy);
  box-shadow:0 4px 16px rgba(244,162,97,.45)
}
.step-icon { font-size:2.2rem; margin-bottom:14px }
.step-title { font-family:var(--font-h); font-size:1rem; font-weight:800; color:var(--white); margin-bottom:10px }
.step-txt { font-size:.81rem; color:rgba(255,255,255,.66); line-height:1.78 }

/* ── Service Page Layout ─────────────────────────────────────── */
.svc-hero {
  background:linear-gradient(150deg,var(--navy) 0%,var(--teal) 100%);
  padding:78px 0; position:relative; overflow:hidden
}
.svc-hero::before {
  content:''; position:absolute; inset:0;
  background:radial-gradient(ellipse at 25% 60%,rgba(72,202,228,.2) 0%,transparent 65%)
}
.svc-hero .container { position:relative; z-index:2 }
.bc { display:flex; align-items:center; gap:8px; font-size:.8rem; color:rgba(255,255,255,.58); margin-bottom:18px }
.bc a { color:rgba(255,255,255,.58) }
.bc a:hover { color:var(--amber) }
.bc .sep { opacity:.4 }
.svc-hero h1 { font-size:clamp(1.8rem,3.5vw,3rem); font-weight:900; color:var(--white); margin-bottom:14px }
.svc-hero .sh-sub { font-size:.98rem; color:rgba(255,255,255,.72); max-width:560px; line-height:1.88; margin-bottom:28px }
.btn-call-svc {
  display:inline-flex; align-items:center; gap:10px;
  background:var(--amber); color:var(--navy);
  padding:14px 30px; border-radius:var(--pill);
  font-size:1.08rem; font-weight:800;
  box-shadow:0 5px 20px rgba(244,162,97,.45); transition:var(--ease)
}
.btn-call-svc:hover { background:var(--amber-dark); transform:translateY(-3px); box-shadow:0 9px 28px rgba(244,162,97,.55); color:var(--navy) }

/* Service body */
.svc-body { background:var(--off-white); padding:80px 0 }
.svc-two-col { display:grid; grid-template-columns:1fr 320px; gap:44px; align-items:start }

.main-content h2 { font-size:1.42rem; color:var(--teal); margin:34px 0 13px; padding-bottom:10px; border-bottom:2px solid var(--teal-pale) }
.main-content h2:first-child { margin-top:0 }
.main-content h3 { font-size:1.05rem; color:var(--navy); margin:20px 0 9px }
.main-content p  { font-size:.91rem; color:var(--text-mid); line-height:1.95; margin-bottom:13px }
.main-content ul { list-style:none; padding:0; margin-bottom:18px }
.main-content ul li {
  font-size:.9rem; color:var(--text-mid); line-height:1.82;
  padding:8px 0 8px 28px; position:relative;
  border-bottom:1px solid var(--border-lt)
}
.main-content ul li:last-child { border-bottom:none }
.main-content ul li::before { content:'✓'; position:absolute; left:0; color:var(--green); font-weight:800 }
.callout {
  background:var(--teal-pale); border-left:4px solid var(--teal);
  border-radius:0 var(--r-md) var(--r-md) 0; padding:16px 20px; margin:20px 0
}
.callout p { margin:0; color:var(--teal); font-weight:600; font-size:.88rem }

/* Sidebar */
.sidebar { position:sticky; top:96px }
.s-call-box {
  background:linear-gradient(145deg,var(--teal),var(--teal-mid));
  border-radius:var(--r-lg); padding:30px 24px; text-align:center;
  margin-bottom:20px; box-shadow:var(--shadow-lg)
}
.s-call-box h3 { color:var(--white); font-size:1rem; margin-bottom:8px }
.s-call-box p  { color:rgba(255,255,255,.72); font-size:.8rem; margin-bottom:18px }
.s-big-num {
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-family:var(--font-h); font-size:1.38rem; font-weight:900;
  color:var(--white); text-decoration:none; margin-bottom:16px
}
.s-big-num:hover { color:var(--amber) }
.s-btn {
  display:block; background:var(--amber); color:var(--navy);
  padding:12px 20px; border-radius:var(--pill);
  font-weight:800; font-size:.92rem; text-align:center;
  box-shadow:0 4px 16px rgba(244,162,97,.4); transition:var(--ease)
}
.s-btn:hover { background:var(--amber-dark); transform:translateY(-2px); color:var(--navy) }
.s-feat { background:var(--white); border-radius:var(--r-lg); border:1px solid var(--border-lt); padding:22px }
.s-feat h4 { font-size:.88rem; font-weight:700; color:var(--navy); margin-bottom:12px; font-family:var(--font-h) }
.s-feat li { font-size:.81rem; color:var(--text-mid); padding:7px 0; border-bottom:1px solid var(--border-lt); display:flex; align-items:center; gap:9px }
.s-feat li:last-child { border-bottom:none }
.s-feat li::before { content:'★'; color:var(--amber); font-size:.72rem }

/* ── Disclaimer strip ────────────────────────────────────────── */
.dis-strip { background:#FFFBEC; border-top:3px solid var(--amber); border-bottom:1px solid #FDE68A; padding:24px 0 }
.dis-strip .container { display:flex; gap:14px; align-items:flex-start }
.dis-ic  { font-size:1.4rem; flex-shrink:0; margin-top:2px }
.dis-txt { font-size:.76rem; color:#78350F; line-height:1.88 }
.dis-txt strong { color:#451A03 }
.dis-txt a { color:#9A3412; font-weight:700 }

/* ── Footer ──────────────────────────────────────────────────── */
.footer { background:var(--navy); color:rgba(255,255,255,.7); padding:70px 0 0 }
.foot-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:46px; padding-bottom:46px; border-bottom:1px solid rgba(255,255,255,.1) }
.foot-brand .logo-brand { color:var(--white) }
.foot-brand .logo-tagline { color:rgba(255,255,255,.45) }
.foot-brand .logo { margin-bottom:18px }
.foot-brand p { font-size:.81rem; line-height:1.88; color:rgba(255,255,255,.56); margin-bottom:20px }
.foot-ci { display:flex; align-items:flex-start; gap:9px; font-size:.8rem; margin-bottom:10px; color:rgba(255,255,255,.65) }
.foot-ci a { color:rgba(255,255,255,.65) }
.foot-ci a:hover { color:var(--amber) }
.foot-ci-ic { color:var(--amber); flex-shrink:0; margin-top:2px }
.foot-h { font-family:var(--font-h); font-size:.94rem; font-weight:800; color:var(--white); margin-bottom:20px; position:relative; padding-bottom:10px }
.foot-h::after { content:''; position:absolute; left:0; bottom:0; width:26px; height:2px; background:var(--amber) }
.foot-links li { margin-bottom:9px }
.foot-links a { font-size:.81rem; color:rgba(255,255,255,.6); display:inline-flex; align-items:center; gap:5px; transition:var(--ease) }
.foot-links a::before { content:'›'; color:var(--amber) }
.foot-links a:hover { color:var(--white); padding-left:4px }
.foot-phone { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.11); border-radius:var(--r-lg); padding:24px; text-align:center }
.foot-phone p { font-size:.76rem; color:rgba(255,255,255,.5); margin-bottom:10px }
.foot-big-num { font-family:var(--font-h); font-size:1.25rem; font-weight:900; color:var(--white); display:flex; align-items:center; justify-content:center; gap:7px; text-decoration:none; margin-bottom:12px }
.foot-big-num:hover { color:var(--amber) }
.pulse-dot { display:inline-flex; align-items:center; gap:6px; background:rgba(45,198,83,.15); color:#86EFAC; font-size:.7rem; padding:4px 11px; border-radius:var(--pill) }
.pulse-dot::before { content:''; width:7px; height:7px; background:#86EFAC; border-radius:50%; animation:pulse 1.4s infinite }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.35)} }
.foot-btm { padding:22px 0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px }
.foot-btm p { font-size:.76rem; color:rgba(255,255,255,.38) }
.foot-legal { display:flex; gap:18px; flex-wrap:wrap }
.foot-legal a { font-size:.74rem; color:rgba(255,255,255,.38) }
.foot-legal a:hover { color:var(--amber) }

/* ── Policy pages ────────────────────────────────────────────── */
.pol-hero { background:linear-gradient(135deg,var(--teal) 0%,var(--teal-mid) 100%); padding:70px 0; text-align:center; position:relative; overflow:hidden }
.pol-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(72,202,228,.22) 0%,transparent 65%) }
.pol-hero .container { position:relative; z-index:2 }
.pol-hero h1 { font-size:clamp(1.7rem,3vw,2.7rem); font-weight:900; color:var(--white); margin-bottom:10px }
.pol-hero .bc { justify-content:center }
.pol-sec { background:var(--off-white); padding:76px 0 }
.pol-wrap { max-width:880px; margin:0 auto; background:var(--white); border-radius:var(--r-lg); padding:48px; box-shadow:var(--shadow); border:1px solid var(--border-lt) }
.pol-wrap h2 { font-size:1.4rem; color:var(--teal); margin:34px 0 13px; padding-bottom:10px; border-bottom:2px solid var(--teal-pale) }
.pol-wrap h2:first-child { margin-top:0 }
.pol-wrap h3 { font-size:1.02rem; color:var(--navy); margin:20px 0 9px }
.pol-wrap p  { font-size:.9rem; color:var(--text-mid); line-height:1.95; margin-bottom:13px }
.pol-wrap ul { list-style:disc; padding-left:24px; margin-bottom:16px }
.pol-wrap ul li { font-size:.9rem; color:var(--text-mid); line-height:1.85; margin-bottom:7px }
.pol-wrap .note { background:var(--teal-pale); border-left:4px solid var(--teal); border-radius:0 var(--r-md) var(--r-md) 0; padding:16px 20px; margin:18px 0 }
.pol-wrap .note p { margin:0; color:var(--teal); font-weight:600; font-size:.87rem }
.upd-tag { display:inline-flex; align-items:center; gap:7px; background:var(--off-white); color:var(--text-light); font-size:.76rem; padding:5px 13px; border-radius:var(--pill); margin-bottom:28px; border:1px solid var(--border-lt) }

/* ── Sticky mobile call bar ──────────────────────────────────── */
.mob-call { display:none; position:fixed; bottom:0; left:0; right:0; background:linear-gradient(135deg,var(--amber),var(--amber-dark)); padding:13px 20px; text-align:center; z-index:900; box-shadow:0 -4px 18px rgba(0,0,0,.16) }
.mob-call a { color:var(--navy); font-size:1.05rem; font-weight:900; display:flex; align-items:center; justify-content:center; gap:9px }

/* Scroll top */
.up-btn { position:fixed; bottom:28px; right:28px; width:44px; height:44px; background:linear-gradient(135deg,var(--teal),var(--teal-light)); color:var(--white); border:none; border-radius:50%; font-size:1.1rem; cursor:pointer; box-shadow:var(--shadow-lg); transition:var(--ease); z-index:500; opacity:0; pointer-events:none }
.up-btn.show { opacity:1; pointer-events:all }
.up-btn:hover { transform:translateY(-4px) }

/* ── General buttons ─────────────────────────────────────────── */
.btn { display:inline-flex; align-items:center; gap:7px; padding:11px 24px; border-radius:var(--pill); font-size:.87rem; font-weight:700; border:none; cursor:pointer; transition:var(--ease); text-decoration:none }
.btn-primary { background:linear-gradient(135deg,var(--teal),var(--teal-light)); color:var(--white); box-shadow:0 4px 14px rgba(11,79,108,.3) }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 7px 22px rgba(11,79,108,.4); color:var(--white) }

/* ── Responsive ──────────────────────────────────────────────── */
@media(max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .sec{padding:68px 0}
  .nav{display:none}
  .ham{display:block}
  .mob-open .nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow-lg);padding:14px;gap:4px;z-index:999}
  .mob-open .nav a{padding:12px 16px}
  .mob-open .nd-panel{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:var(--off-white);margin:4px 0}
  .hdr-cta span:not(.ph-ic){display:none}
  .hdr-cta{padding:10px 16px;font-size:.88rem}
  .hero{min-height:82vh}
  .hero-plane{display:none}
  .svc-two-col{grid-template-columns:1fr}
  .sidebar{position:static}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .tb-l{display:none}
  .topbar .container{justify-content:center}
  .hero{min-height:auto;padding:72px 0 54px}
  .hero h1{font-size:1.9rem}
  .hero-actions{flex-direction:column;align-items:stretch}
  .btn-amber,.btn-outline-w{justify-content:center}
  .hero-stats{gap:24px}
  .svc-wrap,.why-wrap,.steps{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .foot-btm{flex-direction:column;text-align:center}
  .foot-legal{justify-content:center}
  .pol-wrap{padding:26px 18px}
  .mob-call{display:block}
  body{padding-bottom:56px}
}