:root{--primitive-color-blue-300: #8EA6FF; --primitive-color-blue-600: #2448C9; --primitive-color-orange-300: #F08A63; --primitive-color-orange-600: #C2502A; --color-bg: #F7F5F0; --color-surface: #FFFFFF; --color-ink: #17191C; --color-muted: #585E68; --color-border: #E2DED5; --color-primary: #2448C9; --color-primary-ink: #FFFFFF; --color-accent: #C2502A; --color-accent-ink: #FFFFFF; --color-focus: #2448C9; --font-display: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif; --font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: 1.0625rem; --text-lg: 1.25rem; --text-xl: 1.625rem; --text-2xl: 2.25rem; --text-3xl: clamp(2.25rem, 4.5vw + 1rem, 4rem); --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-6: 1.5rem; --space-8: 2rem; --space-12: 3rem; --space-16: 4rem; --space-24: 6rem; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 18px; --radius-pill: 999px; --layout-max: 1120px; --layout-measure: 68ch; --breakpoint-sm: 480px; --breakpoint-md: 720px; --breakpoint-lg: 1080px; --breakpoint-xl: 1440px; --device-phone: 320px; --device-phone-lg: 480px; --device-tablet: 720px; --device-laptop: 1080px; --device-desktop: 1280px; --device-wide: 1600px; --state-hover-brightness: 1.08; --state-disabled-opacity: 0.45; --state-focus-width: 3px; --state-transition: filter 120ms ease, border-color 120ms ease; --component-button-bg: var(--color-primary); --component-button-ink: var(--color-primary-ink); --component-button-radius: var(--radius-pill); --component-button-min-height: 44px; --component-button-min-width: 44px; --component-input-min-height: 44px; --component-focus-ring: var(--color-focus); color-scheme: light dark;}

@media (prefers-color-scheme: dark){:root{--color-bg: #121316; --color-surface: #1B1D21; --color-ink: #EDEBE6; --color-muted: #A3A8B0; --color-border: #2C2F35; --color-primary: #8EA6FF; --color-primary-ink: #0D1330; --color-accent: #F08A63; --color-accent-ink: #24100A; --color-focus: #8EA6FF;}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--color-bg);color:var(--color-ink);font:400 var(--text-md)/1.6 var(--font-body);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
picture{display:block}.atr-cover{width:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}.atr-fx-0{--fx:0%}.atr-fy-0{--fy:0%}.atr-fx-1{--fx:10%}.atr-fy-1{--fy:10%}.atr-fx-2{--fx:20%}.atr-fy-2{--fy:20%}.atr-fx-3{--fx:30%}.atr-fy-3{--fy:30%}.atr-fx-4{--fx:40%}.atr-fy-4{--fy:40%}.atr-fx-5{--fx:50%}.atr-fy-5{--fy:50%}.atr-fx-6{--fx:60%}.atr-fy-6{--fy:60%}.atr-fx-7{--fx:70%}.atr-fy-7{--fy:70%}.atr-fx-8{--fx:80%}.atr-fy-8{--fy:80%}.atr-fx-9{--fx:90%}.atr-fy-9{--fy:90%}.atr-fx-10{--fx:100%}.atr-fy-10{--fy:100%}
a{color:var(--color-primary);text-underline-offset:0.18em}
:focus-visible{outline:var(--state-focus-width) solid var(--color-focus);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;letter-spacing:-0.01em;margin:0 0 var(--space-4);font-weight:600}
h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}
p{margin:0 0 var(--space-4)}
.atr-skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--color-surface);padding:var(--space-2) var(--space-4);z-index:10}
.atr-skip:focus{inset-inline-start:var(--space-4)}
.atr-wrap{max-width:var(--layout-max);margin:0 auto;padding:0 var(--space-6)}
.atr-wrap--measure{max-width:calc(var(--layout-measure) + 2 * var(--space-6))}
.atr-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}
.atr-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:64px;flex-wrap:wrap}
.atr-brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-ink);text-decoration:none}
.atr-nav ul{display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0;flex-wrap:wrap}
.atr-nav a{color:var(--color-muted);text-decoration:none;font-size:var(--text-sm)}
.atr-nav a:hover,.atr-nav a[aria-current="page"]{color:var(--color-ink)}
.atr-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.12em;color:var(--color-accent);font-weight:600;margin-bottom:var(--space-4)}
.atr-hero{padding:var(--space-24) 0 var(--space-16)}
.atr-hero--center{text-align:center}.atr-hero--center .atr-hero__sub{margin-inline:auto}.atr-hero--center .atr-actions{justify-content:center}
.atr-hero__title{font-size:var(--text-3xl);max-width:18ch;margin-bottom:var(--space-6)}
.atr-hero--center .atr-hero__title{margin-inline:auto}
.atr-hero__sub{font-size:var(--text-lg);color:var(--color-muted);max-width:52ch;margin-bottom:var(--space-8)}
.atr-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
.atr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--component-button-min-height,44px);min-width:var(--component-button-min-width,0);padding:0 var(--space-6);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit}
.atr-btn--primary{background:var(--component-button-bg,var(--color-primary));color:var(--color-primary-ink)}
.atr-btn{transition:var(--state-transition)}
.atr-btn--primary:hover{filter:brightness(var(--state-hover-brightness))}
.atr-btn--ghost{background:transparent;color:var(--color-ink);border-color:var(--color-border)}
.atr-btn--ghost:hover{border-color:var(--color-ink)}
.atr-btn--on-color{background:var(--color-surface);color:var(--color-ink)}
.atr-section{padding:var(--space-16) 0}
.atr-section__title{font-size:var(--text-2xl);max-width:24ch}
.atr-section__intro{color:var(--color-muted);font-size:var(--text-lg);max-width:56ch;margin-bottom:var(--space-8)}
.atr-grid{display:grid;gap:var(--space-6)}
@media (min-width:720px){.atr-grid--2{grid-template-columns:repeat(2,1fr)}.atr-grid--3{grid-template-columns:repeat(3,1fr)}.atr-columns--split{grid-template-columns:1fr 1fr}.atr-columns--wide-left{grid-template-columns:2fr 1fr}.atr-columns--wide-right{grid-template-columns:1fr 2fr}.atr-columns--thirds{grid-template-columns:repeat(3,1fr)}}
.atr-columns__grid{display:grid;gap:var(--space-8);align-items:start}
.atr-slot>.atr-block>section{padding:0}.atr-slot>.atr-block>section>.atr-wrap{padding:0;max-width:none}.atr-slot>.atr-block+.atr-block{margin-top:var(--space-6)}
.atr-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}
.atr-card h3{margin-bottom:var(--space-2)}.atr-card p{color:var(--color-muted);margin:0}
.atr-prose h2{margin-top:var(--space-8)}.atr-prose h3{margin-top:var(--space-6)}
.atr-prose ul{padding-inline-start:1.2em;margin:0 0 var(--space-4)}.atr-prose li{margin-bottom:var(--space-1)}
.atr-prose code{font-family:var(--font-mono);font-size:0.9em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 0.3em}
.atr-prose h4{font-size:var(--text-md);margin-top:var(--space-4)}
.atr-prose ol{padding-inline-start:1.4em;margin:0 0 var(--space-4)}
.atr-prose blockquote{margin:0 0 var(--space-4);padding-inline-start:var(--space-4);border-inline-start:3px solid var(--color-border);color:var(--color-muted)}
.atr-table-wrap{overflow-x:auto;max-width:100%;margin:0 0 var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.atr-table-wrap:focus-visible{outline:var(--state-focus-width) solid var(--color-focus);outline-offset:2px}
.atr-table{border-collapse:collapse;width:100%;min-width:max-content;font-size:var(--text-sm);line-height:1.5}
.atr-table caption{caption-side:top;text-align:start;font-weight:600;padding:var(--space-3) var(--space-4);color:var(--color-ink)}
.atr-table th,.atr-table td{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}
.atr-table td{max-width:48ch;min-width:8ch}
.atr-table thead th{background:var(--color-surface);font-weight:600;white-space:nowrap;border-bottom:2px solid var(--color-border)}
.atr-table tbody tr:last-child td{border-bottom:0}
.atr-table--striped tbody tr:nth-child(even){background:var(--color-surface)}
.atr-table .atr-align-center{text-align:center}.atr-table .atr-align-right{text-align:end}
.atr-table code{white-space:nowrap}
.atr-tablefig{margin:0}
.atr-prose pre.atr-code,.atr-code{margin:0 0 var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.5;tab-size:2}
.atr-code:focus-visible{outline:var(--state-focus-width) solid var(--color-focus);outline-offset:2px}
.atr-prose pre.atr-code code,.atr-code code{background:none;border:0;padding:0;font-size:inherit;white-space:pre}
.atr-stats__list{display:grid;gap:var(--space-6);margin:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.atr-stat{border-top:2px solid var(--color-ink);padding-top:var(--space-4)}
.atr-stat dd{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin:0;order:-1}
.atr-stat{display:flex;flex-direction:column}
.atr-stat dt{color:var(--color-muted);font-size:var(--text-sm)}
.atr-quote{margin:0;border-inline-start:3px solid var(--color-accent);padding-inline-start:var(--space-6)}
.atr-quote blockquote{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.35}
.atr-quote figcaption{color:var(--color-muted);font-size:var(--text-sm)}
.atr-figure{margin:0}.atr-figure img{border-radius:var(--radius-lg);border:1px solid var(--color-border)}
.atr-figure figcaption{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-3)}
.atr-faq details{border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}
.atr-faq summary{cursor:pointer;font-weight:600;list-style-position:outside}
.atr-faq details>div{color:var(--color-muted);padding-top:var(--space-3)}
.atr-cta{padding:var(--space-12) 0;margin:var(--space-8) 0}
.atr-cta--primary{background:var(--color-primary);color:var(--color-primary-ink)}
.atr-cta--accent{background:var(--color-accent);color:var(--color-accent-ink)}
.atr-cta--quiet{background:var(--color-surface);border-block:1px solid var(--color-border)}
.atr-cta--quiet .atr-btn--on-color{background:var(--color-primary);color:var(--color-primary-ink)}
.atr-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}
.atr-cta h2{margin-bottom:var(--space-2)}.atr-cta p{margin:0;opacity:0.9}
.atr-footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-16)}
.atr-footer__inner{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.atr-footer button{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.atr-consent{position:fixed;inset:auto var(--space-4) var(--space-4) var(--space-4);max-width:560px;margin-inline-start:auto;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 12px 40px rgba(0,0,0,.18);z-index:50}
.atr-consent__text{font-size:var(--text-sm);margin-bottom:var(--space-4)}
.atr-consent__text strong{display:block;font-size:var(--text-md);margin-bottom:var(--space-1)}
.atr-consent__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}
.atr-consent label{display:flex;gap:var(--space-2);align-items:center;font-size:var(--text-sm);margin-bottom:var(--space-2)}
.atr-preview-bar{position:sticky;top:0;z-index:60;background:var(--color-accent);color:var(--color-accent-ink);font:600 var(--text-xs)/1 var(--font-body);padding:var(--space-2) var(--space-4);text-align:center;letter-spacing:.04em}
/* RTL: directional glyphs mirror under :dir(rtl) */
:dir(rtl) .atr-breadcrumbs__list li+li::before,:dir(rtl) .atr-caret,:dir(rtl) .atr-arrow,:dir(rtl) .atr-icon-next,:dir(rtl) .atr-icon-prev,:dir(rtl) .atr-pager a[rel=next]::after,:dir(rtl) .atr-pager a[rel=prev]::before{display:inline-block;transform:scaleX(-1)}

.atr-muted{color:var(--color-muted)}
.atr-post{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}
.atr-post__title{font-size:var(--text-xl);margin:0 0 var(--space-2)}.atr-post__title a{color:var(--color-ink);text-decoration:none}.atr-post__title a:hover{text-decoration:underline}
.atr-post__meta{color:var(--color-muted);font-size:var(--text-sm);margin:0 0 var(--space-3)}
.atr-post__summary{margin:0 0 var(--space-3)}.atr-post__hero{margin-top:var(--space-4)}
.atr-kind{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:var(--text-xs)}
.atr-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0 0 var(--space-3);padding:0}
.atr-tags a{display:inline-block;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-xs);text-decoration:none;color:var(--color-ink)}
.atr-pager,.atr-postnav__inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;flex-wrap:wrap}
.atr-postnav{border-top:1px solid var(--color-border);margin-top:var(--space-8)}
.atr-search__row{display:flex;gap:var(--space-3);flex-wrap:wrap}
.atr-search__label{display:block;font-weight:600;margin-bottom:var(--space-2)}
.atr-search__input{flex:1;min-width:12rem;min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font:inherit;background:var(--color-bg);color:var(--color-ink)}
.atr-search__list{list-style:none;margin:0;padding:0}.atr-search__item{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}
.atr-search__item h3{margin:0 0 var(--space-1);font-size:var(--text-lg)}.atr-search__url{color:var(--color-muted);font-size:var(--text-xs);margin:0 0 var(--space-2)}
.atr-search mark,.atr-posts mark{background:var(--color-accent);color:var(--color-accent-ink);padding:0 2px;border-radius:2px}.atr-breadcrumbs{padding:var(--space-3) 0;font-size:var(--text-sm)}
.atr-breadcrumbs__list{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);list-style:none;margin:0;padding:0}
.atr-breadcrumbs__list li+li::before{content:"/";color:var(--color-muted);margin-inline-end:var(--space-2)}
.atr-breadcrumbs a{color:var(--color-ink)}
.atr-menu{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);list-style:none;margin:0;padding:0}
.atr-menu__label{font-weight:600;color:var(--color-muted)}
.atr-menu .atr-menu{flex-direction:column;gap:var(--space-1);padding-inline-start:var(--space-3);font-size:var(--text-sm)}
.atr-footnav{font-size:var(--text-sm)}

.atr-compare__scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.atr-compare__scroll:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.atr-compare__table{border-collapse:collapse;width:100%;min-width:32rem}
.atr-compare__table caption{text-align:start;font-weight:600;padding:var(--space-2) 0;color:var(--color-muted)}
.atr-compare__table th,.atr-compare__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:start;vertical-align:top}
.atr-compare__table thead th{border-bottom:2px solid var(--color-border)}
.atr-compare__table tbody th{font-weight:600}
.atr-compare__table .atr-compare__hl{background:var(--color-accent);color:var(--color-accent-ink)}
.atr-compare__badge{display:inline-block;font-size:var(--text-xs);font-weight:600;margin-inline-start:var(--space-1)}
.atr-facts{margin:0 0 var(--space-4)}.atr-facts dt{font-weight:600;color:var(--color-muted);font-size:var(--text-sm)}.atr-facts dd{margin:0 0 var(--space-3)}
.atr-metrics{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-3)}
.atr-metrics__value{font-size:var(--text-xl)}
.atr-quote{margin:var(--space-4) 0;padding-inline-start:var(--space-4);border-inline-start:4px solid var(--color-border)}.atr-quote blockquote{margin:0}.atr-quote figcaption{color:var(--color-muted);font-size:var(--text-sm)}
.atr-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* container queries: slots adapt to their own width, not only the viewport */
.atr-columns,.atr-slot{container-type:inline-size}
.atr-columns{container-name:columns}.atr-slot{container-name:slot}
.atr-columns__grid.atr-columns--split,.atr-columns__grid.atr-columns--wide-left,.atr-columns__grid.atr-columns--wide-right,.atr-columns__grid.atr-columns--thirds{grid-template-columns:1fr}
.atr-slot .atr-grid--2,.atr-slot .atr-grid--3{grid-template-columns:1fr}
@container columns (min-width:720px){.atr-columns__grid.atr-columns--split{grid-template-columns:1fr 1fr}.atr-columns__grid.atr-columns--wide-left{grid-template-columns:2fr 1fr}.atr-columns__grid.atr-columns--wide-right{grid-template-columns:1fr 2fr}.atr-columns__grid.atr-columns--thirds{grid-template-columns:repeat(3,1fr)}}
@container slot (min-width:480px){.atr-slot .atr-grid--2,.atr-slot .atr-grid--3{grid-template-columns:repeat(2,1fr)}}
@container slot (min-width:720px){.atr-slot .atr-grid--3{grid-template-columns:repeat(3,1fr)}}
/* wide screens */
@media (min-width:1600px){.atr-wrap{max-width:calc(var(--layout-max) * 1.15)}}
/* safe-area insets for notches, rounded corners and home indicators */
.atr-header{padding-top:env(safe-area-inset-top,0px)}
.atr-wrap{padding-inline-start:max(var(--space-6),env(safe-area-inset-left,0px));padding-inline-end:max(var(--space-6),env(safe-area-inset-right,0px))}
.atr-footer{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}
.atr-consent{bottom:max(var(--space-4),env(safe-area-inset-bottom,0px));inset-inline-start:max(var(--space-4),env(safe-area-inset-left,0px));inset-inline-end:max(var(--space-4),env(safe-area-inset-right,0px))}
.atr-preview-bar{top:0;padding-top:env(safe-area-inset-top,0px)}
/* landscape phones: short viewport */
@media (orientation:landscape) and (max-height:500px){.atr-hero{padding:var(--space-8) 0 var(--space-6)}.atr-section{padding:var(--space-8) 0}.atr-header__inner{min-height:48px}}
/* touch: 44px minimum targets */
@media (pointer:coarse){.atr-btn,.atr-nav a,.atr-brand,.atr-footer button,.atr-faq summary,.atr-search__input,input:not([type=checkbox]):not([type=radio]),select,textarea,button{min-height:44px}.atr-nav a,.atr-brand,.atr-footer button{display:inline-flex;align-items:center;min-width:44px}.atr-nav ul{gap:var(--space-2) var(--space-4)}.atr-faq summary{display:flex;align-items:center}}
/* no hover: hover styling must not stick after a tap; nothing is revealed only on hover */
@media (hover:none){.atr-btn--primary:hover{filter:none}.atr-btn--ghost:hover{border-color:var(--color-border)}.atr-nav a:hover:not([aria-current="page"]){color:var(--color-muted)}}