/* ===== block 1 ===== */

@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/inter-800.woff2') format('woff2');}
.widget-label{font-size:13px;font-weight:700;color:var(--navy,#0F172A);letter-spacing:.01em;}

/* Internal linking blocks */
.il{max-width:900px;margin:0 auto;padding:0 24px 40px}
.il__h3{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 14px}
.il__pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.il__pill{font-size:13px;font-weight:600;color:var(--brand);background:var(--brand-50);padding:7px 14px;border-radius:999px;text-decoration:none;border:1px solid var(--brand-100);transition:background .15s,color .15s}
.il__pill:hover{background:var(--brand);color:#fff}
.il__also-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.il__also-label{font-size:12px;font-weight:600;color:var(--muted)}
.il__also{font-size:13px;color:var(--slate);text-decoration:none;font-weight:500}
.il__also:hover{color:var(--brand)}


.h4lbl{font-size:16px;font-weight:800;color:var(--navy);margin:0 0 6px}

/* === MOBILE-ONLY OVERFLOW GUARD ===
   Applies overflow-x:hidden only at mobile widths. We deliberately do NOT apply
   it at desktop widths because it creates a containing block that defeats
   position:sticky on the sidebar and topbar. */
@media (max-width:640px){
  html,body{max-width:100vw;overflow-x:hidden;}
  img,svg,video,iframe{max-width:100% !important;height:auto;}
  table:not(.ctbl){max-width:100% !important;}
  pre,code{max-width:100% !important;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}
}

/* === MOBILE HEADER + DRAWER (hidden on desktop) === */
.mhdr,.mdrawer,.mdrawer-backdrop{display:none;}

@media (max-width:640px){
  /* 1. Mobile header: logo lockup left, CTA + hamburger right.
        Position: sticky so the header floats at the top of the viewport during scroll. */
  .mhdr{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    height:60px;
    padding:0 14px;
    background:#fff;
    border-bottom:1px solid var(--line);
    position:sticky;
    top:0;
    z-index:200;
    gap:8px;
  }
  .mhdr__brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);min-width:0;flex:0 1 auto;}
  .mhdr__icon{width:34px;height:34px;flex-shrink:0;display:block;}
  .mhdr__words{display:flex;flex-direction:column;min-width:0;line-height:1;gap:3px;}
  .mhdr__name{font-size:17px;font-weight:800;letter-spacing:-0.01em;color:#0F172A;white-space:nowrap;}
  .mhdr__tagline{font-size:9.5px;font-weight:500;color:#64748B;letter-spacing:0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}
  .mhdr__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;}
  .mhdr__cta{
    background:var(--brand);
    color:#fff;
    font-weight:700;
    font-size:13px;
    padding:8px 14px;
    border-radius:8px;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
  }
  .mhdr__cta:active{background:var(--brand-600);}
  .mhdr__menu{
    background:transparent;
    border:1px solid var(--line);
    border-radius:8px;
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--navy);
    cursor:pointer;
    flex-shrink:0;
    padding:0;
  }
  .mhdr__menu:active{background:var(--brand-50);}

  /* 2. Slide-in drawer (white, marketing nav - unified with homepage) */
  .mdrawer{
    display:flex !important;
    flex-direction:column;
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    height:100dvh;
    width:300px;
    max-width:85vw;
    background:#fff;
    z-index:300;
    transform:translateX(-100%);
    transition:transform .28s cubic-bezier(.4,0,.2,1);
    box-shadow:6px 0 24px rgba(0,0,0,.18);
    overflow-y:auto;
  }
  .mdrawer.is-open{transform:translateX(0);}
  .mdrawer__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid var(--line);
  }
  .mdrawer__brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy);}
  .mdrawer__icon{width:32px;height:32px;display:block;}
  .mdrawer__words{display:flex;flex-direction:column;line-height:1;gap:3px;}
  .mdrawer__name{font-size:16px;font-weight:800;letter-spacing:-0.01em;color:#0F172A;}
  .mdrawer__tagline{font-size:9.5px;font-weight:500;color:#64748B;letter-spacing:0.02em;}
  .mdrawer__close{
    background:transparent;
    border:0;
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--slate);
    cursor:pointer;
    border-radius:8px;
    padding:0;
  }
  .mdrawer__close:active{background:var(--brand-50);}
  .mdrawer__nav{
    display:flex;
    flex-direction:column;
    padding:8px 8px 16px;
    flex:1;
    overflow-y:auto;
  }
  .mdrawer__link{
    display:block;
    padding:13px 16px;
    color:var(--navy);
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    border-radius:8px;
    transition:background .12s,color .12s;
  }
  .mdrawer__link:hover,.mdrawer__link:active{background:var(--brand-50);color:var(--brand);}
  .mdrawer__foot{
    padding:14px 16px 22px;
    border-top:1px solid var(--line);
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .mdrawer__cta{
    background:var(--amber);
    color:var(--navy);
    font-weight:800;
    font-size:15px;
    padding:13px 16px;
    border-radius:10px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
  }
  .mdrawer__cta:active{transform:scale(0.98);}
  .mdrawer__sales{
    color:var(--brand);
    font-weight:600;
    font-size:14px;
    text-align:center;
    text-decoration:none;
    padding:8px;
  }

  /* Drawer backdrop */
  .mdrawer-backdrop{
    display:block !important;
    position:fixed;
    inset:0;
    background:rgba(15,23,42,0);
    z-index:250;
    pointer-events:none;
    transition:background .25s ease;
    border:0;
    cursor:pointer;
    padding:0;
  }
  .mdrawer-backdrop.is-shown{
    background:rgba(15,23,42,.5);
    pointer-events:auto;
  }

  /* 3. Hide the desktop announcement bar + topbar on mobile */
  .annbar{display:none !important;}
  .topbar{display:none !important;}

  /* 3b. Hide the desktop sidebar on mobile + collapse the .app grid to a single column.
        The .app:has(.sidebar.is-collapsed) rule above has specificity (0,2,0) which would
        otherwise reserve a 64px slot even when the sidebar is hidden. Override all three
        :has() variants here so no path through the cascade can give the sidebar a slot. */
  .sidebar{display:none !important;}
  .app,
  .app:has(.sidebar),
  .app:has(.sidebar.is-collapsed),
  .app:has(.sidebar.is-expanded){
    grid-template-columns:1fr !important;
  }
  :root{--sidebar-w:0px !important;}
  .main-wrap,.center,.main{min-width:0 !important;max-width:100vw !important;}

  /* 4. Locked body when drawer open */
  body.mdrawer-open{overflow:hidden;}

  /* 5. Image / svg / iframe / video safety */
  img,svg,video,iframe{max-width:100% !important;height:auto;}
  pre,code{max-width:100% !important;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}

  /* 5b. Hide the floating bottom CTA bar (.fbar) on mobile.
        The slide-in mobile drawer (.mdrawer) is the menu; the floating bar
        was a desktop convenience and creates duplicate navigation on phones. */
  .fbar{display:none !important;}

  /* 5c. Tighten the page container so internal pages have more usable width.
        Desktop has .page { padding: 26px 28px 20px } - too much on mobile. */
  .page{padding:18px 14px 24px !important;}
  .content{padding:14px 12px 8px !important;}

  /* 5d. Tables that can't fit in the viewport must scroll horizontally,
        not clip. Wrap every plain table in an overflow-x: auto box.
        Applies to comparison tables on /pricing/, /grin-alternatives/, etc. */
  table:not(.ctbl){max-width:100% !important;display:block !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;}
  .pr-table-wrap,.cmp-wrap,.ctbl-wrap{overflow-x:auto !important;-webkit-overflow-scrolling:touch;}

  /* 5e. /pricing/ - the .pr-cmp custom grid needs horizontal scroll on mobile */
  .pr-cmp{overflow-x:auto !important;-webkit-overflow-scrolling:touch;max-width:100% !important;}
  .pr-cmp__row{min-width:560px;}

  /* 5f. /influencer-roi/ - the .lb (creator leaderboard) ROAS columns get
        clipped because children spill past the row's grid track.
        On mobile we hide the revbar visualization (the inline progress bar)
        so the revenue column only needs to fit the dollar amount, and
        tighten the row's padding + gap so the ROAS column doesn't get cut off. */
  .lb,.lb__wrap{padding:0 !important;margin:0 !important;}
  .lb__table{width:100% !important;}
  .lb__row{
    grid-template-columns:22px 1.2fr 1fr 50px !important;
    gap:8px !important;
    padding:12px 8px !important;
    font-size:12px !important;
  }
  .lb__cr{min-width:0;overflow:hidden;}
  .lb__cr b{font-size:12px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
  .lb__av{width:28px !important;height:28px !important;font-size:11px !important;flex-shrink:0;}
  .lb__revbar{display:none !important;}
  .lb__rev{font-size:12px !important;font-weight:700;white-space:nowrap;}
  .lb__roas{font-size:12px !important;white-space:nowrap;text-align:right;}

  /* 6. Footer mobile overflow fixes
        Two known problems on mobile:
        - .site-foot__col li a has white-space:nowrap by default, so links like
          "Fake Follower Checker Free" overflow the right edge with the badge.
        - The newsletter input + submit button are flexed in one row and overflow
          on narrow widths. */
  .site-foot__col li a{white-space:normal !important;flex-wrap:wrap;gap:6px !important;}
  .site-foot__col li{line-height:1.4;}
  .foot-tag{flex-shrink:0;}
  .site-foot__newsletter{
    flex-wrap:wrap !important;
    gap:8px !important;
    padding:8px !important;
  }
  .site-foot__newsletter input{
    flex:1 1 100% !important;
    min-width:0 !important;
    width:100% !important;
    padding:8px 4px !important;
  }
  .site-foot__newsletter .btn{
    flex:1 1 100% !important;
    width:100% !important;
    height:38px !important;
  }
  /* Footer columns wrap better on mobile */
  .kalo-foot-wrap .site-foot{padding:24px 18px 16px !important;margin:24px 12px 12px !important;}
  .kalo-foot-wrap .site-foot__cols{grid-template-columns:1fr 1fr !important;gap:24px 14px !important;}
  .kalo-foot-wrap .site-foot__main{grid-template-columns:1fr !important;gap:24px !important;}
  .kalo-foot-wrap .site-foot__bar{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}
  .kalo-foot-wrap .site-foot__legal{flex-wrap:wrap !important;gap:10px 14px !important;}
  .kalo-foot-wrap .site-foot__certs-row{gap:10px 14px !important;}
}


/* ===== block 2 ===== */

:root{--ink-900:#0F172A;--ink-800:#1E293B;--ink-600:#475569;--ink-500:#64748B;--ink-300:#CBD5E1;--line:#E2E8F0;--line-2:#CBD5E1;--brand:#5B46E5;--brand-600:#4F3CD6;--brand-50:#EFEBFF;--brand-100:#E3DDFF;--navy:#0F172A;--ink:#0B1220;--slate:#334155;--muted:#64748B;--light-gray:#E2E8F0;--off-white:#F8FAFC;--mint:#34D399;--coral:#FF6B6B;--amber:#FBBF24;--amber-ink:#0F172A;--sky:#80B2F2;--periwinkle:#667BF2;--deep:#5058F2;--orange:#FF9F66;--sb-bg-top:#1C1D26;--sb-bg-bot:#14151D;--sb-text:#D6D8DE;--sb-dim:#8C8F99;--sb-hover:#25262F;--g-hero:linear-gradient(120deg,#5B46E5,#5058F2);--g-cap:linear-gradient(120deg,#5B46E5,#667BF2);--g-bar:linear-gradient(90deg,#80B2F2,#34D399);font-family:'Inter',sans-serif;}
*,*::before,*::after{box-sizing:border-box;}body{margin:0;background:var(--off-white);color:var(--navy);-webkit-font-smoothing:antialiased;}
a{color:inherit;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;}
/* ===== CHROME ===== */
.shell{display:block;min-height:100vh;position:relative;}
.sb{width:72px;background:linear-gradient(180deg,var(--sb-bg-top),var(--sb-bg-bot));padding:16px 0;display:flex;flex-direction:column;gap:2px;transition:width .25s ease;overflow:hidden;position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:50;}
.sb.open{width:230px;}
.sb__top{display:flex;align-items:center;gap:10px;padding:6px 0 18px 18px;margin:0 8px;}
.sb__home{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;}.sb__logo{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}.sb__logo svg{width:30px;height:30px;display:block;}
.sb__name{color:#fff;font-weight:800;font-size:16px;white-space:nowrap;opacity:0;transition:opacity .2s;}
.sb.open .sb__name{opacity:1;}
.sb__burger{margin-left:auto;cursor:pointer;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;}
.sb__burger:hover{background:var(--sb-hover);}.sb__burger svg{stroke:var(--sb-dim);width:16px;height:16px;}
.sb__lbl{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--sb-dim);text-transform:uppercase;padding:12px 0 6px 26px;white-space:nowrap;opacity:0;transition:opacity .2s;height:30px;box-sizing:border-box;}.nav__badge{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#5B46E5,#7347F4);padding:2px 6px;border-radius:5px;opacity:0;transition:opacity .2s;}.sb.open .nav__badge{opacity:1;}.sb:not(.open) .nav__badge{opacity:0;}
.sb.open .sb__lbl{opacity:1;}
.nav{display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:10px 0 10px 18px;margin:0 8px;border-radius:9px;cursor:pointer;color:var(--sb-text);white-space:nowrap;}
.nav:hover{background:var(--sb-hover);}.nav.act{background:var(--brand);color:#fff;}
.nav svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;}
.nav span{font-size:13.5px;font-weight:500;white-space:nowrap;opacity:0;transition:opacity .2s;}
.sb.open .nav span{opacity:1;}
.main{transition:margin-left .25s ease;flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:40px;}
.tbar{height:60px;border-bottom:1px solid var(--light-gray);background:#fff;display:flex;align-items:center;gap:14px;padding:0 22px;position:sticky;top:0;z-index:30;}
.search{flex:1;min-width:0;max-width:440px;height:38px;border:1px solid var(--light-gray);border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--muted);font-size:13px;cursor:pointer;overflow:hidden;}
.search svg{flex-shrink:0;}
.search__txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.search__input{flex:1;min-width:0;border:none;background:transparent;font-family:inherit;font-size:13px;color:var(--navy,#0F172A);outline:none;padding:0;}.search__input::placeholder{color:var(--muted,#64748B);}.search__txt{flex:1;}.search__kbd{margin-left:auto;font-size:11px;color:var(--muted);border:1px solid var(--light-gray);border-radius:6px;padding:2px 7px;background:#fff;white-space:nowrap;}
.search svg{width:15px;height:15px;stroke:var(--muted);}
.tbar__sp{flex:1;}
.btn{height:38px;padding:0 16px;border-radius:10px;font-size:13px;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-family:inherit;text-decoration:none;}
.btn--ghost{background:#fff;border:1px solid var(--light-gray);color:var(--slate);}
.btn--primary{background:var(--brand);color:#fff;}
.btn--primary:hover{background:var(--brand-600);}
.btn--amber{background:var(--amber);color:var(--amber-ink);}
.tbar__av{width:34px;height:34px;border-radius:50%;background:var(--brand-100);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--brand);font-size:13px;cursor:pointer;}
.tbar__burger{display:none;background:none;border:none;color:var(--navy);cursor:pointer;padding:4px;align-items:center;justify-content:center;}
.tbar__burger:hover{color:var(--brand);}
.content{flex:1;}
.page{max-width:1180px;margin:0 auto;padding:26px 28px 20px;}
.crumb{font-size:13px;color:var(--muted);margin-bottom:18px;}.crumb a{color:var(--brand);text-decoration:none;}.crumb b{color:var(--slate);font-weight:600;}


/* === COLLAPSED SIDEBAR (clean) === */
.sb:not(.open){width:72px;}

.sb:not(.open) .sb__name{display:none;}
.sb:not(.open) .sb__burger{display:none;}
.sb:not(.open) .sb__lbl{opacity:0;}

.sb:not(.open) .nav span{opacity:0;}


/* expanded keeps burger + name visible */
.sb.open .sb__top{justify-content:flex-start;}
.sb.open .sb__burger{display:flex;}
.sb.open .sb__name{display:inline;}


.sb__spacer{flex:1;}
.sb__expand{display:flex;align-items:center;justify-content:flex-start;gap:13px;padding:10px 0 10px 18px;margin:6px 8px 0;border-radius:9px;cursor:pointer;color:var(--sb-dim);background:none;border:none;font-family:inherit;width:calc(100% - 16px);white-space:nowrap;}
.sb__expand:hover{background:var(--sb-hover);color:#fff;}
.sb__expand svg{width:20px;height:20px;flex-shrink:0;transition:transform .25s;}
.sb.open .sb__expand svg{transform:rotate(180deg);}
.sb__expand span{font-size:13px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s;}
.sb.open .sb__expand span{opacity:1;}

.sb:not(.open) .sb__expand span{opacity:0;}
.sb__pf-av{width:20px;height:20px;border-radius:50%;background:var(--brand,#5B46E5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;}

.sb__profile{padding:10px 0 10px 18px;margin:0 8px;}


/* sidebar layout */
/* prevent white gap beside sticky sidebar */
.shell{background:var(--off-white);}


/* keep expand button + bottom icons always visible (no scroll needed) */
.sb{padding-bottom:10px;}
.sb__spacer{flex:1 1 auto;min-height:8px;}
.sb__expand{margin-top:auto;flex-shrink:0;}
.sb__profile{flex-shrink:0;}

/* ===== HERO + OVERVIEW ===== */
.top{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:start;margin-bottom:34px;}
h1{font-size:38px;font-weight:800;letter-spacing:-0.025em;line-height:1.1;margin:0 0 16px;}
h1 .grad{background:var(--g-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.lede{font-size:15.5px;line-height:1.6;color:var(--slate);margin:0 0 22px;max-width:440px;}
.badges{display:flex;gap:22px;margin-bottom:24px;flex-wrap:wrap;}
.badge{display:flex;gap:10px;align-items:flex-start;max-width:170px;}
.badge__ic{width:30px;height:30px;border-radius:8px;background:var(--brand-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.badge__ic svg{width:16px;height:16px;stroke:var(--brand);fill:none;}
.badge__t{font-size:13px;font-weight:700;}.badge__d{font-size:11.5px;color:var(--muted);line-height:1.4;margin-top:2px;}
.trust{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--light-gray);border-radius:14px;padding:16px 20px;}
.trust__stat{display:flex;align-items:center;gap:12px;}
.trust__ic{width:40px;height:40px;border-radius:10px;background:var(--brand-50);display:flex;align-items:center;justify-content:center;}
.trust__ic svg{width:20px;height:20px;stroke:var(--brand);fill:none;}
.trust__n{font-size:20px;font-weight:800;line-height:1;}.trust__l{font-size:11.5px;color:var(--muted);margin-top:3px;}
.trust__div{width:1px;height:38px;background:var(--light-gray);}
.avs{display:flex;}.avs span{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-9px;background:var(--g-hero);}
.avs span:first-child{margin-left:0;}
.avs span:nth-child(2){background:linear-gradient(135deg,#80B2F2,#5B46E5);}
.avs span:nth-child(3){background:linear-gradient(135deg,#7C5CFC,#FF6B6B);}
.avs span:nth-child(4){background:linear-gradient(135deg,#34D399,#5B46E5);}
.avs span:nth-child(5){background:linear-gradient(135deg,#5B46E5,#FBBF24);}.avs span:first-child{margin-left:0;}
.panel{background:#fff;border:1px solid var(--light-gray);border-radius:18px;padding:22px;box-shadow:0 2px 10px rgba(15,17,21,.04);}
.panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.panel__head h3{font-size:15px;font-weight:700;margin:0;}
.pill{font-size:12px;color:var(--slate);background:var(--off-white);border:1px solid var(--light-gray);border-radius:8px;padding:6px 10px;display:flex;gap:6px;align-items:center;}
.mstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;}
.mstat{background:var(--off-white);border:1px solid var(--light-gray);border-radius:10px;padding:11px 12px;}
.mstat__l{font-size:10.5px;color:var(--muted);margin-bottom:5px;line-height:1.2;}.mstat__n{font-size:18px;font-weight:800;}
.charts{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;}
.chart-box h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0 0 8px;}
.linewrap{position:relative;height:150px;}.linewrap svg{width:100%;height:100%;overflow:visible;}
.yax{position:absolute;left:0;top:0;height:130px;display:flex;flex-direction:column;justify-content:space-between;font-size:9.5px;color:var(--muted);}
.xax{display:flex;justify-content:space-between;font-size:9.5px;color:var(--muted);padding-left:26px;margin-top:4px;}
.ltip{position:absolute;background:var(--navy);color:#fff;font-size:10px;padding:5px 9px;border-radius:7px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-130%);opacity:0;transition:opacity .15s;}.ltip b{color:var(--mint);}
.donut-wrap{display:flex;flex-direction:column;align-items:center;}
.donut{position:relative;width:120px;height:120px;}.donut svg{transform:rotate(-90deg);}
.donut__c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.donut__n{font-size:22px;font-weight:800;line-height:1;}.donut__l{font-size:9.5px;color:var(--muted);}
.legend{margin-top:12px;width:100%;display:flex;flex-direction:column;gap:6px;}
.lg{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--slate);}
.lg__d{width:9px;height:9px;border-radius:3px;flex-shrink:0;}.lg__v{margin-left:auto;font-weight:700;color:var(--navy);}
/* ===== FILTER BAR ===== */
.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:#fff;border:1px solid var(--light-gray);border-radius:14px;padding:14px 16px;margin-bottom:22px;}
.fdrop{height:40px;border:1px solid var(--light-gray);border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate);cursor:pointer;background:#fff;}
.fdrop svg{width:12px;height:12px;stroke:var(--muted);}
.fclear{margin-left:auto;color:var(--brand);font-size:13px;font-weight:600;cursor:pointer;}
@media (max-width:900px){.top{grid-template-columns:1fr;}.charts{grid-template-columns:1fr;}}
@media (max-width:680px){h1{font-size:29px;}.mstats{grid-template-columns:repeat(2,1fr);}}

/* ===== MODAL (new design) ===== */
.modal{position:relative;background:#fff;border-radius:18px;padding:24px 26px 20px;max-width:380px;width:90%;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.35);max-height:92vh;overflow-y:auto;}
.modal__confetti{position:absolute;inset:0;pointer-events:none;}
.modal__confetti i{position:absolute;width:7px;height:7px;border-radius:50%;opacity:.7;}
.modal__ic{width:42px;height:42px;border-radius:50%;background:var(--brand-50);display:flex;align-items:center;justify-content:center;margin:4px auto 10px;position:relative;}
.modal__ic svg{width:20px;height:20px;stroke:var(--brand);}
.modal h2{font-size:19px;font-weight:800;margin:0 0 4px;color:var(--navy);}
.modal p{font-size:13px;color:var(--muted);line-height:1.45;margin:0 0 16px;}
.modal__btns{display:flex;flex-direction:column;gap:10px;}
.mbtn{height:46px;border-radius:11px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-decoration:none;border:1px solid var(--light-gray);color:var(--navy);background:#fff;font-family:inherit;}
.mbtn--primary{background:var(--brand);color:#fff;border-color:var(--brand);}
.mbtn--primary:hover{background:var(--brand-600);}
.mbtn--oauth:hover{background:var(--off-white);}
.goog{font-weight:800;color:#4285F4;font-size:15px;}
.modal__login{font-size:13px;color:var(--muted);margin:18px 0 0;}
.modal__login a{color:var(--brand);font-weight:700;text-decoration:none;}
.msignup{text-align:left;margin-top:0;}
.msignup__roles{display:flex;gap:0;margin-bottom:12px;background:#F1F5F9;border-radius:10px;padding:3px;}
.msignup__role{flex:1;display:block;padding:8px 6px;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:center;font-family:inherit;transition:background .15s,box-shadow .15s;}
.msignup__role.is-active{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.1);}
.msignup__role-t{font-size:13px;font-weight:700;color:var(--muted);}
.msignup__role.is-active .msignup__role-t{color:var(--brand);}
.msignup__role-s{display:none;}
.msignup__field{margin-bottom:9px;}
.msignup__field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.msignup__field input{width:100%;box-sizing:border-box;height:42px;padding:0 13px;font-size:14px;font-family:inherit;color:var(--navy);background:#fff;border:1px solid var(--light-gray);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s;}
.msignup__field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,229,.12);}
.msignup__err{background:#FEF2F2;border:1px solid #FECACA;color:#B91C1C;font-size:12px;line-height:1.4;padding:7px 10px;border-radius:8px;margin:0 0 9px;}
.msignup .mbtn--primary{width:100%;margin-top:2px;}
.msignup .mbtn--primary:disabled{opacity:.7;cursor:default;}
.modal__x{position:absolute;top:16px;right:18px;background:none;border:none;font-size:22px;color:var(--muted);cursor:pointer;line-height:1;z-index:2;}

/* old modal styles below overridden */
.ov{position:fixed;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:100;}
.ov.show{display:flex;}
.modal{background:#fff;border-radius:18px;padding:32px;max-width:380px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);}
.modal__ic{width:54px;height:54px;border-radius:14px;background:var(--brand-50);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}
.modal__ic svg{width:26px;height:26px;stroke:var(--brand);}
.modal h2{font-size:21px;font-weight:800;margin:0 0 8px;}.modal p{font-size:14px;color:var(--muted);line-height:1.5;margin:0 0 22px;}
.modal__btns{display:flex;flex-direction:column;gap:10px;}
.btn--link{background:none;border:none;color:var(--brand);font-weight:600;font-size:13.5px;cursor:pointer;font-family:inherit;}
/* ===== COMPARISON TABLE ===== */
.ctbl-wrap{overflow-x:auto;border:1px solid var(--light-gray);border-radius:16px;background:#fff;margin-bottom:14px;box-shadow:0 1px 2px rgba(15,17,21,.04);}
.ctbl{border-collapse:collapse;width:100%;min-width:920px;}
.ctbl thead th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);text-align:left;padding:15px 16px;border-bottom:1px solid var(--light-gray);white-space:nowrap;}
.ctbl tbody td{padding:18px 16px;border-bottom:1px solid #F1F2F4;font-size:13px;vertical-align:top;}
.ctbl tbody tr{transition:background .15s;cursor:pointer;}
.ctbl tbody tr:hover{background:var(--brand-50);}
.ctbl tbody tr:last-child td{border-bottom:none;}
.pf{display:flex;gap:11px;align-items:flex-start;position:relative;}
.pf__logo{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;flex-shrink:0;}
.pf__name{font-weight:700;font-size:14px;}
.pf__stars{color:var(--amber);font-size:11px;letter-spacing:1px;margin-top:3px;}
.pf__rev{font-size:11px;color:var(--muted);}
.pop-badge{position:absolute;top:-22px;left:0;font-size:9px;font-weight:800;letter-spacing:.03em;color:#fff;background:var(--g-cap);padding:3px 8px;border-radius:0 0 8px 0;text-transform:uppercase;}
.feat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.feat-list li{display:flex;gap:7px;align-items:center;font-size:12.5px;color:var(--slate);}
.feat-list svg{width:13px;height:13px;stroke:var(--mint);flex-shrink:0;}
.cprice{font-weight:800;font-size:14px;}.cprice.low{color:#0f9b6c;}.cprice.high{color:var(--coral);}.cprice small{display:block;font-size:10px;color:var(--muted);font-weight:500;}
.crating{font-size:13px;}.crating .s{color:var(--amber);font-size:11px;}.crating .n{font-weight:700;}.crating .r{font-size:11px;color:var(--muted);}

.ring{position:relative;width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--rc) calc(var(--pct)*1%),#EEF0F3 0);display:flex;align-items:center;justify-content:center;}
.ring::before{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%;}
.ctbl tbody tr:hover .ring::before{background:var(--brand-50);}
.ring__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px;}
.ring__n{font-size:14px;font-weight:800;color:var(--navy);}

.ring__lbl{font-size:8px;color:var(--muted);text-align:center;margin-top:5px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;}
.oscore{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:74px;height:58px;margin:0 auto;border-radius:12px;font-weight:800;}
.oscore b{font-size:19px;line-height:1;}.oscore span{font-size:10px;font-weight:600;line-height:1;}
.viewall{display:flex;justify-content:center;margin-bottom:46px;}
.viewall a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--light-gray);background:#fff;border-radius:10px;padding:12px 22px;font-size:14px;font-weight:700;color:var(--brand);cursor:pointer;text-decoration:none;}
/* ===== METHODOLOGY ===== */
.sec2{margin-bottom:48px;}
.sec2__h{font-size:24px;font-weight:800;letter-spacing:-0.01em;margin:0 0 6px;}
.sec2__p{font-size:14px;color:var(--muted);margin:0 0 22px;}
.factors{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.factor{background:#fff;border:1px solid var(--light-gray);border-radius:14px;padding:18px 16px;text-align:center;transition:transform .2s,box-shadow .2s;}
.factor:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(15,17,21,.08);}
.factor__ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
.factor__ic svg{width:20px;height:20px;}
.factor__t{font-size:13px;font-weight:700;}.factor__pct{font-size:22px;font-weight:800;color:var(--brand);margin:6px 0;}
.factor__d{font-size:11px;color:var(--muted);line-height:1.4;}
/* ===== GUIDES + FAQ ===== */
.gf{display:grid;grid-template-columns:1.3fr 1fr;gap:34px;margin-bottom:48px;}
.gf__h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;}
.gf__h h3{font-size:20px;font-weight:800;margin:0;}
.gf__h a{font-size:13px;color:var(--brand);font-weight:600;text-decoration:none;cursor:pointer;}
.gf__sub{font-size:13px;color:var(--muted);margin:0 0 18px;}
.guides{display:flex;flex-direction:column;gap:14px;}
.gcard{display:flex;gap:14px;background:#fff;border:1px solid var(--light-gray);border-radius:14px;padding:14px;cursor:pointer;transition:box-shadow .2s;}
.gcard:hover{box-shadow:0 8px 22px rgba(15,17,21,.08);}
.gcard__img{width:110px;height:78px;border-radius:10px;background-size:cover;background-position:center;background-color:var(--brand-100);flex-shrink:0;position:relative;}
.gcard__tag{position:absolute;top:7px;left:7px;font-size:9px;font-weight:700;background:#fff;color:var(--brand);padding:2px 7px;border-radius:6px;}
.gcard__t{font-size:14px;font-weight:700;line-height:1.3;margin:0 0 5px;}
.gcard__d{font-size:12px;color:var(--muted);line-height:1.45;margin:0 0 7px;}
.gcard__m{font-size:11px;color:var(--muted);}
.faqs{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--light-gray);border-radius:14px;overflow:hidden;}
.fq{border-bottom:1px solid #F1F2F4;}
.fq:last-child{border-bottom:none;}
.fq__q{width:100%;text-align:left;background:none;border:none;padding:16px 18px;font-size:13.5px;font-weight:600;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:inherit;}
.fq__q .pl{font-size:18px;color:var(--brand);transition:transform .2s;flex-shrink:0;}
.fq.open .pl{transform:rotate(45deg);}
.fq__a{max-height:0;overflow:hidden;transition:max-height .26s ease;}
.fq__a div{padding:0 18px 16px;font-size:13px;color:var(--muted);line-height:1.55;}
.fq.open .fq__a{max-height:300px;}

/* ===== EEAT TRUST STRIP (sitewide) ===== */
.eeat{max-width:1000px;margin:8px auto 0;padding:0 24px;}
.eeat__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px;background:var(--brand-50,#EFEBFF);border-radius:18px;}
.eeat__item{text-align:center;}
.eeat__item b{display:block;font-size:30px;font-weight:800;color:var(--brand,#5B46E5);letter-spacing:-0.02em;}
.eeat__item span{font-size:12.5px;color:var(--muted,#64748B);line-height:1.4;display:block;margin-top:4px;}
.eeat__byline{text-align:center;font-size:12.5px;color:var(--muted,#64748B);margin:16px 0 0;}
@media (max-width:680px){.eeat__inner{grid-template-columns:1fr;gap:18px;}}

/* ===== CTA BAND ===== */
.ctaband{background:linear-gradient(120deg,#EFEBFF,#E0E7FF);border-radius:20px;padding:30px 34px;display:flex;align-items:center;gap:24px;margin-bottom:40px;position:relative;overflow:hidden;}
.ctaband__t{font-size:22px;font-weight:800;margin:0 0 6px;}
.ctaband__p{font-size:14px;color:var(--slate);margin:0 0 16px;}
.ctaband__btns{display:flex;gap:12px;}
.ctaband__avs{margin-left:auto;display:flex;align-items:center;gap:-10px;}
.ctaband__avs span{width:58px;height:58px;border-radius:50%;border:3px solid #fff;background-size:cover;background-position:center;margin-left:-14px;box-shadow:0 4px 12px rgba(0,0,0,.1);}
/* TRUSTED-BY LOGO WALL (styled wordmarks, card) */
.logos{text-align:center;margin:32px 0 0;padding:32px 24px;background:linear-gradient(180deg,#FAFAFC,#fff);border:1px solid var(--light-gray);border-radius:16px;}
.logos__head{margin-bottom:24px;}
.logos__head h3{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--navy);letter-spacing:-0.005em;}
.logos__head p{margin:0;font-size:12.5px;color:var(--muted);}
.logos__row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 18px;align-items:center;justify-items:center;}
.logos .logo{display:inline-flex;align-items:center;gap:4px;font-family:'Inter',sans-serif;font-size:16px;font-weight:800;letter-spacing:.05em;color:#9098A4;opacity:.85;transition:color .15s ease,opacity .15s ease,transform .15s ease;cursor:default;}
.logos .logo:hover{opacity:1;color:var(--navy);transform:translateY(-1px);}
.logos .logo b{font-weight:800;}
.logos .logo em{font-style:normal;font-weight:500;margin-left:3px;opacity:.7;}
.logos .logo--soft{text-transform:none;font-size:17px;letter-spacing:0;font-weight:700;}
@media (max-width:720px){.logos__row{grid-template-columns:repeat(2,1fr);}}

.foot{border-top:1px solid var(--light-gray);padding:22px 0;display:flex;gap:24px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
.foot a{color:var(--muted);text-decoration:none;cursor:pointer;}
.foot__cp{margin-right:auto;}
@media (max-width:1000px){.factors{grid-template-columns:repeat(3,1fr);}.gf{grid-template-columns:1fr;}}
@media (max-width:680px){.factors{grid-template-columns:repeat(2,1fr);}.ctaband{flex-direction:column;align-items:flex-start;}.ctaband__avs{margin-left:0;}}



.annbar{background:var(--ink);color:#CBD2DC;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;flex-wrap:nowrap;position:relative;z-index:32;}
.annbar__left{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px;}
.annbar__left{display:flex;align-items:center;gap:10px;font-weight:500;color:#E2E5EA;}
.annbar__badge{background:var(--amber);color:var(--amber-ink);font-size:10px;font-weight:800;letter-spacing:.05em;padding:3px 8px;border-radius:6px;}
.annbar__cta{color:var(--brand-50);font-weight:700;text-decoration:none;cursor:pointer;color:#A99CFF;}
.annbar__cta:hover{color:#fff;}
.annbar__nav{display:flex;align-items:center;gap:18px;}
.annbar__nav a{color:#9AA3AF;text-decoration:none;font-weight:500;cursor:pointer;transition:color .15s;}
.annbar__nav a:hover{color:#fff;}
.annbar__sep{width:1px;height:14px;background:rgba(255,255,255,.18);}
@media (max-width:820px){.annbar__nav{display:none;}}

/* ===== TOPBAR RESPONSIVE (narrow widths) ===== */
@media (max-width:760px){
  .tbar{gap:8px;padding:0 14px;}
  .tbar__av{display:none;}
  .search{max-width:none;font-size:12.5px;}
  .annbar{font-size:12px;padding:9px 14px;gap:10px;}
}
/* Below 620px: collapse the inline CTAs into a burger menu (slideover) */
@media (max-width:620px){
  .tbar .btn--ghost{display:none;}     /* See pricing moves into the burger menu */
  .tbar__burger{display:flex;}
  .tbar .btn--amber{padding:0 14px;}    /* Sign up stays visible in the topbar */
  .search{flex:1;max-width:none;}
}
@media (max-width:440px){
  .search__txt{display:none;}
  .search{flex:0 0 auto;width:40px;padding:0;justify-content:center;}
  .annbar__cta{display:none;}
}


/* HOMEPAGE FOOTER (scoped) */
.kalo-foot-wrap{--brand:#5B46E5;--navy:#0F172A;--ink:#0B1220;--muted:#64748B;--light-gray:#E2E8F0;--off-white:#F8FAFC;--amber:#FBBF24;--amber-ink:#0F172A;background:var(--off-white);}
.kalo-foot-wrap *{box-sizing:border-box;}

.kalo-foot-wrap .site-foot{
  margin-top: 48px;
  background: #0E0E14;
  color: #C9CCD3;
  border-radius: 18px;
  padding: 40px 32px 20px;
}
.kalo-foot-wrap .site-foot__main{
  display: grid;
  grid-template-columns: 1.3fr 2.6fr;
  gap: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid #1F2129;
}
.kalo-foot-wrap .site-foot__brand p{
  margin: 14px 0 18px;
  font-size: 13px; color: #797D88;
  line-height: 1.6;
  max-width: 320px;
}
.kalo-foot-wrap .site-foot__newsletter{
  display: flex; gap: 8px; align-items: center;
  background: #15161D;
  border: 1px solid #20222B;
  border-radius: 10px;
  padding: 4px 4px 4px 12px;
  margin-bottom: 18px;
  max-width: 360px;
}
.kalo-foot-wrap .site-foot__newsletter input{
  flex: 1; min-width: 0;
  border: 0; outline: 0;
  background: transparent;
  color: #fff;
  font-size: 13px;
  padding: 8px 0;
}
.kalo-foot-wrap .site-foot__newsletter input::placeholder{ color: #6B6F7A; }
.kalo-foot-wrap .site-foot__newsletter .btn{ height: 32px; padding: 0 14px; font-size: 12.5px; }
.kalo-foot-wrap .site-foot__social{ display: flex; gap: 8px; }
.kalo-foot-wrap .site-foot__social a{
  width: 32px; height: 32px; border-radius: 8px;
  background: #15161D;
  border: 1px solid #20222B;
  color: #9BA0AC;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.kalo-foot-wrap .site-foot__social a:hover{ background: #1A1B22; color: #fff; border-color: #2A2C36; }
.kalo-foot-wrap .site-foot__cols{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
.kalo-foot-wrap .site-foot__col .site-foot__h{
  margin: 0 0 12px;
  font-size: 12px; font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.kalo-foot-wrap .site-foot__col ul{ display: flex; flex-direction: column; gap: 9px; }
.kalo-foot-wrap .site-foot__col a{
  font-size: 13px; color: #9BA0AC;
  transition: color .15s ease;
  display: inline-flex; align-items: center; gap: 8px;
}
.kalo-foot-wrap .site-foot__col a:hover{ color: #fff; }
.kalo-foot-wrap .site-foot__bar{
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px;
  padding-top: 18px;
  flex-wrap: wrap;
  border-top: 1px solid #1F2129;
}
.kalo-foot-wrap .site-foot__certs{
  padding: 22px 0;
  border-bottom: 1px solid #1F2129;
}
.kalo-foot-wrap .site-foot__certs-label{
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.06em;
  color: #797D88;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.kalo-foot-wrap .site-foot__certs-row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  align-items: center;
}
.kalo-foot-wrap .site-foot__certs-row{ gap: 10px 20px; }
.kalo-foot-wrap .site-foot__copy{ font-size: 12px; color: #797D88; }
.kalo-foot-wrap .site-foot__legal{
  display: flex; gap: 18px;
}
.kalo-foot-wrap .site-foot__legal a{ font-size: 12px; color: #797D88; transition: color .15s ease; }
.kalo-foot-wrap .site-foot__legal a:hover{ color: #C9CCD3; }
.kalo-foot-wrap .site-foot__lang{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: #C9CCD3;
  background: #15161D;
  border: 1px solid #20222B;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.kalo-foot-wrap .site-foot__lang:hover{ background: #1A1B22; border-color: #2A2C36; }
.kalo-foot-wrap .site-foot__main{display:grid;grid-template-columns:1.3fr 2.6fr;gap:48px;padding-bottom:32px;border-bottom:1px solid #1F2129;}
.kalo-foot-wrap .site-foot__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.kalo-foot-wrap .site-foot{margin:32px 24px 24px;background:#0E0E14;color:#C9CCD3;border-radius:18px;padding:40px 32px 20px;}

.kalo-foot-wrap .site-foot__bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px;flex-wrap:wrap;border-top:1px solid #1F2129;}

/* old custom footer css removed */
/* unused: 
.sfoot{background:var(--navy);color:#CBD2DC;margin-top:40px;}
.sfoot__main{max-width:1180px;margin:0 auto;padding:42px 28px 30px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:30px;}
.sfoot__brand p{font-size:13px;line-height:1.6;color:#94A0AE;margin:12px 0 0;max-width:240px;}
.sfoot__logo{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;color:#fff;}
.sfoot__mark{width:30px;height:30px;border-radius:8px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:13px;}
.sfoot__col h4,.site-foot__col .site-foot__h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;margin:0 0 14px;}
.sfoot__col a{display:block;font-size:13px;color:#94A0AE;text-decoration:none;margin-bottom:9px;cursor:pointer;}
.sfoot__col a:hover{color:#fff;}
.sfoot__bar{max-width:1180px;margin:0 auto;padding:18px 28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:12px;color:#7C8794;flex-wrap:wrap;gap:10px;}
@media (max-width:900px){.sfoot__main{grid-template-columns:1fr 1fr;}} */

/* NEW V47 FOOTER ADDITIONS - newsletter strip + research card + popular rows */
.kalo-foot-wrap .site-foot__news{background:#1E1B4B;margin:0 0 32px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(91,70,229,.3);flex-wrap:wrap;border-top-left-radius:12px;border-top-right-radius:12px;}
.kalo-foot-wrap .site-foot__news-txt b{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:3px;}
.kalo-foot-wrap .site-foot__news-txt span{display:block;font-size:12.5px;color:#A5B4FC;line-height:1.5;}
.kalo-foot-wrap .site-foot__news-form{display:flex;gap:8px;align-items:center;}
.kalo-foot-wrap .site-foot__news-form input{background:#fff;color:#0F172A;padding:9px 14px;border-radius:8px;font-size:13px;border:1px solid #1E293B;min-width:240px;outline:none;}
.kalo-foot-wrap .site-foot__news-form input::placeholder{color:#94A3B8;}
.kalo-foot-wrap .site-foot__news-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,70,229,.18);}
.kalo-foot-wrap .site-foot__news-btn{background:var(--amber);color:var(--amber-ink);padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:background .15s;}
.kalo-foot-wrap .site-foot__news-btn:hover{background:#F0AC0A;}
.kalo-foot-wrap .site-foot__brand{display:flex;flex-direction:column;}
.kalo-foot-wrap .site-foot__research-card{display:flex;flex-direction:column;background:rgba(91,70,229,.15);border:1px solid rgba(91,70,229,.32);border-radius:10px;padding:16px 18px;margin-top:14px;text-decoration:none;transition:background .15s,border-color .15s;height:100%;}
.kalo-foot-wrap .site-foot__research-card:hover{background:rgba(91,70,229,.24);border-color:rgba(91,70,229,.5);}
.kalo-foot-wrap .site-foot__research-eyebrow{display:block;font-size:10.5px;color:#A5B4FC;font-weight:700;letter-spacing:.08em;margin-bottom:8px;}
.kalo-foot-wrap .site-foot__research-title{display:block;font-size:13.5px;color:#E2E8F0;line-height:1.45;margin-bottom:8px;font-weight:600;}
.kalo-foot-wrap .site-foot__research-desc{display:block;font-size:12px;color:#94A3B8;line-height:1.5;margin-bottom:12px;}
.kalo-foot-wrap .site-foot__research-bullets{list-style:none;padding:0;margin:0 0 16px;font-size:11.5px;color:#CBD5E1;line-height:1.6;}
.kalo-foot-wrap .site-foot__research-bullets li{padding-left:14px;position:relative;margin-bottom:3px;}
.kalo-foot-wrap .site-foot__research-bullets li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:3px;border-left:1.5px solid #A5B4FC;border-bottom:1.5px solid #A5B4FC;transform:rotate(-45deg);}
.kalo-foot-wrap .site-foot__research-cta{display:inline-block;background:var(--brand);color:#fff;padding:8px 14px;border-radius:7px;font-size:12px;font-weight:600;margin-top:auto;align-self:flex-start;}
.kalo-foot-wrap .site-foot__popular{padding:20px 0 8px;border-top:1px solid #1F2129;display:flex;flex-direction:column;gap:18px;}
.kalo-foot-wrap .site-foot__popular-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.kalo-foot-wrap .site-foot__popular-col{min-width:0;}
.kalo-foot-wrap .site-foot__popular-h{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
.kalo-foot-wrap .site-foot__popular-h--violet{color:#A5B4FC;}
.kalo-foot-wrap .site-foot__popular-h--amber{color:var(--amber);}
.kalo-foot-wrap .site-foot__popular-tags{display:flex;flex-wrap:wrap;gap:8px 14px;}
.kalo-foot-wrap .site-foot__popular-tags a{font-size:12.5px;color:#CBD5E1;text-decoration:none;transition:color .15s;font-weight:500;}
.kalo-foot-wrap .site-foot__popular-tags a:hover{color:#fff;text-decoration:underline;}
@media (max-width:900px){
  .kalo-foot-wrap .site-foot__news{flex-direction:column;align-items:flex-start;padding:16px 18px;}
  .kalo-foot-wrap .site-foot__news-form{width:100%;}
  .kalo-foot-wrap .site-foot__news-form input{flex:1;min-width:0;}
  .kalo-foot-wrap .site-foot__popular-row{grid-template-columns:1fr;gap:14px;}
}

/* FLOATING CENTER BAR */
.fbar{transition:opacity .25s ease,transform .25s ease,left .25s ease;position:fixed;bottom:26px;left:calc(50% + 36px);transform:translateX(-50%);z-index:90;background:rgba(15,23,42,.96);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 10px;display:flex;align-items:center;gap:2px;box-shadow:0 12px 40px rgba(15,17,21,.28);transition:left .25s ease;max-width:calc(100vw - 72px - 32px);overflow-x:auto;scrollbar-width:none;}
.fbar::-webkit-scrollbar{display:none;}
.fbar__link{flex:0 0 auto;}
.fbar{scroll-padding-right:12px;}
.fbar::after{content:"";flex:0 0 4px;}
.fbar__link{padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:#CBD2DC;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;}
.fbar__link:hover{background:rgba(255,255,255,.1);color:#fff;}
.fbar__cta{background:var(--amber);color:var(--amber-ink);margin-left:6px;margin-right:2px;flex:0 0 auto;}
.fbar__cta:hover{background:#E5A912;color:var(--amber-ink);}
@media (max-width:680px){.fbar{flex-wrap:nowrap;max-width:calc(100vw - 72px - 24px);bottom:14px;}.fbar__link{padding:8px 12px;font-size:12px;}
  .fbar__cta{flex:0 0 auto;}}

/* footer + annbar shift when sidebar expands. Using JS-toggled body class as primary, :has() for browsers that support it. */
body.sb-is-open .kalo-foot-wrap,
body.sb-is-open .annbar{transition:margin-left .25s ease;}
body.sb-is-open .fbar{left:calc(50% + 115px);}
body.sb-is-open .annbar__nav{display:none;}
body.sb-is-open .annbar__burger{display:flex;align-items:center;}

/* Modern browsers: also support :has() for graceful enhancement without needing the body class */
@supports selector(:has(*)){
  body:has(.sb.open) .kalo-foot-wrap,
  body:has(.sb.open) .annbar{transition:margin-left .25s ease;}
  body:has(.sb.open) .fbar{left:calc(50% + 115px);}
  body:has(.sb.open) .annbar__nav{display:none;}
  body:has(.sb.open) .annbar__burger{display:flex;align-items:center;}
}

/* annbar burger + slideover (shown when sidebar expanded) */
.annbar__burger{display:none;background:none;border:none;color:#CBD2DC;cursor:pointer;padding:4px;}
.annbar__burger:hover{color:#fff;}
.slideover{position:fixed;inset:0;z-index:120;display:none;}
.slideover.show{display:block;}
.slideover__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);}
.slideover__panel{position:absolute;top:0;right:0;bottom:0;width:340px;max-width:85vw;background:#fff;box-shadow:-12px 0 40px rgba(0,0,0,.2);padding:28px 26px;display:flex;flex-direction:column;animation:slideIn .25s ease;}
@keyframes slideIn{from{transform:translateX(100%);}to{transform:translateX(0);}}
.slideover__close{align-self:flex-end;background:none;border:none;color:var(--navy,#0F172A);cursor:pointer;padding:4px;margin-bottom:20px;}
.slideover__close:hover{color:var(--brand,#5B46E5);}
.slideover__nav{display:flex;flex-direction:column;gap:4px;}
.slideover__nav a{padding:14px 16px;border-radius:10px;font-size:16px;font-weight:600;color:var(--navy,#0F172A);text-decoration:none;cursor:pointer;}
.slideover__nav a:hover{background:var(--off-white,#F8FAFC);color:var(--brand,#5B46E5);}
.slideover__cta{background:var(--amber,#FBBF24);color:var(--amber-ink,#0F172A);text-align:center;margin-top:12px;}
.slideover__cta:hover{background:#E5A912;color:var(--amber-ink,#0F172A);}

/* footer resets to match homepage (no bullets, clean links) */
.kalo-foot-wrap ul{list-style:none;padding:0;margin:0;}
.kalo-foot-wrap li{list-style:none;}
.kalo-foot-wrap a{color:inherit;text-decoration:none;}
.kalo-foot-wrap *,.kalo-foot-wrap *::before,.kalo-foot-wrap *::after{box-sizing:border-box;}

@media (max-width:860px){
.kalo-foot-wrap .site-foot__main{grid-template-columns:1fr;gap:32px;}
.kalo-foot-wrap .site-foot__cols{grid-template-columns:repeat(2,1fr);gap:18px;}
}

/* footer button + logo + social styling to match homepage */
.kalo-foot-wrap .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;font-weight:700;border:none;cursor:pointer;font-family:inherit;}
.kalo-foot-wrap .btn--primary{background:var(--brand);color:#fff;}
.kalo-foot-wrap .btn--primary:hover{background:#4F3CD6;}
.kalo-foot-wrap .brand-mark{display:flex;align-items:center;gap:10px;}
.kalo-foot-wrap .foot-lockup{height:44px;width:auto;display:block;}
.kalo-foot-wrap .brand-mark__logo{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}
.kalo-foot-wrap .brand-mark__name{font-size:18px;font-weight:800;letter-spacing:-0.01em;color:#fff;}

/* footer partner-logos + certs + lang + social (match homepage) */
.kalo-foot-wrap .partner-logo{
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600;
  color: #D6D8DE;
  letter-spacing: 0;
  transition: color .15s ease, opacity .15s ease;
  cursor: pointer;
  text-decoration: none;
}
.kalo-foot-wrap .partner-logo:hover{ color: #fff; }
.kalo-foot-wrap .partner-logo svg{ flex-shrink: 0; }
.kalo-foot-wrap .partner-logo__txt{ line-height: 1; }
.kalo-foot-wrap .partner-logo--mono{ color: #9BA0AC; }
.kalo-foot-wrap .partner-logo--mono .partner-logo__seal{
  width: 26px; height: 26px;
  border-radius: 6px;
  background: #15161D;
  border: 1px solid #2A2C36;
  color: #C9CCD3;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 9.5px; font-weight: 800;
  letter-spacing: 0.04em;
}
.kalo-foot-wrap .partner-logo__seal--gdpr{
  background: linear-gradient(135deg, #003399, #0033CC) !important;
  color: #FFCC00 !important;
  border-color: transparent !important;
}
.kalo-foot-wrap .site-foot__certs{
  padding: 22px 0;
  border-bottom: 1px solid #1F2129;
}
.kalo-foot-wrap .site-foot__certs-label{
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.06em;
  color: #797D88;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.kalo-foot-wrap .site-foot__certs-row{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  align-items: center;
}
.kalo-foot-wrap .site-foot__certs-row{ gap: 10px 20px; }
.kalo-foot-wrap .site-foot__lang{
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: #C9CCD3;
  background: #15161D;
  border: 1px solid #20222B;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;
}
.kalo-foot-wrap .site-foot__lang:hover{ background: #1A1B22; border-color: #2A2C36; }
.kalo-foot-wrap .site-foot__social{ display: flex; gap: 8px; }
.kalo-foot-wrap .site-foot__social a{
  width: 32px; height: 32px; border-radius: 8px;
  background: #15161D;
  border: 1px solid #20222B;
  color: #9BA0AC;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.kalo-foot-wrap .site-foot__social a:hover{ background: #1A1B22; color: #fff; border-color: #2A2C36; }

/* footer bottom bar: copyright left, legal links middle, language right (desktop) */
.kalo-foot-wrap .site-foot__legal{display:flex;gap:18px;list-style:none;padding:0;margin:0;}
.kalo-foot-wrap .site-foot__copy{font-size:12px;color:#797D88;}
@media (max-width:860px){
.kalo-foot-wrap .site-foot__bar{flex-direction:column;align-items:flex-start;gap:12px;}
}


/* floating bar: 4 items max (Home, Best Platforms, Pricing, Sign up); rest live in the burger */
.fbar__hide{display:inline-flex;}
@media (max-width:900px){.fbar__hide{display:none;}}
@media (max-width:440px){ .fbar__bp{display:none;} }  /* on phones drop to Home, Pricing, Sign up */

/* ===== FAQ ACCORDION (sitewide) ===== */


/* review page rating */
.rev__rating{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:14px 0 6px;}
.rev__rating b{color:var(--navy);font-size:16px;}
.rev__stars{color:#FBBF24;letter-spacing:2px;font-size:17px;}
/* ===== locked tabbed FAQ (sitewide) ===== */
.faq{padding:48px 24px 56px;max-width:820px;margin:0 auto;}
.faq__head{text-align:center;margin-bottom:26px;}
.faq__eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:var(--brand-50);padding:5px 12px;border-radius:999px;margin-bottom:14px;}
.faq__head h2{margin:0 0 8px;font-size:28px;font-weight:700;letter-spacing:-0.01em;}
.faq__head p{margin:0 auto;max-width:540px;color:var(--ink-500);font-size:14.5px;line-height:1.55;}
.faq__tabs{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:26px 0 28px;border-bottom:1px solid var(--line);}
.faq__tab{border:0;background:transparent;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-500);padding:12px 18px;position:relative;transition:color .18s;}
.faq__tab:hover{color:var(--ink-800);}
.faq__tab.is-active{color:var(--brand);}
.faq__tab.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--brand);border-radius:2px;}
.faq__list{display:flex;flex-direction:column;gap:12px;}
.faq__tabs{gap:0;}
.faq__tab{padding:11px 10px;font-size:12.5px;}
.faq__panel{display:none;flex-direction:column;gap:12px;}
.faq__panel.is-active{display:flex;}
.qa{background:#fff;border:1px solid var(--light-gray);border-radius:14px;overflow:hidden;transition:border-color .18s,box-shadow .18s;}
.qa:hover{border-color:#CBD5E1;}
.qa.is-open{border-color:var(--brand-100);box-shadow:0 8px 24px rgba(91,70,229,.06);}
.qa__q{width:100%;border:0;background:transparent;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-size:15px;font-weight:600;color:var(--navy);text-align:left;}
.qa__ic{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:1.5px solid #CBD5E1;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;transition:transform .22s,border-color .18s,color .18s,background .18s;font-size:16px;line-height:1;}
.qa.is-open .qa__ic{background:var(--brand);border-color:var(--brand);color:#fff;transform:rotate(45deg);}
.qa__a{max-height:0;overflow:hidden;transition:max-height .26s ease,padding .26s ease;padding:0 20px;color:var(--slate);font-size:14px;line-height:1.6;}
.qa.is-open .qa__a{max-height:900px;padding:0 20px 18px;}
.qa__a a{color:var(--brand);font-weight:600;text-decoration:none;border-bottom:1px solid var(--brand-100);}
.qa__a a:hover{border-bottom-color:var(--brand);}
.fbar--hidden{opacity:0;transform:translateX(-50%) translateY(30px);pointer-events:none;}

/* ===== block 3 ===== */

.app{--bg:#FFFFFF;--page-bg:#F7F7F9;--line:#ECEEF1;--line-2:#E5E7EB;--line-3:#F2F3F5;--sb-bg-top:#1C1D26;--sb-bg-bot:#14151D;--sb-text:#D6D8DE;--sb-text-dim:#8C8F99;--sb-label:#8C8F99;--sb-hover:#25262F;--sb-active:#5B46E5;--sb-divider:#2A2C36;}
.sidebar__nav ul{list-style:none;margin:0;padding:0;}.sidebar__nav li{margin:0;}
/* ============================================================
   SIDEBAR
============================================================ */
.sidebar{position: sticky; top: 0;
  height: 100vh;
  background: linear-gradient(180deg, var(--sb-bg-top), var(--sb-bg-bot));
  color: var(--sb-text);
  display: flex; flex-direction: column;
  padding: 14px 14px 12px;
  border-right: 1px solid #000;}
.sidebar__top{padding: 2px 4px 8px;}
.sidebar__nav{flex: 1; overflow-y: auto; padding-top: 10px;}
.sidebar__nav::-webkit-scrollbar{width: 0;}
.nav-section + .nav-section{margin-top: 18px;}
.nav-label{font-size: 10px; font-weight: 600;
  letter-spacing: .12em; color: var(--sb-label);
  padding: 0 12px 8px;}
.nav-item{display: flex; align-items: center; gap: 14px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13.5px; font-weight: 500;
  color: #D6D8DE;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
  white-space: nowrap;}
.nav-item svg{color: #B0B4BD; flex-shrink: 0;}
.nav-item:hover{background: var(--sb-hover); color: #fff;}
.nav-item:hover svg{color: #fff;}
.nav-item.is-active{background: var(--brand);
  color: #fff;
  box-shadow: 0 1px 0 rgba(255,255,255,.05) inset;}
.nav-item.is-active svg{color: #fff;}
.nav-item .badge{margin-left: auto;
  background: var(--brand);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  min-width: 20px; height: 20px;
  border-radius: 6px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0 6px;}
.nav-item .badge--new{margin-left: 10px;}
.nav-item.is-active .badge{background: rgba(255,255,255,.18);}
/* Bottom area */
.sidebar__bottom{padding-top: 10px; flex-shrink: 0;}
.trial-card{background: #25262F;
  border: 1px solid #313340;
  border-radius: 12px;
  padding: 14px 14px 12px;
  margin-bottom: 12px;}
.trial-card__head{display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 600; color: #fff;
  margin-bottom: 6px;
  white-space: nowrap;}
.trial-card__icon{width: 22px; height: 22px; border-radius: 6px;
  background: var(--brand); color: #fff;
  display: inline-flex; align-items: center; justify-content: center;}
.trial-card p{margin: 0 0 12px;
  font-size: 11.5px; color: #A6AAB4; line-height: 1.45;
  text-wrap: pretty;}
.trial-card__cta{width: 100%;
  background: var(--brand); color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12.5px; font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  transition: background .15s ease;}
.trial-card__cta:hover{background: var(--brand-600);}
.profile-row{display: flex; align-items: center; gap: 10px;
  padding: 8px 6px;
  border-radius: 10px;
  margin-bottom: 6px;}
.profile-row__avatar{width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(180deg, #383A47, #25272F);
  color: #fff; font-size: 12px; font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid #34363F;}
.profile-row__meta{line-height: 1.2; flex: 1; min-width: 0;}
.profile-row__name{font-size: 12.5px; font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.profile-row__plan{font-size: 11px; color: #95989F;}
.profile-row__chev{width: 26px; height: 26px;}
.collapse-btn{width: 100%;
  display: flex; align-items: center; gap: 8px;
  padding: 9px 10px;
  border-top: 1px solid var(--sb-divider);
  font-size: 12.5px; color: #C9CCD3;
  margin-top: 4px;}
.collapse-btn:hover{color: #fff;}
.sidebar.is-collapsed .collapse-btn svg{transform:scaleX(-1);}
/* ============================================================
   MAIN
============================================================ */
.main-wrap{display: flex; flex-direction: column;
  min-width: 0;}
/* TOPBAR */
.topbar{display: flex; align-items: center; gap: 12px;
  padding: 12px 24px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  position: sticky; top: 0; z-index: 10;}
.search{flex: 1; max-width: 520px;
  position: relative;
  height: 38px;
  background: #F4F5F7;
  border: 1px solid #ECEEF1;
  border-radius: 10px;
  display: flex; align-items: center;
  padding: 0 14px 0 38px;
  transition: border-color .15s ease, background .15s ease;}
.search:focus-within{background: #fff; border-color: #D9DDE3;}
.search__icon{position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--ink-400);}
.search input{flex: 1; border: 0; outline: 0; background: transparent;
  font-size: 13.5px; color: var(--ink-900);}
.search input::placeholder{color: var(--ink-400);}
.kbd{font-size: 11px; color: var(--ink-500);
  background: #fff; border: 1px solid #E2E5EA;
  border-radius: 6px;
  padding: 2px 7px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;}
.topbar__actions{margin-left: auto;
  display: flex; align-items: center; gap: 10px;}
.topbar__bell{width: 38px; height: 38px; border-radius: 10px; color: var(--ink-700); border: 1px solid transparent; position: relative;}
.topbar__bell:hover{background: #F4F5F7;}
.bell-dot{position: absolute; top: 9px; right: 10px;
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--brand);
  border: 2px solid #fff;}
.topbar__avatar{width: 36px; height: 36px; border-radius: 50%;
  background: linear-gradient(180deg, #2A2C36, #14151B);
  color: #fff; font-size: 13px; font-weight: 600;
  display: inline-flex; align-items: center; justify-content: center;}
/* Saved Searches */
.search-list{background: #fff; border: 1px solid var(--line); border-radius: 14px; overflow: hidden;}
.search-list li{display: flex; align-items: center; gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line-3);}
.search-list li:last-child{border-bottom: 0;}
.search-list li:hover{background: #FAFAFC;}
.search-ic{width: 32px; height: 32px; border-radius: 8px; background: #F4F1FF; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;}
.search-meta{flex: 1; min-width: 0;}
.search-name{font-size: 13.5px; font-weight: 600; color: var(--ink-900);}
.search-tags{font-size: 12px; color: var(--ink-500); margin-top: 2px;}
.search-count{font-size: 12.5px; font-weight: 600; color: var(--ink-700);}
/* Profile dropdown */
.profile-row{position: relative; cursor: pointer;}
.profile-row:hover{background: rgba(255,255,255,.04);}
.profile-row.is-open .profile-menu{display: block;}
/* Bell dropdown */
.bell-panel{position: absolute; right: 0; top: calc(100% + 6px);
  width: 320px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(15,17,21,.12);
  padding: 6px;
  display: none;
  z-index: 30;}
.topbar__bell.is-open + .bell-panel,
.bell-panel.is-open{display: block;}
.bell-panel__head{padding: 10px 12px; font-size: 13px; font-weight: 600;}
.bell-panel ul{display: flex; flex-direction: column;}
.bell-panel li{display: flex; gap: 8px; align-items: flex-start;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 12.5px; color: var(--ink-700);}
.bell-panel li:hover{background: #FAFAFC;}
.bell-panel__time{font-size: 11px; color: var(--ink-400); margin-top: 2px;}
.bell-wrap{position: relative;}
/* Sidebar collapse toggle (manual via button) */
.sidebar.is-collapsed{padding: 14px 8px;}
.sidebar.is-collapsed .nav-item span,
.sidebar.is-collapsed .nav-label,
.sidebar.is-collapsed .trial-card,
.sidebar.is-collapsed .profile-row__meta,
.sidebar.is-collapsed .profile-row__chev,
.sidebar.is-collapsed .collapse-btn span{display: none;}
.sidebar.is-collapsed .nav-item{justify-content: center; padding: 9px; position: relative;}
.sidebar.is-collapsed .nav-item .badge{position: absolute; top: 2px; right: 2px;
  transform: none; min-width: 16px; height: 16px;
  font-size: 10px; padding: 0 4px;}
.app:has(.sidebar.is-collapsed){grid-template-columns: 64px 1fr;}
.app:has(.sidebar.is-expanded){grid-template-columns: 216px 1fr;}
/* --- FOOTER --- */
.site-foot{margin-top: 48px;
  background: #0E0E14;
  color: #C9CCD3;
  border-radius: 18px;
  padding: 40px 32px 20px;}
.site-foot__main{display: grid;
  grid-template-columns: 1.3fr 2.6fr;
  gap: 48px;
  padding-bottom: 32px;
  border-bottom: 1px solid #1F2129;}
.site-foot__brand p{margin: 14px 0 18px;
  font-size: 13px; color: #797D88;
  line-height: 1.6;
  max-width: 320px;}
.brand-mark{display: flex; align-items: center; gap: 10px;}
.brand-mark__logo{width: 32px; height: 32px;
  border-radius: 9px;
  background: var(--brand);
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff;}
.brand-mark__name{font-size: 18px; font-weight: 800; letter-spacing: -0.01em;
  color: #fff;}
.site-foot__newsletter{display: flex; gap: 8px; align-items: center;
  background: #15161D;
  border: 1px solid #20222B;
  border-radius: 10px;
  padding: 4px 4px 4px 12px;
  margin-bottom: 18px;
  max-width: 360px;}
.site-foot__newsletter input{flex: 1; min-width: 0;
  border: 0; outline: 0;
  background: transparent;
  color: #fff;
  font-size: 13px;
  padding: 8px 0;}
.site-foot__newsletter input::placeholder{color: #6B6F7A;}
.site-foot__newsletter .btn{height: 32px; padding: 0 14px; font-size: 12.5px;}
.site-foot__social{display: flex; gap: 8px;}
.site-foot__social a{width: 32px; height: 32px; border-radius: 8px;
  background: #15161D;
  border: 1px solid #20222B;
  color: #9BA0AC;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;}
.site-foot__social a:hover{background: #1A1B22; color: #fff; border-color: #2A2C36;}
.site-foot__quick{display:flex;flex-direction:column;gap:8px;margin:18px 0 20px;}
.site-foot__quick a{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:#9BA0AC;text-decoration:none;transition:color .15s;}
.site-foot__quick a:hover{color:#fff;}
.foot-tag{display:inline-flex;align-items:center;font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;text-transform:uppercase;line-height:1.4;}
.foot-tag--free{background:rgba(52,211,153,.15);color:#34D399;}
.foot-tag--new{background:rgba(91,70,229,.2);color:#9585FF;}
.foot-tag--hiring{background:rgba(251,191,36,.15);color:#FBBF24;}
.site-foot__col li a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
.site-foot__cols{display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;}
.site-foot__col h4{margin: 0 0 12px;
  font-size: 12px; font-weight: 700;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: uppercase;}
.site-foot__col ul{display: flex; flex-direction: column; gap: 9px;}
.site-foot__col a{font-size: 13px; color: #9BA0AC;
  transition: color .15s ease;
  display: inline-flex; align-items: center; gap: 8px;}
.site-foot__col a:hover{color: #fff;}
.site-foot__bar{display: flex; align-items: center; justify-content: space-between;
  gap: 18px;
  padding-top: 18px;
  flex-wrap: wrap;
  border-top: 1px solid #1F2129;}
/* Footer certification / partner row */
.site-foot__certs{padding: 22px 0;
  border-bottom: 1px solid #1F2129;}
.site-foot__certs-label{font-size: 11px; font-weight: 600;
  letter-spacing: 0.06em;
  color: #797D88;
  text-transform: uppercase;
  margin-bottom: 14px;}
.site-foot__certs-row{display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  align-items: center;}
.site-foot__copy{font-size: 12px; color: #797D88;}
.site-foot__legal{display: flex; gap: 18px;}
.site-foot__legal a{font-size: 12px; color: #797D88; transition: color .15s ease;}
.site-foot__legal a:hover{color: #C9CCD3;}
.site-foot__lang{display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: #C9CCD3;
  background: #15161D;
  border: 1px solid #20222B;
  border-radius: 8px;
  padding: 6px 10px;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease;}
.site-foot__lang:hover{background: #1A1B22; border-color: #2A2C36;}
/* sidebar logo (added) */
.sidebar__top{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.sidebar__home{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;min-width:0;}
.sidebar__logo{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sidebar__logo svg{width:30px;height:30px;display:block;}
.sidebar__brand-name{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap;}
.sidebar.is-collapsed .sidebar__brand-name{display:none;}
.sidebar.is-collapsed .sidebar__menu{display:none;}
.sidebar.is-collapsed .sidebar__top{justify-content:center;padding-left:0;padding-right:0;}
.sidebar.is-collapsed .sidebar__home{justify-content:center;gap:0;width:100%;}
@media (max-width: 1440px) {.topbar{padding: 12px 20px;}}
@media (max-width: 820px) {.sidebar:not(.is-expanded){padding: 14px 8px;}.sidebar:not(.is-expanded) .nav-item span,
  .sidebar:not(.is-expanded) .nav-label,
  .sidebar:not(.is-expanded) .trial-card,
  .sidebar:not(.is-expanded) .profile-row__meta,
  .sidebar:not(.is-expanded) .profile-row__chev,
  .sidebar:not(.is-expanded) .collapse-btn span{display: none;}.sidebar:not(.is-expanded) .nav-item{justify-content: center; padding: 9px; position: relative;}.sidebar:not(.is-expanded) .sidebar__brand-name{display: none;}.sidebar:not(.is-expanded) .sidebar__menu{display: none;}.sidebar:not(.is-expanded) .sidebar__top{justify-content: center; padding-left: 0; padding-right: 0;}.sidebar:not(.is-expanded) .sidebar__home{justify-content: center; gap: 0; width: 100%;}.sidebar:not(.is-expanded) .nav-item .badge{position: absolute; top: 2px; right: 2px; transform: none; min-width: 16px; height: 16px; font-size: 10px; padding: 0 4px;}}
@media (max-width: 720px) {.topbar__actions .btn--ghost{display: none;}.topbar{padding: 10px 14px; gap: 8px;}}
@media (max-width: 900px) {.site-foot__certs-row{gap: 10px 20px;}}
@media (max-width: 1100px) {.site-foot__main{grid-template-columns: 1fr; gap: 32px;}.site-foot__cols{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 720px) {.site-foot{padding: 28px 18px 18px;}.site-foot__cols{grid-template-columns: 1fr 1fr; gap: 18px;}.site-foot__bar{flex-direction: column; align-items: flex-start; gap: 12px;}}


/* ===== block 4 ===== */

.app {
  display: grid;
  grid-template-columns: var(--sidebar-w) minmax(0, 1fr);
  min-height: 100vh;
  background: var(--bg);
}
.app:has(.sidebar.is-collapsed) { grid-template-columns: 64px 1fr; }
.app:has(.sidebar.is-expanded) { grid-template-columns: 236px 1fr; }
@media (max-width: 1440px) {
  :root { --rail-w: 300px; --sidebar-w: 216px; }
  .content { gap: 16px; padding: 20px 20px 8px; }
  .below-fold { padding: 12px 20px 28px; gap: 20px; }
  .topbar { padding: 12px 20px; }
  .page-head h1 { font-size: 22px; }
  .filter { min-width: 100px; padding: 9px 10px; }
  .filter__value { font-size: 13px; }
  .filter__label { font-size: 10.5px; }
}
@media (max-width: 1300px) {
  :root { --sidebar-w: 200px; --rail-w: 288px; }
  .filter { padding: 8px 10px; min-width: 90px; }
  .filter__label { font-size: 10px; }
  .filter__value { font-size: 12.5px; gap: 6px; }
  .filter--platform .plat { width: 20px; height: 20px; }
  .kpi__val { font-size: 19px; }
}
@media (max-width: 820px) {
  /* Auto-collapse sidebar on small screens */
  :root { --sidebar-w: 64px; }
  .sidebar:not(.is-expanded) { padding: 14px 8px; }
  .sidebar:not(.is-expanded) .nav-item span,
  .sidebar:not(.is-expanded) .nav-label,
  .sidebar:not(.is-expanded) .trial-card,
  .sidebar:not(.is-expanded) .profile-row__meta,
  .sidebar:not(.is-expanded) .profile-row__chev,
  .sidebar:not(.is-expanded) .collapse-btn span { display: none; }
  .sidebar:not(.is-expanded) .nav-item { justify-content: center; padding: 9px; position: relative; }
  .sidebar:not(.is-expanded) .sidebar__brand-name { display: none; }
  .sidebar:not(.is-expanded) .sidebar__menu { display: none; }
  .sidebar:not(.is-expanded) .sidebar__top { justify-content: center; padding-left: 0; padding-right: 0; }
  .sidebar:not(.is-expanded) .sidebar__home { justify-content: center; gap: 0; width: 100%; }
  .sidebar:not(.is-expanded) .nav-item .badge { position: absolute; top: 2px; right: 2px; transform: none; min-width: 16px; height: 16px; font-size: 10px; padding: 0 4px; }
  .filters { flex-wrap: wrap; }
  .filter { flex: 1 1 calc(33.333% - 6px); min-width: 0; }
  .filter--more { flex: 1 1 calc(33.333% - 6px); }
  .filter-link { flex: 0 1 auto; }
}


/* ===== block 5 ===== */

/* === Toolbar shell === */
#kiq-tb{position:fixed;top:50%;right:14px;transform:translateY(-50%);z-index:8500;display:flex;flex-direction:column;gap:8px;padding:8px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 4px 20px rgba(15,23,42,.08)}
.kiq-tb__btn{position:relative;width:42px;height:42px;border-radius:10px;border:none;background:transparent;color:#475569;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s,color .15s,transform .12s;font-family:inherit}
.kiq-tb__btn:hover{background:#F5F3FF;color:#5B46E5}
.kiq-tb__btn:active{transform:scale(.94)}
.kiq-tb__btn--amber{color:#92400E}
.kiq-tb__btn--amber:hover{background:#FEF3C7;color:#92400E}
.kiq-tb__btn[aria-expanded="true"]{background:#5B46E5;color:#fff}
.kiq-tb__btn[aria-expanded="true"]:hover{background:#4733E4;color:#fff}
.kiq-tb__pulse{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#22c55e;animation:kiq-tb-pulse 2.2s ease-in-out infinite}
@keyframes kiq-tb-pulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}}
/* Tooltip on hover */
.kiq-tb__btn::after{content:attr(data-tip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#0F172A;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.kiq-tb__btn:hover::after{opacity:1}

/* === Popovers === */
.kiq-tb__pop{position:fixed;top:50%;right:80px;transform:translateY(-50%) scale(.95);z-index:8600;width:380px;max-width:calc(100vw - 100px);max-height:calc(100vh - 60px);background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 12px 40px rgba(15,23,42,.15);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-family:inherit}
.kiq-tb__pop.open{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.kiq-tb__pop--narrow{width:320px}
.kiq-tb__pop-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ECEEF1;flex-shrink:0}
.kiq-tb__pop-head h3{font-size:14.5px;font-weight:700;color:#0F172A;margin:0}
.kiq-tb__pop-x{background:none;border:none;color:#94A3B8;font-size:22px;line-height:1;cursor:pointer;padding:0 4px;font-family:inherit;transition:color .15s}
.kiq-tb__pop-x:hover{color:#0F172A}
.kiq-tb__pop-body{padding:14px 16px;overflow-y:auto;flex:1}
.kiq-tb__pop-cta{margin-top:14px;padding-top:14px;border-top:1px solid #ECEEF1}

/* === Search === */
.kiq-tb__search{display:flex;align-items:center;gap:8px;padding:0 12px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:9px;margin-bottom:12px}
.kiq-tb__search svg{color:#94A3B8;flex-shrink:0}
.kiq-tb__search input{flex:1;border:none;outline:none;background:transparent;padding:10px 0;font-size:13.5px;color:#0F172A;font-family:inherit}
.kiq-tb__search-niches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.kiq-tb__niche-chip{padding:5px 10px;background:#F5F3FF;color:#5B46E5;font-size:11.5px;font-weight:600;border:1px solid transparent;border-radius:99px;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit}
.kiq-tb__niche-chip:hover{background:#E0E7FF}
.kiq-tb__niche-chip.active{background:#5B46E5;color:#fff;border-color:#5B46E5}
.kiq-tb__search-results{min-height:120px}
.kiq-tb__search-empty{font-size:12.5px;color:#94A3B8;text-align:center;padding:24px 0;margin:0}
.kiq-tb__creator{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;border:1px solid transparent;transition:border-color .12s,background .12s;margin-bottom:4px}
.kiq-tb__creator:hover{background:#F8FAFC;border-color:#E2E8F0}
.kiq-tb__creator-pic{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#EEF2FF,#F5F3FF);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#5B46E5;flex-shrink:0}
.kiq-tb__creator-body{flex:1;min-width:0}
.kiq-tb__creator-name{font-size:13px;font-weight:700;color:#0F172A;margin:0;line-height:1.2}
.kiq-tb__creator-meta{font-size:11.5px;color:#64748B;margin:2px 0 0;line-height:1.2}
.kiq-tb__creator-plat{font-size:10.5px;font-weight:700;color:#5B46E5;background:#EEF2FF;padding:3px 7px;border-radius:5px;flex-shrink:0}

/* === Signups === */
.kiq-tb__signups-stat{padding:18px;background:linear-gradient(135deg,#F5F3FF,#EEF2FF);border-radius:10px;text-align:center;margin-bottom:14px}
.kiq-tb__signups-num{display:block;font-size:34px;font-weight:800;color:#5B46E5;line-height:1;margin-bottom:4px}
.kiq-tb__signups-lbl{display:block;font-size:12px;color:#64748B;font-weight:600}
.kiq-tb__signups-feed{display:flex;flex-direction:column;gap:8px}
.kiq-tb__signup-row{display:flex;align-items:center;gap:9px;padding:8px 10px;background:#F8FAFC;border-radius:8px;font-size:12px}
.kiq-tb__signup-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}
.kiq-tb__signup-txt{flex:1;color:#334155;line-height:1.4}
.kiq-tb__signup-time{font-size:10.5px;color:#94A3B8;font-weight:600;flex-shrink:0}

/* === Shared CTA === */
.kiq-tb__cta-btn{display:inline-block;width:100%;padding:10px 16px;background:#5B46E5;color:#fff;text-align:center;font-size:13px;font-weight:700;border:none;border-radius:9px;text-decoration:none;cursor:pointer;font-family:inherit;transition:background .15s}
.kiq-tb__cta-btn:hover{background:#4733E4}
.kiq-tb__btn-ghost{display:inline-block;padding:10px 16px;background:#fff;color:#475569;border:1px solid #E2E8F0;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}
.kiq-tb__btn-ghost:hover{background:#F8FAFC;border-color:#CBD5E1}

/* === Feedback modal === */
.kiq-tb__modal{position:fixed;inset:0;z-index:9500;background:rgba(15,23,42,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}
.kiq-tb__modal.open{display:flex}
.kiq-tb__modal-card{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(15,23,42,.3)}
.kiq-tb__modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ECEEF1}
.kiq-tb__modal-head h3{font-size:16px;font-weight:700;color:#0F172A;margin:0}
.kiq-tb__modal-body{padding:18px 20px 20px;overflow-y:auto}
.kiq-tb__fb-lead{font-size:13.5px;color:#475569;line-height:1.55;margin:0 0 14px}
.kiq-tb__modal-body textarea{width:100%;border:1px solid #E2E8F0;border-radius:9px;padding:11px 13px;font-size:13.5px;font-family:inherit;color:#0F172A;resize:vertical;min-height:84px;outline:none;transition:border-color .12s;box-sizing:border-box}
.kiq-tb__modal-body textarea:focus{border-color:#5B46E5}
.kiq-tb__modal-body input[type="email"]{width:100%;border:1px solid #E2E8F0;border-radius:9px;padding:10px 13px;font-size:13.5px;font-family:inherit;color:#0F172A;outline:none;margin-top:10px;transition:border-color .12s;box-sizing:border-box}
.kiq-tb__modal-body input[type="email"]:focus{border-color:#5B46E5}
.kiq-tb__fb-check{display:flex;align-items:center;gap:9px;margin-top:11px;font-size:13px;color:#334155;cursor:pointer;user-select:none}
.kiq-tb__fb-check input{width:16px;height:16px;cursor:pointer;accent-color:#5B46E5}
.kiq-tb__fb-turnstile{margin-top:14px;min-height:0;transition:min-height .2s}
.kiq-tb__fb-turnstile.ready{min-height:65px}
.kiq-tb__fb-actions{display:flex;gap:9px;margin-top:18px;justify-content:flex-end}
.kiq-tb__fb-actions .kiq-tb__cta-btn{width:auto;min-width:140px}
.kiq-tb__fb-canvas-wrap{position:relative;border:1px solid #E2E8F0;border-radius:9px;overflow:hidden;background:#F8FAFC;margin-bottom:14px;cursor:crosshair}
.kiq-tb__fb-canvas-wrap canvas{display:block;max-width:100%;height:auto}
#kiq-tb-fb-draw{position:absolute;top:0;left:0;pointer-events:auto}
.kiq-tb__fb-done{text-align:center;padding:18px 0}
.kiq-tb__fb-done h4{font-size:16px;font-weight:700;color:#0F172A;margin:14px 0 6px}
.kiq-tb__fb-done p{font-size:13.5px;color:#475569;line-height:1.55;margin:0 0 18px}
.kiq-tb__fb-done a{color:#5B46E5;text-decoration:none;font-weight:600}
.kiq-tb__fb-done .kiq-tb__cta-btn{width:auto;min-width:140px}

/* === Mobile: hide entire toolbar to avoid covering content === */
/* === Popover shared lead text === */
.kiq-tb__pop-lead{font-size:12.5px;line-height:1.55;color:#475569;margin:0 0 14px}
.kiq-tb__pop-note{font-size:11.5px;color:#94A3B8;text-align:center;margin:8px 0 0}

/* === Pricing plans === */
.kiq-tb__plans{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.kiq-tb__plan{position:relative;padding:12px 14px;border:1px solid #ECEEF1;border-radius:10px;background:#fff;transition:border-color .15s,transform .15s}
.kiq-tb__plan:hover{border-color:#CBD5E1}
.kiq-tb__plan--featured{border-color:#5B46E5;border-width:1.5px;background:linear-gradient(180deg,#FBFAFF 0%,#fff 100%)}
.kiq-tb__plan-badge{position:absolute;top:-8px;right:12px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#5B46E5;color:#fff;padding:3px 7px;border-radius:99px}
.kiq-tb__plan-name{font-size:12.5px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.kiq-tb__plan-price{display:flex;align-items:baseline;gap:2px;margin-bottom:8px}
.kiq-tb__plan-amt{font-size:24px;font-weight:800;color:#0F172A;letter-spacing:-0.02em}
.kiq-tb__plan-per{font-size:12.5px;color:#64748B;font-weight:600}
.kiq-tb__plan-feats{list-style:none;padding:0;margin:0;font-size:12px;line-height:1.55;color:#334155}
.kiq-tb__plan-feats li{padding-left:16px;position:relative;margin-bottom:2px}
.kiq-tb__plan-feats li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:4px;border-left:1.5px solid #5B46E5;border-bottom:1.5px solid #5B46E5;transform:rotate(-45deg)}

/* === Help search === */
.kiq-tb__help-list{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.kiq-tb__help-item{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;border:1px solid transparent;transition:background .12s,border-color .12s}
.kiq-tb__help-item:hover{background:#F8FAFC;border-color:#E2E8F0}
.kiq-tb__help-title{display:block;font-size:13px;font-weight:700;color:#0F172A;line-height:1.3}
.kiq-tb__help-desc{display:block;font-size:11.5px;color:#64748B;margin-top:2px;line-height:1.3}
.kiq-tb__help-item--all{border-top:1px solid #ECEEF1;border-radius:0;padding-top:14px;margin-top:6px}
.kiq-tb__help-item--all .kiq-tb__help-title{color:#5B46E5;font-weight:700}
.kiq-tb__help-empty{padding:18px 8px;text-align:center;font-size:12.5px;color:#64748B}
.kiq-tb__help-empty a{color:#5B46E5}

/* === ROI calculator === */
.kiq-tb__roi-form{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.kiq-tb__roi-row{display:flex;flex-direction:column;gap:5px}
.kiq-tb__roi-lbl{font-size:12px;font-weight:600;color:#475569}
.kiq-tb__roi-input{display:flex;align-items:center;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:8px;padding:0 10px;transition:border-color .12s}
.kiq-tb__roi-input:focus-within{border-color:#5B46E5;background:#fff}
.kiq-tb__roi-pre{font-size:13px;color:#94A3B8;margin-right:3px}
.kiq-tb__roi-input input{flex:1;border:none;outline:none;background:transparent;padding:8px 0;font-size:13.5px;color:#0F172A;font-family:inherit;font-weight:600;font-variant-numeric:tabular-nums}
.kiq-tb__roi-out{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.kiq-tb__roi-stat{padding:14px;background:linear-gradient(135deg,#F5F3FF,#EEF2FF);border-radius:10px;text-align:center}
.kiq-tb__roi-stat--alt{background:linear-gradient(135deg,#FEF3C7,#FDE68A)}
.kiq-tb__roi-stat-num{display:block;font-size:22px;font-weight:800;color:#5B46E5;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-0.01em}
.kiq-tb__roi-stat--alt .kiq-tb__roi-stat-num{color:#92400E}
.kiq-tb__roi-stat-lbl{display:block;font-size:11px;color:#64748B;font-weight:600;margin-top:4px;line-height:1.2}
.kiq-tb__roi-note{font-size:11.5px;color:#64748B;background:#F8FAFC;padding:10px 12px;border-radius:8px;line-height:1.4;margin-bottom:6px}

/* === Bottom-right back-to-top (separate from toolbar, visible on mobile too) === */
.kiq-backtop{position:fixed;bottom:18px;right:18px;z-index:8400;width:42px;height:42px;border-radius:50%;border:none;background:#0F172A;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(15,23,42,.18);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s,transform .22s,background .15s;font-family:inherit}
.kiq-backtop.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.kiq-backtop:hover{background:#1E293B}
.kiq-backtop:active{transform:scale(.94)}
/* On desktop, shift left so it does not collide with the toolbar */
@media (min-width:901px){.kiq-backtop{right:78px}}

@media (max-width:900px){
  #kiq-tb{display:none !important}
  .kiq-tb__pop{display:none !important}
}


/* ===== block 6 ===== */

/* ── PERSISTENT BADGE ── */
#kiq-badge{
  position:fixed;bottom:82px;right:24px;z-index:8800;
  display:inline-flex;align-items:center;gap:7px;
  background:#fff;border:1px solid #e5e7eb;
  border-radius:999px;padding:7px 13px 7px 10px;
  box-shadow:0 2px 12px rgba(0,0,0,.09);
  font-size:12.5px;font-weight:600;color:#374151;
  cursor:default;transition:opacity .3s;
  font-family:var(--sans,system-ui,sans-serif);
}
#kiq-badge.hidden{opacity:0;pointer-events:none}
/* Hide signups badge on mobile to prevent footer overlap (consistent with .fbar mobile rule) */
@media (max-width:680px){
  #kiq-badge{display:none !important;}
}
.kiq-badge__dot{
  width:8px;height:8px;border-radius:50%;
  background:#22c55e;flex-shrink:0;
  animation:kiq-pulse 2.2s ease-in-out infinite;
}
@keyframes kiq-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}
  50%{box-shadow:0 0 0 5px rgba(34,197,94,0)}
}
/* ── TOAST ── */
#kiq-toast{
  position:fixed;bottom:148px;right:24px;z-index:8900;
  width:268px;background:#fff;
  border:1px solid #e5e7eb;border-radius:13px;
  box-shadow:0 6px 24px rgba(0,0,0,.11),0 1px 4px rgba(0,0,0,.06);
  overflow:hidden;
  transform:translateY(12px);opacity:0;
  pointer-events:none;
  transition:transform .32s cubic-bezier(.34,1.28,.64,1),opacity .28s ease;
  font-family:var(--sans,system-ui,sans-serif);
}
#kiq-toast.show{
  transform:translateY(0);opacity:1;pointer-events:all;
}
.kiq-toast__inner{
  display:flex;align-items:flex-start;gap:9px;
  padding:12px 10px 10px 12px;
}
.kiq-toast__dot{
  width:8px;height:8px;border-radius:50%;
  background:#22c55e;flex-shrink:0;margin-top:3px;
}
.kiq-toast__body{flex:1;min-width:0}
.kiq-toast__msg{
  font-size:13px;font-weight:500;color:#111827;
  line-height:1.45;margin-bottom:3px;
}
.kiq-toast__time{
  font-size:11px;color:#9ca3af;font-weight:400;
}
.kiq-toast__x{
  background:none;border:none;cursor:pointer;
  color:#9ca3af;font-size:16px;line-height:1;
  padding:2px 4px;flex-shrink:0;margin-top:-1px;
  transition:color .15s;
}
.kiq-toast__x:hover{color:#374151}
/* thin progress bar at bottom */
.kiq-toast__bar{
  height:3px;background:#f3f4f6;
}
.kiq-toast__bar-fill{
  height:100%;background:#22c55e;width:100%;
  transition:width linear;
}


/* ===== block 7 ===== */

#exit-backdrop{position:fixed;inset:0;background:rgba(10,12,20,.72);backdrop-filter:blur(5px);z-index:9990;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;padding:16px;}
#exit-backdrop.open{opacity:1;pointer-events:all}
#exit-modal{background:#fff;border-radius:22px;padding:32px 28px 24px;max-width:440px;width:100%;position:relative;text-align:center;box-shadow:0 32px 80px rgba(0,0,0,.28);transform:scale(.94) translateY(16px);transition:transform .32s cubic-bezier(.34,1.2,.64,1);}
#exit-backdrop.open #exit-modal{transform:scale(1) translateY(0)}
#exit-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;line-height:1;padding:4px;transition:color .15s;}
#exit-close:hover{color:#374151}
.exit-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#5B46E5,#4031B8);color:#fff;border-radius:999px;padding:4px 14px;margin-bottom:16px;}
.exit-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#FFF8E7,#FBBF24);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.exit-icon svg{width:24px;height:24px;stroke:#92400E}
#exit-modal h2{font-size:24px;font-weight:800;color:#0F172A;letter-spacing:-0.025em;margin:0 0 8px;line-height:1.15;}
.exit-sub{font-size:14px;line-height:1.6;color:#6b7280;margin:0 0 20px;}
.exit-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;}
.exit-plan{background:#F8FAFC;border:1.5px solid #E5E7EB;border-radius:12px;padding:12px 8px;position:relative;}
.exit-plan--pop{background:linear-gradient(135deg,#f0edff,#fff);border-color:#D4CCF9;}
.exit-plan__star{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#5B46E5;color:#fff;border-radius:999px;padding:2px 8px;white-space:nowrap;}
.exit-plan__name{font-size:11px;font-weight:700;color:#6b7280;margin-bottom:4px}
.exit-plan__price{font-size:13px;color:#374151;line-height:1.2}
.exit-plan__price s{font-size:11px;color:#9ca3af;text-decoration:line-through;font-weight:400}
.exit-plan__price b{font-size:19px;font-weight:800;color:#5B46E5;letter-spacing:-.02em}
.exit-plan__price span{font-size:11px;color:#9ca3af}
.exit-plan__note{font-size:10px;color:#9ca3af;margin-top:2px}
.exit-form{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
#exit-email{border:1.5px solid #E5E7EB;border-radius:10px;padding:13px 14px;font-size:14px;font-family:inherit;color:#0F172A;outline:none;transition:border-color .15s;text-align:center;}
#exit-email:focus{border-color:#5B46E5;box-shadow:0 0 0 3px rgba(91,70,229,.1)}
#exit-email::placeholder{color:#9ca3af}
#exit-submit{background:linear-gradient(135deg,#5B46E5,#4031B8);color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s;box-shadow:0 4px 14px rgba(91,70,229,.35);}
#exit-submit:hover{opacity:.9}
.exit-trust{display:flex;gap:16px;justify-content:center;font-size:11.5px;color:#9ca3af;margin-bottom:14px;flex-wrap:wrap;}
.exit-skip{background:none;border:none;font-size:12px;color:#9ca3af;cursor:pointer;font-family:inherit;text-decoration:underline;padding:0;transition:color .15s;}
.exit-skip:hover{color:#374151}
@media(max-width:480px){#exit-modal{padding:24px 18px 20px;border-radius:18px}#exit-modal h2{font-size:20px}.exit-plan__price b{font-size:16px}}
.site-foot__news-msg{font-size:12.5px;line-height:1.4;margin:8px 0 0;font-weight:600;}
.site-foot__news-btn:disabled{opacity:.7;cursor:default;}
/* Feedback region selector overlay */
.kiq-tb__region-ov{position:fixed;inset:0;z-index:9600;cursor:crosshair;background:rgba(15,23,42,.32)}
.kiq-tb__region-hint{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:#0F172A;color:#fff;font-family:var(--sans,system-ui,sans-serif);font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.25);white-space:nowrap;pointer-events:none}
.kiq-tb__region-box{position:fixed;border:2px solid #5B46E5;background:rgba(91,70,229,.12);box-shadow:0 0 0 9999px rgba(15,23,42,.32);pointer-events:none}
/* Hub back-link callout (content cluster spokes -> pillar) */
.hub-backlink{font-size:14px;color:var(--slate,#475569);background:var(--brand-50,#EEF0FE);border-left:3px solid var(--brand,#5B46E5);padding:10px 16px;border-radius:6px;margin:0 0 22px}
.hub-backlink a{color:var(--brand,#5B46E5);font-weight:600;text-decoration:none}
.hub-backlink a:hover{text-decoration:underline}