:root{--ink:#27282d;--muted:#5c5e68;--accent:#8958fe;--line:#e3ddef;--paper:#f4f0ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#6e46cb}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #2d8dfb;outline-offset:5px}.skip{position:absolute;top:-90px;left:20px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}nav{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px 0}nav>div{display:flex;gap:26px;flex-wrap:wrap}nav>div a{font-size:14px;color:var(--ink);text-decoration:none}.brand{font-size:25px;font-weight:750;color:var(--ink);text-decoration:none;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--accent)}h1,h2,h3{line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}h1{font-size:clamp(40px,5vw,66px)}h2{font-size:clamp(29px,3vw,38px)}h3{font-size:25px}p{color:var(--muted);margin:0 0 20px}.hero{background:var(--paper);padding:85px 0}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.14em;color:var(--accent);margin-bottom:20px}em{font-style:normal;color:var(--accent)}.lead{font-size:19px;max-width:550px}.button{display:inline-flex;gap:48px;padding:14px 22px;color:white;background:var(--accent);border-radius:5px;font-weight:650;text-decoration:none;margin:10px 0 20px}.button:hover{background:#6e46cb;color:white}.subtle{font-size:13px}.request-card{background:var(--ink);color:white;border-radius:12px;padding:30px;box-shadow:0 20px 40px #27282d15}.terminal-heading{font-size:14px;color:#e3d7ff;padding-bottom:25px;border-bottom:1px solid #52535e}.terminal-heading>span{color:#56d6e6;margin-right:14px;font-weight:700}.route{display:flex;gap:18px;align-items:center;margin-top:26px}.country{display:inline-flex;background:#f5faff;color:#246fc7;border:1px solid #c3dffe;border-radius:5px;padding:4px 9px;font-size:12px;letter-spacing:.08em;font-weight:750}.request-card code{font-size:14px;color:#fff;overflow-wrap:anywhere}.request-card p{margin:30px 0 20px;color:#d7d8df;font-size:15px}.formats{font-size:11px;letter-spacing:.11em;color:#afecf3}.section{padding:72px 0}.standards,.examples,.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.standards{margin:35px 0 20px}.standards article{border:1px solid var(--line);border-radius:10px;padding:30px}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:25px}.standards article h3{margin-bottom:15px}.standards article>p{min-height:80px}figure{margin:20px 0 25px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:330px}figure img{max-width:100%;height:auto}figcaption{font-size:12px;color:var(--muted);margin-top:14px}.docs{background:var(--paper);border-block:1px solid var(--line)}.examples{margin-top:36px}.examples h3{font-size:19px;margin-bottom:15px}code{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#6840bd;overflow-wrap:anywhere}pre{margin:0 0 14px;background:white;border:1px solid var(--line);padding:20px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.table-heading{font-size:23px;margin:46px 0 20px}.table-scroll{overflow-x:auto;margin-bottom:16px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{border-bottom:1px solid var(--line);padding:16px 14px;vertical-align:top}th{background:#e3d7ff;font-weight:650}td:first-child{min-width:160px}table code{white-space:nowrap}.details-grid{margin-top:35px}.details-grid h3{font-size:19px;margin-bottom:15px}.migration-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}footer{background:var(--ink);padding:27px 0;color:#d7d8df;font-size:12px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#c3dffe}@media(max-width:900px){nav{align-items:start;flex-direction:column;gap:15px}.hero-grid{gap:35px}.hero{padding:60px 0}.route{gap:10px}.request-card{padding:22px}}@media(max-width:680px){.hero-grid,.standards,.examples,.details-grid,.migration-grid{grid-template-columns:1fr;gap:28px}.hero{padding:42px 0}.section{padding:45px 0}nav>div{gap:10px 18px}nav>div a{font-size:13px}.lead{font-size:17px}.standards article{padding:24px}.standards article>p{min-height:0}.table-scroll{margin-right:-5px}.migration-grid{gap:15px}footer .wrap{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Zenvio brand: purple #8958fe, blue #2d8dfb, cyan #56d6e6. */
a{color:#6840bd}.eyebrow{color:#6840bd}.button,.action-primary{background:#8958fe;color:#fff}.brand span,.site-brand span{color:#8958fe}

.scaling-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.scaling-grid figure{border:1px solid var(--line);border-radius:10px;padding:25px;background:#fff}.scale-demo{width:256px;max-width:100%;height:auto}.scaling-grid strong{color:var(--ink)}.checklist{padding-left:24px;color:var(--muted)}.checklist li{margin:12px 0}.doc-links{font-size:14px}.docs .wrap,.details-grid>div,.examples>div{min-width:0}@media(max-width:680px){.scaling-grid{grid-template-columns:1fr}}
.render-options{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;margin:28px 0}.render-options fieldset{border:0;padding:0;margin:0}.render-options legend{font-size:20px;font-weight:650;margin-bottom:20px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.filter-grid label{font-size:13px;font-weight:600}.filter-grid input,.filter-grid select{display:block;width:100%;padding:11px 10px;margin-top:6px;border:1px solid #c6b2ef;border-radius:5px;font:inherit;background:white;color:var(--ink)}.filter-grid :disabled{opacity:.5;background:#eeeaf5}.gallery-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:24px}.gallery-actions .button{border:0;margin:0;font:inherit;cursor:pointer}.checkbox-label{font-size:14px}.text-button{border:0;background:none;text-decoration:underline;color:#6840bd;font:inherit;cursor:pointer}.notice{border-left:4px solid #2d8dfb;padding:16px 20px;background:#f5faff}.render-status{font-weight:600;padding:16px 0;border-bottom:1px solid var(--line)}.render-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.render-card{padding:20px;border:1px solid var(--line);border-radius:9px;min-width:0}.render-card h2{font-size:19px;margin-bottom:12px}.render-card .subtle{min-height:55px}.render-viewport{display:flex;align-items:center;justify-content:center;min-height:300px;overflow:auto;background:repeating-conic-gradient(#fff 0% 25%,#ebe8f1 0% 50%) 0 0/20px 20px;border:1px solid var(--line);border-radius:5px}.render-viewport img{max-width:100%;width:auto;max-height:300px;height:auto}.native-size .render-viewport{display:block;height:350px}.native-size .render-viewport img{max-width:none;max-height:none}.render-result{font-size:13px;margin:14px 0}.render-card>a{font-size:13px}.render-card details{margin-top:14px;font-size:12px}.render-card summary{cursor:pointer;color:#6840bd}.render-card details code{display:block;margin-top:12px;font-size:11px}.render-failed .render-result{color:#a32c46}.render-failed .render-viewport{min-height:120px}.render-options input:focus-visible,.render-options select:focus-visible,.render-options button:focus-visible{outline:3px solid #2d8dfb;outline-offset:3px}@media(max-width:1000px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.render-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.render-grid{grid-template-columns:1fr}.render-options{padding:18px}.gallery-actions{gap:18px}.render-card .subtle{min-height:0}}@media(max-width:380px){.filter-grid{grid-template-columns:1fr}}

/* Darker primary shade provides AA contrast for small white button labels. */
.button,.action-primary{background:#7745e6;color:#fff}

/* Keep the introductory examples at native resolution. */
.standards img{width:auto;max-width:100%}