:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#10234a;background:#f5f8fd;line-height:1.65;--accent:#0754df}.tone-teal{--accent:#008f96}.tone-navy{--accent:#153a79}.tone-purple{--accent:#7634bc}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:4px}header,main,footer{max-width:1440px;margin:auto;padding:24px 32px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;color:#10234a}.logo{width:52px;height:52px;background:var(--accent);mask:url('/assets/entegre-logo.png') center/contain no-repeat;-webkit-mask:url('/assets/entegre-logo.png') center/contain no-repeat}.hero{padding:48px 0 32px}.hero>p:first-child{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:2px}h1{font-size:clamp(30px,4vw,52px);line-height:1.2;margin:16px 0}h2{line-height:1.3}section{margin:32px 0;padding:28px;background:white;border:1px solid #dce5f2;border-radius:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin:24px 0}article{padding:24px;border:1px solid #dce5f2;border-radius:16px;background:#fafcff}article h2{font-size:22px}.button{display:inline-block;padding:10px 18px;background:var(--accent);color:white;border-radius:9px;text-decoration:none;margin:8px 0}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}caption{text-align:left;font-weight:700;margin:20px 0}th,td{padding:14px 12px;border-bottom:1px solid #e1e8f2;text-align:left;overflow-wrap:anywhere;vertical-align:top}thead th{background:#edf3fd}tbody th{font-weight:600}small{display:block;color:#556782;font-size:12px;font-weight:400;margin-top:7px}.yes{color:#08794c;font-weight:700}.no{color:#647087}.compare th:first-child{width:28%}tr:nth-child(even){background:#f9fbfe}.example{border-left:5px solid var(--accent)}figure{margin:28px 0}img{max-width:100%;height:auto;border-radius:12px;border:1px solid #dce5f2}figcaption,footer{color:#52637b;font-size:14px}a:focus-visible{outline:3px solid #ec9a1e;outline-offset:4px}@media(max-width:800px){header,main,footer{padding:18px}header{align-items:flex-start;flex-direction:column}section{padding:18px}nav{gap:14px;font-size:14px}.compare thead{display:none}.compare,.compare tbody,.compare tr,.compare td,.compare th{display:block;width:100%!important}.compare tr{margin-bottom:20px;border:1px solid #dce5f2;border-radius:10px;overflow:hidden}.compare th{background:#edf3fd}.compare td{display:flex;gap:14px;justify-content:space-between}.compare td:before{content:attr(data-label);font-weight:600;max-width:65%}.hero{padding-top:24px}}