/* Qarhami Web 2.5.1 — the site header and footer on pages that keep their own stylesheet:
   WordPress theme pages (blog, contact, legal, support) and the partner pages (ABI, Tint, Green Atlas).
   Generated by chrome.py from site.css, v22.css, v23.css and v24.css: every rule is scoped to
   #hdr, #mnav and #qx-foot, after a reset that keeps theme and Elementor Kit styles out. */
@font-face{font-family:"QX Nexa";font-weight:900;font-style:normal;font-display:swap;src:url("../fonts/Nexa-Heavy.woff2") format("woff2")}
@font-face{font-family:"QX Archivo";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/Archivo-Bold.woff2") format("woff2")}
@font-face{font-family:"QX Poppins";font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/Poppins-Light.woff2") format("woff2")}
@font-face{font-family:"QX Poppins";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/Poppins-Regular.woff2") format("woff2")}
@font-face{font-family:"QX Poppins";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/Poppins-Medium.woff2") format("woff2")}
@font-face{font-family:"QX Poppins";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/Poppins-SemiBold.woff2") format("woff2")}
:is(#hdr,#mnav,#qx-foot),:is(#hdr,#mnav,#qx-foot) :where(:not(svg,svg *)){all:revert}
:is(#hdr,#mnav,#qx-foot){--in:#5933E5;--in-50:#EEEBFC;--in-100:#CCC0F7;--in-200:#B3A1F3;--in-300:#9076EE;--in-600:#512ED0;--in-700:#3F24A3;--in-800:#311C7E;--in-900:#251560;
  --mt:#0DBC93;--mt-50:#E7F8F4;--mt-100:#B4EADE;--mt-700:#098568;--mt-800:#076751;
  --cr:#FF575A;--cr-50:#FFEEEF;--cr-700:#B53E40;
  --or:#FF9600;--or-50:#FFF5E6;--or-700:#B56B00;--or-800:#8C5300;
  --gun:#243242;--ink:#12161F;--night:#0B0E16;--deep:#251560;--paper:#F6F5FC;--paper-2:#FAF9FE;
  --grey:#8A8FA3;--legal:#646979;--muted:#4A4F5E;--hair:#E4E0F2;--hair-2:#ECE9F7;
  --violet:#7B5CFF;
  --nexa:"Nexa","Nexa Heavy",Poppins,system-ui,sans-serif;
  --arch:"Archivo",Poppins,system-ui,sans-serif;
  --pop:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r10:10px;--r17:17px;--r20:20px;--r26:26px;--r30:30px;
  --sh-win:0 30px 70px rgba(37,21,96,.16),0 6px 18px rgba(37,21,96,.08);
  --sh-card:0 1px 2px rgba(37,21,96,.06),0 14px 40px rgba(37,21,96,.08);
  --sh-in:0 18px 40px rgba(89,51,229,.28);
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --maxw:1240px;--gutter:clamp(18px,4vw,40px);
  --hdr:76px;;font-family:var(--pop);font-size:16px;font-weight:400;font-style:normal;line-height:1.6;color:var(--gun);letter-spacing:normal;word-spacing:normal;text-transform:none;text-align:start;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
:is(#hdr,#mnav,#qx-foot),:is(#hdr,#mnav,#qx-foot) *,:is(#hdr,#mnav,#qx-foot) *::before,:is(#hdr,#mnav,#qx-foot) *::after{box-sizing:border-box}
:is(#hdr,#mnav,#qx-foot) :is(img,video,svg){display:block;max-width:100%}
:is(#hdr,#mnav,#qx-foot) a{color:inherit;text-decoration:none}
:is(#hdr,#mnav,#qx-foot) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:is(#hdr,#mnav,#qx-foot) :is(h1,h2,h3,h4,p,ul,ol,figure,form){margin:0}
:is(#hdr,#mnav,#qx-foot) :is(ul,ol){padding:0;list-style:none}
:is(#hdr,#mnav,#qx-foot) :focus-visible{outline:3px solid var(--in-300)!important;outline-offset:3px!important;border-radius:6px}
:is(#hdr,#mnav,#qx-foot) [hidden]{display:none!important}
:is(#hdr,#mnav,#qx-foot){--in:#5933E5;--in-50:#EEEBFC;--in-100:#CCC0F7;--in-200:#B3A1F3;--in-300:#9076EE;--in-600:#512ED0;--in-700:#3F24A3;--in-800:#311C7E;--in-900:#251560;
  --mt:#0DBC93;--mt-50:#E7F8F4;--mt-100:#B4EADE;--mt-700:#098568;--mt-800:#076751;
  --cr:#FF575A;--cr-50:#FFEEEF;--cr-700:#B53E40;
  --or:#FF9600;--or-50:#FFF5E6;--or-700:#B56B00;--or-800:#8C5300;
  --gun:#243242;--ink:#12161F;--night:#0B0E16;--deep:#251560;--paper:#F6F5FC;--paper-2:#FAF9FE;
  --grey:#8A8FA3;--legal:#646979;--muted:#4A4F5E;--hair:#E4E0F2;--hair-2:#ECE9F7;
  --violet:#7B5CFF;
  --nexa:"Nexa","Nexa Heavy",Poppins,system-ui,sans-serif;
  --arch:"Archivo",Poppins,system-ui,sans-serif;
  --pop:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r10:10px;--r17:17px;--r20:20px;--r26:26px;--r30:30px;
  --sh-win:0 30px 70px rgba(37,21,96,.16),0 6px 18px rgba(37,21,96,.08);
  --sh-card:0 1px 2px rgba(37,21,96,.06),0 14px 40px rgba(37,21,96,.08);
  --sh-in:0 18px 40px rgba(89,51,229,.28);
  --ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --maxw:1240px;--gutter:clamp(18px,4vw,40px);
  --hdr:76px;}
:is(#hdr,#mnav,#qx-foot) .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
:is(#hdr,#mnav,#qx-foot) .wrap--wide{max-width:1440px}
:is(#hdr,#mnav,#qx-foot) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:var(--r26);font-family:var(--pop);font-weight:500;font-size:16px;line-height:1;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,border-color .25s;border:1px solid transparent}
:is(#hdr,#mnav,#qx-foot) .btn svg{width:18px;height:18px;flex:none}
:is(#hdr,#mnav,#qx-foot) .btn--primary{background:var(--in);color:#fff;box-shadow:var(--sh-in)}
:is(#hdr,#mnav,#qx-foot) .btn--primary:hover{background:var(--in-600);transform:translateY(-2px);box-shadow:0 22px 44px rgba(89,51,229,.32)}
:is(#hdr,#mnav,#qx-foot) .btn--ghost{background:#fff;color:var(--gun);border-color:var(--hair);box-shadow:0 1px 2px rgba(37,21,96,.06)}
:is(#hdr,#mnav,#qx-foot) .btn--ghost:hover{border-color:var(--in-200);color:var(--in-600);transform:translateY(-2px)}
:is(#hdr,#mnav,#qx-foot) .btn--mint{background:var(--mt);color:var(--deep)}
:is(#hdr,#mnav,#qx-foot) .btn--mint:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(13,188,147,.3)}
:is(#hdr,#mnav,#qx-foot) .btn--sm{height:42px;padding:0 20px;font-size:14px}
:is(#hdr,#mnav,#qx-foot) .btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
#hdr.hdr{position:fixed;inset:0 0 auto 0;z-index:90;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;border-bottom:1px solid transparent}
#hdr.hdr.is-stuck,#hdr.hdr.is-open{background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom-color:var(--hair-2)}
#hdr.hdr--dark:not(.is-stuck):not(.is-open){color:#fff}
:is(#hdr,#mnav,#qx-foot) .hdr__in{display:flex;align-items:center;gap:28px;height:var(--hdr)}
:is(#hdr,#mnav,#qx-foot) .brand img{height:30px!important;width:auto!important}
:is(#hdr,#mnav,#qx-foot) .brand .brand__w{display:none}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .brand .brand__c{display:none}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .brand .brand__w{display:block}
:is(#hdr,#mnav,#qx-foot) .nav{display:flex;gap:4px;margin-left:8px}
:is(#hdr,#mnav,#qx-foot) .nav a{font-size:14.5px;font-weight:500;padding:9px 13px;border-radius:999px;color:var(--gun);transition:background .2s,color .2s}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .nav a{color:rgba(255,255,255,.85)}
:is(#hdr,#mnav,#qx-foot) .nav a:hover,:is(#hdr,#mnav,#qx-foot) .nav a.is-active{background:var(--in-50);color:var(--in-700)}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .nav a:hover,#hdr.hdr--dark:not(.is-stuck):not(.is-open) .nav a.is-active{background:rgba(255,255,255,.14);color:#fff}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .burger{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
:is(#hdr,#mnav,#qx-foot) .hdr__cta{margin-left:auto;display:flex;align-items:center;gap:10px}
:is(#hdr,#mnav,#qx-foot) .burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);background:#fff;align-items:center;justify-content:center;color:var(--in)}
:is(#hdr,#mnav,#qx-foot) .burger span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;position:relative}
:is(#hdr,#mnav,#qx-foot) .burger span::before,:is(#hdr,#mnav,#qx-foot) .burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s}
:is(#hdr,#mnav,#qx-foot) .burger span::before{top:-6px}
:is(#hdr,#mnav,#qx-foot) .burger span::after{top:6px}
#mnav.mnav{display:none;position:fixed;inset:var(--hdr) 0 0 0;z-index:89;background:rgba(255,255,255,.98);padding:24px var(--gutter);flex-direction:column;gap:6px}
#mnav.mnav.is-open{display:flex}
#mnav.mnav a{font-family:var(--nexa);font-weight:900;font-size:28px;padding:12px 0;border-bottom:1px solid var(--hair-2);color:var(--ink)}
#mnav.mnav .btn-row{margin-top:22px}
@media (max-width:1040px){:is(#hdr,#mnav,#qx-foot) .nav{display:none}:is(#hdr,#mnav,#qx-foot) .burger{display:flex}:is(#hdr,#mnav,#qx-foot) .hdr__cta .btn--ghost{display:none}}
@media (max-width:560px){:is(#hdr,#mnav,#qx-foot) .hdr__cta .btn{height:40px;padding:0 16px;font-size:13.5px}:is(#hdr,#mnav,#qx-foot) .brand img{height:26px!important}}
#qx-foot.foot{background:var(--night);color:rgba(255,255,255,.72);padding:64px 0 36px;font-size:14px}
:is(#hdr,#mnav,#qx-foot) .foot__top{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12)}
:is(#hdr,#mnav,#qx-foot) .foot__brand img{height:30px!important;width:auto!important;margin-bottom:16px}
:is(#hdr,#mnav,#qx-foot) .foot__brand p{max-width:34ch;line-height:1.6}
#qx-foot.foot h4{font-family:var(--arch);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:14px}
#qx-foot.foot li{padding:5px 0}
#qx-foot.foot a:hover{color:#fff}
:is(#hdr,#mnav,#qx-foot) .foot__legal{padding-top:26px;display:grid;gap:10px;font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.6}
@media (max-width:900px){:is(#hdr,#mnav,#qx-foot) .foot__top{grid-template-columns:1fr 1fr}}
@media (max-width:560px){:is(#hdr,#mnav,#qx-foot) .foot__top{grid-template-columns:1fr}}
@media (max-width:420px){:is(#hdr,#mnav,#qx-foot) .btn{white-space:normal;height:auto;min-height:52px;padding:12px 22px;line-height:1.25;text-align:center}:is(#hdr,#mnav,#qx-foot) .btn--sm{min-height:42px;padding:9px 16px}}
:is(#hdr,#mnav,#qx-foot){--sh-card:0 1px 2px rgba(37,21,96,.05),0 10px 28px -16px rgba(37,21,96,.12);
  --sh-win:0 2px 6px rgba(37,21,96,.04),0 20px 44px -22px rgba(37,21,96,.18);
  --sh-dev:0 2px 6px rgba(18,12,46,.05),0 22px 40px -22px rgba(18,12,46,.26);
  --sh-dev-dark:0 2px 8px rgba(0,0,0,.18),0 26px 48px -24px rgba(0,0,0,.55);
  --sh-pop:0 1px 3px rgba(37,21,96,.06),0 14px 30px -14px rgba(37,21,96,.22);
  --panel-r:clamp(26px,3.2vw,48px);
  --panel-m:clamp(6px,1.1vw,16px);}
:is(#hdr,#mnav,#qx-foot) .btn--primary{box-shadow:0 10px 24px -12px rgba(89,51,229,.55)}
#qx-foot.foot{margin:0 var(--panel-m) var(--panel-m);border-radius:var(--panel-r);overflow:clip}
:is(#hdr,#mnav,#qx-foot) .nav a{padding:9px 12px}
:is(#hdr,#mnav,#qx-foot) .hdr__cta{gap:8px}
:is(#hdr,#mnav,#qx-foot) .hdr__login{font-size:14.5px;font-weight:500;padding:9px 12px;border-radius:999px;color:var(--gun);white-space:nowrap;transition:background .2s,color .2s}
:is(#hdr,#mnav,#qx-foot) .hdr__login:hover{background:var(--in-50);color:var(--in-700)}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .hdr__login{color:#fff}
#hdr.hdr--dark:not(.is-stuck):not(.is-open) .hdr__login:hover{background:rgba(255,255,255,.12);color:#fff}
:is(#hdr,#mnav,#qx-foot) .mnav__login{margin-top:18px;font-family:var(--pop)!important;font-weight:500!important;font-size:16px!important;border-bottom:0!important;color:var(--in-700)!important}
#mnav.mnav .btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#mnav.mnav .btn-row .btn{font-family:var(--pop);font-weight:500;font-size:16px;padding:12px 16px;border-bottom-width:1px}
#mnav.mnav .btn-row .btn--primary{color:#fff;border-color:transparent}
#mnav.mnav .btn-row .btn--ghost{color:var(--gun);border-color:var(--hair)}
@media (max-width:1240px){:is(#hdr,#mnav,#qx-foot) .nav a{padding:9px 9px;font-size:14px}:is(#hdr,#mnav,#qx-foot) .hdr__in{gap:20px}}
@media (max-width:1180px){:is(#hdr,#mnav,#qx-foot) .nav{display:none}:is(#hdr,#mnav,#qx-foot) .burger{display:flex}:is(#hdr,#mnav,#qx-foot) .hdr__cta .btn--ghost{display:none}}
@media (max-width:560px){:is(#hdr,#mnav,#qx-foot) .hdr__login{padding:8px 8px;font-size:14px}:is(#hdr,#mnav,#qx-foot) .hdr__cta{gap:6px}}
@media (max-width:379px){:is(#hdr,#mnav,#qx-foot) .hdr__login{display:none}}
:is(#hdr,#mnav,#qx-foot) .hdr__cta .btn{white-space:nowrap}
#mnav.mnav{background:#fff}
:is(#hdr,#mnav,#qx-foot) .foot__top{grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr))}
:is(#hdr,#mnav,#qx-foot) .foot__contact{display:grid;gap:4px;margin-top:16px}
:is(#hdr,#mnav,#qx-foot) .foot__contact a{color:#fff;font-weight:500}
:is(#hdr,#mnav,#qx-foot) .foot__contact a:hover{color:var(--mt-100)}
:is(#hdr,#mnav,#qx-foot) .signup{margin-top:24px;max-width:380px}
:is(#hdr,#mnav,#qx-foot) .signup__lbl{display:block;font-family:var(--arch);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff}
:is(#hdr,#mnav,#qx-foot) .signup__sub{margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.62)}
:is(#hdr,#mnav,#qx-foot) .signup__row{display:flex;gap:8px;margin-top:12px}
:is(#hdr,#mnav,#qx-foot) .signup__row input{flex:1;min-width:0;height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:14px}
:is(#hdr,#mnav,#qx-foot) .signup__row input::placeholder{color:rgba(255,255,255,.4)}
:is(#hdr,#mnav,#qx-foot) .signup__row input:focus{outline:none;border-color:var(--mt);background:rgba(255,255,255,.1)}
:is(#hdr,#mnav,#qx-foot) .signup__row .btn{flex:none}
:is(#hdr,#mnav,#qx-foot) .signup__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
:is(#hdr,#mnav,#qx-foot) .signup__msg{margin-top:10px;font-size:13px;min-height:1.2em;color:var(--mt-100)}
:is(#hdr,#mnav,#qx-foot) .signup__msg.is-err{color:#ffb3b4}
:is(#hdr,#mnav,#qx-foot) .foot__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:6px}
:is(#hdr,#mnav,#qx-foot) .foot__base nav{display:flex;flex-wrap:wrap;gap:6px 18px}
:is(#hdr,#mnav,#qx-foot) .foot__base a{color:rgba(255,255,255,.72)}
:is(#hdr,#mnav,#qx-foot) .foot__base a:hover{color:#fff}
@media (max-width:1040px){:is(#hdr,#mnav,#qx-foot) .foot__top{grid-template-columns:1fr 1fr 1fr}:is(#hdr,#mnav,#qx-foot) .foot__brand{grid-column:1/-1}}
@media (max-width:560px){:is(#hdr,#mnav,#qx-foot) .foot__top{grid-template-columns:1fr 1fr}:is(#hdr,#mnav,#qx-foot) .signup__row{flex-direction:column}:is(#hdr,#mnav,#qx-foot) .signup__row input{flex:none;width:100%}:is(#hdr,#mnav,#qx-foot) .signup__row .btn{width:100%}}
:is(#hdr,#mnav,#qx-foot){--nexa:"QX Nexa","Nexa","Nexa Heavy","QX Poppins",Poppins,system-ui,sans-serif;--arch:"QX Archivo","Archivo","QX Poppins",Poppins,system-ui,sans-serif;--pop:"QX Poppins",Poppins,system-ui,-apple-system,"Segoe UI",sans-serif}
body.qx-chrome{padding-top:76px}
body.admin-bar #hdr.hdr{top:32px}
body.admin-bar #mnav.mnav{top:calc(var(--hdr) + 32px)}
@media screen and (max-width:782px){body.admin-bar #hdr.hdr{top:46px}body.admin-bar #mnav.mnav{top:calc(var(--hdr) + 46px)}}
@media screen and (max-width:600px){body.admin-bar #hdr.hdr{top:0}body.admin-bar #mnav.mnav{top:var(--hdr)}}