:root{--bg-canvas:#1c1f24;--bg-surface:#29332f;--bg-surface-hover:#33423b;--text-primary:#e5e7eb;--text-muted:#bdc9c3;--accent-primary:#14b8a6;--accent-secondary:#8cdec2;--border-subtle:#52665a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(20,184,166,.24);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-secondary);text-underline-offset:.22em}a:hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:5px}button{cursor:pointer}h1,h2,h3,.eyebrow,.brand,.nav-links,.label{font-family:"Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:.075em;text-transform:uppercase;line-height:1.15}h1{font-size:clamp(2.6rem,6.3vw,5.7rem);max-width:18ch;margin:.4em 0}h2{font-size:clamp(1.5rem,3vw,2.25rem);margin:0 0 1rem}h3{font-size:1.1rem}p{margin:0 0 1.2rem}img{display:block;width:100%;height:auto;object-fit:cover;border-radius:20px;background:var(--bg-surface)}.image-grid{aspect-ratio:4/3;object-fit:contain}.image-banner{aspect-ratio:16/9;object-fit:contain}.image-thumb{aspect-ratio:1;object-fit:contain}.wrap{width:min(1200px,calc(100% - 3rem));margin-inline:auto}.skip{position:absolute;left:1rem;top:-8rem;z-index:10;background:var(--accent-primary);color:var(--bg-canvas);padding:.7rem}.skip:focus{top:1rem}.tagline{padding:.4rem 1.5rem;border-bottom:1px solid var(--border-subtle);font-size:.78rem;color:var(--text-muted);letter-spacing:.05em}.site-header{position:relative;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--border-subtle);z-index:5}.brand{display:flex;gap:.65rem;align-items:center;flex-shrink:0;font-size:.92rem;font-weight:800;text-decoration:none;color:var(--text-primary);text-transform:none;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--accent-primary);color:var(--bg-canvas);font-size:1.1rem;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:1.15rem;font-size:.73rem;list-style:none;padding:0;margin:0}.nav-links a{text-decoration:none;color:var(--text-primary)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--accent-secondary)}.menu-toggle{display:none;background:var(--accent-primary);border:0;border-radius:50%;width:42px;height:42px;color:var(--bg-canvas);font-size:1.7rem;line-height:1}.hero{padding:4.5rem 0 3rem;background:var(--bg-canvas)}.hero p{max-width:64ch;font-size:1.12rem;color:var(--text-muted)}.eyebrow{font-size:.76rem;font-weight:800;color:var(--accent-secondary)}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.25rem;border:0;border-radius:999px;background:var(--accent-primary);color:#10231e;font-weight:800;text-decoration:none;line-height:1.3;transition:transform .25s var(--ease-kinetic),box-shadow .25s,background .25s}.button:hover,button.primary:hover{color:#10231e;transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--accent-secondary)}.button.secondary{background:var(--bg-surface-hover);color:var(--text-primary)}button:disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-block:1.4rem}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border-subtle);border-radius:20px;background:var(--bg-surface);margin:2rem 0;overflow:clip}.stat{padding:1.1rem 1.3rem}.stat+.stat{border-left:1px solid var(--border-subtle)}.stat strong{display:block;line-height:1.3}.stat span{font-size:.85rem;color:var(--text-muted)}.section{padding:3rem 0;border-top:1px solid var(--border-subtle);scroll-margin-top:1rem}.section-intro{max-width:70ch;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem}.panel{padding:1.6rem;border:1px solid var(--border-subtle);border-radius:20px;background:rgba(41,51,47,.88);backdrop-filter:var(--glass-backdrop)}.card{transition:transform .3s var(--ease-kinetic),box-shadow .3s,background .3s}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.panel p:last-child{margin-bottom:0}.number{font-size:.8rem;letter-spacing:.15em;color:var(--accent-secondary)}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:start}.split .panel{height:100%}.compact-row{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--border-subtle)}.compact-row strong{color:var(--accent-secondary)}.compact-row p{margin:0}.reading{max-width:72ch;margin:0 auto}.reading h2{margin-top:2.7rem}.reading h3{margin-top:1.8rem}.reading ul,.reading ol{padding-left:1.4rem}.reading li{margin-bottom:.7rem}.article-body{padding:1rem 0 4rem}.article-body figure{margin:0 0 2rem}.article-body figcaption{font-size:.83rem;color:var(--text-muted);padding:.6rem .2rem}.note{border-left:4px solid var(--accent-primary);padding:1.1rem 1.3rem;background:var(--bg-surface);border-radius:0 20px 20px 0;margin:1.8rem 0}.muted,.meta{color:var(--text-muted)}.meta{font-size:.85rem}.tabs{margin-top:1.5rem}.tab-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tab-list button{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);border-radius:999px;padding:.65rem 1rem;font-weight:700}.tab-list button[aria-selected=true]{background:var(--accent-primary);border-color:var(--accent-primary);color:#10231e}.tab-panel{padding:1.5rem;background:var(--bg-surface);border-radius:20px}.tab-panel h3{margin-top:0}[hidden]{display:none!important}details{border:1px solid var(--border-subtle);border-radius:20px;padding:1.1rem 1.35rem;background:var(--bg-surface);margin:.8rem 0}summary{cursor:pointer;font-weight:750;line-height:1.5}details[open] summary{margin-bottom:1rem}details p:last-child{margin-bottom:0}.checklist label{display:flex;gap:.8rem;align-items:flex-start;padding:.6rem 0}.checklist input{margin-top:.45rem;accent-color:var(--accent-primary);width:1.1rem;height:1.1rem;flex-shrink:0}.checklist input:checked+span{text-decoration:line-through;color:var(--text-muted)}.checklist small{display:block;color:var(--text-muted)}.field{margin-bottom:1.2rem}.field label{display:block;font-weight:700;margin-bottom:.4rem}.field input,.field textarea,.field select{width:100%;padding:.85rem;border:1px solid var(--border-subtle);border-radius:12px;background:var(--bg-canvas);color:var(--text-primary)}.field textarea{min-height:170px;resize:vertical}.field small{color:var(--text-muted)}.output{min-height:220px}.status{min-height:1.7em;color:var(--accent-secondary)}table{width:100%;border-collapse:collapse;font-size:.92rem}caption{text-align:left;font-weight:700;padding:.6rem 0}th,td{text-align:left;vertical-align:top;padding:.8rem;border-bottom:1px solid var(--border-subtle)}th{color:var(--accent-secondary)}.site-footer{border-top:1px solid var(--border-subtle);padding:2.3rem 0;margin-top:1rem;background:var(--bg-surface)}.footer-links{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin:1rem 0}.site-footer p{font-size:.85rem;color:var(--text-muted);margin:.5rem 0}.site-footer .domain{font-weight:800;color:var(--text-primary)}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.motion-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}
@media(min-width:1025px){.hero{padding-top:5rem}.wide-panel{padding:2rem}}
@media(min-width:769px) and (max-width:1024px){.site-header{align-items:flex-start;flex-direction:column;gap:1rem}.nav-links{gap:1.4rem}.hero{padding-top:3rem}.split{grid-template-columns:1.2fr 1fr}}
@media(max-width:768px){.site-header{padding:1rem}.menu-toggle{display:block}.site-nav{position:absolute;top:100%;left:0;right:0;padding:1rem;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.js .site-nav:not(.is-open){display:none}.nav-links{display:grid;gap:0}.nav-links a{display:block;padding:.85rem}.site-header:not(.js-header){flex-wrap:wrap}.site-header:not(.js-header) .site-nav{position:static;width:100%}.split{grid-template-columns:1fr}.hero{padding:2.5rem 0 1.5rem}.section{padding:2rem 0}.stat{padding:.85rem}.stat strong{font-size:.9rem}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 2.5rem)}.grid{gap:1rem}}
@media(max-width:480px){.wrap{width:calc(100% - 2rem)}.brand{font-size:.8rem;gap:.4rem}.brand-mark{width:27px;height:27px}.tagline{padding:.4rem 1rem;font-size:.7rem}.panel{padding:1.2rem}.stat-strip{grid-template-columns:1fr}.stat+.stat{border-left:0;border-top:1px solid var(--border-subtle)}.compact-row{grid-template-columns:1fr;gap:.35rem}h1{font-size:2.55rem}.actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
@media print{body{background:white;color:black}.site-header,.site-footer,.actions,.tab-list,.menu-toggle{display:none}.panel,.note,details{background:white;color:black;border:1px solid #777}.reveal,.motion-ready .reveal{opacity:1;transform:none}a{color:black}.tab-panel[hidden]{display:block!important}.wrap{width:100%}}