/* Compact layouts, readable instructions, and restrained decoration. */
.page-landing .hero {
  min-height: 0;
  padding: 6.5rem 2rem 2.5rem;
  gap: 2rem;
}
.page-landing h1.hero-h { font-size: clamp(2.15rem, 3.9vw, 3.5rem); line-height: 1.1; }
.page-landing .hero-lede { line-height: 1.6; }
.page-landing :is(.section-title, .final h2) { font-size: clamp(1.75rem, 3.1vw, 2.65rem); line-height: 1.15; }
.page-landing :is(.how, .value-section, .pricing, .edge, .faq, .final, .demo) { padding-top: 3rem; padding-bottom: 3rem; }
.page-landing :is(.section-sub, .value-lede, .story-max-lede) { font-size: 1rem; line-height: 1.6; }
.page-landing :is(.how-head, .pricing-head, .edge-head) { margin-bottom: 1.5rem; }
.page-landing :is(.story-plan, .story-max, .edge-card, .flow-card, .demo-card) { border-radius: 16px; box-shadow: none; }
.page-landing .story-plan { padding: 1.25rem; }
.page-landing .story-max { padding: 1.4rem; }
.page-landing .story-max h3 { font-size: 1.65rem; line-height: 1.2; }
.page-landing .story-max-perks { gap: .55rem; }
.page-landing :is(.tag-pill, .eyebrow, .story-max-badge) { box-shadow: none; letter-spacing: .05em; }
.page-landing :is(.final, .story-max, .pricing-urgency)::after { display: none; }
.page-landing :is(.btn, .nav-cta, .plan-btn) { box-shadow: none !important; }
.page-landing :is(.story-plan p, .story-max-lede, .edge-card p, .value-lede, .value-proof) { color: #c8c1ce; }
.landing-extra { border-top: 1px solid #ffffff1a; margin-top: 1.25rem; }
.landing-extra > summary { cursor: pointer; padding: 1rem 0; color: #f5f0f7; font-weight: 600; line-height: 1.45; min-height: 44px; }
.landing-extra > summary::marker { color: #e5487b; }
.landing-extra[open] > summary { margin-bottom: .5rem; }
.page-landing .edge { padding-top: 1rem; padding-bottom: 1rem; }
.page-landing .edge > .landing-extra { margin: 0; }
.page-landing .edge-grid { gap: 1rem; }
.page-landing .edge-card h3 { font-size: 1.1rem; }

.page-dashboard .wrap { padding-top: 1.75rem; padding-bottom: 2.5rem; }
.page-dashboard h1 { font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.2; }
.page-dashboard .dashboard-hero { margin-bottom: 1.25rem; }
.page-dashboard .subtitle { margin-bottom: 0; color: #c8c1ce; }
.page-dashboard :is(.card, .upgrade-card) { padding: 1.2rem; border-radius: 16px; box-shadow: none; }
.page-dashboard .quickstart-card { border: 1px solid #e5487b66; background: #19141c; }
.page-dashboard .quickstart-title { font-size: 1.2rem; }
.page-dashboard .quickstart-sub { font-size: .95rem; color: #d6cfdc; line-height: 1.6; }
.page-dashboard .setup-step { padding: 1rem; gap: .75rem; }
.page-dashboard .setup-name { font-size: 1rem; }
.page-dashboard .setup-copy { font-size: 1rem; color: #e0d9e5; line-height: 1.6; }
.page-dashboard .setup-copy li { margin-bottom: .55rem; }
.page-dashboard .setup-copy b { color: #fff; }
.page-dashboard .setup-mark { width: 1.8rem; height: 1.8rem; color: #f5f0f7; background: #4b2335; font-size: .85rem; }
.page-dashboard :is(.after-start-item span, .quickstart-optional span, .settings-section-help, .trouble-body, .security-note) { font-size: .9rem; color: #c8c1ce; line-height: 1.6; }
.page-dashboard .card-title { font-size: .9rem; color: #d6cfdc; letter-spacing: .03em; }
.page-dashboard :is(.field-input, .field-textarea) { font-size: 1rem; }
.page-dashboard :is(.field-label, .toggle-label small, .voice-option-tag) { font-size: .85rem; color: #c8c1ce; }
.page-dashboard .setup-action { font-size: .9rem; }
.page-dashboard .dashboard-details > summary { font-size: 1rem; }
.page-dashboard :is(.quickstart-card, .upgrade-card)::before { display: none; }

@media (max-width: 920px) {
  .page-dashboard #quickstart-card { order: 2; }
  .page-dashboard #plan-card { order: 3; }
  .page-dashboard #upgrade-card { order: 4; }
  .page-dashboard #voice-card { order: 5; }
  .page-dashboard #shortcut-card { order: 6; }
  .page-dashboard #settings-card { order: 7; }
  .page-dashboard #chats-card { order: 8; }
  .page-dashboard #analysis-card { order: 9; }
  .page-dashboard #account-card { order: 10; }
  .page-dashboard #referral-card { order: 11; }
  .page-dashboard .tips-card { order: 12; }
}

@media (max-width: 720px) {
  .page-landing .hero { padding: 5.25rem 1rem 2rem; gap: 1.25rem; }
  .page-landing h1.hero-h { font-size: clamp(1.85rem, 7.4vw, 2.35rem); }
  .page-landing :is(.how, .value-section, .pricing, .faq, .final, .demo) { padding: 2.25rem 1rem; }
  .page-landing :is(.section-title, .final h2) { font-size: 1.75rem; }
  .page-landing :is(.story-plan h3, .story-max h3) { font-size: 1.45rem; }
  .page-landing .story-max-head { gap: .85rem; }
  .page-landing .hero-lede { font-size: 1rem; margin-bottom: 1rem; }
  .page-landing .trust-strip { font-size: .8rem; gap: .4rem .75rem; }
  .page-landing .chat-scene { height: 475px; max-width: 360px; }
  .page-landing .chat-phone { width: 275px; height: 440px; left: 50%; transform: translateX(-50%); }
  .page-landing .phone-conversation { padding: 12px 15px; }
  .page-landing .chat-bubble { font-size: 14px; }
  .page-landing .reply-preview { top: 295px; width: 95%; padding: 15px; }
  .page-landing .reply-preview p { font-size: 23px; }
  .page-landing .chat-scene figcaption { bottom: 0; font-size: .8rem; }
  .page-landing .edge { padding: .5rem 1rem; }
  .page-landing .value-grid { gap: 1.25rem; }
  .page-landing .rival-duel { padding: 14px; gap: 10px; }
  .page-landing .rival-duel .rival-card { padding: 12px; gap: 6px; }
  .page-landing .rival-head { padding-bottom: 8px; margin-bottom: 0; }
  .page-landing .rival-duel .rival-bubble { font-size: 14px; padding: 9px 11px; }
  .page-landing .value-proof { line-height: 1.6; }
  .page-landing .final p { font-size: 1rem; line-height: 1.6; }
  .page-landing :is(.btn, .nav-cta, .plan-btn) { min-height: 44px; }
  .page-dashboard .wrap { padding: 1.25rem 1rem 2rem; }
  .page-dashboard :is(.card, .upgrade-card) { padding: 1rem; }
  .page-dashboard .setup-step { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); gap: .6rem; }
  .page-dashboard .setup-step > .setup-action { grid-column: 2; width: fit-content; max-width: 100%; }
  .page-dashboard .setup-actions { gap: .5rem; }
  .page-dashboard .setup-actions .copy-btn { width: auto; }
  .page-dashboard .quickstart-progress { font-size: .8rem; }
}