:root{--ink:#102038;--muted:#536174;--line:#dce4ee;--blue:#155eef;--pale:#eef5ff;--dark:#0c1b31}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:.18em}header,main>section,footer{padding-left:max(1.5rem,calc((100vw - 1120px)/2));padding-right:max(1.5rem,calc((100vw - 1120px)/2))}header{min-height:76px;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;letter-spacing:-.04em;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;margin-right:.4rem;background:var(--blue);color:#fff;border-radius:.45rem;font-size:1.3rem}nav{display:flex;gap:1.3rem;margin-left:auto}nav a,.github{font-size:.9rem;text-decoration:none;color:var(--muted)}.github{border:1px solid var(--line);padding:.4rem .75rem;border-radius:999px}.hero{padding-top:7.5rem;padding-bottom:5rem;background:linear-gradient(120deg,#f7faff,#fff 64%)}.eyebrow{margin:0 0: .8rem;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:800}.hero h1,.page-intro h1{font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.07em;margin:.15rem 0 1.4rem;max-width:900px}.hero h1 i{color:var(--blue);font-family:Georgia,serif;font-weight:400}.lede{font-size:1.2rem;max-width:680px;color:var(--muted)}.hero-actions{display:flex;gap:1.2rem;align-items:center;margin:2rem 0 4rem}.button{background:var(--blue);color:#fff;text-decoration:none;font-weight:750;border-radius:.5rem;padding:.8rem 1.15rem;display:inline-block}.text-link{color:var(--blue);font-weight:700}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.hero-grid div{padding:1.35rem 1rem 0 0}.hero-grid b,.hero-grid span{display:block}.hero-grid span{font-size:.9rem;color:var(--muted)}.release-card{max-width:1120px;margin:0 auto 5rem;padding:2rem;display:flex;justify-content:space-between;gap:1rem;background:var(--dark);color:#fff;border-radius:1rem}.release-card h2{margin:.1rem 0;font-size:1.5rem}.release-card em{color:#91d7ff;font-style:normal;font-size:1rem}.release-card p{margin:.3rem 0;color:#d8e5f8}.release-actions{display:grid;place-content:center;gap:.6rem;white-space:nowrap}.notice{font-size:.8rem}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem;padding-top:4rem;padding-bottom:5rem}.split h2,.callout h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.05em;margin:.2rem 0}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--line)}.steps li>b{color:var(--blue)}.steps h3{margin:0}.steps p{margin:.2rem 0;color:var(--muted)}.callout{padding-top:4.5rem!important;padding-bottom:4.5rem!important;background:var(--blue);color:#fff}.callout p{max-width:670px}.button.light{background:#fff;color:var(--blue);margin-top:1rem}.page-intro{padding-top:5rem;padding-bottom:3rem;background:var(--pale)}.page-intro h1{font-size:clamp(2.6rem,6vw,5rem);max-width:850px}.prose{max-width:760px;padding-top:2rem;padding-bottom:5rem}.prose h2{margin-top:2.5rem}.prose li{margin:.6rem 0}.feature-grid,.theme-grid{max-width:1120px;margin:0 auto;padding:3rem 0 5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-grid article,.theme-card{padding:1.6rem;border:1px solid var(--line);border-radius:.75rem}.feature-grid span{color:var(--blue);font-weight:800}.feature-grid h2,.theme-card h2{margin:.4rem 0;font-size:1.3rem}.feature-grid p,.theme-card p{color:var(--muted);margin:.2rem 0}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-card{padding:0;overflow:hidden}.theme-card>div:last-child{padding:1.35rem}.theme-preview{height:190px;background:var(--bg);color:var(--accent);padding:1.5rem;display:grid;align-content:center;gap:.8rem;font-weight:800}.theme-preview i{display:block;width:86%;height:.55rem;background:color-mix(in srgb,var(--accent) 25%,transparent);border-radius:9px}.theme-preview i:last-child{width:58%}dl{display:flex;gap:2rem;margin:1rem 0 0;font-size:.84rem}dt{color:var(--muted)}dd{margin:0;font-weight:700}.source-note{max-width:1120px;margin:0 auto 5rem;color:var(--muted)}.docs-layout{max-width:1120px;margin:0 auto;padding:3rem 0 5rem;display:grid;grid-template-columns:270px 1fr;gap:4rem}.docs-layout aside{height:max-content;position:sticky;top:1rem;border-left:2px solid var(--line)}.docs-layout aside a{display:block;padding:.35rem 1rem;text-decoration:none;font-size:.9rem;color:var(--muted)}.docs-content section{padding:.7rem 0 1.5rem;border-bottom:1px solid var(--line)}.docs-content h2{font-size:1.5rem;margin:.2rem 0}.docs-content p{color:var(--muted)}.migration-steps{max-width:850px;margin:0 auto;padding:4rem 0 5rem}.migration-steps article{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid var(--line)}.migration-steps b{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--pale);color:var(--blue)}.migration-steps h2{margin:0;font-size:1.4rem}.migration-steps p{margin:.25rem 0;color:var(--muted)}.faq{max-width:850px;margin:0 auto;padding:3rem 0 5rem}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq summary{font-weight:750;cursor:pointer}.faq p{color:var(--muted);max-width:700px}footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-top:3rem;padding-bottom:3rem;background:#f5f7fa;color:var(--muted);font-size:.9rem}footer p{max-width:250px}footer strong,footer a{display:block;margin:.3rem 0}footer strong{color:var(--ink)}@media(max-width:760px){header{gap:1rem;flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem}nav{order:3;width:100%;overflow:auto;margin:0;gap:1rem}.github{margin-left:auto}.hero{padding-top:4rem}.hero-grid,.split,.feature-grid,.theme-grid,.docs-layout,footer{grid-template-columns:1fr}.hero-grid{gap:0}.release-card{margin:0 1.5rem 3rem;display:block}.release-actions{display:flex;align-items:center;margin-top:1rem}.split{gap:2rem}.docs-layout aside{position:static;display:flex;overflow:auto;border-left:0;border-bottom:1px solid var(--line);white-space:nowrap}.docs-layout aside a{padding:.5rem}.page-intro{padding-top:3.5rem}.theme-grid,.feature-grid{padding-left:1.5rem;padding-right:1.5rem}}
