/* ===== Page styles — Tiger Forms — Payments (Tiger) — scoped to this page ===== */
/* Tf page */ .tf-page *{box-sizing:border-box}
  /* Design tokens (variables) */ :root{
    --orange:#F37321; --orange-600:#d95f14; --orange-tint:#FEF1E9;
    --slate-900:#0F172A; --slate-700:#334155; --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;
  }
  /* Responsive — (prefers-color-scheme:dark) */ @media (prefers-color-scheme:dark){/* Design tokens (variables) */ :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);}}
  /* Design tokens (variables) */ :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);}
  /* Design tokens (variables) */ :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 */ .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;}
  /* Container */ .tf-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  /* Heading 1 */ .tf-page h1,.tf-page h2,.tf-page h3{color:var(--text);text-wrap:balance;letter-spacing:-.02em;line-height:1.08;margin:0;}
  /* Heading 1 */ .tf-page h1{font-size:clamp(2.4rem,5.2vw,3.7rem);font-weight:800;}
  /* Heading 2 */ .tf-page h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;}
  /* Heading 3 */ .tf-page h3{font-size:1.18rem;font-weight:700;letter-spacing:-.01em;}
  /* Tf page */ .tf-page p{margin:0;}
  /* Tf page */ .tf-page a{color:inherit;text-decoration:none;}
  /* Row */ .eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);}
  /* Subtitle */ .lead{font-size:1.12rem;color:var(--muted);max-width:62ch;}
  /* Section */ .tf-page section{padding:92px 0;}
  /* Band dark */ .band-dark{background:var(--slate-900);color:#E8EDF4;}
  /* Heading 1 */ .band-dark h1,.band-dark h2,.band-dark h3{color:#fff;}
  /* Band surface */ .band-surface{background:var(--surface);}
  /* Band tint */ .band-tint{background:linear-gradient(180deg,var(--orange-tint),transparent 70%),var(--bg);}
  /* Button */ .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;}
  /* Button */ .btn:hover{transform:translateY(-1px);}
  /* Button */ .btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px -8px rgba(243,115,33,.7);}
  /* Button */ .btn-primary:hover{background:var(--orange-600);}
  /* Button */ .btn-ghost{background:transparent;color:var(--text);border-color:var(--border);}
  /* Button */ .band-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.22);}
  /* Button */ .btn-lg{padding:1rem 1.7rem;font-size:1.05rem;}
  /* Button */ .tf-page a.btn-primary,.tf-page a.btn-primary:hover{color:#fff;}
  /* Button */ .tf-page a.btn-ghost{color:var(--text);}
  /* Button */ .tf-page .band-dark a.btn-ghost{color:#fff;}
  /* Navigation */ 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);}
  /* Navigation */ .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;}
  /* Brand */ .brand{display:flex;align-items:center;gap:.6rem;font-weight:800;letter-spacing:-.02em;font-size:1.15rem;}
  /* Brand */ .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);}
  /* Navigation */ .navlinks{display:flex;gap:2rem;align-items:center;font-size:.95rem;font-weight:500;color:var(--muted);}
  /* Navigation */ .navlinks a:hover,.navlinks a.active{color:var(--text);}
  /* Navigation */ .navlinks a.active{color:var(--orange);font-weight:700;}
  /* Responsive — (max-width:820px) */ @media (max-width:820px){/* Navigation */ .navlinks{display:none;}}
  /* Theme toggle */ .theme-toggle{background:transparent;border:1px solid var(--border);color:var(--muted);width:38px;height:38px;border-radius:9px;cursor:pointer;display:grid;place-items:center;font-size:1rem;}
  /* Hero */ .phero{padding:76px 0 84px;position:relative;overflow:hidden;}
  /* Hero */ .phero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;}
  /* Stack */ .stack{display:flex;flex-direction:column;gap:20px;align-items:flex-start;}
  /* Hero */ .hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:6px;}
  /* Hero */ .hero-note{font-size:.9rem;color:var(--slate-400);}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Hero */ .phero .grid{grid-template-columns:1fr;gap:38px;}}
  /* Shead */ .shead{max-width:60ch;margin-bottom:46px;display:flex;flex-direction:column;gap:14px;}
  /* Center */ .center{margin-left:auto;margin-right:auto;text-align:center;align-items:center;}
  /* Checkout */ .checkout{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;display:flex;flex-direction:column;gap:14px;}
  /* Co h */ .co-h{font-weight:800;font-size:1.05rem;}
  /* Lineitem */ .lineitem{display:flex;justify-content:space-between;font-size:.95rem;padding:10px 0;border-bottom:1px solid var(--border);}
  /* Lineitem */ .lineitem .q{color:var(--muted);}
  /* Lineitemtot */ .lineitem.tot{font-weight:800;font-size:1.15rem;border-bottom:none;padding-top:12px;}
  /* Row */ .provrow{display:flex;gap:8px;flex-wrap:wrap;}
  /* Prov */ .prov{font-size:.78rem;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--border);color:var(--muted);}
  /* Badge */ .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 */ .badge-paid .d{width:8px;height:8px;border-radius:50%;background:var(--teal);}
  /* Procs */ .procs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  /* Responsive — (max-width:760px) */ @media (max-width:760px){/* Procs */ .procs{grid-template-columns:1fr 1fr;}}
  /* Responsive — (max-width:420px) */ @media (max-width:420px){/* Procs */ .procs{grid-template-columns:1fr;}}
  /* Proc */ .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 */ .proc:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 45%,var(--border));}
  /* Proc */ .proc .pn{font-weight:800;font-size:1.1rem;display:flex;align-items:center;gap:9px;}
  /* Proc */ .proc .pl{width:34px;height:34px;border-radius:9px;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;font-weight:800;}
  /* Proc */ .proc p{font-size:.9rem;color:var(--muted);}
  /* How */ .how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  /* Responsive — (max-width:760px) */ @media (max-width:760px){/* How */ .how{grid-template-columns:1fr;}}
  /* Card */ .hcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;position:relative;}
  /* Card */ .hcard .num{width:38px;height:38px;border-radius:11px;background:var(--slate-900);color:#fff;display:grid;place-items:center;font-weight:800;}
  /* Heading 3 */ .hcard h3{margin-top:4px;}
  /* Card */ .hcard p{font-size:.95rem;color:var(--muted);}
  /* Grid */ .fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
  /* Responsive — (max-width:700px) */ @media (max-width:700px){/* Grid */ .fgrid{grid-template-columns:1fr;}}
  /* Card */ .fcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;gap:16px;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;}
  /* Card */ .fcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--orange) 40%,var(--border));}
  /* Ic */ .ic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--orange-tint);color:var(--orange);font-size:1.2rem;}
  /* Heading 3 */ .fcard h3{margin-bottom:5px;}
  /* Card */ .fcard p{font-size:.95rem;color:var(--muted);}
  /* Split */ .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Split */ .split{grid-template-columns:1fr;gap:34px;}}
  /* List */ .checklist{display:flex;flex-direction:column;gap:13px;margin-top:4px;padding-left:0;}
  /* List */ .checklist li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:1rem;color:var(--muted);}
  /* List */ .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;}
  /* List */ .band-dark .checklist .tick{background:rgba(243,115,33,.16);color:var(--orange);}
  /* Etable */ .etable{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
  /* Row */ .erow{display:grid;grid-template-columns:1.4fr 1fr .9fr;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);font-size:.9rem;align-items:center;}
  /* Row */ .erow:last-child{border-bottom:none;}
  /* Row */ .erow.head{background:color-mix(in srgb,var(--card) 92%,var(--slate-900));font-weight:700;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;}
  /* Stat */ .stat{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:999px;}
  /* Statok */ .stat.ok{color:var(--teal);background:var(--teal-tint);}
  /* Statno */ .stat.no{color:#b4341f;background:#FCE9E4;}
  /* Ref */ .ref{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:.82rem;}
  /* Final */ .final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;}
  /* Footer */ .tf-page footer{background:var(--slate-900);color:#94A3B8;padding:54px 0 40px;}
  /* Footer */ .tf-page footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;}
  /* Responsive — (max-width:760px) */ @media (max-width:760px){/* Footer */ .tf-page footer .cols{grid-template-columns:1fr 1fr;gap:28px;}}
  /* Heading 4 */ .tf-page footer h4{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;}
  /* Footer */ .tf-page footer a{display:block;color:#94A3B8;font-size:.92rem;padding:4px 0;}
  /* Footer */ .tf-page footer a:hover{color:#fff;}
  /* Foot brand */ .foot-brand{color:#fff;font-weight:800;font-size:1.15rem;display:flex;align-items:center;gap:.6rem;margin-bottom:12px;}
  /* Foot bot */ .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;}
  /* Responsive — (prefers-reduced-motion:reduce) */ @media (prefers-reduced-motion:reduce){/* Tf page */ .tf-page *{transition:none!important;}}
.brand-logo{width:34px;height:34px;object-fit:contain;display:block;flex:none;}.foot-brand .brand-logo{width:32px;height:32px;}
.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)}
.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}