.for-hub-grid{display:grid;grid-template-columns:1fr;gap:.875rem}@media (min-width:40rem){.for-hub-grid{grid-template-columns:1fr 1fr}}@media (min-width:64rem){.for-hub-grid{grid-template-columns:repeat(3,1fr)}}.for-hub-card{display:flex;flex-direction:column;gap:.625rem;border:1px solid var(--shell-border);border-radius:.75rem;background:var(--shell-surface);padding:1.125rem 1.25rem 1.25rem;transition:border-color .16s ease}.for-hub-card:hover{border-color:var(--shell-accent)}.for-hub-card-title{font-family:var(--shell-font-display);font-weight:700;font-size:1.125rem;line-height:1.35;letter-spacing:-.01em;color:var(--shell-text)}.for-hub-card-lead{font-size:.8125rem;line-height:1.65;color:var(--shell-text-secondary)}.for-hub-card-meta{margin-top:auto;padding-top:.25rem;font-family:var(--shell-font-mono);font-size:.6875rem;letter-spacing:.06em;color:var(--shell-text-secondary)}.for-style-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:30rem) and (max-width:47.999rem){.for-style-card{max-width:30rem;margin-inline:auto;width:100%}}@media (min-width:48rem){.for-style-grid{grid-template-columns:1fr 1fr}}.for-style-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--shell-border);border-radius:.875rem;background:var(--shell-surface);transition:border-color .16s ease}.for-style-card:hover{border-color:var(--shell-text-secondary)}@media (min-width:48rem) and (max-width:63.999rem){.for-style-card .mini-stage-zoom{zoom:.3}}@media (min-width:64rem){.for-style-card .mini-stage-zoom{zoom:.34}}.for-style-card .mini-stage-frame{border:0;border-radius:0;border-bottom:1px solid var(--shell-border);background:transparent}.for-style-card-body{display:flex;flex:1;flex-direction:column;gap:.625rem;padding:1rem 1.125rem 1.125rem}.for-style-card-title{font-family:var(--shell-font-display);font-weight:700;font-size:1.125rem;line-height:1.35;letter-spacing:-.01em;color:var(--shell-text)}.for-style-card-desc{font-size:.8125rem;line-height:1.65;color:var(--shell-text-secondary)}.for-style-card-compare{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:auto;padding-top:.25rem}.for-style-card-compare a{border:1px solid var(--shell-border);border-radius:3px;padding:.1875rem .5625rem;font-size:.6875rem;line-height:1.5;color:var(--shell-text-secondary);transition:color .16s ease,border-color .16s ease}.for-style-card-compare a:hover{color:var(--shell-text);border-color:var(--shell-accent)}.for-style-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem;border-top:1px solid var(--shell-border);padding-top:.75rem}.for-style-card-actions .pick-btn{margin-left:auto}.for-system-grid{display:grid;grid-template-columns:1fr;gap:.875rem}@media (min-width:40rem){.for-system-grid{grid-template-columns:repeat(3,1fr)}}.for-system-card{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--shell-border);border-radius:.75rem;background:var(--shell-surface);padding:1.125rem 1.25rem 1.25rem}.for-system-card-title{font-size:.9375rem;font-weight:600;color:var(--shell-text)}.for-system-card-desc{font-size:.8125rem;line-height:1.65;color:var(--shell-text-secondary)}.for-system-card-actions{display:flex;flex-wrap:wrap;gap:.5rem .875rem;margin-top:auto;padding-top:.5rem}.for-intro{max-width:42rem}.for-intro p+p{margin-top:1rem}.for-cta{margin-top:3.5rem;border-top:1px solid var(--shell-border);padding-top:2rem}@media (prefers-reduced-motion:reduce){.for-hub-card,.for-style-card,.for-style-card-compare a{transition:none}}