/* ===== Page styles — Tiger Forms — Integrations (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.02fr .98fr;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;}}
  /* Flow */ .flow{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;display:flex;flex-direction:column;gap:16px;}
  /* Flow */ .flow .node{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--bg);font-weight:700;font-size:.92rem;}
  /* Flow */ .flow .node .b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:.9rem;background:var(--orange-tint);color:var(--orange);}
  /* Flow */ .flow .fan{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  /* Flow */ .flow .pipe{height:18px;border-left:2px dashed var(--border);margin-left:29px;}
  /* Flow */ .flow .small{font-weight:600;font-size:.82rem;padding:9px 11px;color:var(--muted);}
  /* Flow */ .flow .small .b{background:var(--teal-tint);color:var(--teal);}
  /* 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;}
  /* Grid */ .igrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Grid */ .igrid{grid-template-columns:repeat(3,1fr);}}
  /* Responsive — (max-width:560px) */ @media (max-width:560px){/* Grid */ .igrid{grid-template-columns:repeat(2,1fr);}}
  /* Card */ .icard{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:12px;font-weight:700;transition:transform .16s ease,border-color .16s;}
  /* Card */ .icard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 45%,var(--border));}
  /* Card */ .icard .il{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:800;background:var(--teal-tint);color:var(--teal);flex:none;}
  /* Card */ .icard:nth-child(3n) .il{background:var(--orange-tint);color:var(--orange);}
  /* Card */ .icard .in{font-size:.95rem;}
  /* Card */ .icard .sub{font-size:.76rem;font-weight:500;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;}
  /* Card */ .hcard .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--orange-tint);color:var(--orange);font-size:1.15rem;}
  /* Card */ .hcard p{font-size:.95rem;color:var(--muted);}
  /* Split */ .split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
  /* Splitrev */ .split.rev .vis{order:2;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Split */ .split{grid-template-columns:1fr;gap:34px;}/* Splitrev */ .split.rev .vis{order:0;}}
  /* 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);}
  /* Logs */ .logs{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
  /* Row */ .lrow{display:grid;grid-template-columns:1.2fr .8fr auto;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border);font-size:.88rem;align-items:center;}
  /* Row */ .lrow:last-child{border-bottom:none;}
  /* Row */ .lrow.head{background:color-mix(in srgb,var(--card) 92%,var(--slate-900));font-weight:700;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;}
  /* Pill2 */ .pill2{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.78rem;padding:4px 10px;border-radius:999px;}
  /* Pill2ok */ .pill2.ok{color:var(--teal);background:var(--teal-tint);}
  /* Button */ .retrybtn{font-size:.76rem;font-weight:700;color:var(--orange);border:1px solid color-mix(in srgb,var(--orange) 45%,var(--border));border-radius:8px;padding:4px 10px;}
  /* Container */ .codewrap{background:#141E30;border:1px solid #243146;border-radius:var(--radius);overflow:hidden;}
  /* Container */ .codewrap .cbar{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #243146;}
  /* Container */ .codewrap .cbar .d{width:11px;height:11px;border-radius:50%;}
  /* Container */ .codewrap .cbar .d:nth-child(1){background:#F87171;}/* Container */ .codewrap .cbar .d:nth-child(2){background:#FBBF24;}/* Container */ .codewrap .cbar .d:nth-child(3){background:#34D399;}
  /* Container */ .codewrap pre{margin:0;padding:20px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.7;color:#E8EDF4;}
  /* Container */ .codewrap .k{color:#FBBF9B;}/* Container */ .codewrap .s{color:#7DD3C0;}/* Container */ .codewrap .c{color:#64748B;}
  /* 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}