/* ============ Tokens ============ */
:root{
  --bg:#f3f6f5; --surface:#ffffff; --surface-2:#edf2f1; --inset:#f7faf9;
  --text:#141f1c; --muted:#576b66; --faint:#869b95;
  --brand:#0b7c72; --brand-strong:#095f58; --brand-ink:#e8fffb;
  --brand-soft:#ddf0ec; --brand-line:#bfe0d9;
  --border:#dde6e4; --border-soft:#e9f0ee;
  --shadow:0 1px 2px rgba(15,40,36,.06),0 12px 32px -16px rgba(15,40,36,.16);
  --shadow-sm:0 1px 3px rgba(15,40,36,.08);
  --free-bg:#dcf5e4; --free-tx:#11663a; --free-bd:#9fdcb8;
  --prow-bg:#fff3d6; --prow-tx:#8a5a00; --prow-bd:#f3d78a;
  --paid-bg:#e6eaef; --paid-tx:#43525e; --paid-bd:#c3cdd6;
  --good:#178a4c; --warn:#c07a00; --bad:#c63b3b; --info:#2470c7;
  --r-sm:8px; --r-md:14px; --r-lg:20px;
  --font-body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --font-display:"Sora","Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --wrap:1160px;
}
html[data-theme="dark"]{
  --bg:#0c1211; --surface:#131b1a; --surface-2:#1a2423; --inset:#101716;
  --text:#e9f1ee; --muted:#9fb5af; --faint:#6c857f;
  --brand:#2fcebb; --brand-strong:#2fcebb; --brand-ink:#07231f;
  --brand-soft:#13302b; --brand-line:#245b53;
  --border:#24312f; --border-soft:#1c2625;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 16px 36px -16px rgba(0,0,0,.5);
  --shadow-sm:0 1px 3px rgba(0,0,0,.35);
  --free-bg:#123e2a; --free-tx:#7fe3a8; --free-bd:#1f6b46;
  --prow-bg:#40300a; --prow-tx:#f0c86a; --prow-bd:#7a5a1c;
  --paid-bg:#232c31; --paid-tx:#9fb0bd; --paid-bd:#39444d;
  --good:#5fd68f; --warn:#e5a93f; --bad:#e47070; --info:#6aa6ef;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);
  font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.22;letter-spacing:-.01em;margin:0 0 .55em;color:var(--text)}
h1{font-size:clamp(1.9rem,4.2vw,2.8rem);font-weight:800}
h2{font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:700}
h3{font-size:1.08rem;font-weight:700}
p{margin:0 0 1em}
a{color:var(--brand);text-decoration:none}
html[data-theme="dark"] a{color:#4fdcc7}
a:hover{text-decoration:underline}
img{max-width:100%}
:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:4px}
::selection{background:var(--brand-soft)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ============ Header ============ */
.site-header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.header-in{display:flex;align-items:center;gap:14px;min-height:64px}
.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;flex-shrink:0}
.brand:hover{text-decoration:none}
.brand-mark{width:36px;height:36px;border-radius:10px;background:var(--brand);display:grid;place-items:center;flex-shrink:0}
.brand-mark svg{width:21px;height:21px;color:var(--brand-ink)}
.brand-name{font-family:var(--font-display);font-weight:800;font-size:1.02rem;line-height:1.15;letter-spacing:-.01em}
.brand-sub{display:block;font-family:var(--font-body);font-weight:600;font-size:.68rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--faint)}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a{color:var(--muted);font-weight:600;font-size:.94rem;padding:9px 13px;border-radius:9px;text-decoration:none;white-space:nowrap}
.nav a:hover{color:var(--text);background:var(--surface-2)}
.nav a.active{color:var(--brand-strong);background:var(--brand-soft)}
html[data-theme="dark"] .nav a.active{color:#4fdcc7}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:10px}
.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);
  color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s}
.icon-btn:hover{color:var(--text);background:var(--surface-2)}
.icon-btn svg{width:19px;height:19px}
#themeBtn .moon{display:none}
html[data-theme="dark"] #themeBtn .moon{display:block}
html[data-theme="dark"] #themeBtn .sun{display:none}
#menuBtn{display:none}
/* mobile drawer */
.drawer{display:none}
@media (max-width:900px){
  .nav{display:none}
  #menuBtn{display:grid}
}
.drawer.open{display:block;position:fixed;inset:0;z-index:70}
.drawer-scrim{position:absolute;inset:0;background:rgba(8,14,13,.5)}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(300px,84vw);background:var(--surface);
  border-left:1px solid var(--border);padding:18px;display:flex;flex-direction:column;gap:4px;overflow:auto}
.drawer-panel a{padding:12px 14px;border-radius:10px;color:var(--text);font-weight:600;text-decoration:none}
.drawer-panel a:hover{background:var(--surface-2)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}

/* ============ Hero ============ */
.hero{padding:clamp(34px,6vw,72px) 0 clamp(22px,3.5vw,34px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--brand-strong);background:var(--brand-soft);border:1px solid var(--brand-line);
  padding:6px 13px;border-radius:999px;margin-bottom:18px}
html[data-theme="dark"] .eyebrow{color:#4fdcc7}
.lede{font-size:clamp(1.02rem,1.8vw,1.16rem);color:var(--muted);max-width:56ch}
.hero-search{margin-top:22px;max-width:540px}
.hero-search form{display:flex;gap:8px;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:7px 7px 7px 16px;box-shadow:var(--shadow-sm)}
.hero-search input{flex:1;min-width:0;border:0;background:none;font:inherit;color:var(--text);padding:8px 0}
.hero-search input:focus{outline:none}
.hero-stats{display:flex;flex-wrap:wrap;gap:clamp(18px,3.5vw,38px);margin-top:26px}
.stat b{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:800;color:var(--text)}
.stat span{font-size:.85rem;color:var(--muted)}
.hero-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);
  padding:clamp(20px,3vw,28px)}
.hero-card h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:14px}
.cat-chips{display:flex;flex-wrap:wrap;gap:9px}
.cat-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:.88rem;
  font-weight:600;color:var(--text);background:var(--inset);border:1px solid var(--border);text-decoration:none;
  transition:border-color .15s,background .15s}
.cat-chip:hover{border-color:var(--brand);background:var(--brand-soft);text-decoration:none;color:var(--text)}
.cat-chip .n{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:.72rem;
  padding:1px 8px;color:var(--muted)}
.hero-card .go{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;font-size:.95rem}

/* ============ Buttons ============ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;
  font-size:.95rem;padding:11px 20px;border-radius:11px;border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:transform .06s ease,background .15s,border-color .15s}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--brand);color:var(--brand-ink)}
.btn-primary:hover{background:var(--brand-strong);color:var(--brand-ink);text-decoration:none}
html[data-theme="dark"] .btn-primary{color:#052e29}
.btn-ghost{background:var(--surface);border-color:var(--border);color:var(--text)}
.btn-ghost:hover{background:var(--surface-2);text-decoration:none;color:var(--text)}
.btn-sm{padding:8px 14px;font-size:.86rem;border-radius:9px}

/* ============ Sections & cards ============ */
.section{padding:clamp(26px,4vw,44px) 0}
/* Skip layout and paint work for below-the-fold sections until they approach the viewport. */
main>.section,.site-footer{content-visibility:auto;contain-intrinsic-block-size:auto 640px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.section-head p{color:var(--muted);margin:.2em 0 0;max-width:62ch}
.section-head .link{font-weight:700;white-space:nowrap;font-size:.95rem}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1080px){.tool-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:800px){.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.tool-grid{grid-template-columns:1fr}}
.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;
  display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}
.tool-card:hover{border-color:var(--brand-line);box-shadow:var(--shadow)}
.tool-card .ticon{width:42px;height:42px;border-radius:11px;background:var(--brand-soft);color:var(--brand);
  display:grid;place-items:center;border:1px solid var(--brand-line)}
html[data-theme="dark"] .tool-card .ticon{color:#4fdcc7}
.tool-card .ticon svg{width:22px;height:22px}
.tool-card h3{margin:0;font-size:1.02rem}
.tool-card p{margin:0;color:var(--muted);font-size:.92rem;flex:1}
.tool-card .tlink{font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}
/* AI tool cards */
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:1080px){.ai-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:660px){.ai-grid{grid-template-columns:1fr}}
.ai-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;
  display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-sm)}
.ai-card:hover{border-color:var(--brand-line)}
.ai-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai-card h3{margin:0;font-size:1.05rem}
.ai-card .init{width:38px;height:38px;border-radius:10px;background:var(--brand);color:var(--brand-ink);
  display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.05rem;flex-shrink:0}
html[data-theme="dark"] .ai-card .init{color:#052e29}
.ai-card .d{margin:0;color:var(--muted);font-size:.93rem;flex:1}
.ai-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;flex-wrap:wrap}
.visit{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.9rem}
.pill{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap}
.pill-free{background:var(--free-bg);color:var(--free-tx);border-color:var(--free-bd)}
.pill-freemium{background:var(--prow-bg);color:var(--prow-tx);border-color:var(--prow-bd)}
.pill-paid{background:var(--paid-bg);color:var(--paid-tx);border-color:var(--paid-bd)}
.cat-tag{font-size:.72rem;font-weight:600;color:var(--faint)}
/* finder controls */
.finder-controls{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);
  padding:clamp(16px,2.5vw,22px);box-shadow:var(--shadow-sm);margin-bottom:22px}
.search-row{display:flex;gap:10px;flex-wrap:wrap}
.search-box{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--inset);
  border:1px solid var(--border);border-radius:11px;padding:0 14px}
.search-box svg{width:18px;height:18px;color:var(--faint);flex-shrink:0}
.search-box input{flex:1;min-width:0;border:0;background:none;font:inherit;color:var(--text);padding:12px 0}
.search-box input:focus{outline:none}
.filter-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);
  margin:16px 0 8px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.fchip{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--inset);
  font:inherit;font-size:.87rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .15s}
.fchip:hover{border-color:var(--brand);color:var(--text)}
.fchip.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
html[data-theme="dark"] .fchip.on{color:#052e29}
.result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px;flex-wrap:wrap}
.result-meta p{margin:0;color:var(--muted);font-size:.95rem}
.result-meta b{color:var(--text)}
.empty-state{background:var(--surface);border:1px dashed var(--border);border-radius:var(--r-md);padding:44px 20px;
  text-align:center;color:var(--muted)}
.empty-state h3{color:var(--text)}
/* ad slots */
.ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border:1.5px dashed var(--border);border-radius:var(--r-md);background:var(--surface-2);
  color:var(--faint);padding:18px;margin:clamp(20px,3.5vw,34px) auto;max-width:100%}
.ad-slot .ad-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ad-slot .ad-size{font-size:.82rem;color:var(--muted)}
.ad-leader{min-height:110px}
.ad-rect{min-height:250px;max-width:360px}
.ad-mobile{min-height:100px}
/* tool article */
.breadcrumb{font-size:.85rem;color:var(--faint);margin:26px 0 12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.breadcrumb a{color:var(--muted)}
.article{max-width:820px}
.article .lede2{font-size:1.05rem;color:var(--muted)}
.tool-shell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);
  box-shadow:var(--shadow);padding:clamp(20px,3.5vw,32px);margin:26px 0}
.howto{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:clamp(18px,3vw,26px);
  margin:26px 0}
.howto ol{margin:0;padding-left:1.4em;display:grid;gap:10px}
.howto li::marker{color:var(--brand);font-weight:700}
/* form elements */
label.flabel{display:block;font-weight:700;font-size:.9rem;margin:0 0 7px}
.tarea{width:100%;min-height:150px;resize:vertical;border:1px solid var(--border);border-radius:11px;
  background:var(--inset);color:var(--text);font:inherit;padding:13px 14px}
.tarea:focus,.tinput:focus,select.tinput:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}
.tinput{width:100%;border:1px solid var(--border);border-radius:11px;background:var(--inset);color:var(--text);
  font:inherit;padding:11px 14px}
select.tinput{width:auto;padding:11px 12px}
.field{margin-bottom:16px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.field-row{grid-template-columns:1fr}}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:18px}
.stat-box{background:var(--inset);border:1px solid var(--border-soft);border-radius:11px;padding:12px 14px}
.stat-box b{display:block;font-family:var(--font-display);font-size:1.4rem;font-weight:800}
.stat-box span{font-size:.8rem;color:var(--muted)}
/* toggle switches */
.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;
  border-bottom:1px solid var(--border-soft)}
.switch-row:last-child{border-bottom:0}
.switch-row .lab{font-weight:600;font-size:.95rem}
.switch-row .sub{font-size:.82rem;color:var(--faint)}
.switch{position:relative;width:52px;height:30px;flex-shrink:0;cursor:pointer}
.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.switch .track{position:absolute;inset:0;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;
  transition:background .18s,border-color .18s;pointer-events:none}
.switch .track::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;
  background:var(--text);opacity:.55;transition:transform .18s,background .18s,opacity .18s}
.switch input:checked+.track{background:var(--brand);border-color:var(--brand)}
.switch input:checked+.track::after{transform:translateX(22px);background:#fff;opacity:1}
.switch input:focus-visible+.track{outline:2.5px solid var(--brand);outline-offset:2px}
/* range */
input[type=range]{width:100%;accent-color:var(--brand);height:32px}
.range-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.range-val{font-family:var(--font-display);font-weight:800;font-size:1.15rem}
/* password strength */
.strength{height:9px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin-top:10px}
.strength i{display:block;height:100%;width:0;border-radius:99px;background:var(--bad);transition:width .25s,background .25s}
.strength-lbl{font-size:.85rem;color:var(--muted);margin-top:6px}
.pass-out{display:flex;gap:10px;align-items:center}
.pass-out .tinput{font-family:ui-monospace,"SF Mono",Consolas,monospace;font-size:1.05rem;letter-spacing:.02em}
/* case buttons */
.case-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;margin:14px 0}
.case-btn{border:1px solid var(--border);background:var(--inset);color:var(--text);font:inherit;font-weight:700;
  font-size:.88rem;padding:11px 8px;border-radius:10px;cursor:pointer;transition:all .14s}
.case-btn:hover{border-color:var(--brand);background:var(--brand-soft)}
/* segmented */
.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:4px;gap:2px}
.seg button{border:0;background:none;font:inherit;font-weight:700;font-size:.88rem;color:var(--muted);
  padding:8px 16px;border-radius:8px;cursor:pointer}
.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}
/* age calculator */
.age-hero{display:flex;gap:16px;align-items:center;background:var(--brand-soft);border:1px solid var(--brand-line);
  border-radius:var(--r-md);padding:20px;margin:18px 0;flex-wrap:wrap}
.age-hero .big{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-right:8px}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
/* bmi */
.bmi-scale{height:12px;border-radius:99px;margin:14px 0 6px;
  background:linear-gradient(to right,#38bdf8 0 18.5%,#34d399 18.5% 25%,#fbbf24 25% 30%,#f87171 30% 100%)}
.bmi-marker{width:4px;height:22px;background:var(--text);border-radius:2px;margin-left:0;transform:translateX(-2px);
  margin-top:-21px;transition:margin-left .25s}
.bmi-cats{display:flex;justify-content:space-between;font-size:.72rem;color:var(--faint);flex-wrap:wrap;gap:4px}
/* file drop */
.drop{border:2px dashed var(--brand-line);border-radius:var(--r-md);background:var(--inset);padding:38px 20px;
  text-align:center;cursor:pointer;transition:border-color .15s,background .15s}
.drop:hover,.drop.drag{border-color:var(--brand);background:var(--brand-soft)}
.drop b{display:block;margin-bottom:6px}
.drop span{font-size:.87rem;color:var(--faint)}
.img-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
@media (max-width:640px){.img-compare{grid-template-columns:1fr}}
.img-pane{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--inset)}
.img-pane .ph{padding:10px 14px;font-size:.83rem;font-weight:700;display:flex;justify-content:space-between;
  border-bottom:1px solid var(--border-soft)}
.img-pane img{display:block;width:100%;max-height:280px;object-fit:contain;background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--inset) 0 50%) 0 0/22px 22px}
#brEditWrap{position:relative;line-height:0;background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--inset) 0 50%) 0 0/22px 22px}
#brEdit{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}
#brOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#brCursor{position:absolute;display:none;border:1.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.45);pointer-events:none}
.br-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;padding:12px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface)}
.br-toolbar .br-group{display:flex;gap:8px;flex-wrap:wrap}
.br-toolbar .br-tool[aria-pressed="true"]{background:#0b7c72;color:#fff;border-color:transparent}
.br-brush{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600}
.br-brush input{width:140px}
.br-hint{flex-basis:100%;margin:0;font-size:.83rem;color:var(--muted)}
/* color picker */
.color-stage{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:9px;margin-top:16px}
.swatch{border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;text-align:center}
.swatch .c{height:46px}
.swatch .v{font-size:.68rem;font-weight:600;padding:5px 4px;background:var(--inset);font-family:ui-monospace,monospace}
.hex-row{display:flex;gap:8px;align-items:center;margin:10px 0}
.hex-row .tinput{font-family:ui-monospace,Consolas,monospace;font-weight:700;max-width:150px}
/* QR */
.qr-layout{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start}
@media (max-width:720px){.qr-layout{grid-template-columns:1fr}}
.qr-preview{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;padding:18px;
  display:grid;place-items:center;min-height:280px}
.qr-preview canvas{max-width:100%;height:auto;image-rendering:pixelated}
/* converter, finance and timer tools */
.convert-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}
.convert-swap{margin-bottom:16px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--brand);font-size:1.2rem;cursor:pointer}
.calc-panel{background:var(--inset);border:1px solid var(--border-soft);border-radius:12px;padding:16px;margin-top:16px}
.calc-panel strong{font-family:var(--font-display);font-size:1.35rem;color:var(--brand-strong)}
.rate-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.rate-summary .calc-panel{margin:0;min-width:0}.rate-summary small{display:block;color:var(--faint);font-weight:700;margin-bottom:4px}.rate-summary strong{font-size:clamp(1.05rem,3vw,1.35rem);overflow-wrap:anywhere}
.rate-helper{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid var(--border-soft)}
.currency-note{font-size:.84rem;color:var(--muted);margin-top:12px}.currency-note a{font-weight:700}
@media(max-width:640px){.rate-summary{grid-template-columns:1fr}.rate-helper{grid-template-columns:1fr}}
.timer-display{font-family:ui-monospace,"SF Mono",Consolas,monospace;font-size:clamp(2.1rem,8vw,4.2rem);font-weight:800;letter-spacing:.04em;text-align:center;padding:20px 8px;color:var(--text)}
.lap-list{margin:16px 0 0;padding:0;list-style:none;max-height:240px;overflow:auto;border-top:1px solid var(--border-soft)}
.lap-list li{display:flex;justify-content:space-between;padding:9px 2px;border-bottom:1px solid var(--border-soft);font-variant-numeric:tabular-nums}
.picker-stage{text-align:center;background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--r-md);padding:24px 16px;margin-top:18px}
.picker-name{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800;min-height:1.3em;word-break:break-word}
@media(max-width:600px){.convert-grid{grid-template-columns:1fr}.convert-swap{margin:-4px auto 10px;transform:rotate(90deg)}}
/* daily word puzzle */
.game-hero-art{display:grid;grid-template-columns:repeat(5,42px);gap:6px;justify-content:center}.game-hero-art span{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font:800 1.25rem var(--font-display);text-transform:uppercase;color:#fff;box-shadow:var(--shadow-sm)}.game-hero-art span:nth-child(1),.game-hero-art span:nth-child(4){background:#207a52}.game-hero-art span:nth-child(2){background:#806200}.game-hero-art span:nth-child(3),.game-hero-art span:nth-child(5){background:#64746f}
.wp-wrap{max-width:520px;margin:0 auto}
.wp-status{text-align:center;min-height:1.7em;font-weight:700;margin-bottom:12px;color:var(--muted)}
.wp-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:min(100%,298px);justify-content:center;margin:0 auto 20px}
.wp-tile{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font-family:var(--font-display);font-weight:800;text-transform:uppercase;width:100%;border:2px solid var(--border);background:var(--inset);font-size:clamp(1.25rem,6vw,1.85rem);color:var(--text)}
.wp-tile.filled{border-color:var(--faint)}
.wp-tile.correct{background:#207a52;border-color:#207a52;color:#fff}.wp-tile.present{background:#806200;border-color:#806200;color:#fff}.wp-tile.absent{background:#64746f;border-color:#64746f;color:#fff}
.wp-tile.flip{animation:tileFlip .55s ease both}.wp-tile.pop{animation:tilePop .12s ease}
@keyframes tileFlip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}@keyframes tilePop{50%{transform:scale(1.08)}}
.wp-keyboard{display:grid;gap:6px;margin-top:8px;user-select:none}.wp-keyrow{display:flex;justify-content:center;gap:5px}.wp-key{height:48px;min-width:0;flex:1;max-width:43px;border:0;border-radius:7px;background:var(--surface-2);color:var(--text);font:700 .85rem var(--font-body);cursor:pointer;padding:0 3px}.wp-key.wide{max-width:68px;font-size:.72rem}.wp-key.correct{background:#207a52;color:#fff}.wp-key.present{background:#806200;color:#fff}.wp-key.absent{background:#64746f;color:#fff}
.wp-stats{grid-template-columns:repeat(4,1fr)}.wp-actions{justify-content:center}.wp-note{text-align:center;font-size:.82rem;color:var(--faint);margin-top:12px}
.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.games-grid .game-hero{grid-template-columns:1fr;margin:0;align-content:space-between}.games-grid .race-hero-art{min-height:190px}
/* Turbo Splash Racing */
.game-hero{background:linear-gradient(135deg,#dff8ff,#fff4c4 52%,#ffd8e7);border:1px solid #8ad9ea;border-radius:var(--r-lg);padding:clamp(22px,4vw,38px);display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin:24px 0;overflow:hidden}
html[data-theme="dark"] .game-hero{background:linear-gradient(135deg,#123344,#3b3215 52%,#3b1f31);border-color:#276879}
.game-hero .eyebrow{background:#fff4a8;border-color:#e7bb36;color:#714800}
html[data-theme="dark"] .game-hero .eyebrow{background:#493b0f;border-color:#876d1c;color:#ffe477}
.race-hero-art{position:relative;min-height:230px;border-radius:18px;overflow:hidden;background:linear-gradient(#68d9ff 0 28%,#45bd65 28% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
.race-road{position:absolute;inset:28% 20% 0;background:#53606b;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);overflow:hidden}
.race-road::before{content:"";position:absolute;left:49%;top:-10%;width:5px;height:130%;background:repeating-linear-gradient(to bottom,#fff 0 25px,transparent 25px 48px);transform:skewX(-2deg)}
.race-car{position:absolute;left:50%;bottom:18px;width:54px;height:84px;transform:translateX(-50%);border-radius:18px 18px 12px 12px;background:#ff376b;border:4px solid #a90e39;box-shadow:0 8px 0 rgba(0,0,0,.18)}
.race-car::before{content:"";position:absolute;left:9px;right:9px;top:13px;height:24px;border-radius:8px 8px 3px 3px;background:#9cecff;border:3px solid #fff}
.race-car::after{content:"";position:absolute;left:11px;right:11px;bottom:10px;height:9px;border-radius:8px;background:#ffe33d;box-shadow:-15px 0 0 -1px #222,15px 0 0 -1px #222}
.race-puddle{position:absolute;right:24%;bottom:52px;width:68px;height:24px;border-radius:50%;background:#27bff2;box-shadow:0 0 0 7px rgba(75,215,255,.28)}
.race-coin{position:absolute;left:30%;top:46%;width:30px;height:30px;border-radius:50%;background:#ffd929;border:5px solid #ff9d00;box-shadow:0 3px 0 #c86f00}
.race-cloud{position:absolute;top:22px;left:12%;width:72px;height:26px;border-radius:30px;background:#fff;box-shadow:28px 4px 0 2px #fff,13px -10px 0 4px #fff}
.race-game-shell{max-width:620px;margin:26px auto}
.race-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.race-hud div{background:var(--inset);border:1px solid var(--border);border-radius:10px;padding:8px 10px;text-align:center;min-width:0}
.race-hud b{display:block;font-family:var(--font-display);font-size:1.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.race-hud span{display:block;color:var(--faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.race-stage{position:relative;width:min(100%,420px);aspect-ratio:7/10;margin:0 auto;overflow:hidden;border-radius:18px;background:#54c970;box-shadow:0 16px 34px -18px rgba(9,55,49,.5);touch-action:none;user-select:none}
#raceCanvas{display:block;width:100%;height:100%}
.race-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;text-align:center;background:rgba(10,30,36,.68);color:#fff;z-index:3}
.race-overlay[hidden]{display:none}.race-overlay-card{max-width:300px}.race-overlay h2{color:#fff;margin-bottom:8px}.race-overlay p{margin-bottom:16px;color:#eefcff}.race-overlay .btn-row{justify-content:center}
.race-controls{display:flex;justify-content:center;gap:12px;margin:14px auto 0;width:min(100%,420px)}
.race-control{width:92px;height:56px;border:0;border-radius:14px;background:#137f9f;color:#fff;font:800 1.45rem var(--font-display);box-shadow:0 4px 0 #07526b;cursor:pointer;touch-action:manipulation}
.race-control:active{transform:translateY(3px);box-shadow:0 1px 0 #07526b}.race-help{font-size:.84rem;text-align:center;color:var(--muted);margin:10px 0 0}
@media(max-width:700px){.game-hero,.games-grid{grid-template-columns:1fr}.race-hero-art{min-height:200px}.race-hud,.wp-stats{grid-template-columns:repeat(2,1fr)}.race-game-shell{padding:14px}.race-stage{border-radius:14px}}
/* details/faq */
details.faq{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;
  box-shadow:var(--shadow-sm)}
details.faq summary{padding:15px 18px;font-weight:700;cursor:pointer;list-style:none;display:flex;
  justify-content:space-between;gap:12px;align-items:center}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";font-size:1.3rem;color:var(--brand);font-weight:400;flex-shrink:0}
details.faq[open] summary::after{content:"–"}
details.faq .body{padding:0 18px 17px;color:var(--muted)}
/* related */
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
@media (max-width:700px){.related-grid{grid-template-columns:1fr}}
.rel-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;
  text-decoration:none;color:var(--text)}
.rel-card:hover{border-color:var(--brand-line);text-decoration:none}
.rel-card b{display:block;margin-bottom:4px}
.rel-card span{font-size:.87rem;color:var(--muted)}
/* pages */
.page{max-width:780px;padding-bottom:20px}
.page ul{padding-left:1.3em}
.page li{margin-bottom:.55em}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}
@media (max-width:700px){.contact-grid{grid-template-columns:1fr}}
.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px}
.note{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:12px;padding:14px 16px;
  margin:18px 0;color:inherit}
.note p{margin:0;font-size:.95rem}
/* footer */
.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:42px 0 30px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.footer-grid{grid-template-columns:1fr}}
.footer-grid h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);margin-bottom:14px}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.footer-grid ul a{color:var(--muted);font-size:.93rem}
.footer-grid ul a:hover{color:var(--text)}
.footer-brand p{color:var(--muted);font-size:.92rem;max-width:34ch}
.footer-bottom{border-top:1px solid var(--border-soft);padding:18px 0;display:flex;justify-content:space-between;
  gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--faint)}
/* toast */
.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--text);
  color:var(--bg);padding:11px 20px;border-radius:11px;font-weight:600;font-size:.9rem;opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;z-index:90;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ============ Visual polish: clearer hierarchy, richer color & friendlier touch targets ============ */
:root{
  --bg:#f2f7f5;--surface-2:#e8f1ee;--inset:#f6faf8;
  --text:#10231f;--muted:#536963;--faint:#5d746e;
  --brand:#087f6d;--brand-strong:#056355;--brand-soft:#d9f1ea;--brand-line:#a9d9cc;
  --accent:#f2ad32;--accent-soft:#fff2cf;--accent-ink:#704600;
  --sky:#1f78b4;--sky-soft:#e2f2fb;--coral:#c95647;--coral-soft:#fde9e5;
  --hero:#123b35;--hero-deep:#0b2e29;--hero-text:#f7fffc;--hero-muted:#c8e2db;
  --shadow:0 2px 4px rgba(13,55,47,.06),0 18px 44px -24px rgba(13,55,47,.24);
  --shadow-sm:0 2px 9px rgba(13,55,47,.07);
}
html[data-theme="dark"]{
  --bg:#091513;--surface:#101f1c;--surface-2:#172a26;--inset:#0d1917;
  --text:#eef8f4;--muted:#abc1ba;--faint:#91aaa3;
  --brand:#3bd0b6;--brand-strong:#67dfca;--brand-soft:#153b34;--brand-line:#27675b;
  --accent:#f5bc51;--accent-soft:#40310f;--accent-ink:#ffe4a5;
  --sky:#67b8e8;--sky-soft:#123247;--coral:#ef8d80;--coral-soft:#42251f;
  --hero:#113d36;--hero-deep:#0a2925;--hero-text:#f5fffb;--hero-muted:#c9e7df;
  --border:#293b37;--border-soft:#1e302c;
}
body{background:
  linear-gradient(180deg,color-mix(in srgb,var(--brand-soft) 42%,var(--bg)) 0,transparent 380px),
  var(--bg)}
.skip-link{position:fixed;left:14px;top:12px;z-index:1000;padding:10px 15px;border-radius:9px;background:var(--text);color:var(--bg);font-weight:800;transform:translateY(-160%);transition:transform .16s;text-decoration:none}
.skip-link:focus{transform:translateY(0);color:var(--bg)}
.site-header{background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 1px 12px rgba(12,48,42,.05)}
.header-in{min-height:70px}
.brand-mark{background:var(--brand);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}
.nav a{padding:10px 12px}
.icon-btn{min-width:42px;min-height:42px}
.hero{position:relative;margin-top:clamp(18px,3vw,34px);padding:clamp(30px,5.5vw,62px);border-radius:26px;
  background:linear-gradient(118deg,var(--hero) 0 71%,var(--hero-deep) 71% 100%);border:1px solid color-mix(in srgb,var(--brand) 45%,var(--hero));
  box-shadow:0 26px 70px -38px rgba(5,64,53,.55);overflow:hidden}
.hero::after{content:"";position:absolute;right:-42px;top:-54px;width:160px;height:160px;border:28px solid color-mix(in srgb,var(--accent) 78%,transparent);border-radius:50%;opacity:.75;pointer-events:none}
.hero-grid{position:relative;z-index:1;grid-template-columns:1.08fr .92fr}
.hero h1{color:var(--hero-text);font-size:clamp(2.05rem,4.4vw,3.35rem);letter-spacing:-.035em;max-width:16ch}
.hero .lede{color:var(--hero-muted)}
.hero .eyebrow{color:#ffe5a8;background:rgba(246,185,67,.12);border-color:rgba(246,185,67,.45)}
.hero-search form{border-color:rgba(255,255,255,.35);box-shadow:0 12px 30px -16px rgba(0,0,0,.5)}
.hero-stats{padding-top:4px}
.hero .stat b{color:var(--hero-text)}
.hero .stat span{color:var(--hero-muted)}
.hero-card{border-color:transparent;box-shadow:0 18px 46px -26px rgba(0,0,0,.62)}
.hero-card h3{color:var(--muted)}
.hero-card .go{color:var(--brand-strong)}
/* Purpose-built hero artwork: a visual snapshot of search, tools and games. */
.hero-graphic{position:relative;min-height:190px;margin:-8px -8px 20px;border-radius:16px;overflow:hidden;
  background:linear-gradient(145deg,#d8fbf3 0 50%,#dceffc 50% 75%,#fff0c8 75%);border:1px solid color-mix(in srgb,var(--brand) 26%,var(--border));isolation:isolate}
html[data-theme="dark"] .hero-graphic{background:linear-gradient(145deg,#173f38 0 50%,#17354a 50% 75%,#463716 75%);border-color:var(--brand-line)}
.hero-graphic::before{content:"";position:absolute;width:154px;height:154px;border-radius:50%;right:-38px;top:-52px;border:24px solid rgba(255,255,255,.38)}
.visual-window{position:absolute;left:22px;right:56px;top:22px;bottom:22px;background:var(--surface);border:1px solid var(--border);
  border-radius:13px;box-shadow:0 16px 30px -18px rgba(11,46,41,.42);padding:12px;transform:rotate(-1deg)}
.visual-bar{display:flex;align-items:center;gap:5px;margin-bottom:11px}.visual-bar i{width:7px;height:7px;border-radius:50%;background:var(--coral)}
.visual-bar i:nth-child(2){background:var(--accent)}.visual-bar i:nth-child(3){background:var(--brand)}
.visual-searchline{height:26px;border-radius:8px;background:var(--inset);border:1px solid var(--border-soft);display:flex;align-items:center;gap:8px;padding:0 9px}
.visual-searchline svg{width:13px;height:13px;color:var(--brand)}.visual-searchline span{height:5px;width:45%;background:var(--border);border-radius:6px}
.visual-results{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.visual-result{height:58px;border-radius:9px;background:var(--inset);border:1px solid var(--border-soft);padding:8px;display:flex;flex-direction:column;gap:7px}
.visual-result svg{width:18px;height:18px;color:var(--brand)}.visual-result:nth-child(2) svg{color:var(--sky)}.visual-result:nth-child(3) svg{color:var(--coral)}
.visual-result::after{content:"";height:5px;width:72%;border-radius:5px;background:var(--border)}
.visual-badge{position:absolute;z-index:2;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.visual-badge svg{width:25px;height:25px}.visual-badge.spark{right:17px;top:37px;width:49px;height:49px;border-radius:14px;color:var(--accent-ink);background:var(--accent-soft);transform:rotate(6deg)}
.visual-badge.game{right:18px;bottom:24px;width:56px;height:46px;border-radius:13px;color:var(--coral);background:var(--coral-soft);transform:rotate(-5deg)}
.visual-dots{position:absolute;left:14px;bottom:10px;display:grid;grid-template-columns:repeat(4,4px);gap:5px;opacity:.48}.visual-dots i{width:4px;height:4px;border-radius:50%;background:var(--brand)}
.btn{min-height:44px}
.btn-primary{box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),0 8px 20px -14px rgba(6,99,85,.8)}
.section{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(32px,5vw,56px)}
.section-head{align-items:flex-end;margin-bottom:24px}
.section-head h2{position:relative;padding-bottom:11px;margin-bottom:4px}
.section-head h2::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:4px;border-radius:4px;background:var(--accent)}
.tool-grid,.ai-grid{gap:18px}
.tool-card,.ai-card{position:relative;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}
.tool-card::before,.ai-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:var(--brand);opacity:0;transition:opacity .18s}
.tool-card:hover,.ai-card:hover{transform:translateY(-2px);border-color:var(--brand-line);box-shadow:var(--shadow)}
.tool-card:hover::before,.ai-card:hover::before{opacity:1}
.tool-card:nth-child(4n+2) .ticon{background:var(--sky-soft);border-color:color-mix(in srgb,var(--sky) 34%,transparent);color:var(--sky)}
.tool-card:nth-child(4n+3) .ticon{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-ink)}
.tool-card:nth-child(4n+4) .ticon{background:var(--coral-soft);border-color:color-mix(in srgb,var(--coral) 34%,transparent);color:var(--coral)}
.ai-card:nth-child(3n+2) .init{background:var(--sky)}
.ai-card:nth-child(3n+3) .init{background:var(--coral)}
.finder-controls,.tool-shell{border-top:4px solid var(--brand)}
.search-box:focus-within,.hero-search form:focus-within{outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);border-color:var(--brand)}
.game-hero{box-shadow:var(--shadow-sm)}
.game-hero:first-child{background:linear-gradient(135deg,var(--sky-soft),var(--surface) 64%)}
.game-hero:nth-child(2){background:linear-gradient(135deg,var(--accent-soft),var(--coral-soft))}
.ad-slot{background:color-mix(in srgb,var(--surface-2) 62%,transparent);border-color:color-mix(in srgb,var(--faint) 45%,transparent)}
.drawer-panel{box-shadow:-18px 0 48px rgba(0,0,0,.18)}
.drawer-panel>a{min-height:46px;display:flex;align-items:center}
.footer-grid{padding-top:48px}
@media(max-width:900px){
  .hero{border-radius:22px;background:var(--hero)}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}
  .hero>*,.hero-grid>*,.hero-card{min-width:0;width:100%}
}
@media(max-width:620px){
  .wrap{padding-left:14px;padding-right:14px}
  .header-in{min-height:62px}
  .brand-mark{width:34px;height:34px}
  .brand-name{font-size:.94rem}.brand-sub{font-size:.61rem}
  .header-actions{margin-left:auto;gap:6px}.icon-btn{width:38px;height:38px;min-width:38px;min-height:38px}
  .hero{margin:12px 8px 0;padding:28px 20px 24px;border-radius:20px}
  .hero::after{right:-82px;top:-84px}
  .hero h1{font-size:clamp(2rem,10vw,2.55rem);max-width:13ch}
  .hero-search form{display:grid;grid-template-columns:minmax(0,1fr);padding:8px}
  .hero-search input{padding:10px 8px}
  .hero-search .btn{width:100%}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}
  .hero-card{padding:20px 16px}
  .cat-chip{padding:9px 12px}
  .section-head{align-items:flex-start;display:block}
  .section-head .link{display:inline-block;margin-top:8px}
  .tool-card,.ai-card{padding:18px}
}
@media(hover:none){.tool-card:hover,.ai-card:hover{transform:none}}