/* Shared desktop density. Mobile sizes and browser zoom remain user-controlled. */
@media (min-width: 1024px) {
  :root { --desktop-body:15px; --desktop-control:13px; --desktop-card-padding:20px; --desktop-gap:20px; }
  body {font-size:var(--desktop-body);line-height:1.55}
  .site-header {padding:14px 4%;gap:20px}
  .header nav,.marketing-light .header nav {font-size:13px;gap:24px}
  .brand-logo {width:166px;height:40px}
  .brand-logo img {width:212px;left:-23px;top:-24px}
  button:not(.link),a.button {font-size:var(--desktop-control);padding:10px 17px}
  input,select,textarea {font-size:14px;padding:9px 12px}
  h1 {font-size:clamp(32px,4vw,58px)}
  h2 {font-size:clamp(24px,2.6vw,36px);margin-bottom:24px}
  h3 {font-size:20px}
  .lead {font-size:17px;line-height:1.6}
  .section {padding:60px 4%;max-width:1680px}
  .actions {gap:20px;margin:24px 0 16px}
  .panel,.stats article,.empty {padding:var(--desktop-card-padding);margin:12px 0}
  .workspace {grid-template-columns:200px minmax(0,1fr)}
  .workspace aside {padding:26px 18px}
  .workspace aside nav {margin:20px -7px;gap:5px}
  .workspace aside nav a {font-size:13px;padding:8px}
  .portal-main {padding:28px 3% 48px;min-width:0}
  .portal-main h1 {font-size:32px}
  .form-panel {max-width:980px}
  th,td {padding:12px 14px}
  footer {padding:24px 4%;font-size:13px}
  .marketing-light .hero {max-width:1760px;padding:12px 4% 60px;gap:4%}
  .marketing-light h1 {font-size:clamp(38px,3.8vw,60px);letter-spacing:-2px;margin:20px 0 24px}
  .marketing-light .lead {font-size:16px;line-height:1.6}
  .marketing-light .demo-card {padding:21px;border-radius:17px}
  .marketing-light .demo-card h2 {font-size:clamp(25px,2.2vw,33px);margin:18px 0 6px;letter-spacing:-1px}
  .demo-card .demo-subtitle {font-size:18px;margin-bottom:20px}
  .demo-card .demo-label {font-size:15px;margin-bottom:9px}
  .marketing-light .demo-card .demo-options {gap:8px}
  .marketing-light .demo-card .demo-option {padding:9px 7px;font-size:13px;gap:8px}
  .demo-card svg {width:21px;height:21px}
  .marketing-light #demo-description {margin:12px 0 16px;min-height:30px;font-size:13px}
  .demo-packages-section {padding-top:16px}
  .marketing-light .demo-card .demo-talk-actions {margin:20px 0 6px;gap:9px}
  .marketing-light .demo-card #demo-start {width:72px;height:72px;padding:16px}
  .marketing-light .demo-card #demo-start svg {width:30px;height:30px}
  .demo-talk-label {font-size:15px}
  .identity-main {padding:16px 20px 44px}
  .identity-card {max-width:480px;padding:28px 25px 20px}
  .identity-card h1 {font-size:28px}
  .identity-subtitle {font-size:15px;margin-bottom:25px}
  .identity-field {margin-bottom:15px}
  .identity-input input {height:44px;padding:10px 42px;font-size:14px}
  .identity-icon {top:12px}
  .identity-page .password-toggle {top:3px}
  .identity-options {margin:17px 0 20px}
  .identity-page .identity-submit {padding:11px 18px;font-size:14px}
  .dashboard-page .portal-main {padding:24px 3% 42px}
  .overview-heading {margin-bottom:24px}
  .overview-heading h1 {font-size:30px}
  .overview-heading p:not(.eyebrow) {font-size:15px}
  .overview-heading a.overview-create {padding:10px 17px;font-size:13px}
  .overview-stats {padding:16px 0;margin-bottom:28px}
  .overview-stats>div {gap:18px;padding:0 22px}
  .overview-icon {width:48px;height:48px}
  .overview-stats strong {font-size:24px}
  .overview-agents h2,.overview-calls h2 {font-size:21px;margin-bottom:13px}
  .overview-agent-grid {gap:15px}
  .overview-agent {padding:22px 18px 13px}
  .overview-agent-main {min-height:94px;gap:16px}
  .overview-avatar {width:56px;height:56px;font-size:28px}
  .overview-agent h3 {font-size:17px}
  .overview-agent-actions {padding-top:11px;min-height:46px}
  .overview-agent-actions button.overview-text-button,.overview-agent-actions button.overview-test {font-size:13px}
  .overview-calls {margin-top:30px}
  .overview-calls th,.overview-calls td {padding:12px 18px;font-size:13px}
  .builder-start-page .workspace {grid-template-columns:200px minmax(0,1fr)}
  .builder-start-page .portal-main {padding:36px 28px 40px}
  .builder-start-page aside nav a {font-size:13px;padding:9px 12px;gap:12px}
  .studio-brand {width:148px;margin-bottom:24px}
  .studio-start-heading {margin-bottom:27px}
  .studio-start-heading h1 {font-size:30px}
  .studio-start-heading>p:last-child {font-size:16px}
  .studio-intro {padding:22px 24px}
  .studio-intro-heading {gap:20px}
  .studio-start-icon {width:58px;height:58px}
  .studio-intro h2,.studio-sessions h2 {font-size:23px}
  .studio-intro-heading p,.studio-sessions>p {font-size:15px}
  .studio-steps {margin:22px 0;gap:16px}
  .studio-steps li {font-size:14px;gap:14px}
  .studio-steps li span {width:40px;height:40px;font-size:17px}
  .studio-start-actions button {font-size:15px;padding:11px 20px}
  .studio-start-actions a {font-size:14px}
  .studio-privacy {margin-top:18px}
  .studio-sessions {margin-top:32px}
  .studio-session {padding:16px 20px;gap:20px}
  .studio-session-avatar {width:48px;height:48px;font-size:25px}
  .studio-session h3 {font-size:16px}
  .studio-session-continue {padding:9px 16px;font-size:13px}
  .builder-page .site-header {height:62px;min-height:62px;padding:8px 3%}
  .builder-page .workspace {grid-template-columns:190px minmax(0,1fr)}
  .builder-page .portal-main {padding:8px 20px 14px}
  .studio-grid {max-width:940px}
  .studio-conversation {padding:14px 17px 10px}
  .studio-heading strong {font-size:15px}
  .studio-heading button,.studio-publish>summary {padding:8px 13px;font-size:12px}
  .builder-chat {padding-top:14px}
  .builder-message {margin-bottom:13px}
  .builder-message>p {padding:8px 12px;font-size:13px;line-height:1.6}
  .builder-page #id_message {height:56px;padding:10px 12px}
  .builder-next {padding:10px 12px;font-size:12px}
  .review-flow:not([hidden]) {max-width:900px;padding:23px}
  .review-flow h2 {font-size:22px}
  .review-flow h3 {font-size:18px;line-height:1.5}
}