.page[data-v-01cd0dcf]{background:#fff;min-height:100vh}.main[data-v-01cd0dcf]{max-width:800px;margin:0 auto;padding:2rem 1rem 4rem}.hero[data-v-01cd0dcf]{text-align:center;border-bottom:1px solid #e2e8f0;margin-bottom:3rem;padding:3rem 1rem}.hero h1[data-v-01cd0dcf]{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.hero p[data-v-01cd0dcf]{color:#64748b;max-width:500px;margin:0 auto;font-size:1.1rem}.content[data-v-01cd0dcf]{color:#334155;line-height:1.8}.content h2[data-v-01cd0dcf]{color:#0f172a;margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:600}.content h3[data-v-01cd0dcf]{color:#1e293b;margin:2rem 0 .75rem;font-size:1.2rem;font-weight:600}.content p[data-v-01cd0dcf]{margin-bottom:1rem}.content ul[data-v-01cd0dcf]{margin:1rem 0 1.5rem 1.5rem}.content li[data-v-01cd0dcf]{margin-bottom:.5rem}.feature-list[data-v-01cd0dcf]{background:#fafafa;border:1px solid #e2e8f0;border-radius:12px;margin:1rem 0 1.5rem;padding:0;list-style:none;overflow:hidden}.feature-list li[data-v-01cd0dcf]{border-bottom:1px solid #e2e8f0;margin:0;padding:.85rem 1rem;line-height:1.55}.feature-list li[data-v-01cd0dcf]:last-child{border-bottom:none}.muted[data-v-01cd0dcf]{color:#64748b;margin-bottom:.75rem;font-size:.95rem}.content strong[data-v-01cd0dcf]{color:#0f172a}.color-schemes[data-v-01cd0dcf]{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;display:grid}@media (width>=700px){.color-schemes[data-v-01cd0dcf]{grid-template-columns:repeat(3,1fr)}}.scheme[data-v-01cd0dcf]{background:#f8fafc;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.colors[data-v-01cd0dcf]{border:1px solid #94a3b8;border-radius:8px;flex-shrink:0;width:60px;height:40px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0f172a1f}.colors span[data-v-01cd0dcf]{flex:1;min-width:0}.colors span+span[data-v-01cd0dcf]{border-left:1px solid #0f172a1f}.scheme span[data-v-01cd0dcf]:last-child{color:#475569;font-size:.875rem}.content a[data-v-01cd0dcf]{color:#6366f1;font-weight:500;text-decoration:none}.content a[data-v-01cd0dcf]:hover{text-decoration:underline}@media (width<=640px){.hero h1[data-v-01cd0dcf]{font-size:2rem}.color-schemes[data-v-01cd0dcf]{grid-template-columns:1fr}}