:root{--navy: #0F1E40;--navy-2: #1A2D52;--teal: #0AB3A0;--teal-soft: #E0F5F2;--warm-gray: #F4F2EE;--warm-gray-2: #E8E5DF;--ink: #1A1F2E;--muted: #5A6478;--green-fill: #1F8F4F;--green-fill-2: #176B3B;--red-soft: #FCE7E0;--red-border: #C8553D;--border: #D8D5CE;--shadow: 0 1px 3px rgba(15,30,64,.06), 0 8px 24px rgba(15,30,64,.04)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.6;color:var(--ink);background:var(--warm-gray);-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.wrap-narrow{max-width:820px;margin:0 auto;padding:0 24px}.hero{background:var(--navy);color:#fff;padding:72px 24px 88px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal) 35%,transparent 35%)}.hero .eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-weight:600;margin:0 0 18px}.hero h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:0 0 16px;letter-spacing:-.01em;font-weight:700}.hero .sub{font-size:clamp(16px,2vw,19px);color:#ffffffc7;margin:0 0 32px;max-width:680px;line-height:1.5}.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:6px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .12s ease,background .12s ease}.btn-primary{background:var(--teal);color:var(--navy)}.btn-primary:hover{background:#08ccb5;transform:translateY(-1px)}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-ghost:hover{background:#ffffff14}section{padding:72px 24px}section.tight{padding:56px 24px}section h2{font-size:clamp(24px,3vw,32px);line-height:1.2;letter-spacing:-.01em;margin:0 0 8px;color:var(--navy);font-weight:700}section .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-weight:700;margin:0 0 12px}section .lede{font-size:17px;color:var(--muted);margin:0 0 36px;max-width:720px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:880px){.grid{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:28px 26px;box-shadow:var(--shadow)}.card h3{margin:0 0 8px;font-size:18px;color:var(--navy);font-weight:700;letter-spacing:-.005em}.card p{margin:0;color:var(--ink);line-height:1.55}.card .num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--teal-soft);color:var(--teal);font-weight:700;font-size:16px;margin-bottom:14px}.callout{background:var(--green-fill);color:#fff;border-radius:10px;padding:22px 24px;box-shadow:0 4px 16px #1f8f4f2e}.callout .label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;opacity:.85;margin:0 0 6px}.callout p{margin:0;font-size:16px;line-height:1.5;font-weight:500}.callout code{background:#ffffff2e;padding:2px 6px;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}.dim-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:980px){.dim-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dim-grid{grid-template-columns:1fr}}.dim{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px 18px 20px;position:relative}.dim .n{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--teal);margin:0 0 4px}.dim h4{margin:0 0 6px;font-size:15px;color:var(--navy);font-weight:700}.dim p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.dim p code,.card p code,section p code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--warm-gray);padding:1px 5px;border-radius:3px}.example{background:#fff}.example .meta{background:var(--warm-gray);border:1px solid var(--border);border-radius:10px;padding:18px 22px;margin:0 0 36px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:14px}.example .meta .pill{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--teal)}.example .meta a{color:var(--navy);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;text-decoration:none;border-bottom:1px solid var(--border)}.diff{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 18px}.diff .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:680px){.diff .row{grid-template-columns:1fr}}.side{border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.55;border:1px solid}.side .tag{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin:0 0 6px;display:inline-block}.side.before{background:var(--red-soft);border-color:var(--red-border)}.side.before .tag{color:var(--red-border)}.side.after{background:var(--teal-soft);border-color:var(--teal)}.side.after .tag{color:var(--teal)}.side code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;background:#0f1e400d;padding:1px 4px;border-radius:3px}.side .empty{color:var(--muted);font-style:italic}.why{background:var(--green-fill);color:#fff;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.55}.why .label{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.85;margin:0 0 4px;display:block}.dim-block{border:1px solid var(--border);border-radius:10px;padding:22px 24px;margin:0 0 18px;background:#fff}.dim-block h3{margin:0 0 4px;font-size:18px;color:var(--navy);font-weight:700}.dim-block .h-sub{margin:0 0 18px;font-size:13px;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-weight:600}ol.related{margin:0;padding:0 0 0 22px;font-size:14px}ol.related li{margin:4px 0}ol.related a{color:var(--navy);text-decoration:none;border-bottom:1px dotted var(--border)}ol.related a:hover{border-bottom-color:var(--teal);color:var(--teal)}.explain{background:var(--warm-gray)}.explain .panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}@media(max-width:880px){.explain .panel{grid-template-columns:1fr}}.explain .panel h3{margin:0 0 12px;font-size:22px;color:var(--navy)}.explain .panel p{margin:0 0 12px;color:var(--ink);line-height:1.6}.explain .mock{background:var(--warm-gray);border:1px solid var(--border);border-radius:8px;padding:16px;font-size:13px;line-height:1.55}.explain .mock .mock-h{font-weight:700;color:var(--navy);margin:0 0 6px;font-size:14px}.explain .mock ol{margin:6px 0 0;padding:0 0 0 22px}.explain .mock ol a{color:var(--teal);text-decoration:none}.access{background:var(--navy);color:#fff}.access h2{color:#fff}.access .lede{color:#ffffffb3}.access .grid{grid-template-columns:repeat(2,1fr)}@media(max-width:880px){.access .grid{grid-template-columns:1fr}}.access .card{background:var(--navy-2);border-color:#ffffff1f;color:#fff}.access .card h3{color:#fff}.access .card p{color:#ffffffb8;margin:0 0 18px}.access .card .btn-primary{width:fit-content}.access .card .num{background:#0ab3a02e;color:var(--teal)}.next ol{padding-left:22px;margin:0}.next ol li{font-size:16px;margin:10px 0;line-height:1.6}.next ol li strong{color:var(--navy)}footer{background:var(--navy);color:#ffffffa6;padding:32px 24px;font-size:14px;text-align:center}footer .brand{color:#fff;font-weight:700;letter-spacing:.04em}@media print{.hero{padding:32px 24px}section{padding:32px 24px;page-break-inside:avoid}.ctas,.access .btn-primary{display:none}}