:root{--color-ground: #FFFFFF;--color-wash: #F5F5F7;--color-rule: #E2E3E7;--color-edge: #8A8D94;--color-ink-2: #5B5E66;--color-ink: #141414;--color-orange: #F54A00;--color-orange-ink: #B93800;--color-on-orange: #141414;--color-orange-wash: #FFF0E8;--color-good: #1E7F4F;--color-good-wash: #E7F4EC;--color-good-edge: #BFE3CD;--color-bad: #B42318;--color-bad-wash: #FDECEA;--font-sans: "Atkinson Hyperlegible Next",system-ui,sans-serif;--font-mono: "Atkinson Hyperlegible Mono",ui-monospace,monospace;--text-display: 72px;--leading-display: 76px;--text-h2: 52px;--leading-h2: 56px;--text-h1-app: 36px;--leading-h1-app: 42px;--text-h3: 22px;--leading-h3: 28px;--text-lead: 20px;--leading-lead: 30px;--text-base: 16px;--leading-base: 24px;--text-sm: 15px;--leading-sm: 22px;--text-mono-sm: 13px;--leading-mono-sm: 18px;--tracking-display: -0.03em;--tracking-wordmark: -0.025em;--gutter: 80px;--section: 104px;--tap: 44px;--rail: 232px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--color-ground: #111214;--color-wash: #1A1B1F;--color-rule: #2B2D33;--color-edge: #6E7178;--color-ink-2: #A1A4AC;--color-ink: #EDEDEF;--color-orange: #FF6A2B;--color-orange-ink: #FF8A57;--color-on-orange: #111214;--color-orange-wash: #2A1810;--color-good: #4CC38A;--color-good-wash: #12261C;--color-good-edge: #1F4A33;--color-bad: #F97066;--color-bad-wash: #2C1513;color-scheme: dark}}:root[data-theme="dark"]{--color-ground: #111214;--color-wash: #1A1B1F;--color-rule: #2B2D33;--color-edge: #6E7178;--color-ink-2: #A1A4AC;--color-ink: #EDEDEF;--color-orange: #FF6A2B;--color-orange-ink: #FF8A57;--color-on-orange: #111214;--color-orange-wash: #2A1810;--color-good: #4CC38A;--color-good-wash: #12261C;--color-good-edge: #1F4A33;--color-bad: #F97066;--color-bad-wash: #2C1513;color-scheme: dark}@font-face{font-family: "Atkinson Hyperlegible Next";src: url("/fonts/atkinson-next.woff2") format("woff2");font-weight: 400 800;font-display: swap}@font-face{font-family: "Atkinson Hyperlegible Mono";src: url("/fonts/atkinson-mono.woff2") format("woff2");font-weight: 400 700;font-display: swap}@font-face{font-family: "Geist";src: url("/fonts/geist-bar.woff2") format("woff2");font-weight: 400 500;font-display: swap}:root{--gutter: clamp(20px,5.634vw - 1.13px,80px);--section: clamp(64px,3.756vw + 49.92px,104px);--wrap: 1280px;--focus: var(--color-ink);--ill-page: #FFFFFF;--ill-edge: #E2E3E7;--ill-dash: #9A9DA4;--ill-body: #33363C;--ill-bar: #C9CBD1;--ill-chip: #FFFFFF;--code-bg: #141414;--code-edge: #141414}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ill-page: #22242A;--ill-edge: #33353C;--ill-dash: #6B6E76;--ill-body: #C9CBD1;--ill-bar: #45474E;--ill-chip: #22242A;--code-bg: #0B0C0E;--code-edge: var(--color-rule)}}:root[data-theme="dark"]{--ill-page: #22242A;--ill-edge: #33353C;--ill-dash: #6B6E76;--ill-body: #C9CBD1;--ill-bar: #45474E;--ill-chip: #22242A;--code-bg: #0B0C0E;--code-edge: var(--color-rule)}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{margin: 0;background: var(--color-ground);color: var(--color-ink);font-family: var(--font-sans);font-size: var(--text-base);line-height: var(--leading-base);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-wrap: break-word}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,pre{margin: 0}ul,ol{padding: 0;list-style: none}img,svg{display: block;max-width: 100%}a{color: inherit}code,pre,kbd{font-family: var(--font-mono)}code.param{font-size: 0.94em;white-space: nowrap}table{border-collapse: collapse;width: 100%}th{font-weight: inherit;text-align: left}:focus-visible{outline: 2px solid var(--focus);outline-offset: 2px}.nowrap{white-space: nowrap}.visually-hidden{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip{position: absolute;left: 8px;top: 8px;z-index: 10;padding: 10px 16px;min-height: 44px;display: inline-flex;align-items: center;background: var(--color-ink);color: var(--color-ground);font-weight: 700;border-radius: var(--radius-md);transform: translateY(-200%)}.skip:focus{position: relative;left: 0;top: 0;margin: 8px;transform: none}.skip:focus-visible{outline-color: var(--color-orange)}.wrap{width: 100%;max-width: calc(var(--wrap) + 2 * var(--gutter));margin-inline: auto;padding-inline: var(--gutter)}.tp-bar{background: var(--color-wash);border-bottom: 1px solid var(--color-rule)}.tp-bar ul{display: flex;height: 44px;max-width: calc(var(--wrap) + 2 * var(--gutter));margin-inline: auto;padding-inline: calc(var(--gutter) - 14px)}.tp-tab{display: flex;align-items: center;justify-content: center;gap: 8px;height: 100%;min-width: 44px;padding-inline: 14px;font-family: "Geist",system-ui,sans-serif;font-size: 14px;line-height: 20px;color: var(--color-ink-2);text-decoration: none}.tp-tab svg{flex-shrink: 0}.tp-tab:hover{color: var(--color-ink)}.tp-tab[aria-current]{background: var(--color-ground);color: var(--color-ink);font-weight: 500}.tp-tab:focus-visible{outline-offset: -2px}@media (max-width: 599px){.tp-bar ul{padding-inline: 4px}.tp-tab{padding-inline: 10px}}@media (max-width: 359px){.tp-tab{padding-inline: 8px}.tp-tab svg{display: none}}.site-header{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 24px;max-width: calc(var(--wrap) + 2 * var(--gutter));margin-inline: auto;padding: 22px var(--gutter)}.brand{display: inline-flex;flex-shrink: 0;color: var(--color-ink)}.logo{width: 152px;height: auto;aspect-ratio: 608.4 / 191.3}.logo-marks{fill: none;stroke: var(--color-orange);stroke-width: 4.35}.logo-word{fill: var(--color-ink)}.nav{display: flex;align-items: center;gap: 4px}.nav-list{display: flex;gap: 4px}.nav-link{display: inline-flex;align-items: center;min-height: 44px;padding-inline: 14px;color: var(--color-ink-2);text-decoration: none;border-radius: var(--radius-md)}.nav-link:hover{background: var(--color-wash);color: var(--color-ink)}.nav-link[aria-current="page"]{color: var(--color-ink);font-weight: 600;text-decoration: underline 2px;text-underline-offset: 6px}.nav-signin{color: var(--color-ink)}.nav-rule{width: 1px;height: 20px;margin-inline: 10px;background: var(--color-rule)}.menu{display: none}.menu-button{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;padding-inline: 14px;border: 1px solid var(--color-edge);border-radius: var(--radius-md);font-weight: 600;cursor: pointer;list-style: none}.menu-button::-webkit-details-marker{display: none}.menu-button:hover{background: var(--color-wash)}.menu-panel{position: absolute;left: 0;right: 0;top: 100%;z-index: 5;display: flex;flex-direction: column;gap: 16px;padding: 8px var(--gutter) 24px;background: var(--color-ground);border-bottom: 1px solid var(--color-rule);box-shadow: 0 12px 24px -16px rgb(0 0 0 / 0.25)}.menu-panel ul{display: flex;flex-direction: column}.menu-panel .nav-link{width: 100%;padding-inline: 0;color: var(--color-ink);font-size: 18px;border-bottom: 1px solid var(--color-rule);border-radius: 0;min-height: 52px}.menu-panel .nav-link:hover{background: none;text-decoration: underline}@media (max-width: 1023px){.site-header{padding-block: 16px}.nav{display: none}.menu{display: block}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 52px;padding-inline: 22px;border-radius: var(--radius-md);font-size: 17px;line-height: 24px;font-weight: 700;text-decoration: none;white-space: nowrap}.btn-sm{min-height: 44px;padding-inline: 18px;font-size: 16px}.btn-md{min-height: 48px;font-size: 16px}.btn-primary{background: var(--color-orange);color: var(--color-on-orange)}.btn-primary:hover{background: color-mix(in srgb,var(--color-orange) 82%,#fff)}.btn-outline{border: 1px solid var(--color-ink);color: var(--color-ink);font-weight: 600}.btn-outline:hover{background: var(--color-wash)}.text-link{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;color: var(--color-orange-ink);font-weight: 700;text-decoration: none}.text-link .tl{text-decoration: underline 1px;text-underline-offset: 4px}.text-link:hover .tl{text-decoration-thickness: 2px}.display,.h1,.h2,.h2-sm{font-weight: 800;letter-spacing: var(--tracking-display)}.display,.h1,.post-title{text-wrap: balance}.display{font-size: clamp(44px,34.14px + 2.629vw,72px);line-height: clamp(48px,38.14px + 2.629vw,76px)}.h1{font-size: clamp(40px,31.55px + 2.254vw,64px);line-height: clamp(44px,35.55px + 2.254vw,68px)}.h2{font-size: clamp(36px,30.37px + 1.502vw,52px);line-height: clamp(40px,34.37px + 1.502vw,56px)}.h2-sm{font-size: clamp(30px,26.48px + 0.939vw,40px);line-height: clamp(36px,33.18px + 0.751vw,44px)}.h3{font-size: clamp(22px,20.59px + 0.376vw,26px);line-height: clamp(28px,26.59px + 0.376vw,32px);font-weight: 800;letter-spacing: -0.02em}.lead{font-size: clamp(18px,17.3px + 0.188vw,20px);line-height: clamp(28px,27.3px + 0.188vw,30px);color: var(--color-ink-2)}.section-lead{font-size: clamp(17px,16.65px + 0.094vw,18px);line-height: clamp(26px,25.3px + 0.188vw,28px);color: var(--color-ink-2)}.note{font-size: var(--text-sm);line-height: var(--leading-sm);color: var(--color-ink-2)}.muted{color: var(--color-ink-2)}.meta{font-family: var(--font-mono);font-size: var(--text-mono-sm);line-height: var(--leading-mono-sm);color: var(--color-ink-2)}.mono{font-family: var(--font-mono)}.section{padding-block: var(--section);border-top: 1px solid var(--color-rule)}.section-wash{background: var(--color-wash)}.section-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 48px;margin-bottom: 48px}.section-head>:first-child{max-width: 680px}.section-head>.section-lead,.section-head>.lead{max-width: 520px;flex-shrink: 0}.split{display: flex;align-items: flex-start;gap: 72px}.split-aside{flex: 0 0 440px;display: flex;flex-direction: column;gap: 20px}.split-main{flex: 1 1 0;min-width: 0}@media (max-width: 1023px){.section-head{flex-direction: column;align-items: flex-start;gap: 16px;margin-bottom: 32px}.section-head>.section-lead,.section-head>.lead{max-width: 640px;flex-shrink: 1}.split{flex-direction: column;gap: 24px}.split-aside{flex-basis: auto;gap: 16px}.split-main{width: 100%;flex: none}}.page-head{padding-top: 64px;padding-bottom: 48px}.page-head-row{display: flex;align-items: flex-end;justify-content: space-between;gap: 64px}.page-head-row .lead{flex: 0 0 600px}@media (max-width: 1023px){.page-head{padding-top: 36px;padding-bottom: 32px}.page-head-row{flex-direction: column;align-items: flex-start;gap: 18px}.page-head-row .lead{flex: 1 1 auto;max-width: 640px}}.chip{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 28px;height: 28px;border-radius: 6px;background: var(--color-ink);color: var(--color-ground);font-family: var(--font-mono);font-size: 14px;line-height: 16px;font-weight: 700;letter-spacing: 0}.chip-orange{background: var(--color-orange);color: var(--color-on-orange)}.chip-lg{width: 32px;height: 32px;font-size: 15px}.with-chip{display: flex;align-items: center;gap: 12px}.badge{display: inline-flex;justify-content: center;flex-shrink: 0;width: 40px;padding-block: 3px;border-radius: var(--radius-sm);background: var(--color-wash);color: var(--color-ink-2);font-family: var(--font-mono);font-size: 12px;line-height: 18px;font-weight: 700;letter-spacing: 0}.badge-ai{background: var(--color-orange-wash);color: var(--color-orange-ink)}.card{border: 1px solid var(--color-rule);border-radius: var(--radius-xl);padding: 32px}@media (max-width: 767px){.card{padding: 24px 20px}}.rules{border-top: 1px solid var(--color-ink)}.rules-2{border-top: 2px solid var(--color-ink)}.rules>li,.rules-2>li,.rules>div,.rules-2>div{border-bottom: 1px solid var(--color-rule)}.rules>:last-child,.rules-2>:last-child{border-bottom: 0}.code{background: var(--code-bg);border: 1px solid var(--code-edge);border-radius: var(--radius-xl);color: #EDEDEF;overflow: hidden;min-width: 0;--focus: #EDEDEF}.code-bar,.code-foot{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 14px 24px;color: #A1A4AC;font-family: var(--font-mono);font-size: 13px;line-height: 18px}.code-bar{border-bottom: 1px solid #2B2D33}.code-foot{border-top: 1px solid #2B2D33;justify-content: flex-start;gap: 10px;line-height: 20px}.code-body{padding: 28px 24px 32px;overflow-x: auto;font-size: 15px;line-height: 26px;white-space: pre;tab-size: 2}.code-body:focus-visible{outline-offset: -4px}.code-plain .code-body{padding: 24px}.code-out{border-top: 1px solid #2B2D33;color: #C9CBD1;font-size: 14px;line-height: 24px;padding: 20px 24px 24px}.code-sm .code-body{padding: 18px 20px;font-size: 14px;line-height: 24px}.dot{width: 8px;height: 8px;border-radius: 999px;background: #4CC38A;flex-shrink: 0}@media (max-width: 767px){.code{border-radius: var(--radius-lg)}.code-bar,.code-foot{padding: 12px 16px;font-size: 12px}.code-body,.code-plain .code-body,.code-out,.code-sm .code-body{padding: 16px;font-size: 12px;line-height: 22px}.code-out{line-height: 20px}}.plans{display: grid;grid-template-columns: repeat(3,1fr);background: var(--color-ground);border-top: 2px solid var(--color-ink);border-radius: 0 0 var(--radius-xl) var(--radius-xl)}.plan{display: flex;flex-direction: column;gap: 20px;padding: 32px}.plan + .plan{border-left: 1px solid var(--color-rule)}.plan h3{font-size: 20px;line-height: 28px;font-weight: 700}.price{display: flex;align-items: baseline;gap: 6px;color: var(--color-ink-2)}.price strong{font-size: 56px;line-height: 60px;font-weight: 800;letter-spacing: var(--tracking-display);color: var(--color-ink)}.allowance{display: flex;flex-direction: column;gap: 4px}.allowance strong{font-size: 18px;line-height: 26px;font-weight: 600}.allowance span{font-size: var(--text-sm);line-height: var(--leading-sm);color: var(--color-ink-2)}.plan .btn{width: 100%}.plans-note{margin-top: 24px}@media (max-width: 899px){.plans{grid-template-columns: 1fr;border-radius: 0 0 var(--radius-lg) var(--radius-lg)}.plan{padding: 24px 20px}.plan + .plan{border-left: 0;border-top: 1px solid var(--color-rule)}.plans-note{margin-top: 16px}}.band{background: #141414;color: #FFFFFF;padding-block: 72px;--focus: #FFFFFF}.band .wrap{display: flex;align-items: center;justify-content: space-between;gap: 48px}.band h2{font-size: clamp(32px,27.49px + 1.127vw,44px);line-height: clamp(36px,31.49px + 1.127vw,48px);font-weight: 800;letter-spacing: var(--tracking-display)}.band p{margin-top: 10px;color: #A1A4AC;font-size: 17px;line-height: 26px}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .band{background: var(--color-wash);color: var(--color-ink);border-top: 1px solid var(--color-rule);--focus: var(--color-ink)}:root:not([data-theme="light"]) .band p{color: var(--color-ink-2)}}:root[data-theme="dark"] .band{background: var(--color-wash);color: var(--color-ink);border-top: 1px solid var(--color-rule);--focus: var(--color-ink)}:root[data-theme="dark"] .band p{color: var(--color-ink-2)}@media (max-width: 767px){.band{padding-block: 48px}.band .wrap{flex-direction: column;align-items: stretch;gap: 20px}.band p{font-size: 16px;line-height: 24px}}.site-footer{border-top: 1px solid var(--color-ink);padding-top: 72px;padding-bottom: 40px}.footer-top{display: flex;justify-content: space-between;gap: 48px}.footer-brand{display: flex;flex-direction: column;align-items: flex-start;gap: 16px;max-width: 360px}.footer-brand p{font-size: var(--text-sm);line-height: var(--leading-sm);color: var(--color-ink-2)}.footer-cols{display: flex;gap: 72px}.footer-label{font-family: var(--font-mono);font-size: 13px;line-height: 18px;font-weight: 400;color: var(--color-ink-2);margin-bottom: 2px}.footer-col ul{display: flex;flex-direction: column}.footer-col a,.footer-place{display: flex;align-items: center;min-height: 40px;text-decoration: none}.footer-col a{min-height: 44px;min-width: 44px}.footer-col a:hover{text-decoration: underline;text-underline-offset: 4px}.footer-mail{text-decoration: underline 1px !important;text-underline-offset: 4px}.footer-place{color: var(--color-ink-2)}.footer-bottom{display: flex;justify-content: space-between;gap: 8px;margin-top: 56px;padding-top: 20px;border-top: 1px solid var(--color-rule);font-family: var(--font-mono);font-size: 13px;line-height: 18px;color: var(--color-ink-2)}@media (max-width: 899px){.site-footer{padding-top: 48px;padding-bottom: 32px}.footer-top{flex-direction: column;gap: 32px}.footer-cols{flex-wrap: wrap;column-gap: 48px;row-gap: 28px}.footer-bottom{flex-direction: column;margin-top: 40px}}.stretch{text-decoration: none}.stretch::after{content: "";position: absolute;inset: 0}.stretch:hover{text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 4px}.stretch:focus-visible{outline: none}.stretch:focus-visible::after{outline: 2px solid var(--focus);outline-offset: 2px}.only-narrow{display: none}@media (max-width: 767px){.only-wide{display: none !important}.only-narrow{display: inline}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition: none !important;animation: none !important;scroll-behavior: auto !important}}.ill text{font-family: var(--font-sans)}.ill .i-mono,.ill .i-mono text,.ill text.i-mono{font-family: var(--font-mono)}.i-page{fill: var(--ill-page);stroke: var(--ill-edge)}.i-crop{fill: none;stroke: var(--color-ink-2)}.i-dash{fill: none;stroke: var(--ill-dash);stroke-dasharray: 3 2}.i-tag{fill: none;stroke: var(--color-orange);stroke-width: 1.5}.i-axis,.i-leader{fill: none;stroke: var(--ill-dash)}.i-leader-tag{fill: none;stroke: var(--color-orange)}.i-row{fill: none;stroke: var(--ill-edge)}.i-head-rule{fill: none;stroke: var(--color-ink);stroke-width: 0.75}.i-bar{fill: var(--ill-bar)}.i-bar-hi{fill: var(--color-ink)}.i-faint{fill: var(--color-ink-2)}.i-ink{fill: var(--color-ink)}.i-body{fill: var(--ill-body)}.i-good{fill: var(--color-good)}.i-chip{fill: var(--ill-chip);stroke: var(--ill-dash)}.i-chip-tag{fill: var(--color-orange)}.i-on-tag{fill: var(--color-on-orange)}.i-note{fill: var(--ill-page);stroke: var(--color-ink)}.proof{position: relative;background: var(--color-wash);border-radius: var(--radius-xl);overflow: hidden}.proof-art{position: relative;aspect-ratio: 588 / 600}.proof-art svg{width: 100%;height: 100%}.proof-slug{position: absolute;left: 19.39%;width: 61.22%;top: 92.67%;display: flex;align-items: center;justify-content: space-between;gap: 8px;font-family: var(--font-mono);font-size: 11px;line-height: 16px;color: var(--color-ink-2)}.proof-ok{display: inline-flex;align-items: center;gap: 6px;color: var(--color-good);font-weight: 700}.proof-dot{width: 7px;height: 7px;border-radius: 999px;background: var(--color-good)}@media (max-width: 767px){.proof{border-radius: var(--radius-lg)}.proof-slug{left: 6%;width: 88%;top: auto;bottom: 3.5%}.proof-page{display: none}}.ba-ground{fill: var(--color-wash)}.ba-arrow{fill: none;stroke: var(--color-ink);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.ba-label{font-size: 13px}@media (max-width: 767px){.ba-label{font-size: 20px}.ba .ba-tag{stroke-width: 2.5}.ba-arrow{stroke-width: 3}}.hero{display: flex;align-items: center;gap: 72px;padding-top: 64px;padding-bottom: 112px}.hero-copy{flex: 0 1 620px;display: flex;flex-direction: column;gap: 28px}.hero-copy .display{max-width: 590px}.hero-copy .lead{max-width: 560px}.hero-actions{display: flex;flex-wrap: wrap;gap: 12px;padding-top: 8px}.hero-figure{flex: 0 1 588px;min-width: 0;margin-left: auto}.hero-how{padding-bottom: 104px}.hero-how .hero-copy{flex-basis: 600px;gap: 24px}.hero-how .hero-figure{flex-basis: 568px}.ba-figure svg{width: 100%;height: auto}.ba-figure{position: relative}.ba-figure figcaption{position: absolute;left: 6.34%;right: 6.34%;top: 87%}.flow{font-family: var(--font-mono);font-size: 14px;line-height: 20px;color: var(--color-ink-2);word-spacing: 2px}.flow strong{color: var(--color-ink)}.hero-dev{gap: 64px;padding-bottom: 104px}.hero-dev .hero-copy{flex: 0 0 560px;gap: 24px}.hero-dev .code{flex: 1 1 0}@media (max-width: 1099px){.hero,.hero-dev{flex-direction: column;align-items: stretch;gap: 40px;padding-top: 36px;padding-bottom: 64px}.hero-copy,.hero-dev .hero-copy,.hero-how .hero-copy{flex-basis: auto;gap: 20px;max-width: 640px}.hero-figure,.hero-how .hero-figure{flex: none;margin-left: 0;width: 100%;max-width: 588px}.hero-how{gap: 28px}.hero-dev{gap: 24px}.hero-dev .code{flex: none}}@media (max-width: 767px){.hero-actions{flex-direction: column;gap: 10px;padding-top: 4px}.hero-actions .btn{width: 100%}.flow{font-size: 13px}.ba-figure figcaption{position: static;margin-top: 12px}}.steps{display: grid;grid-template-columns: 1fr 1fr;gap: 32px}.step{display: flex;flex-direction: column;gap: 24px}.step-intro{display: flex;flex-direction: column;gap: 10px}.step-intro .h3{font-size: 26px;line-height: 32px}.report{border-top: 1px solid var(--color-ink)}.report-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding-block: 14px;border-bottom: 1px solid var(--color-rule)}.report-head strong{font-weight: 700}.good{display: inline-flex;align-items: center;gap: 8px;color: var(--color-good)}.good-dot{width: 8px;height: 8px;border-radius: 999px;background: var(--color-good)}.report-list li{display: flex;flex-direction: column;gap: 2px;padding-block: 12px;border-bottom: 1px solid var(--color-rule)}.report-list li:last-child{border-bottom: 0}.report-list strong{font-weight: 600}.report-list .meta{font-size: 12px}.changes li{flex-direction: row;align-items: flex-start;gap: 12px}.step-foot{margin-top: auto;padding-top: 16px;border-top: 1px solid var(--color-rule)}@media (max-width: 1023px){.steps{grid-template-columns: 1fr;gap: 20px}}@media (max-width: 767px){.report-head{flex-direction: column;align-items: flex-start;gap: 4px}}.api{display: flex;align-items: flex-start;gap: 72px}.api-copy{flex: 0 0 520px;display: flex;flex-direction: column;gap: 24px}.api .code{flex: 1 1 0}.endpoints-mini>div{display: flex;flex-direction: column;gap: 2px;padding-block: 12px}.endpoints-mini dt{font-size: 14px;line-height: 20px;font-weight: 700}@media (max-width: 1099px){.api{flex-direction: column;align-items: stretch;gap: 32px}.api-copy{flex-basis: auto;max-width: 640px}.api .code{flex: none}}.teaser-head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: 40px}.teaser-list{display: grid;grid-template-columns: repeat(3,1fr);gap: 32px}.teaser{position: relative;display: flex;flex-direction: column;gap: 12px;padding-top: 20px;border-top: 2px solid var(--color-ink)}.teaser h3{font-size: 24px;line-height: 30px;font-weight: 700;letter-spacing: -0.015em}.teaser>p:last-child{color: var(--color-ink-2)}@media (max-width: 899px){.teaser-head{margin-bottom: 24px}.teaser-list{grid-template-columns: 1fr;gap: 28px}}.with-chip.h2{gap: 12px}.rule-table thead th{padding-block: 12px;border-bottom: 1px solid var(--color-rule);font-family: var(--font-mono);font-size: 12px;line-height: 18px;color: var(--color-ink-2)}.rule-table{border-top: 2px solid var(--color-ink)}.rule-table td{padding-block: 12px;border-bottom: 1px solid var(--color-rule);vertical-align: baseline}.rule-table th:first-child,.rule-table td:first-child{width: 76px;padding-right: 20px}.rule-table th:last-child,.rule-table td:last-child{width: 148px;padding-left: 20px}.rt-rule{font-family: var(--font-mono);font-size: 14px;font-weight: 700}.rt-wcag{font-family: var(--font-mono);font-size: 13px;color: var(--color-ink-2)}.table-note{padding-top: 14px}@media (max-width: 767px){.rule-table thead{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.rule-table,.rule-table tbody{display: block}.rule-table tr{display: flex;flex-wrap: wrap;column-gap: 0;padding-block: 12px;border-bottom: 1px solid var(--color-rule)}.rule-table td{display: block;padding: 0 !important;border: 0;width: auto !important}.rule-table td:nth-child(2){order: -1;flex-basis: 100%}.rule-table .rt-rule,.rule-table .rt-wcag{font-family: var(--font-mono);font-size: 12px;line-height: 18px;font-weight: 400;color: var(--color-ink-2);margin-top: 2px}.rule-table .rt-wcag::before{content: "\00a0·\00a0WCAG\00a0"}}.fix-cards{display: grid;grid-template-columns: 1fr 1fr;gap: 32px}.fix-card{display: flex;flex-direction: column;gap: 20px}.fix-title{display: flex;align-items: center;gap: 12px;font-size: 24px;line-height: 30px;font-weight: 800;letter-spacing: -0.02em}.fix-title .badge{width: 44px}.pairs>div{display: flex;justify-content: space-between;gap: 16px;padding-block: 12px}.pairs dt{font-weight: 600}.pairs dd{color: var(--color-ink-2);text-align: right}.fix-note{margin-top: 48px}@media (max-width: 1023px){.fix-cards{grid-template-columns: 1fr;gap: 20px}.fix-note{margin-top: 24px}}@media (max-width: 767px){.fix-card{gap: 14px;padding: 20px;border-radius: var(--radius-lg)}.fix-title{font-size: 20px;line-height: 26px;gap: 10px}.fix-title .badge{width: 40px;padding-block: 2px}.pairs>div{flex-direction: column;gap: 0;padding-block: 10px}.pairs dd{text-align: left;font-size: var(--text-sm);line-height: var(--leading-sm)}}.quad{display: grid;grid-template-columns: repeat(4,1fr);gap: 32px}.quad>li{display: flex;flex-direction: column;gap: 10px;padding-top: 20px;border-top: 2px solid var(--color-ink)}.quad h3{font-size: 20px;line-height: 28px;font-weight: 700}@media (max-width: 1023px){.quad{grid-template-columns: 1fr 1fr}}@media (max-width: 767px){.quad{grid-template-columns: 1fr;gap: 20px}.quad>li{gap: 6px;padding-top: 14px}.quad h3{font-size: 18px;line-height: 26px}}.leftover{display: flex;flex-direction: column;gap: 16px}.banner{display: flex;align-items: flex-start;gap: 14px;padding: 18px 20px;background: var(--color-orange-wash);border: 1px solid #F7C9B0;border-radius: var(--radius-lg)}.banner svg{flex-shrink: 0}.banner-icon{fill: var(--color-orange-ink)}.banner-mark{stroke: var(--color-ground)}.banner-dot{fill: var(--color-ground)}.banner-title{font-size: 17px;line-height: 24px;font-weight: 700;margin-bottom: 2px}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .banner{border-color: #4A2616}}:root[data-theme="dark"] .banner{border-color: #4A2616}.issue{display: flex;flex-direction: column;gap: 10px;padding: 24px;border: 1px solid var(--color-rule);border-radius: var(--radius-lg)}.issue-title{font-size: 18px;line-height: 26px;font-weight: 700}.issue-title .muted{font-size: 16px;font-weight: 400}.issue-rows{display: flex;flex-direction: column;gap: 6px}.issue-rows>div{display: flex;gap: 8px}.issue-rows dt{flex: 0 0 96px;font-size: var(--text-sm);line-height: 22px;color: var(--color-ink-2)}.issue-rows dd.mono{font-size: 14px;line-height: 22px}@media (max-width: 767px){.banner{padding: 16px;gap: 12px}.banner .muted{font-size: var(--text-sm);line-height: var(--leading-sm)}.issue{padding: 20px}.issue-rows>div{flex-direction: column;gap: 0}.issue-rows dt{flex-basis: auto}.issue-rows dd.mono{font-size: 13px;line-height: 20px;overflow-wrap: anywhere}}.limits-title{margin-bottom: 40px}.stats .stat{font-size: clamp(34px,30.48px + 0.939vw,44px);line-height: clamp(40px,37.18px + 0.751vw,48px);font-weight: 800;letter-spacing: var(--tracking-display)}.stats>li{gap: 8px}@media (max-width: 767px){.limits-title{margin-bottom: 24px}.stats>li{gap: 4px}}.doc-links a{display: flex;align-items: center;justify-content: space-between;gap: 16px;min-height: 56px;padding-block: 6px;text-decoration: none}.doc-link-name{color: var(--color-orange-ink);font-weight: 700;text-decoration: underline 1px;text-underline-offset: 4px}.doc-links a:hover .doc-link-name{text-decoration-thickness: 2px}@media (max-width: 767px){.doc-links a{flex-direction: column;align-items: flex-start;justify-content: center;gap: 0}.doc-links .meta{font-size: 12px}}.start-title{margin-bottom: 48px}.three-steps{display: flex;flex-direction: column;gap: 48px}.dev-step{display: flex;align-items: flex-start;gap: 64px}.dev-step-copy{flex: 0 0 400px;display: flex;flex-direction: column;gap: 10px}.dev-step-copy .h3{font-size: 26px;line-height: 32px}.dev-step .code{flex: 1 1 0}@media (max-width: 1023px){.start-title{margin-bottom: 32px}.three-steps{gap: 32px}.dev-step{flex-direction: column;align-items: stretch;gap: 14px}.dev-step-copy{flex-basis: auto}.dev-step .code{flex: none}.dev-step-copy .h3{font-size: 22px;line-height: 28px;gap: 10px}.dev-step-copy .section-lead{font-size: 16px;line-height: 24px}}.api-table{border-top: 2px solid var(--color-ink)}.api-table td{padding-block: 13px;border-bottom: 1px solid var(--color-rule);vertical-align: baseline}.api-table tr:last-child td{border-bottom: 0}.api-table .m{width: 96px;font-family: var(--font-mono);font-size: 14px;line-height: 22px;font-weight: 700}.api-table .p{width: 520px;padding-right: 24px;font-family: var(--font-mono);font-size: 14px;line-height: 22px}.api-table .d{color: var(--color-ink-2)}.error-table{background: var(--color-ground);border-radius: 0 0 var(--radius-lg) var(--radius-lg)}.error-table td{padding-block: 11px}.error-table td:first-child{padding-left: 20px}.error-table td:last-child{padding-right: 20px}.error-table .m{width: 60px}.error-table .p{width: 220px;padding-right: 20px}.error-table .d{font-size: var(--text-sm);line-height: 22px}@media (max-width: 899px){.api-table,.api-table tbody{display: block}.api-table tr{display: block;padding-block: 12px;border-bottom: 1px solid var(--color-rule)}.api-table tr:last-child{border-bottom: 0}.api-table td{display: inline;padding: 0 !important;border: 0;width: auto !important}.api-table .m,.api-table .p{font-size: 13px;line-height: 20px}.api-table .m{margin-right: 1ch}.api-table .d{display: block;margin-top: 4px;font-size: var(--text-sm);line-height: 22px}.error-table{padding-inline: 16px;border-radius: 0 0 var(--radius-lg) var(--radius-lg)}.error-table tr{padding-block: 10px}.error-table .d{margin-top: 0}}.ref{display: flex;align-items: flex-start;gap: 48px}.ref-aside{flex: 0 0 440px;display: flex;flex-direction: column;gap: 40px}.ref-block{display: flex;flex-direction: column;gap: 12px}.ref-main{flex: 1 1 0;min-width: 0;display: flex;flex-direction: column;gap: 16px}.ref-title{font-size: clamp(26px,24.59px + 0.376vw,30px);line-height: clamp(32px,30.59px + 0.376vw,36px);font-weight: 800;letter-spacing: -0.02em}code.inline{color: var(--color-ink);font-size: 0.94em;overflow-wrap: anywhere}.ref .code-sm .code-body{padding: 18px 20px}@media (max-width: 1023px){.ref{flex-direction: column;gap: 36px}.ref-aside{flex-basis: auto;gap: 36px}.ref-block{gap: 10px}.ref .section-lead{font-size: 16px;line-height: 24px}.ref-main{width: 100%;gap: 14px}.ref .code-sm .code-body{padding: 14px 16px}}.split-dev .split-aside{flex-basis: 400px}.split-dev{gap: 64px}@media (max-width: 1023px){.split-dev{gap: 20px}.split-dev .split-aside{flex-basis: auto}}.pricing-title{max-width: 560px}.pricing-plans{padding-bottom: var(--section)}.checks li{display: flex;align-items: flex-start;gap: 14px;padding-block: 14px;font-size: 17px;line-height: 26px}.checks svg{flex-shrink: 0;margin-top: 4px;color: var(--color-good)}.count-card{background: var(--color-ground);border-top: 2px solid var(--color-ink);border-radius: 0 0 var(--radius-xl) var(--radius-xl);padding-inline: 24px}.count-table th,.count-table td{padding-block: 14px;border-bottom: 1px solid var(--color-rule)}.count-table tr:last-child td{border-bottom: 0}.count-table th{padding-block: 12px;font-family: var(--font-mono);font-size: 12px;line-height: 18px;color: var(--color-ink-2)}.count-table td{font-size: 17px;line-height: 26px}.count-table th:last-child,.count-table td:last-child{text-align: right;padding-left: 24px}.count-table td:last-child{font-weight: 700}.faq>div{display: flex;flex-direction: column;gap: 8px;padding-block: 20px}.faq h3{font-size: 20px;line-height: 28px;font-weight: 700}.faq p{font-size: 17px;line-height: 26px}@media (max-width: 767px){.checks li{gap: 12px;padding-block: 12px;font-size: 16px;line-height: 24px}.checks svg{margin-top: 3px}.count-card{padding-inline: 16px;border-radius: 0 0 var(--radius-lg) var(--radius-lg)}.count-table th{padding-block: 10px}.count-table td{padding-block: 12px;font-size: 16px;line-height: 24px}.faq>div{gap: 6px;padding-block: 16px}.faq h3{font-size: 18px;line-height: 26px}.faq p{font-size: 16px;line-height: 24px}}.featured{display: flex;align-items: center;gap: 64px;padding-top: 40px;padding-bottom: 72px}.featured-copy{flex: 1 1 0;display: flex;flex-direction: column;gap: 16px;padding-top: 28px;border-top: 2px solid var(--color-ink)}.featured-figure{flex: 0 0 568px;order: 2}.featured-figure svg{width: 100%;height: auto}.featured-title{font-size: clamp(30px,25.07px + 1.315vw,44px);line-height: clamp(34px,28.72px + 1.408vw,48px);font-weight: 800;letter-spacing: var(--tracking-display)}.featured-title a{text-decoration: none}.featured-title a:hover{text-decoration: underline;text-decoration-thickness: 3px;text-underline-offset: 6px}.featured-dek{font-size: clamp(17px,15.94px + 0.282vw,20px);line-height: clamp(26px,24.59px + 0.376vw,30px);color: var(--color-ink-2)}.post-list-wrap{padding-bottom: 40px}.post-list{border-top: 1px solid var(--color-ink)}.post-row{position: relative;display: flex;align-items: baseline;gap: 48px;padding-block: 28px;border-bottom: 1px solid var(--color-rule)}.post-row-date{flex: 0 0 180px;line-height: 20px}.post-row-main{flex: 1 1 0;display: flex;flex-direction: column;gap: 8px}.post-row-main h3{font-size: 26px;line-height: 32px;font-weight: 700;letter-spacing: -0.015em}.post-row-main p{font-size: 17px;line-height: 26px;color: var(--color-ink-2)}.post-row-time{flex: 0 0 80px;text-align: right;line-height: 20px}.pager{display: flex;align-items: center;justify-content: space-between;gap: 16px;padding-top: 24px;padding-bottom: 104px}.pager-links{display: flex;gap: 12px}@media (max-width: 1099px){.featured{flex-direction: column;align-items: stretch;gap: 20px;padding-top: 0;padding-bottom: 40px}.featured-figure{order: 0;flex-basis: auto;max-width: 568px}.featured-copy{gap: 12px;padding-top: 20px}}@media (max-width: 767px){.post-list-wrap{padding-bottom: 16px}.post-row{flex-direction: column;gap: 8px;padding-block: 20px}.post-row-date{flex-basis: auto;font-size: 12px;line-height: 18px}.post-row-main h3{font-size: 22px;line-height: 28px}.post-row-main p{font-size: 16px;line-height: 24px}.pager{padding-top: 16px;padding-bottom: 64px}}.blog-empty{padding-top: 40px;padding-bottom: 104px}.blog-empty>*{max-width: 680px}.blog-empty-title{padding-top: 28px;border-top: 2px solid var(--color-ink);font-size: clamp(22px,20.59px + 0.376vw,26px);line-height: clamp(28px,26.59px + 0.376vw,32px);font-weight: 700;letter-spacing: -0.015em;margin-bottom: 8px}.blog-empty .muted{font-size: clamp(17px,16.65px + 0.094vw,18px);line-height: clamp(26px,25.3px + 0.188vw,28px)}.blog-empty a{color: var(--color-orange-ink);font-weight: 700;text-underline-offset: 4px}@media (max-width: 767px){.blog-empty{padding-top: 0;padding-bottom: 64px}.blog-empty-title{padding-top: 20px}}.post{max-width: calc(680px + 2 * var(--gutter));margin-inline: auto;padding: 56px var(--gutter) 104px}.post-head{display: flex;flex-direction: column;gap: 20px;padding-bottom: 32px;border-bottom: 1px solid var(--color-rule)}.crumbs{display: flex;align-items: center;gap: 0;font-size: 15px;line-height: 20px;color: var(--color-ink-2);margin-block: -12px}.crumbs a{display: inline-flex;align-items: center;min-height: 44px;min-width: 44px;text-decoration: underline 1px;text-underline-offset: 3px}.post-title{font-size: clamp(34px,26.96px + 1.878vw,56px);line-height: clamp(38px,30.96px + 1.878vw,60px);font-weight: 800;letter-spacing: var(--tracking-display)}.post-dek{font-size: clamp(19px,17.94px + 0.282vw,22px);line-height: clamp(28px,26.59px + 0.376vw,32px);color: var(--color-ink-2)}.prose{padding-top: 36px;font-size: clamp(17px,16.65px + 0.094vw,18px);line-height: clamp(28px,27.3px + 0.188vw,30px)}.prose>* + *{margin-top: 20px}.prose h2{padding-top: 16px;font-size: clamp(24px,22.59px + 0.376vw,28px);line-height: clamp(30px,28.59px + 0.376vw,34px);font-weight: 800;letter-spacing: -0.02em}.prose h3{padding-top: 8px;font-size: 20px;line-height: 28px;font-weight: 700}.prose a{color: var(--color-orange-ink);text-underline-offset: 3px}.prose ul{padding-left: 1.2em;list-style: disc}.prose ol{padding-left: 1.4em;list-style: decimal}.prose li + li{margin-top: 8px}.prose code:not(pre code){font-size: 0.9em;background: var(--color-wash);padding: 1px 5px;border-radius: var(--radius-sm)}.prose .code{margin-block: 28px}.callout{background: var(--color-wash);border-radius: var(--radius-lg);padding: 20px 24px}.post-figure{margin-block: 36px}.post-figure .proof{aspect-ratio: 680 / 600;display: flex;justify-content: center}.post-figure .proof-art{height: 100%}.post-figure figcaption,.post-image figcaption{margin-top: 12px;font-size: var(--text-sm);line-height: var(--leading-sm);color: var(--color-ink-2)}.post-image img{border-radius: var(--radius-lg)}.post-cta{display: flex;align-items: center;justify-content: space-between;gap: 32px;margin-top: 48px;padding: 28px;border: 1px solid var(--color-ink);border-radius: var(--radius-xl)}.post-cta h2{font-size: 22px;line-height: 28px;font-weight: 800;letter-spacing: -0.015em;margin-bottom: 6px}.post-cta p{color: var(--color-ink-2)}.post-cta .btn{flex-shrink: 0;min-height: 48px;padding-inline: 20px;font-size: 16px}.legal .post-head{border-bottom: 1px solid var(--color-rule)}@media (max-width: 767px){.post{padding-top: 32px;padding-bottom: 64px}.post-head{gap: 18px;padding-bottom: 20px}.prose{padding-top: 26px}.prose>* + *{margin-top: 18px}.prose h2{padding-top: 12px}.post-figure{margin-block: 16px}.post-figure .proof{aspect-ratio: auto;display: block}.post-figure .proof-art{height: auto}.post-figure figcaption{margin-top: 10px}.post-cta{flex-direction: column;align-items: stretch;gap: 16px;padding: 22px;border-radius: var(--radius-lg)}.post-cta h2{font-size: 20px;line-height: 26px}.post-cta .btn{width: 100%}}.not-found{display: flex;flex-direction: column;gap: 20px;padding-bottom: 104px;max-width: calc(760px + 2 * var(--gutter));margin-inline: 0}.not-found-links{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 8px}@media (min-width: 1441px){.not-found{margin-inline: auto;max-width: calc(var(--wrap) + 2 * var(--gutter))}}