/*
 * donors.2labs.ca — the marketing site's one stylesheet (site refresh, Oct 2026).
 * The rules below the divider are the design's own; the block above them is
 * what a static, multi-page site needs on top: links styled as the design's
 * buttons, the language toggle, the contact form's states, and phone layouts.
 */
html{scroll-behavior:smooth;scroll-padding-top:16px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
a.brand{text-decoration:none;color:inherit}
.shotapp.shotimg{height:auto}
.shotimg img{display:block;width:100%;height:auto}
a.navbtn{display:inline-flex;align-items:center;text-decoration:none}
.navbtn.is-current{color:#92400E;font-weight:600;box-shadow:inset 0 -2px 0 #F59E0B}
a.linkbtn{display:inline}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:#05294F;color:#fff;padding:10px 16px;border-radius:10px;font:600 14px 'Poppins',sans-serif;text-decoration:none}
.skip:focus{top:12px;color:#fff}
:focus-visible{outline:2px solid #F59E0B;outline-offset:2px}
.lang-toggle{display:inline-flex;align-items:center;gap:4px;font:500 13px/1 'JetBrains Mono',monospace;color:#676F7E}
.lang-toggle button{background:none;border:0;padding:8px 4px;font:inherit;color:#676F7E;cursor:pointer;min-height:36px}
.lang-toggle button[aria-pressed="true"]{color:#1F242E;font-weight:700}
.lang-toggle button:hover{color:#1F242E}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{margin:0;padding:10px 14px;border-radius:10px;background:#FBEFEA;border:1px solid #F2C6B4;color:#9A3412;font:400 14px/1.5 'Poppins',sans-serif}
.form-error a{color:#9A3412}
.btn[disabled]{opacity:.7;cursor:progress}
@media (max-width:760px){
  .wrap{padding:0 18px}
  /* Two rows: logo, Log in and Talk to us; then the page links and EN · FR. */
  header .wrap{gap:4px 14px!important;min-height:64px!important}
  header .wrap>div:last-child{display:contents!important}
  header a.brand{order:1;margin-right:auto}
  header a.brand svg{width:32px;height:32px}
  header a[href="/app/login"]{order:2;padding:10px 2px!important}
  header .btn{order:3;min-height:40px;padding:0 14px}
  header nav{order:4;flex:1 1 auto!important;gap:2px 14px!important}
  header .lang-toggle{order:5}
  /* Only the language you can switch to, so the second row fits. */
  header .lang-toggle span,header .lang-toggle button[aria-pressed="true"]{display:none}
  section{padding-top:64px!important;padding-bottom:64px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------------------------------------------------------------- design */
body{margin:0;background:#F9F7F5}
a{color:#2B6CB0}a:hover{color:#05294F}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.navbtn{background:none;border:0;padding:10px 4px;font:500 15px/1 'Poppins',sans-serif;color:#3A414E;cursor:pointer;min-height:44px}
.navbtn:hover{color:#1F242E}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:#C7CED9;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.linkbtn:hover{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:10px;font:600 15px/1 'Poppins',sans-serif;cursor:pointer;text-decoration:none;border:1px solid transparent;box-sizing:border-box}
.btn-primary{background:#F59E0B;color:#1F242E;box-shadow:0 1px 2px rgba(16,32,47,.08)}
.btn-primary:hover{background:#F6A63A;color:#1F242E}
.btn-outline{background:#fff;border-color:#E5E0DC;color:#1F242E}
.btn-outline:hover{background:#FCF9F0;color:#1F242E}
.card{background:#fff;border:1px solid #E5E0DC;border-radius:14px;box-shadow:0 1px 2px rgba(16,32,47,.04),0 6px 18px -10px rgba(16,32,47,.12);box-sizing:border-box}
.micro{font:500 10.5px/14px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#676F7E}
.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#FDF3E3;border:1px solid #FBD08A;color:#92400E;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
.tag{display:inline-block;padding:4px 8px;border-radius:6px;background:#F2F0EC;color:#3A414E;font:500 12px/16px 'Poppins',sans-serif}
.h1{margin:0;font:700 clamp(36px,5vw,56px)/1.08 'Poppins',sans-serif;letter-spacing:-.03em;color:#1F242E}
.h2{margin:0;font:700 clamp(26px,3.2vw,38px)/1.18 'Poppins',sans-serif;letter-spacing:-.025em;color:#1F242E}
.h3{margin:0;font:700 18px/1.4 'Poppins',sans-serif;color:#1F242E}
.lead{margin:0;font:400 18px/1.6 'Poppins',sans-serif;color:#4B5361}
.body{margin:0;font:400 15px/1.65 'Poppins',sans-serif;color:#4B5361}
.ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font:400 15px/1.5 'Poppins',sans-serif;color:#1F242E}
.ticks svg{flex:none;margin-top:2px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font:500 10.5px/14px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#676F7E}
.input{height:50px;border:1px solid #E5E0DC;border-radius:10px;background:#fff;padding:0 14px;font:400 15px 'Poppins',sans-serif;color:#1F242E;box-sizing:border-box;width:100%}
.input:focus,.textarea:focus{outline:2px solid #F59E0B;outline-offset:1px;border-color:#D9870A}
.textarea{min-height:150px;border:1px solid #E5E0DC;border-radius:10px;background:#fff;padding:12px 14px;font:400 15px/1.5 'Poppins',sans-serif;color:#1F242E;box-sizing:border-box;width:100%;resize:vertical}
.shot{border:1px solid #E5E0DC;border-radius:16px;background:#fff;box-shadow:0 16px 40px rgba(16,32,47,.14);overflow:hidden}
.shotbar{display:flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:#F2F0EC;border-bottom:1px solid #E5E0DC}
.dot{width:10px;height:10px;border-radius:50%;background:#E5E0DC}
.shotbody{height:300px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#FCF9F0 0 14px,#fff 14px 28px)}
.tbl{width:100%;border-collapse:collapse;font:400 14px/20px 'Poppins',sans-serif;color:#1F242E;min-width:720px}
.tbl th{text-align:left;padding:12px 16px;background:#F2F0EC;font:500 10.5px/14px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#676F7E;border-bottom:1px solid #E5E0DC}
.tbl td{padding:12px 16px;border-bottom:1px solid #E5E0DC;vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.faq{border-bottom:1px solid #E5E0DC;padding:22px 0}
.faq summary{cursor:pointer;font:600 17px/1.4 'Poppins',sans-serif;color:#1F242E;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin:12px 0 0;font:400 15px/1.65 'Poppins',sans-serif;color:#4B5361;max-width:760px}
.prose{font:400 15px/1.625 'Poppins',sans-serif;color:#1F242E}
.prose h2{font:700 18px/28px 'Poppins',sans-serif;margin:36px 0 10px;color:#1F242E}
.prose p,.prose ul{margin:0 0 12px}
.prose ul{padding-left:20px}
.prose li{margin-bottom:6px}
.toc{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font:400 13px/1.5 'Poppins',sans-serif}
.toc a{color:#4B5361;text-decoration:none}.toc a:hover{color:#B45309}
.shotapp{height:340px;overflow:hidden}
.app{font-family:'Poppins',sans-serif;font-size:11px;color:#1F242E;background:#F9F7F5;height:100%;display:flex;flex-direction:column;text-align:left}
.appbar{height:30px;flex:none;background:#05294F;display:flex;align-items:center;gap:8px;padding:0 12px;color:#fff;font:600 11px 'Poppins',sans-serif}
.appbar i{font-style:normal;margin-left:auto;width:20px;height:20px;border-radius:50%;background:#F59E0B;color:#1F242E;display:flex;align-items:center;justify-content:center;font:600 9px 'Poppins',sans-serif}
.appmain{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;min-height:0}
.apph{display:flex;align-items:center;justify-content:space-between;gap:8px}
.apph b{font:700 14px/1.2 'Poppins',sans-serif;letter-spacing:-.02em}
.mk{background:#fff;border:1px solid #E5E0DC;border-radius:9px;padding:9px 11px;box-sizing:border-box;min-width:0}
.mk.hot{background:#FDF3E3;border-color:#FBD08A}
.mlab{display:block;font:500 8.5px/12px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#676F7E}
.mk.hot .mlab{color:#B45309}
.mval{display:block;font:700 16px/1.3 'Poppins',sans-serif}
.msub{display:block;font:400 9.5px/1.3 'Poppins',sans-serif;color:#676F7E}
.mrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mrow3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mt{width:100%;border-collapse:collapse;font:400 10.5px/1.3 'Poppins',sans-serif}
.mt th{text-align:left;padding:6px 9px;background:#F2F0EC;font:500 8.5px/12px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#676F7E}
.mt td{padding:7px 9px;border-top:1px solid #E5E0DC;white-space:nowrap}
.mono{font-family:'JetBrains Mono',monospace;font-size:10px}
.pill{display:inline-block;padding:2px 7px;border-radius:999px;font:500 9.5px/1.4 'Poppins',sans-serif;background:#F2F0EC;color:#3A414E}
.pill.ok{background:#E6F2EB;color:#21613F}.pill.warn{background:#FBF0DD;color:#8A5A12}.pill.ai{background:#EEEBFC;color:#4A3BB0}.pill.amb{background:#FDF3E3;color:#92400E}
.mbtn{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:7px;font:600 10.5px 'Poppins',sans-serif;background:#F59E0B;color:#1F242E;white-space:nowrap}
.mbtn.o{background:#fff;border:1px solid #E5E0DC;color:#1F242E}
.mlink{color:#2B6CB0;font-weight:500}
.bars{display:flex;align-items:flex-end;gap:5px;height:70px}
.bars span{flex:1;background:#F59E0B;border-radius:3px 3px 0 0}
.bars span.l{background:#C9D3E0}