:root{color:#1b1f23;background:#f7f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.client-room{display:grid;gap:28px;width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.welcome-band{display:grid;grid-template-columns:84px minmax(0,1fr);gap:24px;align-items:center;padding:32px;border-radius:8px;color:#fff;background:#1d3b34}.client-mark{display:grid;width:84px;aspect-ratio:1;place-items:center;border:1px solid rgb(255 255 255 / 24%);border-radius:8px;font-weight:900}.welcome-band h1,.review-header h2,.frame-card h3{margin:0;letter-spacing:0}.welcome-band h1{font-size:clamp(34px,6vw,76px);line-height:.95}.welcome-band p{max-width:780px;margin:12px 0 0;color:#e7eee8;line-height:1.6}.eyebrow{margin:0 0 10px;color:#6f7a72;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.welcome-band .eyebrow{color:#bdd3c8}.review-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.review-header h2{font-size:32px}.reviewer-pill{display:grid;min-width:220px;gap:3px;padding:14px 16px;border:1px solid #dad9d0;border-radius:8px;background:#fff}.reviewer-pill span{font-weight:800}.reviewer-pill strong{color:#657068;font-size:14px}.frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.frame-card{display:grid;overflow:hidden;border:1px solid #d8d7ce;border-radius:8px;background:#fff}.frame-placeholder{display:grid;aspect-ratio:16 / 9;place-items:center;color:#fff;background:linear-gradient(135deg,rgb(20 28 25 / 8%) 25%,transparent 25%) 0 0 / 28px 28px,#243a32}.frame-placeholder span{font-size:clamp(40px,8vw,78px);font-weight:900}.frame-copy{display:grid;gap:8px;min-height:148px;padding:18px}.frame-copy p{margin:0;color:#657068;line-height:1.5}.frame-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e5e3da}.frame-actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;color:#1d3b34;background:#f8f7f2;cursor:pointer}.frame-actions button:hover{background:#fff}@media(max-width:900px){.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.client-room{width:min(100vw - 24px,1180px);padding-top:16px}.welcome-band,.review-header{display:grid}.welcome-band,.frame-grid{grid-template-columns:1fr}}