.family-preview-note{padding:1rem 1.25rem;margin:1rem 0 2rem;border:1px solid #c9c0ae;border-radius:12px;background:#f5f0e5;color:#29291f;line-height:1.65}.family-preview-note strong{display:block}.family-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.family-demo-card{padding:clamp(1.5rem,4vw,3rem);background:#fffdf8;border:1px solid #ddd4c4;border-radius:20px}.family-demo-card h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.1;margin:.4em 0}.family-demo-card p,.family-demo-card li{line-height:1.8;margin:1em 0}.family-demo-tabs{margin-top:2rem}.family-demo-tablist{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.family-demo-tablist button{font:inherit;padding:.8rem 1.2rem;border:1px solid #bfb6a5;border-radius:100px;background:#f4eee3;color:#25261e;cursor:pointer}.family-demo-tablist button[aria-selected=true]{background:#282b22;color:#fffdf6}.family-copy-column{max-width:780px}.family-copy-column h2{font-size:1.65rem;margin:2em 0 .65em}.family-copy-column p{line-height:1.8}.family-demo-tabs [hidden]{display:none!important}[data-family-brand] input[readonly],[data-family-brand] textarea[readonly]{background-color:#f4eee4;cursor:default}.portal-workspace>.family-preview-note{margin:1rem 2rem}.family-preview-label{font-size:.8rem;color:#5c5a4e;margin:.5rem 0}.login-card .button{margin:1.2rem 0}.family-demo-tabs a:focus-visible,.family-demo-tabs button:focus-visible{outline:3px solid #a54726;outline-offset:4px}@media(max-width:720px){.family-demo-grid{grid-template-columns:1fr}.family-demo-tablist{gap:.4rem}.family-demo-tablist button{padding:.7rem 1rem}.family-demo-card{padding:1.4rem}}
.family-demo-card .button,.family-copy-column .button,.login-card>.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.25rem;border-radius:999px;background:#2f3125;color:#fffdf6;font-weight:600;line-height:1.3;text-decoration:none}.family-demo-card .button:hover,.family-copy-column .button:hover,.login-card>.button:hover{background:#f05a28;color:#25261e}.login-card .design-notice{display:block}.login-card .design-notice>p{margin-top:.6rem}
