/* ===== Page styles — Tiger Forms — Features (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;}}
  /* Mock */ .mock{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}
  /* Mock bar */ .mock-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--card) 90%,var(--slate-900));}
  /* Mock bar */ .mock-bar .dot{width:11px;height:11px;border-radius:50%;}
  /* Mock bar */ .mock-bar .dot:nth-child(1){background:#F87171;}/* Mock bar */ .mock-bar .dot:nth-child(2){background:#FBBF24;}/* Mock bar */ .mock-bar .dot:nth-child(3){background:#34D399;}
  /* Mock bar */ .mock-bar .t{margin-left:8px;font-size:.8rem;color:var(--muted);font-weight:600;}
  /* Mock body */ .mock-body{display:grid;grid-template-columns:120px 1fr;min-height:330px;}
  /* Palette */ .palette{border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;gap:8px;background:color-mix(in srgb,var(--card) 94%,var(--slate-900));}
  /* Chip */ .chip{font-size:.72rem;font-weight:600;padding:7px 9px;border-radius:7px;border:1px dashed var(--border);color:var(--muted);display:flex;align-items:center;gap:6px;}
  /* Chip::before */ .chip::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--orange);opacity:.8;}
  /* Canvas */ .canvas{padding:18px;display:flex;flex-direction:column;gap:12px;}
  /* Fld */ .fld{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:10px 12px;}
  /* Fld */ .fld .lbl{font-size:.72rem;font-weight:700;color:var(--muted);margin-bottom:6px;display:block;}
  /* Fld */ .fld .inp{height:12px;border-radius:4px;background:var(--border);}
  /* Row */ .fld.row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  /* Fldactive */ .fld.active{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-tint);}
  /* Button */ .paybtn{align-self:flex-start;background:var(--orange);color:#fff;font-size:.78rem;font-weight:700;padding:8px 16px;border-radius:8px;}
  /* 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;}
  /* Ftypes */ .ftypes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Ftypes */ .ftypes{grid-template-columns:repeat(3,1fr);}}
  /* Responsive — (max-width:520px) */ @media (max-width:520px){/* Ftypes */ .ftypes{grid-template-columns:repeat(2,1fr);}}
  /* Ftype */ .ftype{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:8px;transition:transform .16s ease,border-color .16s;}
  /* Ftype:hover */ .ftype:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--orange) 45%,var(--border));}
  /* Ftype */ .ftype .fi{width:34px;height:34px;border-radius:9px;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;font-size:.95rem;}
  /* Ftype */ .ftype .fn{font-size:.9rem;font-weight:700;}
  /* 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);}
  /* Visbox */ .visbox{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;}
  /* Rule */ .rule{display:flex;flex-direction:column;gap:10px;}
  /* Row */ .rrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.86rem;}
  /* Rtag */ .rtag{padding:6px 11px;border-radius:8px;font-weight:700;border:1px solid var(--border);background:var(--bg);}
  /* Rtagk */ .rtag.k{background:var(--orange-tint);color:var(--orange);border-color:transparent;}
  /* Rtagv */ .rtag.v{background:var(--teal-tint);color:var(--teal);border-color:transparent;}
  /* Row */ .rarrow{color:var(--slate-400);}
  /* Steps */ .steps{display:flex;align-items:center;gap:0;margin-bottom:16px;}
  /* Step */ .step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;}
  /* Step */ .step .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:var(--border);color:var(--muted);z-index:1;}
  /* Stepon */ .step.on .dot{background:var(--orange);color:#fff;}
  /* Step */ .step .sl{font-size:.72rem;font-weight:600;color:var(--muted);}
  /* Step::before */ .step::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:var(--border);}
  /* Step:first child::before */ .step:first-child::before{display:none;}
  /* Stepon::before */ .step.on::before{background:var(--orange);}
  /* Pbar */ .pbar{height:8px;border-radius:99px;background:var(--border);overflow:hidden;}
  /* Pbar */ .pbar span{display:block;height:100%;width:66%;background:var(--orange);border-radius:99px;}
  /* Calc */ .calc{display:flex;flex-direction:column;gap:10px;}
  /* Cline */ .cline{display:flex;justify-content:space-between;font-size:.92rem;padding:9px 0;border-bottom:1px solid var(--border);}
  /* Clinetot */ .cline.tot{font-weight:800;font-size:1.15rem;border-bottom:none;padding-top:12px;}
  /* Cline */ .cline .q{color:var(--muted);}
  /* Grid */ .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Grid */ .fgrid{grid-template-columns:1fr 1fr;}}
  /* Responsive — (max-width:560px) */ @media (max-width:560px){/* Grid */ .fgrid{grid-template-columns:1fr;}}
  /* Card */ .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;}
  /* Card */ .fcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--orange) 40%,var(--border));}
  /* Ic */ .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 */ .fcard p{font-size:.96rem;color:var(--muted);}
  /* Embeds */ .embeds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  /* Responsive — (max-width:760px) */ @media (max-width:760px){/* Embeds */ .embeds{grid-template-columns:1fr;}}
  /* Embed */ .embed{background:#141E30;border:1px solid #243146;border-radius:var(--radius);padding:24px;color:#E8EDF4;display:flex;flex-direction:column;gap:10px;}
  /* Embed */ .embed .et{font-weight:800;font-size:1.05rem;color:#fff;}
  /* Embed */ .embed code{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 10px;font-size:.82rem;color:#FBBF9B;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:block;}
  /* Embed */ .embed p{font-size:.92rem;color:#A6B2C4;}
  /* 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}