/*
Theme Name: Call Tracked
Theme URI: https://calltracked.co.uk
Author: Call Tracked
Description: Marketing site theme for Call Tracked, UK call tracking and AI call intelligence. Includes the Solutions mega menu, feature, industry, use case and guide layouts, pricing, agency and AI pages, an illustration library, a demo request form and a one-click setup that creates every page, guide and starter blog post.
Version: 1.0.6
Requires at least: 6.3
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: calltracked
*/

:root{
  --ink:#0B0F14;--ink-2:#141B23;--ink-3:#1C242E;--ink-line:#26303B;--ink-soft:#3A4350;
  --paper:#F4F5F1;--paper-2:#EEF0EB;--white:#fff;
  --text:#0B0F14;--muted:#454C57;--muted-2:#5B6270;--line:#E2E4DF;--line-2:#C9CDC5;
  --on-dark:#E8EBEF;--on-dark-muted:#A7AFBA;
  --accent:#C8F03C;--green:#1E7A3C;--rec:#FF6B5B;
  --display:"Archivo",system-ui,sans-serif;--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;
  --max:1200px;--gutter:24px;--r:16px;--r-lg:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--white);color:var(--text);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--ink)}
a:hover{color:var(--ink-soft)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:4px}
.sec-dark :focus-visible,.site-footer :focus-visible,.header-dark .site-header :focus-visible{outline-color:var(--accent)}
h1,h2,h3,h4{font-family:var(--display);color:inherit;margin:0;line-height:1.08}
h1{font-weight:800;font-size:clamp(38px,5.2vw,66px);letter-spacing:-.035em;line-height:1.02}
h2{font-weight:700;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em}
h3{font-weight:700;font-size:20px;letter-spacing:-.01em;line-height:1.25}
p{margin:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:1000;width:auto;height:auto;clip:auto;background:var(--accent);color:var(--ink);padding:10px 16px;border-radius:10px;font-weight:700}

/* Layout */
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.wrap-narrow{max-width:900px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.sec{padding:88px 0}
.sec-tight{padding:56px 0}
.sec-paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-dark{background:var(--ink);color:var(--on-dark)}
.sec-dark h1,.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark a{color:var(--on-dark)}
.sec-dark a:hover{color:#fff}
.split{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.split>*{flex:1 1 440px;min-width:0}
.split-top{align-items:flex-start}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.grid-wide{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}
.grid-small{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.head-row{display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}
.head-row h2{max-width:720px}
.center{text-align:center}
.center .lede{margin-left:auto;margin-right:auto}
.mt-s{margin-top:12px}.mt-m{margin-top:24px}.mt-l{margin-top:40px}

/* Type helpers */
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px;display:block}
.sec-dark .eyebrow,.eyebrow-acc{color:var(--accent)}
.lede{font-size:19px;color:var(--muted);max-width:640px;margin-top:20px}
.sec-dark .lede{color:var(--on-dark-muted)}
.small{font-size:13px;color:var(--muted-2)}
.mono{font-family:var(--mono)}
.num{font-family:var(--mono);font-size:14px;color:var(--muted-2)}
.link-arrow{font-weight:600;text-decoration:none}
.link-arrow:hover{text-decoration:underline}
.mark{background:linear-gradient(var(--accent),var(--accent)) 0 92%/100% 32% no-repeat}
.hl{background:var(--accent);color:var(--ink);padding:0 4px;border-radius:4px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1.2 var(--sans);padding:15px 24px;border-radius:12px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;background:var(--ink);color:#fff;transition:transform .15s ease,background .15s ease}
.btn:hover{color:#fff;background:#232b35}
.btn-sm{font-size:15px;padding:11px 18px;border-radius:10px}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{background:var(--paper);color:var(--ink)}
.btn-acc{background:var(--accent);color:var(--ink)}
.btn-acc:hover{background:#d6f76a;color:var(--ink)}
.btn-line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-line-light{background:transparent;color:#fff;border-color:#3A4350}
.btn-line-light:hover{border-color:#fff;color:#fff;background:transparent}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.center .btns{justify-content:center}
.ticks{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:14px;color:var(--muted)}
.ticks span{display:flex;gap:7px;align-items:center}
.ticks svg{flex:0 0 16px;color:var(--green)}

/* Logo */
.logo{display:inline-flex;align-items:flex-start;text-decoration:none;color:var(--ink);font:900 27px/1 var(--display);letter-spacing:-.045em;white-space:nowrap}
.logo:hover{color:var(--ink)}
.logo .tr{margin-left:.24em;background:linear-gradient(var(--accent),var(--accent)) 0 92%/100% 32% no-repeat}
.logo svg{margin:-5px 0 0 2px;flex:0 0 17px;width:17px;height:17px}
.logo .tc{fill:var(--ink)}.logo .tk{stroke:var(--accent)}
.logo-dark{color:#fff}
.logo-dark:hover{color:#fff}
.logo-dark .tr{background:var(--accent);color:var(--ink);padding:3px 6px 2px;border-radius:4px;margin-top:-3px}
.logo-dark svg{margin:-7px 0 0 4px}
.logo-dark .tc{fill:#fff}.logo-dark .tk{stroke:var(--ink)}
.logo-block .tr{background:var(--accent);padding:3px 6px 2px;border-radius:4px;margin-top:-3px}
.logo-block svg{margin:-7px 0 0 4px}

/* Top bar and header */
.topbar{background:var(--ink);color:var(--on-dark);font-size:13px;line-height:1.3;border-bottom:1px solid var(--ink-3)}
.topbar .wrap{display:flex;justify-content:center;padding-top:10px;padding-bottom:10px}
.topbar-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center}
.topbar-list li{display:flex;align-items:center;gap:8px;padding:0 22px;white-space:nowrap;font-weight:500}
.topbar-list li+li{border-left:1px solid var(--ink-soft)}
.topbar-list .usp-ic{flex:0 0 16px;color:var(--accent)}
/* Narrow screens: one selling point at a time, fading through all four */
@media (max-width:900px){
  .topbar-list{display:grid;justify-items:center}
  .topbar-list li{grid-area:1/1;padding:0;border:0!important;opacity:0;animation:ct-usp 16s infinite}
  .topbar-list li:nth-child(2){animation-delay:4s}
  .topbar-list li:nth-child(3){animation-delay:8s}
  .topbar-list li:nth-child(4){animation-delay:12s}
}
@keyframes ct-usp{0%{opacity:0;transform:translateY(4px)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-4px)}}
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .topbar-list li{animation:none}
  .topbar-list li:first-child{opacity:1}
}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:0}}
.header-in{display:flex;align-items:center;gap:14px 28px;height:76px;position:relative;z-index:45}
.main-nav{flex:1 1 auto}
.main-nav>ul{display:flex;gap:6px 22px;list-style:none;margin:0;padding:0;font-size:15px;font-weight:500;align-items:center}
.main-nav>ul>li>a,.nav-trigger{font:500 15px/1.4 var(--sans);text-decoration:none;color:var(--ink);background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin:-4px -10px;border-radius:999px;white-space:nowrap}
.nav-trigger svg{width:12px;height:12px;transition:transform .15s ease}
.nav-trigger[aria-expanded="true"]{background:var(--paper-2);font-weight:700}
.nav-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.main-nav .is-current{font-weight:700;background:var(--paper-2);padding:4px 12px 4px 10px;margin:-4px -6px;gap:7px}
.main-nav .is-current::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1.5px var(--ink);display:block}
.header-actions{display:flex;gap:10px;align-items:center;white-space:nowrap;margin-left:auto}
.header-actions .login{font-size:15px;font-weight:500;padding:10px 12px;text-decoration:none}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line-2);border-radius:10px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.header-dark .site-header{background:var(--ink);border-bottom-color:var(--ink-3)}
.header-dark .main-nav>ul>li>a,.header-dark .nav-trigger,.header-dark .header-actions .login,.header-dark .menu-toggle{color:var(--on-dark)}
.header-dark .nav-trigger[aria-expanded="true"],.header-dark .main-nav .is-current{background:var(--ink-3);color:#fff}
.header-dark .main-nav .is-current::before{box-shadow:none}
.header-dark .menu-toggle{border-color:var(--ink-soft)}

/* Mega menu and dropdowns */
.mega{position:absolute;top:calc(100% + 10px);left:16px;right:16px;max-width:1152px;margin:0 auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 32px 64px -32px rgba(11,15,20,.55);overflow:hidden;display:none;z-index:60}
.mega.is-open{display:flex;flex-wrap:wrap}
.mega-backdrop{position:fixed;inset:0;top:0;background:rgba(11,15,20,.4);z-index:40;display:none}
.mega-backdrop.is-open{display:block}
.mega-tabs{flex:1 1 260px;background:var(--paper);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:4px}
.mega-tab{font:inherit;text-align:left;cursor:pointer;border:0;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;background:transparent;color:var(--ink)}
.mega-tab .dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;box-shadow:0 0 0 1.5px #9BA2AC}
.mega-tab b{display:block;font-size:16px}
.mega-tab small{display:block;font-size:13px;color:var(--muted-2)}
.mega-tab[aria-selected="true"]{background:#fff;box-shadow:0 1px 0 var(--line),0 8px 20px -14px rgba(11,15,20,.4)}
.mega-tab[aria-selected="true"] .dot{background:var(--accent);box-shadow:0 0 0 1.5px var(--ink)}
.mega-foot{margin-top:auto;padding:14px;font-size:13px;color:var(--muted)}
.mega-foot strong{color:var(--ink)}
.mega-panel{flex:999 1 520px;min-width:0;padding:28px 32px;display:none;flex-direction:column;gap:20px}
.mega-panel.is-active{display:flex}
.mega-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px}
.mega-panel-head .t{font:800 28px/1.15 var(--display);letter-spacing:-.03em}
.mega-panel-head a{font-weight:600;font-size:14px;white-space:nowrap}
.mega-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.mega-item{text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start;transition:border-color .15s ease,background .15s ease}
.mega-item:hover{border-color:var(--ink);background:var(--paper)}
.mega-item b{display:block;font-size:16px}
.mega-item span.d{display:block;font-size:14px;color:var(--muted-2);margin-top:2px}
.mega-promo{margin-top:auto;text-decoration:none;color:var(--ink);background:var(--accent);border-radius:14px;padding:16px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px}
.mega-promo:hover{color:var(--ink)}
.mega-promo b{white-space:nowrap}
/* Industries and Resources panels: same frame as Solutions (side column + main panel) */
.mega-side{flex:1 1 260px;max-width:340px;background:var(--paper);border-right:1px solid var(--line);padding:28px 24px;display:flex;flex-direction:column;gap:14px}
.mega-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
.mega-side-t{font:800 22px/1.2 var(--display);letter-spacing:-.02em}
.mega-side-p{margin:0;font-size:14px;color:var(--muted)}
.mega-items-sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.mega-items-sm .mega-item{padding:12px 14px;gap:12px;align-items:center}
.mega-items-sm .mega-item b{font-size:15px;line-height:1.3}
.mega-items-sm .mega-item span.d{font-size:13px;margin-top:1px}
.mega-items-sm .tag{flex-basis:36px;width:36px;height:36px;font-size:11px}
.ind-preview{margin-top:auto;background:var(--ink);color:var(--on-dark);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:208px}
.ind-preview-top{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff;font-size:14px}
.ind-preview .rec-dot{width:8px;height:8px;border-radius:50%;background:var(--rec);flex:0 0 8px}
.ind-preview-tags{display:flex;flex-wrap:wrap;gap:6px}
.ind-preview-tags span{font:600 11px/1 var(--mono);padding:6px 8px;border-radius:999px;background:var(--ink-3);color:var(--on-dark)}
.ind-preview-tags span:first-child{background:var(--accent);color:var(--ink)}
.ind-preview-ex{margin:0;font-size:13px;line-height:1.5;color:var(--on-dark);border-left:2px solid var(--accent);padding-left:10px}
.ind-preview-lab{margin-top:auto;font:500 11px/1 var(--mono);color:var(--on-dark-muted)}
.ind-preview.is-swapping .ind-preview-tags,.ind-preview.is-swapping .ind-preview-ex{opacity:.35}
.ind-preview-tags,.ind-preview-ex{transition:opacity .12s ease}
.res-feature{text-decoration:none;color:var(--on-dark);background:var(--ink);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}
.res-feature .mega-kicker{color:var(--accent)}
.res-feature-t{font:800 22px/1.2 var(--display);letter-spacing:-.02em;color:#fff}
.res-feature-p{font-size:14px;color:var(--on-dark-muted)}
.res-feature b{color:var(--accent);font-size:14px;margin-top:4px}
.res-feature:hover b{text-decoration:underline}
.res-latest{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.res-latest .mega-kicker{margin-bottom:6px}
.res-latest a{text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;line-height:1.35;padding:10px 0;border-top:1px solid var(--line)}
.res-latest a:hover{text-decoration:underline}
.res-latest small{display:block;font:500 12px/1.4 var(--mono);color:var(--muted-2);margin-top:4px}
.res-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 20px}
.res-col{display:flex;flex-direction:column;gap:2px}
.res-col-t{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);padding:0 10px 6px}
.res-link{text-decoration:none;color:var(--ink);display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;transition:background .15s ease}
.res-link:hover{background:var(--paper);color:var(--ink)}
.mega-item:hover b,.res-link:hover b{color:var(--ink)}
.res-link b{display:block;font-size:15px;line-height:1.3}
.res-link span.d{display:block;font-size:13px;color:var(--muted-2)}
.res-link .tag{flex-basis:36px;width:36px;height:36px;font-size:11px}

/* How it works page */
.hiw-result{background:var(--ink);color:var(--on-dark);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 60px -36px rgba(11,15,20,.6)}
.hiw-result-top{display:flex;align-items:center;gap:10px;font-size:14px;color:#fff}
.hiw-rec{width:9px;height:9px;border-radius:50%;background:var(--rec);flex:0 0 9px}
.hiw-result-dur{margin-left:auto;font:500 13px var(--mono);color:var(--on-dark-muted)}
.hiw-result-grid{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:14px;overflow:hidden}
.hiw-result-grid>div{background:var(--ink-2);padding:12px 14px;min-width:0}
.hiw-result-grid dt{font-size:12px;color:var(--on-dark-muted)}
.hiw-result-grid dd{margin:4px 0 0;color:#fff;font-weight:600;font-size:15px;overflow-wrap:anywhere}
.hiw-score{display:inline-block;background:var(--accent);color:var(--ink);font:700 14px/1 var(--mono);padding:5px 8px;border-radius:6px}
.hiw-result-sum{margin:0;font-size:15px;line-height:1.55;border-left:2px solid var(--accent);padding-left:12px}
.hiw-result-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hiw-chip-dark{background:transparent!important;border-color:var(--ink-soft)!important;color:var(--on-dark)!important}
.hiw-sent{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent)}
.hiw-sent svg{width:16px;height:16px}
.hiw-result-cap{margin-top:12px;text-align:center}
.hiw-flow{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
.hiw-node{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 16px 18px;display:flex;flex-direction:column;gap:8px}
.hiw-node b{font:700 17px/1.2 var(--display);letter-spacing:-.01em}
.hiw-node>span:last-child{font-size:14px;color:var(--muted);line-height:1.45}
.hiw-node-n{position:absolute;top:14px;right:14px;font-size:12px;color:var(--muted-2)}
.hiw-node-ic{width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.hiw-node-ic svg{width:22px;height:22px}
.hiw-node:nth-child(5){background:var(--accent);border-color:var(--accent)}
.hiw-node:nth-child(5)>span:last-child{color:#1F262E}
.hiw-node:not(:last-child)::after{content:"";position:absolute;top:41px;right:-24px;width:20px;height:12px;background:no-repeat center/20px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M0 6h17M12 1l5 5-5 5' fill='none' stroke='%230B0F14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.hiw-loop{margin-top:20px;display:flex;align-items:center;gap:12px;background:var(--paper);border:1px dashed var(--line-2);border-radius:var(--r);padding:14px 18px;font-size:15px;color:var(--muted)}
.hiw-loop strong{color:var(--ink)}
.hiw-loop svg{flex:0 0 18px;color:var(--ink)}
@media (max-width:1100px){
  .hiw-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hiw-node:nth-child(3)::after{display:none}
}
@media (max-width:640px){
  .hiw-flow{grid-template-columns:1fr;gap:22px}
  .hiw-node{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:2px;padding:14px 16px}
  .hiw-node-ic{margin:0}
  .hiw-node b{flex:1 1 0;min-width:0;padding-right:24px}
  .hiw-node>span:last-child{flex:1 0 100%;padding-left:58px}
  .hiw-node:not(:last-child)::after,.hiw-node:nth-child(3)::after{display:block;top:auto;bottom:-19px;right:auto;left:37px;transform:rotate(90deg)}
}
.hiw-steps{list-style:none;margin:56px 0 0;padding:0;position:relative;display:flex;flex-direction:column;gap:72px}
/* Dashed spine down the middle joins the steps into one flow */
.hiw-steps::before{content:"";position:absolute;top:40px;bottom:40px;left:50%;border-left:2px dashed var(--line-2);transform:translateX(-1px)}
.hiw-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:112px;align-items:center}
.hiw-step-n{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;box-shadow:0 0 0 8px var(--paper);z-index:1}
.hiw-step-illo{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:0 24px 48px -36px rgba(11,15,20,.45)}
.hiw-step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:470px}
.hiw-step:nth-child(even) .hiw-step-illo{order:2}
.hiw-step:nth-child(even) .hiw-step-copy{order:1;justify-self:end}
.hiw-step-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.hiw-step-label .mono{white-space:nowrap;letter-spacing:0;text-transform:none;background:var(--accent);color:var(--ink);padding:4px 8px;border-radius:6px;font-size:12px}
.hiw-step-copy h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.025em;line-height:1.12}
.hiw-step-copy p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}
.hiw-step-copy .chips{gap:6px}
.hiw-step:last-child .hiw-step-n{background:var(--accent);color:var(--ink)}
@media (max-width:900px){
  .hiw-steps{gap:48px}
  .hiw-steps::before{left:25px;top:26px;bottom:26px}
  .hiw-step{grid-template-columns:1fr;row-gap:20px;padding-left:72px}
  .hiw-step-n{left:0;top:0;transform:none}
  .hiw-step .hiw-step-illo,.hiw-step:nth-child(even) .hiw-step-illo{order:0}
  .hiw-step .hiw-step-copy,.hiw-step:nth-child(even) .hiw-step-copy{order:1;justify-self:start;max-width:none}
  .hiw-step-illo{padding:16px}
}
@media (max-width:480px){
  .hiw-steps::before{left:17px}
  .hiw-step{padding-left:48px}
  .hiw-step-n{width:36px;height:36px;font-size:12px;box-shadow:0 0 0 5px var(--paper)}
  .hiw-step-illo{padding:12px}
}

/* Mobile nav */
@media (max-width:1180px){
  .main-nav,.header-actions .login{display:none}
  .menu-toggle{display:inline-flex}
  .header-in{justify-content:space-between}
  .header-actions .btn-sm{padding:10px 14px}
}
@media (max-width:440px){.header-actions .btn-sm{display:none}}
.mobile-nav{display:none;position:fixed;inset:0;top:0;z-index:70;background:#fff;overflow-y:auto;padding:16px var(--gutter) 40px}
.mobile-nav.is-open{display:block}
.mobile-nav-head{display:flex;justify-content:space-between;align-items:center;height:60px;margin-bottom:12px}
.mobile-nav details{border-bottom:1px solid var(--line)}
.mobile-nav summary{list-style:none;cursor:pointer;font:700 20px/1 var(--display);padding:18px 0;display:flex;justify-content:space-between;align-items:center}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav details[open] summary svg{transform:rotate(180deg)}
.mobile-nav .m-group{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin:14px 0 4px}
.mobile-nav details a{display:block;padding:9px 0;text-decoration:none;font-weight:500}
.mobile-nav .m-link{display:block;font:700 20px/1 var(--display);padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}
.mobile-nav .btns{flex-direction:column}
.mobile-nav .btns .btn{width:100%}

/* Shared components */
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:500}
.pill b{padding:3px 9px;border-radius:999px;background:var(--accent);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{padding:10px 17px;border-radius:999px;border:1px solid var(--line-2);font-weight:500;font-size:15px;text-decoration:none;color:var(--ink);background:#fff}
a.chip:hover{border-color:var(--ink)}
.chip-sm{padding:5px 11px;font-size:13px}
.sec-dark .chip{background:transparent;border-color:var(--ink-soft);color:var(--on-dark)}
.chip-acc{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--ink)!important;font-weight:600}
.tag{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font:600 12px/1 var(--mono)}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease}
a.card:hover{border-color:var(--ink);color:var(--ink)}
.card h3{margin-top:14px;font-size:18px}
.card p{margin-top:6px;color:var(--muted);font-size:15px}
.card .more{display:block;margin-top:14px;font-weight:600;font-size:14px}
.card-paper{background:var(--paper)}
.card-tall{display:flex;flex-direction:column;min-height:160px}
.card-tall .more{margin-top:auto;padding-top:14px}
.card-dark{background:var(--ink-2);border-color:var(--ink-line);color:var(--on-dark)}
.card-dark p{color:var(--on-dark-muted)}
.case{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:18px;padding:28px;text-decoration:none;color:var(--ink)}
.case .who{align-self:flex-start;padding:4px 10px;border-radius:6px;background:var(--ink);color:var(--accent);font:600 12px/1.4 var(--mono)}
.case h3{font-size:22px}
.case p{color:var(--muted)}
.case .how{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line-2);font-size:14px}
.step{border-top:3px solid var(--ink);padding-top:20px}
.step h3{margin-top:8px;font-size:21px}
.step p{margin-top:8px;color:var(--muted)}
.trust h3{font-size:19px}
.trust p{margin-top:8px;color:var(--muted);font-size:15px}
.band{border-radius:var(--r-lg);padding:clamp(28px,5vw,56px);display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between}
.band h2{font-size:clamp(28px,3vw,40px);max-width:680px}
.band p{margin-top:10px;font-size:17px}
.band-acc{background:var(--accent)}
.band-acc p{color:#1F262E}
.band-dark{background:var(--ink);color:#fff}
.band-dark p{color:var(--on-dark-muted)}
.band .btns{margin-top:0}
.price-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.pc{border:1px solid var(--line);border-radius:16px;padding:26px}
.pc .l{font-size:14px;color:var(--muted-2);font-weight:500}
.pc .v{font:700 44px/1.1 var(--display);letter-spacing:-.03em;margin-top:6px}
.pc .v small{font-size:18px}
.pc .n{font-size:14px;color:var(--muted-2);margin-top:4px}
.pc-old .v{color:var(--muted-2);text-decoration:line-through;text-decoration-thickness:3px}
.pc-new{background:var(--accent);border-color:var(--accent)}
.pc-new .l,.pc-new .n{color:var(--ink);font-weight:500}

/* Product mock-ups */
.mock{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 24px 48px -28px rgba(11,15,20,.35)}
.mock-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.mock-head .l{font-size:13px;color:var(--muted-2);font-weight:500}
.mock-head .big{font:700 30px/1 var(--display);letter-spacing:-.02em}
.mock-head .big small{font:600 14px var(--sans);color:var(--green)}
.bars{display:flex;flex-direction:column;gap:11px;margin-top:18px;font-size:14px}
.bar-row{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr) 44px;gap:12px;align-items:center}
.bar-row span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar{height:10px;border-radius:6px;background:var(--paper-2);overflow:hidden}
.bar i{display:block;height:10px;border-radius:6px;background:var(--ink)}
.bar-row .n{font-family:var(--mono);text-align:right;font-weight:500}
.callcard{background:var(--ink);color:var(--on-dark);border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.callcard-top{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:13px}
.callcard-top .src{padding:3px 9px;border-radius:6px;background:var(--ink-3)}
.callcard-top .score{margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--ink);font-weight:700}
.callcard p{font-size:15px}
.callcard p strong{color:#fff}
.callcard .tags{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;font-weight:600}
.callcard .tags span{padding:4px 10px;border-radius:999px;border:1px solid var(--ink-soft)}
.transcript{background:var(--ink-2);border:1px solid var(--ink-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px}
.transcript .meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--on-dark-muted)}
.transcript .who{color:#7C8592;font:12px var(--mono);display:block}
.transcript .lines{display:flex;flex-direction:column;gap:10px;font-size:15px}
.transcript .outcome{border-top:1px solid var(--ink-line);padding-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;font-size:13px}
.transcript .outcome b{display:block;color:#fff;margin-top:2px}
.transcript .outcome span{color:var(--on-dark-muted)}
.code{background:var(--ink);border-radius:18px;padding:24px;color:var(--on-dark);font:14px/1.7 var(--mono);overflow-x:auto}
.code .c{color:#7C8592}
.code .a{color:var(--accent)}
.code-rows{border-top:1px solid var(--ink-line);margin-top:18px;padding-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;font-size:13px}
.code-rows span:nth-child(odd){color:var(--on-dark-muted)}
.code-rows span:nth-child(even){color:#fff}

/* Hero */
.hero{background:var(--paper);border-bottom:1px solid var(--line)}
.hero .split{padding-top:72px;padding-bottom:80px}
.hero-dark{background:var(--ink);color:var(--on-dark);border-bottom:0}
.hero-dark .lede{color:var(--on-dark-muted)}
.hero-dark h1{color:#fff}
.hero-acc{background:var(--accent);border-bottom:0}
.hero-acc .lede{color:#1F262E}
.hero-acc .eyebrow{color:var(--ink)}
.page-hero{padding-top:72px;padding-bottom:64px}
.page-hero h1{max-width:900px}
.breadcrumbs{font-size:13px;color:var(--muted-2);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumbs a{color:inherit;text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.hero-dark .breadcrumbs{color:var(--on-dark-muted)}
.hero-acc .breadcrumbs{color:#1F262E}
.illo{margin:0}
.illo svg{display:block;width:100%;height:auto}
.illo figcaption{font-size:13px;color:var(--muted-2);margin-top:10px;text-align:center}
.illo-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.hero-dark .illo-card{background:var(--ink-2);border-color:var(--ink-line)}
.anchors{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.anchors a{text-decoration:none;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid var(--line-2);font-weight:500;font-size:15px}
.anchors a:hover{border-color:var(--ink)}

/* Illustration paint */
.f-ink{fill:var(--ink)}.f-ink2{fill:var(--ink-2)}.f-ink3{fill:var(--ink-3)}.f-soft{fill:var(--ink-soft)}
.f-paper{fill:var(--paper)}.f-paper2{fill:var(--paper-2)}.f-white{fill:#fff}.f-line{fill:var(--line)}.f-line2{fill:var(--line-2)}
.f-acc{fill:var(--accent)}.f-muted{fill:var(--muted-2)}.f-rec{fill:var(--rec)}.f-green{fill:var(--green)}.f-none{fill:none}
.s-ink{stroke:var(--ink)}.s-line{stroke:var(--line)}.s-line2{stroke:var(--line-2)}.s-acc{stroke:var(--accent)}.s-white{stroke:#fff}.s-soft{stroke:var(--ink-soft)}.s-muted{stroke:var(--muted-2)}
.w1{stroke-width:1}.w2{stroke-width:2}.w3{stroke-width:3}.w4{stroke-width:4}
.rnd{stroke-linecap:round;stroke-linejoin:round}
.dash{stroke-dasharray:6 6}
.t-sans{font-family:var(--sans)}.t-mono{font-family:var(--mono)}.t-disp{font-family:var(--display)}
.t-b{font-weight:700}.t-sb{font-weight:600}.t-m{font-weight:500}

/* Page content */
.page-body{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding-top:72px;padding-bottom:40px}
.page-body .prose{flex:999 1 560px;min-width:0}
.page-body aside{flex:1 1 280px;min-width:0;position:sticky;top:100px}
.prose{font-size:17px;line-height:1.7;color:#1F262E}
.prose>*+*{margin-top:20px}
.prose h2{font-size:clamp(26px,2.6vw,34px);margin-top:48px;color:var(--ink);scroll-margin-top:100px}
.prose h3{font-size:21px;margin-top:32px;color:var(--ink)}
.prose h2+*,.prose h3+*{margin-top:14px}
.prose a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--accent)}
.prose a:hover{text-decoration-color:var(--ink)}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:8px}
.prose ul li::marker{color:var(--ink)}
.prose strong{color:var(--ink)}
.prose code{font:15px var(--mono);background:var(--paper);padding:2px 6px;border-radius:6px}
.prose .is-style-steps{list-style:none;padding:0;counter-reset:st;display:grid;gap:14px}
.prose .is-style-steps li{counter-increment:st;position:relative;padding:18px 20px 18px 66px;border:1px solid var(--line);border-radius:14px;margin:0}
.prose .is-style-steps li::before{content:counter(st,decimal-leading-zero);position:absolute;left:18px;top:18px;font:600 13px/1 var(--mono);width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center}
.prose blockquote{margin:28px 0;padding:22px 26px;border-radius:16px;background:var(--paper);font-size:18px;color:var(--ink)}
.prose blockquote p{margin:0}
.prose .is-style-callout{background:var(--ink);color:var(--on-dark);border-radius:18px;padding:26px 28px}
.prose .is-style-callout strong,.prose .is-style-callout h3,.prose .is-style-callout a{color:#fff}
.prose .is-style-highlight{background:var(--accent);border-radius:18px;padding:24px 28px;color:var(--ink)}
.prose .is-style-highlight>*+*,.prose .is-style-callout>*+*{margin-top:12px}
.prose .is-style-highlight h3,.prose .is-style-callout h3{margin-top:0}
.prose figure{margin:32px 0}
.prose .wp-block-table{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.prose th,.prose td{padding:12px 16px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.prose thead th{background:var(--paper);border-top:0;font-weight:600}
.prose figcaption{font-size:13px;color:var(--muted-2);padding:10px 16px}
.prose details,.faq details{border-top:1px solid var(--line-2);padding:4px 0}
.prose details:last-of-type,.faq details:last-of-type{border-bottom:1px solid var(--line-2)}
.prose summary,.faq summary{cursor:pointer;list-style:none;font:700 18px/1.4 var(--sans);color:var(--ink);padding:16px 36px 16px 0;position:relative}
.prose summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.prose summary::after,.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 26px/1 var(--sans)}
.prose details[open] summary::after,.faq details[open] summary::after{content:"\2212"}
.prose details>*:not(summary),.faq details>*:not(summary){margin:0 0 16px;color:var(--muted)}
.prose .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.prose .card-grid a{text-decoration:none}
.prose .card-grid .card h3{margin-top:0}
.prose .illo{margin:36px 0}
.aside-box{border:1px solid var(--line);border-radius:18px;padding:22px}
.aside-box+.aside-box{margin-top:16px}
.aside-box h3{font-size:17px}
.aside-box ul{list-style:none;margin:12px 0 0;padding:0;font-size:15px}
.aside-box li+li{margin-top:8px}
.aside-box a{text-decoration:none}
.aside-box a:hover{text-decoration:underline}
.aside-dark{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.aside-dark h3{color:#fff}
.aside-dark p{color:var(--on-dark-muted);font-size:15px;margin-top:8px}
.aside-dark .btn{margin-top:16px;width:100%}
.toc ol{counter-reset:toc;list-style:none;padding:0;margin:12px 0 0;font-size:15px}
.toc li{counter-increment:toc;display:flex;gap:10px}
.toc li::before{content:counter(toc,decimal-leading-zero);font:12px/2 var(--mono);color:var(--muted-2)}
.toc li+li{margin-top:6px}

/* Industry page bits */
.ind-panel{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-wrap:wrap}
.ind-panel>.l{flex:1 1 440px;min-width:0;padding:clamp(24px,4vw,44px)}
.ind-panel>.r{flex:1 1 380px;min-width:0;background:var(--ink);color:var(--on-dark);padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:22px}
.ind-panel .l h2{font-size:clamp(26px,3vw,38px)}
.ind-panel .l p{margin-top:14px;font-size:17px;color:var(--muted)}
.ind-panel .lab{font-size:13px;color:var(--on-dark-muted);font-weight:500;margin-bottom:10px;display:block}
.ind-panel .ex{background:var(--ink-2);border:1px solid var(--ink-line);border-radius:14px;padding:18px}
.ind-panel .ex p{color:#fff;font-size:15px;margin-top:8px}
.checks{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks li::before{content:"";flex:0 0 24px;height:24px;border-radius:6px;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B0F14' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.ind-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.ind-tabs button{font:600 15px var(--sans);padding:11px 18px;border-radius:999px;cursor:pointer;border:1.5px solid var(--ink);background:#fff;color:var(--ink)}
.ind-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.ind-view[hidden]{display:none}

/* Pricing */
.toggle{display:inline-flex;gap:4px;padding:5px;margin-top:28px;border-radius:999px;background:#fff;border:1px solid var(--line-2)}
.toggle button{font:600 15px var(--sans);padding:10px 20px;border-radius:999px;border:0;cursor:pointer;background:transparent;color:var(--ink)}
.toggle button[aria-pressed="true"]{background:var(--ink);color:#fff}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:48px}
.plan{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:14px}
.plan-pop{background:var(--ink);color:#fff;border-color:var(--ink)}
.plan .top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}
.plan .name{font-weight:700;font-size:20px}
.plan .badge{padding:4px 10px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:12px;font-weight:700}
.plan .for{font-size:15px;opacity:.85;min-height:46px}
.plan .price{font:700 52px/1 var(--display);letter-spacing:-.03em}
.plan .price small{font:500 16px var(--sans)}
.plan .note{font-size:13px;opacity:.8;min-height:20px}
.plan ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li svg{flex:0 0 18px;margin-top:3px}
.plan-pop .btn{background:var(--accent);color:var(--ink)}
.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.table-box table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.table-box th,.table-box td{padding:14px 20px;text-align:left;border-top:1px solid var(--line)}
.table-box thead th{background:var(--paper);border-top:0;font-weight:600}
.table-box tbody th{font-weight:500}
.extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.extras div{border:1px solid var(--line);border-radius:14px;padding:20px}
.extras b{font:600 22px var(--mono);display:block}
.extras b small{font-size:14px}
.extras span{color:var(--muted);display:block;margin-top:4px}
.compare-bar{height:18px;border-radius:8px;margin-top:8px}

/* Calculators */
.calc{background:var(--ink);color:var(--on-dark);border-radius:var(--r-lg);padding:clamp(24px,4vw,52px);display:flex;flex-wrap:wrap;gap:48px}
.calc>*{flex:1 1 380px;min-width:0}
.calc h2{color:#fff;font-size:clamp(28px,3vw,40px)}
.calc label,.calc .lab{font-size:14px;color:var(--on-dark-muted);font-weight:500;display:block;margin-top:26px}
.stepper{display:flex;align-items:center;gap:14px;margin-top:10px}
.stepper button{width:48px;height:48px;border-radius:12px;border:1px solid var(--ink-soft);background:var(--ink-2);color:#fff;font:22px var(--sans);cursor:pointer}
.stepper output{font:700 44px var(--display);min-width:90px;text-align:center;color:#fff}
.opt-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.opt-row button{font:600 15px var(--sans);padding:12px 18px;border-radius:12px;cursor:pointer;border:1.5px solid var(--ink-soft);background:var(--ink-2);color:#fff}
.opt-row button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.calc input[type=range]{width:100%;margin-top:12px;accent-color:var(--accent)}
.calc .val{font:700 22px var(--mono);color:#fff;margin-top:4px;display:block}
.res{display:flex;flex-direction:column;gap:12px}
.res-row{background:var(--ink-2);border:1px solid var(--ink-line);border-radius:16px;padding:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.res-row span{color:var(--on-dark-muted)}
.res-row b{font:500 18px var(--mono);color:#fff}
.res-big{background:var(--accent);color:var(--ink);border-radius:16px;padding:22px}
.res-big .k{font-weight:600}
.res-big .v{font:700 48px/1.1 var(--display);letter-spacing:-.03em}
.res-big .v small{font-size:18px}

/* Forms */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,4vw,40px)}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field-full{grid-column:1/-1}
.field label{font-weight:600;font-size:14px}
.field input,.field select,.field textarea{font:16px var(--sans);padding:13px 14px;border:1.5px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink);width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink);outline:0;box-shadow:0 0 0 3px var(--accent)}
.field textarea{min-height:120px;resize:vertical}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.check input{margin-top:3px;width:18px;height:18px;accent-color:var(--ink)}
.hp{position:absolute;left:-9999px}
.notice-ok{background:var(--accent);border-radius:14px;padding:18px 20px;font-weight:600;margin-bottom:20px}
.notice-err{background:#FDE2DE;border-radius:14px;padding:18px 20px;font-weight:600;margin-bottom:20px}

/* Blog */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff}
.post-card:hover{border-color:var(--ink);color:var(--ink)}
.post-card .thumb{aspect-ratio:16/9;background:var(--paper);display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card .body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-card h3{font-size:20px}
.post-card p{color:var(--muted);font-size:15px}
.post-meta{font-size:13px;color:var(--muted-2);display:flex;flex-wrap:wrap;gap:6px 14px}
.cat-chip{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.04em}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.pagination a,.pagination span{padding:10px 16px;border:1px solid var(--line-2);border-radius:10px;text-decoration:none}
.pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}
.article-head{padding:64px 0 40px;border-bottom:1px solid var(--line);background:var(--paper)}
.article-head h1{font-size:clamp(34px,4.4vw,54px);max-width:900px}
.author-box{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:48px}
.author-box .av{flex:0 0 52px;height:52px;border-radius:50%;background:var(--ink);color:var(--accent);display:flex;align-items:center;justify-content:center;font:700 18px var(--display)}
.search-form{display:flex;gap:10px;max-width:520px}
.search-form input{flex:1;font:16px var(--sans);padding:13px 14px;border:1.5px solid var(--line-2);border-radius:10px}

/* Glossary and numbers */
.glossary dl{margin:0}
.glossary dt{font:700 20px var(--display);margin-top:32px;scroll-margin-top:100px}
.glossary dd{margin:8px 0 0;color:var(--muted);font-size:17px}
.az{display:flex;flex-wrap:wrap;gap:6px}
.az a{width:38px;height:38px;border-radius:9px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600}
.az a:hover{background:var(--ink);color:#fff}
.codes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.codes div{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.codes b{font:600 16px var(--mono)}
.codes span{color:var(--muted);font-size:14px;text-align:right}

/* Footer */
.site-footer{background:var(--ink);color:var(--on-dark-muted);font-size:14px}
.site-footer a{color:var(--on-dark-muted);text-decoration:none}
.site-footer a:hover{color:#fff}
.foot-top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(auto-fit,minmax(150px,1fr));gap:32px;padding:64px 0 40px}
.foot-brand p{margin-top:14px;max-width:320px}
.foot-col{display:flex;flex-direction:column;gap:9px}
.foot-col b{color:#fff;font-weight:600;margin-bottom:4px}
.foot-bottom{border-top:1px solid var(--ink-line);padding:20px 0 32px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px}
.foot-legal{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:0;padding:0}
@media (max-width:760px){.foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}

/* WordPress bits */
.alignwide{max-width:1100px}
.wp-block-image img{border-radius:14px}
.wp-caption-text,.wp-element-caption{font-size:13px;color:var(--muted-2)}
.sticky,.gallery-caption,.bypostauthor{display:block}

@media (max-width:640px){
  :root{--gutter:16px}
  .sec{padding:64px 0}
  .hero .split{padding-top:48px;padding-bottom:56px}
  .page-hero{padding-top:48px;padding-bottom:48px}
  .page-body{padding-top:48px;padding-bottom:24px}
  .lede{font-size:17px}
  .bar-row{grid-template-columns:minmax(0,110px) minmax(0,1fr) 36px}
}

/* Tabbed panels and the "ask your calls" questions */
[data-panel][hidden]{display:none!important}
.ask-q{text-align:left;font:500 15px/1.4 var(--sans);padding:14px 16px;border-radius:12px;cursor:pointer;border:1.5px solid var(--line-2);background:transparent;color:var(--ink)}
.ask-q[aria-selected="true"]{border-color:var(--ink);background:#fff}
.int-group+.int-group{margin-top:56px}
.int-card{display:flex;gap:14px;align-items:flex-start}
.int-card .tag{flex:0 0 44px;width:44px;height:44px}
.int-card h3{margin-top:0!important}
.int-card .st{display:inline-block;margin-top:10px;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:6px;background:var(--paper-2)}