.col{--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--accent:#4f46e5;--line:#e6e8eb;color:var(--ink-2);font-family:Rubik,system-ui,sans-serif}.col-hero{background:radial-gradient(120% 140% at 100% 0,#4f46e5 0%,#4338ca 42%,#312e81 100%);border-radius:20px;padding:3.5rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 32px -8px #4f46e51f,0 4px 8px -2px #4f46e50f}.col-hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#c7d2fe;margin:0 0 1rem;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.col-hero h1{color:#fff;letter-spacing:-.03em;max-width:20ch;margin:0 0 1.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:clamp(2.25rem,5vw + 1rem,3.5rem);font-weight:900;line-height:1.05}.col-hero p{color:#e0e7ff;max-width:42rem;margin:0;font-size:1.0625rem;line-height:1.6}.col-hero p strong{color:#fff;font-weight:700}.col-hero-code{color:#fff;background:#ffffff24;border-radius:4px;padding:.05rem .4rem;font-family:SF Mono,Monaco,monospace}.col-section{margin-top:4rem}.col-num{color:var(--accent);letter-spacing:.1em;font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.col-h2{color:var(--ink);letter-spacing:-.02em;margin:.25rem 0 .5rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.625rem;font-weight:800}.col-intro{color:var(--ink-3);max-width:44rem;margin:0 0 1.75rem;font-size:.9375rem;line-height:1.6}.col-intro strong{color:var(--ink-2)}.col-intro code,.col-role-token,.col-mono{font-family:SF Mono,Monaco,monospace}.col-kicker{text-transform:uppercase;color:#64748b;letter-spacing:.12em;margin:2rem 0 .875rem;font-size:.6875rem;font-weight:700}.col-ramp{margin-bottom:1rem}.col-ramp-head{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.col-ramp-name{color:var(--ink);font-family:Red Hat Display,system-ui,sans-serif;font-size:.9375rem;font-weight:700}.col-ramp-role{color:#64748b;font-family:SF Mono,Monaco,monospace;font-size:.6875rem}.col-ramp-strip{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(11,1fr);display:grid;overflow:hidden}.col-ramp-cell{aspect-ratio:1/1.5;flex-direction:column;justify-content:flex-end;padding:.4rem .3rem;font-family:SF Mono,Monaco,monospace;font-size:.5625rem;line-height:1.25;display:flex}.col-ramp-step{font-weight:700}.col-ramp-hex{opacity:.72}.col-ramp--brand .col-ramp-cell{aspect-ratio:1/2.1}.col-ramp-mark{letter-spacing:.04em;text-transform:uppercase;opacity:.95;margin-bottom:.15rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:.5625rem;font-weight:800}.col-ramps-compact{gap:.625rem;display:grid}.col-ramps-compact .col-ramp-cell{aspect-ratio:1;padding:.3rem .25rem;font-size:0}.col-ramps-compact .col-ramp{margin-bottom:0}@media (width<=720px){.col-ramp-cell{aspect-ratio:1/1.4;padding:0;font-size:0}.col-ramp--brand .col-ramp-cell{aspect-ratio:1/1.6}.col-ramp-mark{font-size:0}}.col-flow{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border:1px solid #e0e7ff;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.5rem;display:grid}.col-flow-side{text-align:center}.col-flow-swatch{border-radius:10px;height:3.5rem;margin-bottom:.625rem;box-shadow:inset 0 0 0 1px #0000000f}.col-flow-tok{color:var(--ink);font-family:SF Mono,Monaco,monospace;font-size:.75rem;font-weight:700}.col-flow-cap{color:#475569;margin-top:.2rem;font-size:.75rem}.col-flow-arrow{color:var(--accent);font-family:Red Hat Display,system-ui,sans-serif;font-size:1.25rem;font-weight:800}.col-flow-arrow small{color:#475569;letter-spacing:.05em;text-transform:uppercase;font-size:.625rem;font-weight:600;display:block}@media (width<=600px){.col-flow{grid-template-columns:1fr}.col-flow-arrow{transform:rotate(90deg)}}.col-stage{border:1px solid var(--line);background:#f8fafc;border-radius:16px;padding:1.75rem}.col-specimens{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:1.5rem;display:grid}.col-spec-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.col-btn{color:#fff;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.625rem 1.125rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #4f46e50f,0 1px 3px #0f172a0a}.col-btn--hover{background:#4338ca}.col-btn--focus{box-shadow:0 0 0 3px #4f46e573}.col-btn-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.col-spec-note{color:#475569;margin-top:.625rem;font-size:.75rem;line-height:1.5}.col-spec-note code{color:var(--accent);font-family:SF Mono,Monaco,monospace;font-size:.6875rem}.col-selrow{color:#3730a3;background:#eef2ff;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;display:flex}.col-dot{background:#4f46e5;border-radius:9999px;flex:none;width:.625rem;height:.625rem}.col-chip-pill{color:#3730a3;background:#eef2ff;border-radius:6px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.col-banners{gap:.75rem;display:grid}.col-banner{border:1px solid;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.75rem .875rem;display:grid}.col-banner-icon{color:#fff;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:.875rem;font-weight:800;display:flex}.col-banner-title{font-family:Red Hat Display,system-ui,sans-serif;font-size:.875rem;font-weight:700}.col-banner-body{margin-top:.1rem;font-size:.8125rem;line-height:1.5}.col-banner-tok{opacity:.85;margin-top:.4rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem}.col-textscale{gap:.5rem;display:grid}.col-textrow{border-bottom:1px dashed #eef0f2;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.col-textrow:last-child{border-bottom:none}.col-textrow .t{font-family:Red Hat Display,system-ui,sans-serif;font-size:1rem;font-weight:600}.col-textrow .meta{color:#475569;white-space:nowrap;text-align:right;font-family:SF Mono,Monaco,monospace;font-size:.6875rem}.col-pairs{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.col-pair{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.col-pair-swatch{justify-content:center;align-items:center;height:4.25rem;font-family:Red Hat Display,system-ui,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.col-pair-meta{padding:.625rem .75rem}.col-pair-name{color:var(--ink-2);font-size:.75rem;line-height:1.35}.col-pair-foot{justify-content:space-between;align-items:center;margin-top:.4rem;display:flex}.col-ratio{color:var(--ink);font-family:SF Mono,Monaco,monospace;font-size:.8125rem;font-weight:700}.col-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.1rem .4rem;font-family:SF Mono,Monaco,monospace;font-size:.625rem;font-weight:700}.col-badge--aaa{color:#166534;background:#dcfce7}.col-badge--aa{color:#047857;background:#d1fae5}.col-badge--large{color:#92400e;background:#fef3c7}.col-badge--fail{color:#991b1b;background:#fee2e2}.col-callout{background:#fffbeb;border-radius:12px;grid-template-columns:4px 1fr;gap:1rem;margin-top:1.5rem;padding:1rem 1.25rem;display:grid}.col-callout-bar{background:#f59e0b;border-radius:4px}.col-callout-body{color:#78350f;font-size:.875rem;line-height:1.55}.col-callout-body strong{color:#451a03}.col-refs{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:1.25rem}.col-refs-h{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.75rem;font-size:.6875rem;font-weight:700}.col-refs p{color:#64748b;margin:0;font-size:.75rem;line-height:1.7}.col-refs a{color:#4f46e5;text-decoration:none}