/* Finance Toolkit: site header and footer in the home page's style (src/Render/SiteChrome.php).
   Header: glass bar, pill links, mega panels for calculators and countries, a search
   pill and a flag language picker; the phone drawer lays the same links out as tiles.
   Footer: a dark stage with a search band, popular calculators, every category and
   country, the company pages, languages and cookie settings. */
body.ftk-chrome-v2{
  --ch-ink:#1d1d1f;--ch-ink-2:#424245;--ch-muted:#6e6e73;--ch-line:rgba(0,20,40,.09);--ch-line-2:rgba(0,20,40,.14);
  --ch-accent:#0069a8;--ch-accent-hi:#0084d1;--ch-tint:#eaf6fe;--ch-alt:#f2f4f7;
  --ch-sh-1:0 1px 1px rgba(10,30,60,.03),0 4px 14px rgba(10,40,80,.05);
  --ch-sh-3:0 2px 6px rgba(10,30,60,.06),0 24px 60px rgba(10,50,100,.14),0 60px 120px -40px rgba(0,60,120,.28);
  --ch-ease:cubic-bezier(.16,1,.3,1);
  --ch-display:"Sora",ui-sans-serif,-apple-system,"SF Pro Display",system-ui,sans-serif;
  --ch-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ================= Header ================= */
body.ftk-chrome-v2 .ct-header [data-row*="middle"]{background:rgba(251,251,253,.86)!important;border-bottom:1px solid var(--ch-line);
  -webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);box-shadow:none}
body.ftk-chrome-v2 .ct-header .menu{gap:2px}
body.ftk-chrome-v2 .ct-header .ftk-menu-item{margin:0}
body.ftk-chrome-v2 .ct-header .menu>.ftk-menu-item>a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;
  font:600 14px/1 var(--ch-display);letter-spacing:-.01em;color:var(--ch-ink-2);text-decoration:none;transition:background-color .2s,color .2s}
body.ftk-chrome-v2 .ct-header .menu>.ftk-menu-item>a:hover,body.ftk-chrome-v2 .ct-header .menu>.ftk-menu-parent:focus-within>a,
body.ftk-chrome-v2 .ct-header .menu>.ftk-menu-parent:hover>a{background:var(--ch-alt);color:var(--ch-ink)}
body.ftk-chrome-v2 .ct-header .ftk-menu-parent>a::after{content:"";position:static;inset:auto;display:block;flex:none;width:7px;height:7px;margin-left:2px;background:none;border:0;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:translateY(-2px) rotate(45deg);opacity:.55;transition:transform .25s var(--ch-ease)}
body.ftk-chrome-v2 .ct-header .ftk-menu-parent:hover>a::after,body.ftk-chrome-v2 .ct-header .ftk-menu-parent:focus-within>a::after{transform:translateY(1px) rotate(225deg)}

/* Panels: open on hover or keyboard focus, with a soft rise */
body.ftk-chrome-v2 .ct-header .ftk-menu-parent>.ftk-submenu{display:block;visibility:hidden;opacity:0;transform:translateY(8px);
  transition:opacity .22s var(--ch-ease),transform .3s var(--ch-ease),visibility 0s linear .3s;
  top:calc(100% + 10px);left:0;min-width:220px;margin:0;padding:8px;border-radius:22px;background:#fff;border:1px solid var(--ch-line);box-shadow:var(--ch-sh-3);z-index:300}
body.ftk-chrome-v2 .ct-header .ftk-menu-parent>.ftk-submenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
body.ftk-chrome-v2 .ct-header .ftk-menu-parent:hover>.ftk-submenu,body.ftk-chrome-v2 .ct-header .ftk-menu-parent:focus-within>.ftk-submenu{
  visibility:visible;opacity:1;transform:none;transition:opacity .22s var(--ch-ease),transform .3s var(--ch-ease),visibility 0s}
body.ftk-chrome-v2 .ct-header .ftk-submenu .ftk-menu-item>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 8px;border-radius:14px;
  font:500 14px/1.2 var(--ch-text);color:var(--ch-ink);text-decoration:none;white-space:nowrap}
body.ftk-chrome-v2 .ct-header .ftk-submenu .ftk-menu-item>a:hover,body.ftk-chrome-v2 .ct-header .ftk-submenu .ftk-menu-item>a:focus-visible{background:var(--ch-tint);color:var(--ch-accent)}
body.ftk-chrome-v2 .ct-header .ftk-mega--cats>.ftk-submenu,body.ftk-chrome-v2 .ct-header .ftk-submenu.ftk-mega--cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:600px;left:50%;
  transform:translate(-50%,8px)}
body.ftk-chrome-v2 .ct-header .ftk-mega--cats:hover>.ftk-submenu,body.ftk-chrome-v2 .ct-header .ftk-mega--cats:focus-within>.ftk-submenu{transform:translate(-50%,0)}
body.ftk-chrome-v2 .ct-header .ftk-submenu.ftk-mega--cc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;width:540px;left:50%;transform:translate(-50%,8px)}
body.ftk-chrome-v2 .ct-header .ftk-mega--cc:hover>.ftk-submenu,body.ftk-chrome-v2 .ct-header .ftk-mega--cc:focus-within>.ftk-submenu{transform:translate(-50%,0)}
body.ftk-chrome-v2 .ct-header .ftk-mega .ftk-menu-icon{width:34px;height:34px;border-radius:11px;background:var(--ch-tint);color:var(--ch-accent)}
body.ftk-chrome-v2 .ct-header .ftk-mega .ftk-menu-icon svg{width:18px;height:18px}
body.ftk-chrome-v2 .ftk-menu-icon .duo{fill:#74d4ff;opacity:.85}
body.ftk-chrome-v2 .ct-header :is(.ftk-mega .ftk-menu-flag,.ftk-mega--cc) .ftk-menu-icon{width:24px;height:16px;margin:0 5px;border-radius:4px;background:none;box-shadow:0 0 0 1px rgba(0,20,40,.1)}
body.ftk-chrome-v2 .ct-header .ftk-menu-all{grid-column:1/-1;margin-top:4px;padding-top:6px;border-top:1px solid var(--ch-line)}
body.ftk-chrome-v2 .ct-header .ftk-menu-all>a{justify-content:center;font-weight:600!important;color:var(--ch-accent)!important}
body.ftk-chrome-v2 .ct-header .ftk-menu-all>a::after{content:"→"}

/* Language: a flag pill, its list opening to the right edge */
body.ftk-chrome-v2 .ct-header .menu>.ftk-lang-menu>a{gap:8px;margin-left:6px;padding:0 12px 0 10px;border:1px solid var(--ch-line-2);background:#fff}
body.ftk-chrome-v2 .ct-header .ftk-lang-menu>a .ftk-menu-icon--flag{width:22px;height:15px;border-radius:3px}
body.ftk-chrome-v2 .ct-header .ftk-submenu.ftk-lang-menu{left:auto;right:0}

/* Search: a pill with the "/" shortcut */
body.ftk-chrome-v2 .ct-header .ct-header-search{height:40px;padding:0 12px 0 14px;gap:8px;border-radius:999px;border:1px solid var(--ch-line-2);background:#fff;
  box-shadow:var(--ch-sh-1);color:var(--ch-muted);transition:border-color .2s,color .2s}
body.ftk-chrome-v2 .ct-header .ct-header-search:hover{border-color:rgba(0,105,168,.35);color:var(--ch-accent)}
body.ftk-chrome-v2 .ct-header .ct-header-search .ct-label{font:500 14px/1 var(--ch-text);color:inherit}
body.ftk-chrome-v2 .ct-header [data-device="desktop"] .ct-header-search::after{content:"/";display:grid;place-items:center;width:20px;height:20px;border-radius:6px;
  order:9;border:1px solid var(--ch-line-2);font:600 11px/1 var(--ch-text);color:var(--ch-muted)}
body.ftk-chrome-v2 :is(.ct-header a,.ct-header button):focus-visible{outline:2px solid var(--ch-accent-hi);outline-offset:2px}

/* Phone drawer: the same links as tiles */
body.ftk-chrome-v2 #offcanvas .ct-panel-inner{background:#fbfbfd}
body.ftk-chrome-v2 #offcanvas .mobile-menu>ul>.menu-item{margin:0 0 6px}
body.ftk-chrome-v2 #offcanvas .mobile-menu>ul>.menu-item>.ct-menu-link{min-height:48px;font:600 17px/1.2 var(--ch-display);letter-spacing:-.01em;color:var(--ch-ink)}
body.ftk-chrome-v2 #offcanvas .mobile-menu .sub-menu{padding:4px 0 14px!important}
body.ftk-chrome-v2 #offcanvas .mobile-menu .sub-menu:is(.ftk-mega--cats,.ftk-mega--cc,.ftk-lang-menu){display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
body.ftk-chrome-v2 #offcanvas .mobile-menu .sub-menu>.menu-item{margin:0}
/* The theme's submenu dots and dividers are not needed on tiles */
body.ftk-chrome-v2 #offcanvas .mobile-menu li{border:0!important}
body.ftk-chrome-v2 #offcanvas .mobile-menu li::before,body.ftk-chrome-v2 #offcanvas .mobile-menu li::after,
body.ftk-chrome-v2 #offcanvas .mobile-menu .sub-menu .ct-menu-link::before,body.ftk-chrome-v2 #offcanvas .mobile-menu .sub-menu .ct-menu-link::after{display:none!important}
body.ftk-chrome-v2 #offcanvas .mobile-menu .sub-menu>.menu-item>.ct-menu-link{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px 6px 8px;border-radius:14px;
  background:#fff;border:1px solid var(--ch-line);font:500 14.5px/1.2 var(--ch-text);color:var(--ch-ink);opacity:1}
body.ftk-chrome-v2 #offcanvas .mobile-menu .ftk-menu-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--ch-tint);color:var(--ch-accent)}
body.ftk-chrome-v2 #offcanvas .mobile-menu .ftk-menu-icon svg{width:17px;height:17px}
body.ftk-chrome-v2 #offcanvas .mobile-menu :is(.ftk-mega--cc,.ftk-lang-menu) .ftk-menu-icon{width:24px;height:16px;margin:0 4px;border-radius:4px;background:none;overflow:hidden;box-shadow:0 0 0 1px rgba(0,20,40,.1)}
body.ftk-chrome-v2 #offcanvas .mobile-menu .ftk-menu-all{grid-column:1/-1}
body.ftk-chrome-v2 #offcanvas .mobile-menu .ftk-menu-all>.ct-menu-link{justify-content:center;background:var(--ch-accent);border-color:var(--ch-accent);color:#fff;font-weight:600}
body.ftk-chrome-v2 #offcanvas .mobile-menu .ftk-lang-current>.ct-menu-link{border-color:var(--ch-accent);color:var(--ch-accent)}

/* ================= Footer ================= */
body.ftk-chrome-v2 .ftk-f2{position:relative;isolation:isolate;overflow:hidden;background:#05080c;color:#a1a7b0;font:400 15px/1.6 var(--ch-text)}
body.ftk-chrome-v2 .ftk-f2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(50% 60% at 85% 0%,rgba(0,132,209,.28),transparent 70%),radial-gradient(40% 50% at 5% 10%,rgba(116,212,255,.08),transparent 70%)}
body.ftk-chrome-v2 .ftk-f2::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask:radial-gradient(70% 60% at 70% 0%,#000,transparent 75%);mask:radial-gradient(70% 60% at 70% 0%,#000,transparent 75%)}
body.ftk-chrome-v2 .ftk-f2-wrap{width:min(1290px,calc(100% - 40px));margin:0 auto;padding:clamp(40px,6vw,72px) 0 28px}
body.ftk-chrome-v2 .ftk-f2 a{color:inherit;text-decoration:none}
body.ftk-chrome-v2 .ftk-f2 :is(a,button,input):focus-visible{outline:2px solid #74d4ff;outline-offset:2px}
body.ftk-chrome-v2 .ftk-f2-col a:focus-visible{border-radius:8px}
body.ftk-chrome-v2 .ftk-f2 ul{list-style:none;margin:0;padding:0}
body.ftk-chrome-v2 .ftk-f2 h2{margin:0;font-family:var(--ch-display)}

/* Search band */
body.ftk-chrome-v2 .ftk-f2-find{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px 40px;align-items:center;padding:clamp(22px,3vw,36px);
  border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
body.ftk-chrome-v2 .ftk-f2-find h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,2.1rem);font-weight:700;line-height:1.12;letter-spacing:-.035em;color:#f5f5f7}
body.ftk-chrome-v2 .ftk-f2-find p{margin:8px 0 0;color:#a1a7b0}
body.ftk-chrome-v2 .ftk-f2-search{position:relative;display:flex;align-items:center}
body.ftk-chrome-v2 .ftk-f2-search input{width:100%;height:58px;margin:0;padding:0 150px 0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);color:#f5f5f7;font:400 16px/1 var(--ch-text);box-shadow:none;-webkit-appearance:none;appearance:none}
body.ftk-chrome-v2 .ftk-f2-search input::placeholder{color:#8a919b;opacity:1}
body.ftk-chrome-v2 .ftk-f2-search input:focus{border-color:#74d4ff;background:rgba(255,255,255,.1);outline:none}
body.ftk-chrome-v2 .ftk-f2-search button{position:absolute;right:6px;display:inline-flex;align-items:center;gap:8px;height:46px;margin:0;padding:0 18px 0 20px;border:0;border-radius:999px;
  background:#0084d1;color:#fff;font:600 15px/1 var(--ch-text);cursor:pointer;transition:background-color .2s}
body.ftk-chrome-v2 .ftk-f2-search button:hover{background:#0069a8}
body.ftk-chrome-v2 .ftk-f2-search button svg{width:17px;height:17px}
body.ftk-chrome-v2 .ftk-f2-pop{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:6px}
body.ftk-chrome-v2 .ftk-f2-pop>span{margin-right:4px;font:600 12px/1 var(--ch-text);letter-spacing:.08em;text-transform:uppercase;color:#8a919b}
body.ftk-chrome-v2 .ftk-f2-pop ul{display:flex;flex-wrap:wrap;gap:8px}
body.ftk-chrome-v2 .ftk-f2-pop a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  color:#e6e8eb;font-size:14px;transition:background-color .2s,border-color .2s}
body.ftk-chrome-v2 .ftk-f2-pop a:hover{background:rgba(0,132,209,.3);border-color:rgba(116,212,255,.5);color:#fff}

/* Columns */
body.ftk-chrome-v2 .ftk-f2-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,.95fr);gap:40px;margin-top:clamp(40px,5vw,60px)}
body.ftk-chrome-v2 .ftk-f2-logo{display:inline-block;font:700 24px/1 var(--ch-display);letter-spacing:-.03em;color:#f5f5f7!important}
body.ftk-chrome-v2 .ftk-f2-brand p{margin:14px 0 18px;max-width:36ch}
body.ftk-chrome-v2 .ftk-f2-trust li{display:flex;align-items:center;gap:10px;padding:4px 0;color:#c7ccd3;font-size:14px}
body.ftk-chrome-v2 .ftk-f2-check{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:rgba(116,212,255,.14);color:#74d4ff}
body.ftk-chrome-v2 .ftk-f2-check svg{width:13px;height:13px}
body.ftk-chrome-v2 .ftk-f2-social{display:flex;gap:8px;margin:18px 0 0;padding:0;list-style:none}
body.ftk-chrome-v2 .ftk-f2-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);color:#c7ccd3;transition:border-color .18s ease,color .18s ease,background .18s ease}
body.ftk-chrome-v2 .ftk-f2-social a:hover,body.ftk-chrome-v2 .ftk-f2-social a:focus-visible{border-color:rgba(116,212,255,.5);background:rgba(116,212,255,.14);color:#fff}
body.ftk-chrome-v2 .ftk-f2-social svg{width:18px;height:18px}
body.ftk-chrome-v2 .ftk-f2-col h2{margin-bottom:14px;font:600 12px/1 var(--ch-text);letter-spacing:.1em;text-transform:uppercase;color:#f5f5f7;opacity:.72}
body.ftk-chrome-v2 .ftk-f2-col a{display:flex;align-items:center;gap:10px;min-height:38px;color:#c7ccd3;font-size:15px;transition:color .2s}
body.ftk-chrome-v2 .ftk-f2-col a:hover{color:#fff}
body.ftk-chrome-v2 .ftk-f2-col--cats ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
body.ftk-chrome-v2 .ftk-f2-ico{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:rgba(116,212,255,.12);color:#74d4ff;transition:background-color .2s}
body.ftk-chrome-v2 .ftk-f2-ico svg{width:15px;height:15px}
body.ftk-chrome-v2 .ftk-f2-ico .duo{fill:rgba(116,212,255,.4)}
body.ftk-chrome-v2 .ftk-f2-col a:hover .ftk-f2-ico{background:rgba(116,212,255,.24)}
body.ftk-chrome-v2 .ftk-f2-flag{display:block;flex:none;width:22px;height:15px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
body.ftk-chrome-v2 .ftk-f2-flag svg{width:100%!important;height:100%!important;display:block}

/* Bottom bar */
body.ftk-chrome-v2 .ftk-f2-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:clamp(36px,5vw,56px);padding-top:22px;
  border-top:1px solid rgba(255,255,255,.1);font-size:13px}
body.ftk-chrome-v2 .ftk-f2-langs ul{display:flex;flex-wrap:wrap;gap:6px}
body.ftk-chrome-v2 .ftk-f2-langs li>:is(a,span){display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px 0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);
  font:600 12.5px/1 var(--ch-text);letter-spacing:.04em;color:#c7ccd3}
body.ftk-chrome-v2 .ftk-f2-langs a:hover{border-color:rgba(116,212,255,.5);color:#fff}
body.ftk-chrome-v2 .ftk-f2-langs li>.is-current{background:#f5f5f7;border-color:#f5f5f7;color:#05080c}
body.ftk-chrome-v2 .ftk-f2-langs .ftk-f2-flag{width:18px;height:12px}
body.ftk-chrome-v2 .ftk-f2-legal{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;color:#8a919b}
body.ftk-chrome-v2 .ftk-f2-linkbtn{margin:0;padding:0;border:0;background:none;color:#c7ccd3;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.ftk-chrome-v2 .ftk-f2-linkbtn:hover,body.ftk-chrome-v2 .ftk-f2-top:hover{color:#fff}
body.ftk-chrome-v2 .ftk-f2-top{color:#c7ccd3!important}

@media (max-width:1100px){
  body.ftk-chrome-v2 .ftk-f2-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 32px}
  body.ftk-chrome-v2 .ftk-f2-brand{grid-column:1/-1}
}
@media (max-width:782px){
  body.ftk-chrome-v2 .ct-header .ct-header-search{padding:0 12px;box-shadow:none}
  body.ftk-chrome-v2 .ftk-f2-wrap{width:calc(100% - 32px)}
  body.ftk-chrome-v2 .ftk-f2-find{grid-template-columns:minmax(0,1fr);border-radius:24px}
  body.ftk-chrome-v2 .ftk-f2-search input{height:54px;padding-right:62px}
  body.ftk-chrome-v2 .ftk-f2-search button{width:44px;height:44px;padding:0;justify-content:center;font-size:0}
  body.ftk-chrome-v2 .ftk-f2-search button svg{width:19px;height:19px}
  body.ftk-chrome-v2 .ftk-f2-pop{flex-direction:column;align-items:flex-start}
  body.ftk-chrome-v2 .ftk-f2-cols{grid-template-columns:minmax(0,1fr)}
  body.ftk-chrome-v2 .ftk-f2-col ul{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  /* Popular tools scroll sideways on one row instead of stacking */
  body.ftk-chrome-v2 .ftk-f2-pop ul{flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.ftk-chrome-v2 .ftk-f2-pop ul::-webkit-scrollbar{display:none}
  body.ftk-chrome-v2 .ftk-f2-pop li{flex:none}
  body.ftk-chrome-v2 .ftk-f2-col a{min-height:44px}
  body.ftk-chrome-v2 .ftk-f2-social a{width:44px;height:44px}
  body.ftk-chrome-v2 .ftk-f2-bottom{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  body.ftk-chrome-v2 .ct-header .ftk-menu-parent>.ftk-submenu,body.ftk-chrome-v2 .ct-header .ftk-menu-parent>a::after{transition:none}
}
