/* ===== Page styles — Tiger Booking — Payments — scoped to .tf-page ===== */
.tf-page *{box-sizing:border-box}
:root{
  --orange:#F37321; --orange-600:#d95f14; --orange-tint:#FEF1E9;
  /* Accessibility fix (matches sibling page 3681 / Tiger Forms 2502): the raw
     brand orange fails AA for text and white-on-orange button labels
     (2.6–2.9:1). --orange-cta is the same hue darkened to clear 4.5:1; used
     ONLY for text, button fills and icon glyphs. --orange stays for dots/tints. */
  --orange-cta:#B4530F; --orange-cta-600:#8f420c;
  --slate-900:#0F172A; --slate-700:#334155; --slate-500:#64748B; --slate-400:#94A3B8; --slate-200:#E2E8F0;
  --teal:#135360; --teal-tint:#E7F1F2; --paper:#F8FAFC; --white:#fff;
  --ink:#0F172A; --body:#475569; --line:#E7EBF0;
  --bg:var(--white); --surface:var(--paper); --card:#fff;
  --text:var(--ink); --muted:var(--body); --border:var(--line);
  --shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.14);
  --radius:16px; --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; --maxw:1160px;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#0B1120;--surface:#0F172A;--card:#141E30;--text:#F1F5F9;--muted:#A6B2C4;--border:#243146;--orange-tint:#231a12;--teal-tint:#12242a;--shadow:0 1px 2px rgba(0,0,0,.3),0 18px 40px -16px rgba(0,0,0,.55);}
}
:root[data-theme="light"]{--bg:var(--white);--surface:var(--paper);--card:#fff;--text:var(--ink);--muted:var(--body);--border:var(--line);--orange-tint:#FEF1E9;--teal-tint:#E7F1F2;--shadow:0 1px 2px rgba(15,23,42,.04),0 12px 32px -12px rgba(15,23,42,.14);}
:root[data-theme="dark"]{--bg:#0B1120;--surface:#0F172A;--card:#141E30;--text:#F1F5F9;--muted:#A6B2C4;--border:#243146;--orange-tint:#231a12;--teal-tint:#12242a;--shadow:0 1px 2px rgba(0,0,0,.3),0 18px 40px -16px rgba(0,0,0,.55);}

.tf-page{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.tf-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.tf-page h1,.tf-page h2,.tf-page h3{color:var(--text);text-wrap:balance;letter-spacing:-.02em;line-height:1.08;margin:0}
.tf-page h1{font-size:clamp(2.4rem,5.2vw,3.7rem);font-weight:800}
.tf-page h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800}
.tf-page h3{font-size:1.18rem;font-weight:700;letter-spacing:-.01em}
.tf-page p{margin:0}
.tf-page a{color:inherit;text-decoration:none}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-cta)}
.lead{font-size:1.12rem;color:var(--muted);max-width:62ch}
.tf-page section{padding:92px 0}
.band-dark{background:var(--slate-900);color:#E8EDF4}
.band-dark h1,.band-dark h2,.band-dark h3{color:#fff}
.band-surface{background:var(--surface)}
.band-tint{background:linear-gradient(180deg,var(--orange-tint),transparent 70%),var(--bg)}

.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.98rem;padding:.85rem 1.4rem;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--orange-cta);color:#fff;box-shadow:0 8px 20px -8px rgba(243,115,33,.7)}
.btn-primary:hover{background:var(--orange-cta-600)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}
.band-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.22)}
.btn-lg{padding:1rem 1.7rem;font-size:1.05rem}
.tf-page a.btn-primary,.tf-page a.btn-primary:hover{color:#fff}
.tf-page a.btn-ghost{color:var(--text)}
.tf-page .band-dark a.btn-ghost{color:#fff}

header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:-.02em;font-size:1.15rem}
.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1rem;box-shadow:0 6px 14px -6px rgba(243,115,33,.8)}
.navlinks{display:flex;gap:2rem;align-items:center;font-size:.95rem;font-weight:500;color:var(--muted)}
.navlinks a:hover,.navlinks a.active{color:var(--text)}
.navlinks a.active{color:var(--orange-cta);font-weight:700}
@media (max-width:820px){.navlinks{display:none}}
.nav-burger{display:none;background:transparent;border:1px solid var(--border);color:var(--text);width:42px;height:42px;border-radius:10px;cursor:pointer;font-size:1.35rem;line-height:1;align-items:center;justify-content:center}
@media (max-width:820px){.nav-burger{display:inline-flex}}
.tg-oc{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.55);opacity:0;visibility:hidden;transition:opacity .25s ease}
.tg-oc.open{opacity:1;visibility:visible}
.tg-oc-panel{position:absolute;top:0;right:0;height:100%;width:290px;max-width:84vw;background:var(--bg);box-shadow:-12px 0 44px rgba(0,0,0,.28);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:2px;padding:64px 22px 24px;overflow-y:auto}
.tg-oc.open .tg-oc-panel{transform:translateX(0)}
.tg-oc-x{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:1.3rem;color:var(--muted);cursor:pointer;line-height:1}
.tg-oc-panel a{padding:12px 4px;font-size:1.04rem;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);text-decoration:none}
.tg-oc-panel a:hover{color:var(--orange-cta)}
.tg-oc-div{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:16px 4px 4px}
.tg-oc-panel a.btn{border-bottom:none;justify-content:center;margin-top:16px;color:#fff}

.phero{padding:76px 0 84px;position:relative;overflow:hidden}
.phero .grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}
@media (max-width:900px){.phero .grid{grid-template-columns:1fr;gap:38px}}
.stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:6px}
.hero-note{font-size:.9rem;color:var(--slate-500)}

.vis,.visbox,.checkout{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;display:flex;flex-direction:column;gap:12px}
.band-dark .vis,.band-dark .visbox{background:#141E30;border-color:#243146}
.co-h{font-weight:800;font-size:1.05rem}
.lineitem{display:flex;justify-content:space-between;font-size:.95rem;padding:9px 0;border-bottom:1px solid var(--border)}
.lineitem .q{color:var(--muted)}
.lineitem.tot{font-weight:800;font-size:1.1rem;border-bottom:none;padding-top:12px}
.lineitem .st{font-size:.78rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--teal-tint);color:var(--teal)}
.lineitem .st.held{background:var(--orange-tint);color:var(--orange-cta)}
.provrow{display:flex;gap:8px;flex-wrap:wrap}
.prov{font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}
.badge-paid{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:800;color:var(--teal);background:var(--teal-tint);padding:6px 12px;border-radius:999px}
.badge-paid .d{width:8px;height:8px;border-radius:50%;background:var(--teal)}

.shead{max-width:60ch;margin-bottom:46px;display:flex;flex-direction:column;gap:14px}
.center{margin-left:auto;margin-right:auto;text-align:center;align-items:center}

.procs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:760px){.procs{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.procs{grid-template-columns:1fr}}
.proc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px;transition:transform .16s ease,border-color .16s}
.proc:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 45%,var(--border))}
.proc .pn{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:9px}
.proc .pl{width:34px;height:34px;border-radius:9px;background:var(--orange-tint);color:var(--orange-cta);display:grid;place-items:center;font-weight:800}
.proc p{font-size:.9rem;color:var(--muted)}

.how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:760px){.how{grid-template-columns:1fr}}
.hcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;position:relative}
.hcard .num{width:38px;height:38px;border-radius:11px;background:var(--slate-900);color:#fff;display:grid;place-items:center;font-weight:800}
.hcard h3{margin-top:4px}
.hcard p{font-size:.95rem;color:var(--muted)}

.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
.fcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
.fcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--orange) 40%,var(--border))}
.fcard p{font-size:.96rem;color:var(--muted)}
.ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--orange-tint);color:var(--orange-cta);font-size:1.15rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split.rev .vis,.split.rev .visbox{order:2}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:34px}.split.rev .vis,.split.rev .visbox{order:0}}
.checklist{display:flex;flex-direction:column;gap:13px;margin-top:4px;padding-left:0}
.checklist li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:1rem;color:var(--muted)}
.checklist .tick{flex:none;width:22px;height:22px;border-radius:50%;background:var(--teal-tint);color:var(--teal);display:grid;place-items:center;font-size:.7rem;font-weight:800;margin-top:2px}
.band-dark .checklist li{color:#A6B2C4}
.band-dark .checklist .tick{background:rgba(243,115,33,.16);color:var(--orange)}

.rule{display:flex;flex-direction:column;gap:10px}
.rrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.86rem}
.rtag{padding:6px 11px;border-radius:8px;font-weight:700;border:1px solid var(--border);background:var(--bg)}
.rtag.k{background:var(--orange-tint);color:var(--orange-cta);border-color:transparent}
.rtag.v{background:var(--teal-tint);color:var(--teal);border-color:transparent}

.final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}

.tf-page footer{background:var(--slate-900);color:#94A3B8;padding:54px 0 40px}
.tf-page footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
@media (max-width:760px){.tf-page footer .cols{grid-template-columns:1fr 1fr;gap:28px}}
.tf-page footer h4{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
.tf-page footer a{display:block;color:#94A3B8;font-size:.92rem;padding:4px 0}
.tf-page footer a:hover{color:#fff}
.foot-brand{color:#fff;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:.6rem;margin-bottom:12px}
.foot-brand .mark{width:32px;height:32px;border-radius:8px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:1rem;flex:none}
.foot-bot{border-top:1px solid #243146;margin-top:40px;padding-top:22px;font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

@media (prefers-reduced-motion:reduce){.tf-page *{transition:none!important}}
.tf-page a:focus-visible,.tf-page button:focus-visible,.tf-page summary:focus-visible{outline:2px solid var(--orange-cta);outline-offset:2px}