/* Xivo — Tools we work with (v3.2.9). Prefix: xvt- */
.xvt{--navy:#15202F;--blue:#3C7ABC;--gold:#B7862C;--muted:#666A70;
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(64px,8vw,112px) clamp(18px,5.5vw,84px) clamp(70px,8.5vw,116px);
  background:#F4EFE7;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--navy)}
.xvt *,.xvt *:before,.xvt *:after{box-sizing:border-box}
.xvt-wrap{max-width:1100px;margin:0 auto}
.xvt-head{max-width:700px;margin:0 auto clamp(40px,5vw,64px)}
.xvt-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#5A6270}
.xvt h2#xvt-title{margin:16px 0 18px;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.03em;color:var(--navy);text-wrap:balance}
.xvt h2#xvt-title em{font-style:normal;color:var(--blue)}
.xvt-head>p{margin:0 auto;max-width:560px;font-size:clamp(15px,1.25vw,17px);line-height:1.7;color:var(--muted)}

.xvt-tools{list-style:none;margin:0 auto;padding:0 0 36px;max-width:920px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.xvt-tool{margin:0;display:flex;align-items:center;justify-content:center;min-height:92px;padding:18px 20px;border-radius:14px;background:#fff;border:1px solid #ECE7DD;
  box-shadow:0 14px 24px -18px rgba(21,32,47,.28);transition:box-shadow .25s ease,transform .25s ease}
.xvt-tool:hover{box-shadow:0 20px 28px -16px rgba(21,32,47,.34);transform:translateY(-2px)}
.xvt-tool img{display:block;max-width:100%;max-height:34px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .25s ease,opacity .25s ease}
.xvt-tool:hover img{filter:none;opacity:1}
.xvt-word{font-family:'DM Serif Display',Georgia,serif;font-size:21px;line-height:1.1;letter-spacing:-.02em;color:var(--navy)}

.xvt-note{margin:8px 0 0;font-size:14px;color:var(--muted)}
.xvt-note a{color:var(--blue);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(60,122,188,.4);padding-bottom:1px}
.xvt-note a:hover{border-bottom-color:var(--blue)}
.xvt-note a:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}


@media(max-width:820px){.xvt-tools{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){
  .xvt{padding:56px 16px 64px}
  .xvt h2#xvt-title{font-size:clamp(33px,10vw,42px)}
  .xvt-tools{gap:12px;padding-bottom:26px}
  .xvt-tool{min-height:76px;padding:14px}
  .xvt-word{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.xvt-tool,.xvt-tool img{transition:none}}