/* HAIgency theme for the free tools */
:root{--bg:#F4F4F1;--surface:#FFFFFF;--surface-2:#ECECE7;--border:#DCDCD6;--border-strong:#9AA0AB;--text:#0E1116;--text-dim:#3A3F49;--text-faint:#565B66;--dim:#3A3F49;--faint:#565B66;--accent:#0E1116;--accent-2:#C9261B;--accent-soft:rgba(201,38,27,.08);--accent-soft-strong:rgba(201,38,27,.16);--yellow:#C9261B;--danger:#C9261B;--danger-soft:rgba(201,38,27,.08);--r-lg:6px;--r-md:4px;--r-sm:3px}
body{font-family:'Schibsted Grotesk','Helvetica Neue',Helvetica,sans-serif !important;background:#F4F4F1;color:#0E1116}
h1,h2,h3,h4,.brand,.mark,button,input,select,textarea{font-family:'Schibsted Grotesk','Helvetica Neue',Helvetica,sans-serif !important;font-stretch:normal !important}
h1{letter-spacing:-.035em !important;font-weight:800 !important}
h2,h3{letter-spacing:-.02em !important}
:focus-visible{outline-color:#C9261B !important}
header.top{border-bottom:1px solid #DCDCD6;padding-bottom:14px}
header.top .brand{text-decoration:none;display:inline-flex;align-items:center;gap:10px}
header.top .brand .mark{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;color:#0E1116;background:none !important;padding:0 !important}
header.top .brand .mark::before{content:'';width:14px;height:14px;background:#C9261B;display:inline-block}
header.top .brand small{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#565B66}
.tools-nav a{color:#3A3F49 !important;text-decoration:none}
.tools-nav a:hover{color:#C9261B !important}
.tools-nav a.on{color:#0E1116 !important;box-shadow:inset 0 -2px 0 #C9261B !important;border-color:#C9261B !important;font-weight:600}
button[type=submit]{border-radius:4px !important;background:#0E1116 !important;color:#FFFFFF !important;border-color:#0E1116 !important}
button[type=submit]:hover{background:#C9261B !important;border-color:#C9261B !important}
.eyebrow{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace !important;letter-spacing:.08em;text-transform:uppercase;font-size:12px !important;color:#565B66 !important}
.hai-why{box-sizing:border-box;width:calc(100% - 48px);max-width:952px;margin:24px auto 8px;background:#0E1116;color:#FFFFFF;border-radius:6px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:center}
.hai-why-lbl{display:inline-block;background:#C9261B;color:#FFFFFF;font-weight:700;font-size:13px;padding:5px 10px;border-radius:3px;margin-bottom:12px}
.hai-why h2{color:#FFFFFF !important;font-size:24px !important;line-height:1.2;margin:0 0 10px !important}
.hai-why p{color:#C9CCD3;font-size:16px;line-height:1.6;margin:0}
.hai-why-facts{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:1px solid #2A2F38}
.hai-why-facts li{display:flex;flex-direction:column;gap:2px;padding:10px 0 10px 22px;border-bottom:1px solid #2A2F38}
.hai-why-facts li:last-child{border-bottom:0}
.hai-why-facts b{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#FFFFFF}
.hai-why-facts b.red{color:#FF6A5A}
.hai-why-facts span{font-size:13px;color:#9AA0AB}
.hai-why-back{display:inline-block;margin-top:14px;color:#FFFFFF !important;font-weight:600;font-size:14px;text-decoration:none;border-bottom:1px solid #C9261B}
@media (max-width:720px){.hai-why{grid-template-columns:1fr;padding:22px 20px}.hai-why-facts{border-left:0;border-top:1px solid #2A2F38;grid-template-columns:repeat(3,minmax(0,1fr))}.hai-why-facts li{padding:12px 8px 0 0;border-bottom:0}.hai-why-facts b{font-size:20px}}
@media print{.hai-why{display:none}}

.wrap .hai-why{width:100%}
@media (max-width:720px){.hai-why{width:calc(100% - 32px)}}

/* back to main site */
header.top{position:relative}
.home-link{position:absolute;top:2px;right:0;font-size:14px;font-weight:600;color:#0E1116 !important;text-decoration:none;border-bottom:1px solid #C9261B;padding-bottom:1px}
.home-link:hover{color:#C9261B !important}
@media (max-width:720px){.home-link{font-size:13px}}
