*{box-sizing:border-box}body{background:var(--background);color:var(--text);font:1rem/1.65 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}a:hover{color:var(--accent-strong)}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:1.13}p{margin:0 0 1rem}code,pre{font-family:var(--font-mono)}.wrap{width:min(1160px,100% - 64px);margin-inline:auto}.skip-link{background:var(--surface);z-index:10;padding:.8rem 1.2rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;padding-block:24px;display:flex}.brand{font:800 1.6rem var(--font-display);letter-spacing:-.055em;align-items:center;gap:.65rem;display:inline-flex}.header nav{align-items:center;gap:1.7rem;font-size:.85rem;display:flex}.hero{text-align:center;padding-block:88px 75px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.2rem;font-size:.7rem;font-weight:750}h1{font-size:clamp(3rem,6.3vw,5.5rem);font-weight:750}h1 span{color:var(--accent)}.lede{color:var(--muted);max-width:640px;margin:27px auto;font-size:1.15rem}.actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-block:30px 20px;display:flex}.button{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;justify-content:center;align-items:center;gap:1rem;padding:.85rem 1.3rem;font-size:.85rem;font-weight:650;display:inline-flex}.button:hover{border-color:var(--accent)}.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.button.primary:hover{background:var(--accent-strong)}.hero-note{color:var(--muted);font-size:.75rem}.hero-note span{padding-inline:.6rem}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:25px;padding-block:30px;font-size:.75rem;display:flex}.footer .brand{color:var(--text);font-size:1.1rem}.footer p{margin:8px 0 0}.footer nav{gap:20px;display:flex}.hero{background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 65%)}h2{font-size:clamp(2rem,3.4vw,3rem)}.section{width:min(1280px,100% - 64px);margin-inline:auto;padding:42px 60px}.why-html{background:var(--soft);border-block:1px solid var(--border)}.why-html>h2{margin-bottom:20px}.why-lede{max-width:680px;font-size:1.15rem}.why-intro{color:var(--muted);max-width:780px;margin-bottom:28px;font-size:.9rem}.why-bottom{border-top:1px solid var(--border);margin-top:32px;padding-top:28px}.why-bottom h3{max-width:750px;color:var(--accent);letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(26px,3.5vw,38px);line-height:1.15}.why-bottom p{max-width:690px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.reading{color:var(--accent);text-underline-offset:4px;margin-top:22px;font-size:12px;text-decoration:underline;display:inline-block}.band{background:var(--soft);border-block:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.band h2{margin-bottom:18px}.band p{color:var(--muted);font-size:.9rem}.band a{color:var(--accent);font-size:.8rem;font-weight:650}.versions{gap:10px;display:grid}.version-row{background:var(--surface);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;font-size:.75rem;display:flex}.version-row small{color:var(--muted)}.version-row.active{border-color:var(--accent)}.version-row span{color:var(--accent)}.versions .meta{margin:0;font-size:.7rem}.cta{justify-content:space-between;align-items:center;gap:25px;padding-block:55px;display:flex}.cta .button{flex-shrink:0}@media (width<=850px){.header nav{gap:1rem}.github-link{display:none}.section{padding-inline:30px}}@media (width<=650px){.wrap,.section{width:calc(100% - 36px)}.section{padding-inline:18px}.header{flex-wrap:wrap;gap:1rem;padding-block:18px}.header nav{flex:100%;justify-content:space-between;gap:.75rem;font-size:.8rem}.hero{padding-block:55px 45px}.lede{font-size:1rem}.wide-only{display:none}.hero-note span{padding-inline:.15rem}.band{grid-template-columns:1fr;gap:20px}.cta{display:block}.cta h2{margin-bottom:25px}.footer{flex-wrap:wrap}}.upload-line{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:34px auto 10px;font-size:.75rem;display:flex}.upload-line code{background:var(--soft);border:1px solid var(--border);color:var(--accent);border-radius:6px;padding:9px 14px}.hero{padding-bottom:55px}.why-html{padding-top:55px;padding-bottom:35px}.annotated{grid-template-columns:minmax(0,1fr) 235px;align-items:stretch;column-gap:42px;margin-top:36px;display:grid}.plan-heading,.plan-part{color:#322440;background:#faf7ff;min-width:0;padding:26px 32px}.plan-heading{border-bottom:1px solid #ded1e9;border-radius:10px 10px 0 0}.plan-heading h3{max-width:530px;margin:22px 0 12px;font-size:1.85rem}.plan-heading>p{color:#73617f;margin:0;font-size:.8rem}.plan-meta{color:#7d609a;letter-spacing:.06em;justify-content:space-between;gap:15px;font-size:.6rem;display:flex}.plan-meta span:last-child{letter-spacing:0}.plan-part{border-bottom:1px solid #ded1e9}.plan-last{border-bottom:0;border-radius:0 0 10px 10px}.part-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.part-title>span{color:#7d55ad;font:500 .7rem var(--font-mono)}.part-title h3{letter-spacing:-.02em;font-size:1.1rem}.plan-part table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.7rem;line-height:1.6}.plan-part th{text-align:left;font-weight:600}.plan-part thead th{text-transform:uppercase;letter-spacing:.08em;color:#7c668d;padding:8px 10px;font-size:.6rem}.plan-part td,.plan-part tbody th{vertical-align:top;overflow-wrap:anywhere;border-top:1px solid #dfd3eb;padding:13px 10px}.recommended{background:#eee4fa}.plan-part small{color:#78529f;margin-top:4px;font-size:.58rem;display:block}.risk{border-left:3px solid #b77b27;padding:4px 0 4px 15px}.risk strong{font-size:.85rem}.risk p{color:#73617f;margin:8px 0 0;font-size:.75rem}.plan-subtext{color:#73617f;margin:16px 0 0;font-size:.65rem}.decision{max-width:490px;margin:0 0 18px;font-size:1.1rem;line-height:1.5}.decision-line{color:#8058a2;border-top:1px solid #ded1e9;justify-content:space-between;gap:15px;padding-top:14px;font-size:.6rem;display:flex}.margin{align-self:center;padding:18px 0;position:relative}.margin:not(.intro-note):before{content:"";background:var(--accent);width:28px;height:1px;position:absolute;top:28px;left:-42px}.annotation-label{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:650}.margin h3{margin:12px 0;font-size:1rem}.margin p{color:var(--muted);margin:10px 0 0;font-size:.75rem}.intro-note{align-self:end;padding-bottom:26px}.annotation-caption{color:var(--muted);max-width:720px;margin:26px 0 0;font-size:.65rem}.compact-flow{border-top:1px solid var(--border);grid-column:1/-1;padding-top:24px}.compact-flow ol{grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.compact-flow li{align-items:center;gap:15px;display:flex}.compact-flow li>b{font:500 .75rem var(--font-mono);color:var(--accent)}.compact-flow h3{font-size:1.05rem}.compact-flow li p{color:var(--muted);margin:7px 0 0;font-size:.7rem}.flow-arrow{color:var(--accent);margin-left:auto}.band{row-gap:28px;padding-block:35px}@media (width<=850px){.annotated{grid-template-columns:minmax(0,1fr) 185px;column-gap:25px}.margin:not(.intro-note):before{width:16px;left:-25px}.plan-heading,.plan-part{padding:23px}.compact-flow ol{gap:15px}.compact-flow li{gap:10px}}@media (width<=650px){.annotated{grid-template-columns:minmax(0,1fr)}.intro-note{display:none}.margin{padding:18px 12px 25px}.margin:not(.intro-note):before{display:none}.plan-heading h3{font-size:1.5rem}.plan-heading,.plan-part{padding:22px 18px}.plan-meta{flex-wrap:wrap;gap:7px}.plan-part table{font-size:.65rem}.plan-part td,.plan-part tbody th,.plan-part thead th{padding-inline:6px}.compact-flow ol{grid-template-columns:1fr;gap:20px}.flow-arrow{display:none}.decision-line{flex-wrap:wrap}.why-html{padding-inline:5%}}