/* ===== Page styles — Tiger Forms — Landing (Tiger) — scoped to this page ===== */
/* Design tokens (variables) */ :root{
    --orange:#F37321; --orange-600:#d95f14; --orange-tint:#FEF1E9;
    --slate-900:#0F172A; --slate-800:#1B2537; --slate-700:#334155;
    --slate-500:#64748B; --slate-400:#94A3B8; --slate-200:#E2E8F0;
    --teal:#135360; --teal-tint:#E7F1F2;
    --paper:#F8FAFC; --paper-warm:#FBFAF8; --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;
      --paper:#0F172A; --paper-warm:#0F172A; --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 landing */ .tf-landing *{box-sizing:border-box}
  /* Tf landing */ .tf-landing{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-landing .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  /* Heading 1 */ .tf-landing h1,.tf-landing h2,.tf-landing h3{color:var(--text);text-wrap:balance;letter-spacing:-.02em;line-height:1.08;margin:0;}
  /* Heading 1 */ .tf-landing h1{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:800;}
  /* Heading 2 */ .tf-landing h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;}
  /* Heading 3 */ .tf-landing h3{font-size:1.18rem;font-weight:700;letter-spacing:-.01em;}
  /* Tf landing */ .tf-landing p{margin:0;}
  /* Tf landing */ .tf-landing 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-landing section{padding:96px 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;}

  /* 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{color:var(--text);}
  /* Responsive — (max-width:820px) */ @media (max-width:820px){/* Navigation */ .navlinks{display:none;}}

  /* Hero */ .hero{padding:84px 0 96px;position:relative;overflow:hidden;}
  /* Hero */ .hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
  /* Hero */ .hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:8px;}
  /* Hero */ .hero-note{font-size:.9rem;color:var(--slate-400);margin-top:6px;}
  /* Stack */ .stack{display:flex;flex-direction:column;gap:22px;align-items:flex-start;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Hero */ .hero .grid{grid-template-columns:1fr;gap:40px;}}

  /* 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%;background:var(--slate-200);}
  /* 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:118px 1fr;min-height:320px;}
  /* 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;}

  /* Stats */ .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);padding:34px 0;;text-align:center;}
  /* Stat */ .stat{display:flex;flex-direction:column;gap:6px;align-items:center;}.stat .n{font-size:clamp(2.7rem,4.6vw,3.6rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums;}
  /* Stat */ .stat .l{font-size:.98rem;color:var(--muted);font-weight:600;}
  /* Responsive — (max-width:720px) */ @media (max-width:720px){/* Stats */ .stats{grid-template-columns:1fr 1fr;gap:28px 20px;}}

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

  /* 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);}
  /* Card */ .fcard p{font-size:.96rem;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:36px;}}
  /* List */ .checklist{display:flex;flex-direction:column;gap:14px;margin-top:6px;padding-left:40px;}
  /* 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);}

  /* 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:16px;}
  /* Band dark */ .band-dark .checkout{background:#141E30;border-color:#243146;}
  /* Lineitem */ .lineitem{display:flex;justify-content:space-between;font-size:.95rem;padding:10px 0;border-bottom:1px solid var(--border);}
  /* Lineitemtot */ .lineitem.tot{font-weight:800;font-size:1.1rem;border-bottom:none;padding-top:14px;}
  /* 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);}

  /* Pills */ .pills{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;}
  /* Pill */ .pill{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 18px;font-weight:600;
    font-size:.95rem;display:flex;align-items:center;gap:10px;color:var(--text);list-style:none;}
  /* Pill */ .pill .d{width:9px;height:9px;border-radius:50%;background:var(--teal);}
  /* Pill:nth child(3n) */ .pill:nth-child(3n) .d{background:var(--orange);}

  /* Ptable */ .ptable{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;}
  /* Responsive — (max-width:900px) */ @media (max-width:900px){/* Ptable */ .ptable{grid-template-columns:1fr 1fr;}}
  /* Responsive — (max-width:520px) */ @media (max-width:520px){/* Ptable */ .ptable{grid-template-columns:1fr;}}
  /* Plan */ .plan{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;
    display:flex;flex-direction:column;gap:8px;position:relative;}
  /* Planfeat */ .plan.feat{border-color:var(--orange);box-shadow:0 20px 44px -22px rgba(243,115,33,.5);}
  /* Plan */ .plan .tag{position:absolute;top:-11px;left:22px;background:var(--orange);color:#fff;font-size:.68rem;font-weight:800;
    letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
  /* Plan */ .plan .name{font-weight:800;font-size:1.1rem;}
  /* Plan */ .plan .sites{font-size:.82rem;color:var(--muted);font-weight:600;}
  /* Pricing */ .plan .price{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;margin-top:8px;font-variant-numeric:tabular-nums;}
  /* Pricing */ .plan .price span{font-size:.9rem;font-weight:600;color:var(--muted);}
  /* Plan */ .plan .life{font-size:.82rem;color:var(--muted);}
  /* Button */ .plan .btn{margin-top:14px;justify-content:center;width:100%;}
  /* Allaccess */ .allaccess{margin-top:26px;background:var(--slate-900);color:#E8EDF4;border-radius:var(--radius);
    padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
  /* Heading 3 */ .allaccess h3{color:#fff;}
  /* Allaccess */ .allaccess .sub{color:#A6B2C4;font-size:.96rem;max-width:52ch;}

  /* FAQ / accordion */ .faq{display:flex;flex-direction:column;gap:12px;max-width:820px;margin-left:auto;margin-right:auto;}
  /* Responsive — (max-width:760px) */ @media (max-width:760px){/* FAQ / accordion */ .faq{grid-template-columns:1fr;}}
  /* Qa */ .qa{border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease;}.qa[open]{border-color:color-mix(in srgb,var(--orange) 42%,var(--border));box-shadow:var(--shadow);}.qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;}.qa summary::-webkit-details-marker{display:none;}.qa summary:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}.qa .chev{flex:none;width:26px;height:26px;border-radius:50%;background:var(--orange-tint);color:var(--orange);display:grid;place-items:center;transition:transform .22s ease;}.qa .chev::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);}.qa[open] .chev{transform:rotate(180deg);}
  /* Qa */ .qa .q{font-weight:700;font-size:1.02rem;color:var(--text);}
  /* Qa */ .qa .a{padding:0 20px 18px;font-size:.95rem;color:var(--muted);}

  /* Final */ .final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;}
  /* Button */ .final .btn{margin-top:6px;}

  /* Footer */ footer{background:var(--slate-900);color:#94A3B8;padding:54px 0 40px;}
  /* Footer */ footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;}
  /* Responsive — (max-width:760px) */ @media (max-width:760px){/* Footer */ footer .cols{grid-template-columns:1fr 1fr;gap:28px;}}
  /* Heading 4 */ footer h4{color:#fff;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;}
  /* Footer */ footer a{display:block;color:#94A3B8;font-size:.92rem;padding:4px 0;}
  /* Footer */ 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;}

  /* 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;}
  /* Responsive — (prefers-reduced-motion:reduce) */ @media (prefers-reduced-motion:reduce){/* Tf landing */ .tf-landing *{transition:none!important;}}
.tf-landing a.btn-primary,.tf-landing a.btn-primary:hover{color:#fff!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}