/* Snoter: styles for hand-written pages and sections (not from Webflow). Uses the Webflow brand variables. */
.sx{--sx-red:var(--snoter-red,#ef233c);--sx-ink:var(--off-black,#282525);--sx-muted:#5c5757;--sx-line:#e6e3e3;--sx-soft:var(--white-smoke,#f6f6fa);
  font-family:"Open Sans",sans-serif;color:var(--sx-ink)}
.sx *{box-sizing:border-box}
.sx-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.sx-wrap.wide{max-width:1348px}
.sx-section{padding:88px 0}
.sx-section.soft{background:var(--sx-soft)}
.sx h1,.sx h2,.sx h3{font-family:var(--headings,Urbanist,sans-serif);color:var(--sx-ink);letter-spacing:-.01em}
.sx h1{font-size:56px;line-height:1.08;font-weight:800;margin:0 0 20px}
.sx h2{font-size:40px;line-height:1.15;font-weight:800;margin:0 0 16px}
.sx h3{font-size:22px;line-height:1.3;font-weight:700;margin:0 0 8px}
.sx p,.sx li{font-size:17px;line-height:1.65;color:var(--sx-muted)}
.sx p{margin:0 0 14px}
.sx a{color:var(--sx-red)}
.sx .red{color:var(--sx-red)}
.sx-eyebrow{font-family:var(--headings,Urbanist,sans-serif);font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sx-red);margin:0 0 14px}
.sx .sx-lead{font-size:20px!important;max-width:720px}
.sx-hero{padding:150px 0 72px}
.sx-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sx-btn{display:inline-block;background:var(--sx-ink);color:#fff!important;text-decoration:none;font-weight:600;padding:14px 24px;border-radius:8px;font-size:16px}
.sx-btn.ghost{background:transparent;color:var(--sx-ink)!important;border:1.5px solid var(--sx-ink)}
.sx-btn:hover{opacity:.88}
.sx-grid{display:grid;gap:20px}
.sx-grid.c2{grid-template-columns:repeat(2,1fr)}
.sx-grid.c3{grid-template-columns:repeat(3,1fr)}
.sx-card{background:#fff;border:1px solid var(--sx-line);border-radius:14px;padding:28px}
.sx-section.soft .sx-card{background:#fff}
.sx-card p:last-child{margin:0}
.sx .sx-num{font-family:var(--headings,Urbanist,sans-serif);font-size:44px;font-weight:800;color:var(--sx-red);line-height:1;margin:0 0 10px}
.sx-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:14px}
.sx-steps li{counter-increment:s;position:relative;padding:20px 20px 20px 68px;background:#fff;border:1px solid var(--sx-line);border-radius:12px;margin:0}
.sx-steps li:before{content:counter(s);position:absolute;left:20px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--sx-red);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--headings,Urbanist,sans-serif)}
.sx-steps b{color:var(--sx-ink)}
.sx-list{padding-left:20px;margin:0 0 14px}
.sx-list li{margin-bottom:6px}
.sx-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.sx-tags li{font-size:14px;padding:6px 12px;border-radius:999px;background:var(--sx-soft);border:1px solid var(--sx-line);color:var(--sx-ink);margin:0}
.sx-faq details{border-bottom:1px solid var(--sx-line);padding:18px 0}
.sx-faq summary{cursor:pointer;font-family:var(--headings,Urbanist,sans-serif);font-size:20px;font-weight:700;color:var(--sx-ink);list-style:none;display:flex;justify-content:space-between;gap:16px}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq summary:after{content:"+";color:var(--sx-red);font-size:26px;line-height:1}
.sx-faq details[open] summary:after{content:"–"}
.sx-faq details p{margin:12px 0 0}
.sx-cta{background:var(--sx-ink);border-radius:18px;padding:48px;color:#fff}
.sx-cta h2{color:#fff}
.sx-cta p{color:#d9d4d4}
.sx-cta .sx-btn{background:var(--sx-red)}
.sx-article{max-width:760px;margin:0 auto}
.sx-article h2{font-size:30px;margin:44px 0 12px}
.sx-article h3{margin:28px 0 8px}
.sx-article pre{background:#1f1d1d;color:#f1eded;padding:18px;border-radius:10px;overflow-x:auto;font-size:14px;line-height:1.55}
.sx-article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.sx-article p code,.sx-article li code{background:var(--sx-soft);padding:2px 6px;border-radius:5px;color:var(--sx-ink)}
.sx-article table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:16px}
.sx-article th,.sx-article td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--sx-line)}
.sx-article th{font-family:var(--headings,Urbanist,sans-serif);color:var(--sx-ink)}
.sx .sx-meta{font-size:15px!important;color:#8a8484!important}
.sx-cover{width:100%;height:auto;border-radius:14px;margin:8px 0 32px;display:block}
@media (max-width:991px){.sx-grid.c3{grid-template-columns:1fr 1fr}.sx h1{font-size:44px}}
@media (max-width:767px){.sx-grid.c2,.sx-grid.c3{grid-template-columns:1fr}.sx h1{font-size:36px}.sx h2{font-size:30px}
  .sx-section{padding:60px 0}.sx-hero{padding:120px 0 48px}.sx-cta{padding:32px 24px}.sx-lead{font-size:18px!important}}

/* Webflow caps every .section at 1920px, so on wider screens the footer and grey bands stop short.
   Let backgrounds span the full width; content stays limited by .main-container. */
.section{max-width:none}