/* The guides list page (content/site/guides/index*.html), moved out of its <style> block (Nov 2026). */
/* Fonts served from this site (public/fonts): no third-party stylesheet in the way of the first paint. Latin subsets cover English and Spanish.
   The "Fallback" faces are Arial sized to match (by weight), so text barely moves when the real font arrives. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-var.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/public-sans-400.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/public-sans-500.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/public-sans-600.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/public-sans-700.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-mono-500.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/montserrat-800.woff2) format("woff2")}
@font-face{font-family:"Archivo Fallback";font-weight:100 649;src:local("Arial"),local("Liberation Sans"),local("Roboto");size-adjust:100.50%;ascent-override:87.36%;descent-override:20.90%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:650 799;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:98.20%;ascent-override:89.41%;descent-override:21.38%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:800 875;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:114.70%;ascent-override:76.55%;descent-override:18.31%;line-gap-override:0%}
@font-face{font-family:"Archivo Fallback";font-weight:876 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:121.00%;ascent-override:72.56%;descent-override:17.36%;line-gap-override:0%}
@font-face{font-family:"Public Sans Fallback";font-weight:100 599;src:local("Arial"),local("Liberation Sans"),local("Roboto");size-adjust:101.85%;ascent-override:93.27%;descent-override:22.09%;line-gap-override:0%}
@font-face{font-family:"Public Sans Fallback";font-weight:600 900;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Roboto Bold");size-adjust:98.60%;ascent-override:96.35%;descent-override:22.82%;line-gap-override:0%}

:root{
  --bg:#FFFFFF; --bg-alt:#F5F7FA; --line:#E3E8EF; --ink:#0B1B33; --ink2:#475467; --ink3:#667085;
  --blue:#1D4ED8; --blue-soft:#E6EDFD; --cta:#C2410C; --cta-hover:#A93A0B; --cta-ink:#FFFFFF; --card:#FFFFFF;
  --navy:#0B1B33; --navy2:#13294B; --hivis:#F26B1D; --ok:#0E7A4F; --warn:#B54708; --bad:#B42318; --yellow:#FACC15;
  --display:"Archivo","Archivo Fallback","Arial Narrow",Arial,sans-serif; --body:"Public Sans","Public Sans Fallback","Segoe UI",Roboto,Arial,sans-serif; --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){color-scheme:dark; --bg:#0A1526; --bg-alt:#0E1C33; --line:#1E3350; --ink:#EEF2F8; --ink2:#B4C0D3; --ink3:#8E9BB0; --blue:#8AAEFF; --blue-soft:#15294A; --cta:#F26B1D; --cta-hover:#FF8A3D; --cta-ink:#14110F; --card:#0F1E36;}}
:root[data-theme="dark"]{color-scheme:dark; --bg:#0A1526; --bg-alt:#0E1C33; --line:#1E3350; --ink:#EEF2F8; --ink2:#B4C0D3; --ink3:#8E9BB0; --blue:#8AAEFF; --blue-soft:#15294A; --cta:#F26B1D; --cta-hover:#FF8A3D; --cta-ink:#14110F; --card:#0F1E36;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.gut{padding-inline:20px}
.wrap{max-width:1160px;margin:0 auto}
.wordmark{font:800 22px "Montserrat",Arial,sans-serif;letter-spacing:-.01em;color:#fff;line-height:1;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);line-height:1.08;text-wrap:balance;margin:0;letter-spacing:-.01em}
p{margin:0}
a{color:var(--blue)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:var(--navy);font-weight:700;padding:10px 14px;border-radius:8px;text-decoration:none}.skip:focus{left:8px}
:focus-visible{outline:3px solid #7EA2FF;outline-offset:3px}
.btn{font-family:var(--body);font-weight:700;font-size:17px;min-height:50px;padding:0 22px;border-radius:8px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.btn-cta{background:var(--cta);color:var(--cta-ink)}.btn-cta:hover{background:var(--cta-hover)}
.btn-hivis{background:var(--hivis);color:#0B1B33}.btn-hivis:hover{background:#FF8A3D}
.btn-ghost{background:transparent;color:var(--blue);border:2px solid currentColor}
.btn-line{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}.btn-line:hover{border-color:var(--ink3)}
.lang-bar{background:var(--hivis);color:#0B1B33;text-align:center;font-size:15px;font-weight:600;padding:9px 16px;line-height:1.35}
.lang-bar a{color:#0B1B33;font-weight:800;text-decoration:underline;white-space:nowrap;display:inline-block;padding:5px 6px;margin:-5px 0}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(11,27,51,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.nav nav{display:flex;gap:24px;align-items:center}
.nav nav a{color:#C9D3E3;text-decoration:none;font-size:16px;font-weight:500}.nav nav a:hover{color:#fff}
.nav .btn{min-height:44px;font-size:16px;padding:0 18px;white-space:nowrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav nav a.login{font-weight:700;white-space:nowrap}
.lang-tabs{display:inline-flex;border:1.5px solid rgba(255,255,255,.55);border-radius:8px;overflow:hidden}
.nav nav .lang-tabs a{padding:0 12px;min-height:40px;display:inline-flex;align-items:center;font-size:14px;font-weight:800;letter-spacing:.04em;color:#fff;text-decoration:none;opacity:.85}
.nav nav .lang-tabs a[aria-current="page"]{background:var(--hivis);color:#0B1B33;opacity:1}
@media (max-width:860px){.nav nav a.hide-m{display:none}}
@media (max-width:560px){.nav nav{gap:10px}.nav .wrap{gap:10px}.nav .btn{padding:0 12px;font-size:15px}}
@media (max-width:430px){.nav .wordmark{display:none}}
/* article */
.crumbs{font-size:14px;color:var(--ink3);padding-top:22px}.crumbs a{color:var(--ink3);text-decoration:none;display:inline-block;padding-block:5px}.crumbs a:hover{color:var(--ink)}.crumbs span{margin:0 8px}
.ghead{padding:14px 0 36px;max-width:820px}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}
h1{font-size:clamp(34px,5vw,56px);font-weight:900;font-stretch:108%}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink2);max-width:64ch;margin-top:18px}
.byline{margin-top:18px;font-size:15px;color:var(--ink3);display:flex;gap:8px 18px;flex-wrap:wrap}
.byline a{color:var(--ink3)}
.dlrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dlrow .btn{min-height:44px;font-size:15px;padding:8px 14px}
.dlrow .btn-line{background:var(--card);color:var(--ink);border:1.5px solid var(--line)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start;padding-bottom:72px}
@media (max-width:980px){.layout{grid-template-columns:1fr}.aside{position:static;order:-1}}
article{max-width:720px;min-width:0}
article h2{font-size:clamp(26px,3.2vw,34px);font-weight:850;font-stretch:106%;margin:52px 0 16px;scroll-margin-top:90px}
article h3{font-size:21px;font-weight:750;margin:30px 0 10px}
article p{margin:0 0 16px;max-width:68ch}
article ul,article ol{margin:0 0 18px;padding-left:22px;max-width:66ch}article li{margin-bottom:8px}article li::marker{color:var(--hivis);font-weight:800}
article ol.steps{list-style:none;padding:0;counter-reset:s}
article ol.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:14px;margin-bottom:16px;align-items:start}
article ol.steps li::before{content:counter(s);width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font:800 17px/40px var(--display);text-align:center}
article ol.steps b{display:block;font-family:var(--display);font-size:19px;font-weight:750;margin-bottom:2px}
.callout{border-left:4px solid var(--hivis);background:var(--bg-alt);padding:16px 18px;border-radius:0 10px 10px 0;margin:0 0 20px}
.callout p:last-child{margin:0}
.aside{position:sticky;top:88px;display:grid;gap:16px}
.dlcard{background:var(--navy);color:#fff;border-radius:16px;padding:22px 22px 20px;display:grid;gap:10px}
.dlcard h2{color:#fff;font-size:22px;font-weight:850;font-stretch:106%;margin:0}
.dlcard p{color:#C9D3E3;font-size:15px;margin:0}
.dlcard .btn{width:100%;justify-content:flex-start;min-height:48px;font-size:16px;text-align:left;line-height:1.25;padding:10px 14px}
.dlcard .row{display:grid;grid-template-columns:1fr;gap:8px}
.dlcard small{font-size:13px;color:#9AA8BF}
.dlcard .sub{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9AA8BF;margin-top:6px}
.toc{background:var(--bg-alt);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.toc b{display:block;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
.toc a{display:block;color:var(--ink);text-decoration:none;font-size:15px;padding:5px 0;border-top:1px solid var(--line)}.toc a:first-of-type{border-top:0}.toc a:hover{color:var(--blue)}
/* figures */
.matrix{display:grid;grid-template-columns:118px repeat(5,minmax(0,1fr));gap:4px;max-width:560px;margin:8px 0 10px;font-family:var(--display)}
.matrix .ax{font:600 13px/1.2 var(--body);color:var(--ink2);text-align:right;padding-right:6px;align-self:center}
.matrix .c{height:44px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#0B1B33;border-radius:6px}
.matrix .x{text-align:center;font:600 12px/1.2 var(--body);color:var(--ink2)}
.bands{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.bands span{font:800 13px/26px var(--display);letter-spacing:.03em;padding:0 10px;border-radius:6px;color:#0B1B33}
.fig{font-size:14px;color:var(--ink3);margin:0 0 20px;max-width:66ch}
.hoc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-width:720px;margin:8px 0 6px;font:800 14px/1.2 var(--display);text-align:center}
.hoc span{padding:10px 6px;border-radius:6px;color:#0B1B33}.hoc span:first-child,.hoc span:last-child{color:#fff}
.hoc-h{display:flex;justify-content:space-between;font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);max-width:720px;margin-bottom:4px}
.ex{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 20px}
.ex div{border:1px solid var(--line);border-radius:12px;padding:12px 16px;background:var(--card)}
.ex b{font-family:var(--display);font-size:17px}.ex .chips{display:inline-flex;gap:6px;align-items:center;margin-left:8px;vertical-align:middle}.ex .chips span{font:800 13px/22px var(--display);padding:0 8px;border-radius:5px;color:#0B1B33}
.ex p{margin:6px 0 0;font-size:16px;color:var(--ink2)}
.cmp{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:16px}.cmp th{text-align:left;font-family:var(--display);font-size:15px;letter-spacing:.02em;padding:8px 10px;border-bottom:2px solid var(--ink)}.cmp td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.cmp td:first-child{font-weight:700;white-space:nowrap}
/* faq */
.faq{max-width:760px}
details{border-bottom:1px solid var(--line);padding:4px 0}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-family:var(--display);font-weight:700;font-size:19px;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);font-size:24px;color:var(--ink3);flex:none}
details[open] summary::after{content:"–"}
details p{color:var(--ink2);padding:0 0 18px;max-width:68ch;font-size:17px}
/* product strip */
.try{background:var(--navy);color:#fff;border-radius:16px;padding:26px 26px 24px;margin:48px 0 0;display:grid;grid-template-columns:1fr;gap:18px}
.try h2{color:#fff;margin:0 0 8px;font-size:clamp(22px,2.6vw,28px)}.try p{color:#C9D3E3;margin:0;font-size:16px;max-width:60ch}
.try .acts{display:flex;gap:10px;flex-wrap:wrap}
/* index */
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding:10px 0 72px}
.gcard{display:block;border:1.5px solid var(--line);border-radius:16px;padding:22px;background:var(--card);text-decoration:none;color:inherit}
.gcard:hover{border-color:var(--hivis)}
.gcard .eyebrow{margin-bottom:10px}.gcard h2{font-size:24px;font-weight:850;font-stretch:106%;margin:0 0 10px}.gcard p{color:var(--ink2);font-size:16px;margin:0 0 12px}.gcard .more{color:var(--blue);font-weight:700}
footer{background:#07111F;color:#9AA8BF;font-size:14px;padding-block:48px 56px}
footer .wrap{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
footer h3{color:#fff;font:600 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
footer a{color:#C9D3E3;text-decoration:none;display:block;padding:3px 0}footer a:hover{color:#fff}
footer .disclaim{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:13px;line-height:1.5;max-width:none}
@media (max-width:820px){footer .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer .wrap{grid-template-columns:1fr}}

/* procedure card, key card, topic tables */
.proc{border:1.5px solid var(--line);border-radius:14px;padding:18px 18px 6px;margin:0 0 22px;background:var(--card)}
.proc-h{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:14px;font-size:15px}
.proc-h .proc-k{display:block;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:2px}
@media (max-width:560px){.proc-h{grid-template-columns:1fr}}
.proc-t{font-size:15px}.proc-t td:first-child{font-family:var(--mono);font-weight:600}
.proc ol.steps{margin-top:6px}
.cmp.topics td:first-child{font-family:var(--mono);font-weight:600;text-align:right}
.cmp.topics td:nth-child(2){font-weight:700}
.cmp.topics td:last-child{white-space:nowrap;color:var(--ink3);font-size:14px}
@media (max-width:640px){.cmp.topics td:last-child{white-space:normal}.cmp,.cmp thead,.cmp tbody,.cmp tr,.cmp td,.cmp th{font-size:15px}.cmp td:first-child{white-space:normal}}
.keycard ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#E6ECF5;font-size:15px}.keycard li::marker{color:var(--hivis)}
.keycard small{margin-top:4px}

@media (max-width:640px){
  .cmp.stack thead{display:none}
  .cmp.stack tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}
  .cmp.stack td{display:grid;grid-template-columns:96px 1fr;gap:4px 10px;border:0;padding:3px 0;white-space:normal;text-align:left}
  .cmp.stack td::before{content:attr(data-l);font:600 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding-top:3px}
  .cmp.topics td:first-child{text-align:left}
  .cmp.topics td:nth-child(2){font-size:17px}
}

@media print{
  .lang-bar,.nav,footer,.skip,.try,.toc{display:none!important}
  body{font-size:12.5px;line-height:1.45;color:#000;background:#fff}
  .layout{display:block;padding-bottom:0}
  .aside{position:static;margin:0 0 18px}
  .dlcard{background:#0B1B33!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  article{max-width:none}
  article h2{font-size:22px;margin:26px 0 10px;break-after:avoid}
  article h3{font-size:16px}
  h1{font-size:30px}
  .lead{font-size:15px}
  .cmp,.proc,.ex,.callout,ol.steps li{break-inside:avoid}
  .matrix .c,.bands span,.hoc span,.chips span{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  details{display:block}details summary::after{display:none}details p{display:block}
  a{color:inherit;text-decoration:none}
}
.gcard .free{display:inline-block;background:var(--hivis);color:#0B1B33;font:800 11px/18px var(--body);letter-spacing:.04em;text-transform:uppercase;padding:0 7px;border-radius:5px;margin-left:8px;vertical-align:middle}

/* Oct 29, 2026 fixes: side box stops sticking on phones and tablets; wide tables scroll in their own box;
   readable Get started button; phone-sized main heading */
@media (max-width:980px){.aside{position:static}}
.tw{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px}
.tw>.cmp{margin:0}
@media (min-width:641px){.cmp td:first-child{white-space:normal;min-width:7.5em}}
.nav nav a.btn-hivis,.nav nav a.btn-hivis:hover{color:#0B1B33}
@media (max-width:480px){h1{font-size:30px}}
/* former style="" attributes on the pages (Nov 2026): three :not(#_) keep the standing an inline style had */
.sa-1354c5e:not(#_):not(#_):not(#_){margin-top:12px;max-width:34ch}
.sa-c78809a:not(#_):not(#_):not(#_){display:inline-flex;align-items:center;gap:10px}