/* Lenspire 2026 rebuild: a single visual system shared by marketing, studio, and guest pages. */
:root {
  --ls-ink: #20182c;
  --ls-muted: #70687c;
  --ls-line: #e7e0ee;
  --ls-surface: #ffffff;
  --ls-soft: #f8f5fb;
  --ls-violet: #6d36c8;
  --ls-violet-deep: #46207e;
  --ls-peach: #ec9a79;
  --ls-radius-sm: 14px;
  --ls-radius: 22px;
  --ls-radius-lg: 32px;
  --ls-shadow: 0 18px 48px rgb(42 24 63 / 8%);
  --ls-max: 1240px;
  --ls-gutter: clamp(18px, 4vw, 56px);
  --ls-section: clamp(48px, 7vw, 92px);
}

html { background: #fbfaff; }
body { color: var(--ls-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.55; }
body::selection { background: #e7d8ff; color: #2b1253; }
h1, h2, h3, h4 { color: var(--ls-ink); font-family: Georgia, "Times New Roman", serif; letter-spacing: -.045em; }
h1 { font-size: clamp(42px, 6vw, 76px); line-height: .98; }
h2 { font-size: clamp(30px, 3.8vw, 50px); line-height: 1.03; }
h3 { font-size: clamp(19px, 2vw, 25px); line-height: 1.15; }
button, input, select, textarea { border-radius: 12px; }
a { text-underline-offset: 4px; }

/* Marketing shell */
body.lenspire-site, body.pricing-site, body.public-legal, body.login-page { background: linear-gradient(180deg, #fff 0, #faf8fd 45%, #f6f1fa 100%); }
.lenspire-site .hx-nav, .lenspire-site .lp-nav, .public-legal .lp-nav, .login-page .lp-nav, .pricing-site .lp-nav { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); min-height: 68px; margin: 18px auto; padding: 9px 15px 9px 20px; border: 1px solid rgb(228 218 237 / 90%); border-radius: 20px; background: rgb(255 255 255 / 88%); box-shadow: 0 12px 32px rgb(44 22 71 / 7%); backdrop-filter: blur(18px); }
.lenspire-site .hx-brand img, .lp-brand img { width: 142px; height: auto; }
.lenspire-site .hx-links, .lp-links { gap: 2px; padding: 4px; border: 0; background: #f5f1f8; }
.lenspire-site .hx-links a, .lp-links a { padding: 9px 12px; border-radius: 10px; color: #5e526c; font-size: 13px; font-weight: 700; }
.lenspire-site .hx-links a:hover, .lp-links a:hover { color: var(--ls-violet-deep); background: #fff; }
.lenspire-site .hx-logout, .lp-actions .lp-start { min-height: 42px; border-radius: 12px; padding: 7px 9px 7px 16px; background: linear-gradient(135deg, var(--ls-violet-deep), var(--ls-violet)); box-shadow: 0 8px 18px rgb(93 45 155 / 22%); }
.lenspire-site .hx-logout { color: #fff; }
.lenspire-site .hx-hero { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); min-height: 0; margin: 30px auto 0; border: 1px solid #e8dff0; border-radius: var(--ls-radius-lg); padding: clamp(28px, 5vw, 64px); background: radial-gradient(circle at 80% 12%, #eee2fb 0, transparent 30%), linear-gradient(135deg, #fefeff 0, #f8f3fc 100%); box-shadow: var(--ls-shadow); }
.lenspire-site .hx-hero-grid { min-height: 500px; gap: clamp(28px, 5vw, 74px); align-items: center; }
.lenspire-site .hx-copy { max-width: 590px; }
.lenspire-site .hx-copy h1 { margin: 14px 0 20px; }
.lenspire-site .hx-lede { max-width: 500px; color: var(--ls-muted); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.65; }
.lenspire-site .hx-steps { gap: 12px; margin: 28px 0; }
.lenspire-site .hx-step { min-width: 130px; padding: 0; background: transparent; }
.lenspire-site .hx-step-ico { width: 38px; height: 38px; border-radius: 12px; }
.lenspire-site .hx-cta { gap: 12px; }
.lenspire-site .hx-btn-primary, .lenspire-site .hx-btn-ghost, .lenspire-site .ls-primary { min-height: 48px; border-radius: 13px; padding: 0 18px; font-size: 14px; }
.lenspire-site .hx-features { gap: 8px; margin-top: 42px; padding-top: 22px; border-top: 1px solid #e8dff0; }
.lenspire-site .hx-features > div { padding: 8px 0; }
.lenspire-site .hx-feat-ico { width: 34px; height: 34px; }
.lenspire-site > main { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); margin: 0 auto; }
.lenspire-site > main > section, .lenspire-site > main > .ls-capability-experience { margin-block: var(--ls-section); }
.lenspire-site .ls-sample-experience, .lenspire-site .ls-how, .lenspire-site .ls-workflow-proof, .lenspire-site .ls-privacy-trust, .lenspire-site .ls-pricing-card, .lenspire-site .ls-cta { border: 1px solid var(--ls-line); border-radius: var(--ls-radius-lg); box-shadow: none; }
.lenspire-site .ls-sample-experience { gap: clamp(28px, 5vw, 72px); padding: clamp(28px, 5vw, 56px); background: #fff; }
.lenspire-site .ls-sample-copy h2, .lenspire-site .ls-section-title h2, .lenspire-site .ls-gallery-heading h2, .lenspire-site .ls-how h2 { margin: 10px 0 18px; }
.lenspire-site .ls-sample-copy p, .lenspire-site .ls-section-title > p, .lenspire-site .ls-gallery-heading > p { color: var(--ls-muted); line-height: 1.7; }
.lenspire-site .ls-sample-steps { gap: 12px; }
.lenspire-site .ls-sample-steps li { min-height: 88px; border: 1px solid #e8def0; border-radius: 16px; padding: 17px; background: var(--ls-soft); }
.lenspire-site .ls-audiences, .lenspire-site .ls-gallery-showcase, .lenspire-site .ls-studio-notes, .lenspire-site .ls-faq { padding: 0; }
.lenspire-site .ls-section-title, .lenspire-site .ls-gallery-heading, .lenspire-site .ls-notes-heading, .lenspire-site .ls-faq-heading { max-width: 670px; margin-bottom: 30px; }
.lenspire-site .ls-audience-grid, .lenspire-site .ls-gallery-cards, .lenspire-site .ls-note-grid { gap: 16px; }
.lenspire-site .ls-audience-grid article, .lenspire-site .ls-gallery-cards article, .lenspire-site .ls-note-grid article { min-height: 0; border-radius: var(--ls-radius); }
.lenspire-site .ls-audience-grid article { padding: 22px; }
.lenspire-site .ls-audience-grid article h3 { margin: 18px 0 8px; }
.lenspire-site .ls-audience-grid article p { min-height: 0; margin-bottom: 20px; }
.lenspire-site .ls-capability-experience { width: 100%; border-radius: var(--ls-radius-lg); padding: clamp(18px, 3vw, 34px); }
.lenspire-site .ls-capability-showcase, .lenspire-site .ls-studio-showcase, .lenspire-site .ls-event-engagement { gap: 18px; }
.lenspire-site .ls-capability-grid article, .lenspire-site .ls-engagement-grid article { min-height: 205px; padding: 21px; border-radius: 18px; }
.lenspire-site .ls-capability-grid h3 { margin: 16px 0 7px; }
.lenspire-site .ls-capability-detail, .lenspire-site .ls-studio-showcase-copy, .lenspire-site .ls-event-engagement-heading { border-radius: var(--ls-radius); padding: clamp(24px, 3vw, 38px); }
.lenspire-site .ls-gallery-cards article { min-height: 330px; }
.lenspire-site .ls-how { padding: clamp(28px, 5vw, 56px); }
.lenspire-site .ls-steps { gap: 14px; margin-top: 30px; }
.lenspire-site .ls-steps article { min-height: 200px; padding: 22px; border-radius: 18px; }
.lenspire-site .ls-workflow-proof { gap: clamp(28px, 5vw, 70px); padding: clamp(28px, 5vw, 56px); }
.lenspire-site .ls-workflow-list { gap: 12px; }
.lenspire-site .ls-workflow-list article { padding: 18px; border-radius: 16px; }
.lenspire-site .ls-privacy-trust { gap: clamp(28px, 5vw, 72px); padding: clamp(28px, 5vw, 56px); }
.lenspire-site .ls-privacy-trust ul { gap: 12px; }
.lenspire-site .ls-privacy-trust li { padding: 18px; border-radius: 16px; }
.lenspire-site .ls-pricing-card { padding: clamp(28px, 5vw, 56px); }
.lenspire-site .ls-note-grid article { min-height: 265px; padding: 24px; }
.lenspire-site .ls-faq-list { gap: 10px; }
.lenspire-site .ls-faq-list details { border: 1px solid var(--ls-line); border-radius: 14px; padding: 0 18px; background: #fff; }
.lenspire-site .ls-faq-list summary { min-height: 60px; font-size: 15px; }
.lenspire-site .ls-cta { min-height: 210px; padding: 32px; }
.lenspire-site .ls-footer { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); margin: var(--ls-section) auto 28px; padding: 38px 0 0; }

/* Pricing, legal, login, and demo */
.pricing-main { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); margin: 0 auto; padding-bottom: var(--ls-section); }
.pricing-site .pricing-hero { margin: 30px 0 56px; border: 1px solid var(--ls-line); border-radius: var(--ls-radius-lg); padding: clamp(28px, 5vw, 62px); box-shadow: var(--ls-shadow); }
.pricing-site .pricing-hero h1 { margin: 12px 0 18px; }
.pricing-site .public-plan-section { margin-block: 72px; }
.pricing-site .public-plan-heading { margin-bottom: 28px; }
.pricing-site .public-plan-grid { gap: 16px; }
.pricing-site .public-plan { min-height: 430px; border: 1px solid var(--ls-line); border-radius: var(--ls-radius); padding: 24px; box-shadow: var(--ls-shadow); }
.pricing-site .public-plan.is-featured { border-color: #ae89d0; box-shadow: 0 18px 42px rgb(102 54 163 / 15%); }
.public-legal .legal-shell { width: min(980px, calc(100vw - (var(--ls-gutter) * 2))); padding: clamp(42px, 7vw, 92px) 0; }
.public-legal .legal-shell > h1 { margin: 10px 0 18px; }
.public-legal .legal-shell section { margin: 14px 0; border: 1px solid var(--ls-line); border-radius: var(--ls-radius); padding: clamp(22px, 4vw, 34px); box-shadow: 0 10px 28px rgb(49 26 74 / 4%); }
.public-legal .legal-shell section h2 { margin-top: 0; font-size: 25px; }
.public-legal .legal-footer { width: min(980px, calc(100vw - (var(--ls-gutter) * 2))); margin: 0 auto 34px; padding-top: 22px; }
.login-page .login-stage { min-height: auto; padding: 42px 0 82px; }
.login-page .login-shell { width: min(1050px, calc(100vw - (var(--ls-gutter) * 2))); overflow: hidden; border: 1px solid var(--ls-line); border-radius: var(--ls-radius-lg); box-shadow: var(--ls-shadow); }
.login-page .login-intro, .login-page .login-card { padding: clamp(28px, 5vw, 56px); }
.login-page .login-intro h1 { margin: 20px 0; font-size: clamp(38px, 4vw, 59px); }
.login-page .login-card h2 { font-size: 38px; }
.login-page .login-card form { gap: 16px; }
.demo-nav, .demo-shell { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); }
.demo-nav { margin-top: 18px; border: 1px solid var(--ls-line); border-radius: 18px; padding: 10px 16px; background: #fff; }
.demo-shell { padding-block: 52px 80px; }
.demo-intro { max-width: 760px; }
.demo-intro h1 { margin: 12px 0 20px; }
.demo-stage, .demo-closing { border-radius: var(--ls-radius-lg); }

/* Studio workspace and guest routes */
body.studio-app { background: #f7f5f9; color: var(--ls-ink); }
.studio-app .studio-nav { min-height: 70px; padding-inline: var(--ls-gutter); border-bottom: 1px solid var(--ls-line); background: rgb(255 255 255 / 92%); box-shadow: 0 5px 20px rgb(45 27 65 / 4%); }
.studio-app .studio-nav .brand img { width: 136px; }
.studio-app .studio-nav-link, .studio-app .studio-nav-actions > a { min-height: 40px; border-radius: 10px; font-size: 13px; }
.studio-app main { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); padding-block: 44px 86px; }
.studio-app .studio-page-hero, .studio-app .studio-hero, .studio-app .event-hero, .studio-app .event-settings-hero, .studio-app .account-hero, .studio-app .platform-hero, .studio-app .subscription-hero, .studio-app .guest-find-hero, .studio-app .guest-results-hero { gap: 28px; margin-bottom: 38px; padding: clamp(26px, 4vw, 46px); border: 1px solid var(--ls-line); border-radius: var(--ls-radius-lg); background: radial-gradient(circle at 88% 12%, #eadcf8, transparent 30%), #fff; box-shadow: var(--ls-shadow); }
.studio-app .studio-hero h1, .studio-app .event-hero h1, .studio-app .account-hero h1, .studio-app .platform-hero h1, .studio-app .subscription-hero h1, .studio-app .guest-find-hero h1, .studio-app .guest-results-hero h1 { margin: 10px 0 16px; font-size: clamp(36px, 5vw, 62px); }
.studio-app .studio-page-hero { min-height: 390px; }
.studio-app .studio-events-hero__content { padding: clamp(28px, 5vw, 58px); }
.studio-app .studio-events-hero__visual { min-height: 360px; }
.studio-app .studio-dashboard-grid, .studio-app .studio-event-grid, .studio-app .event-actions-grid, .studio-app .event-organize-grid, .studio-app .event-settings-grid, .studio-app .account-grid, .studio-app .platform-layout, .studio-app .subscription-plan-grid { gap: 16px; }
.studio-app .studio-dashboard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-bottom: 44px; }
.studio-app .studio-dashboard-card { min-height: 260px; padding: 24px; border: 1px solid var(--ls-line); border-radius: var(--ls-radius); background: #fff; box-shadow: 0 10px 28px rgb(45 26 67 / 5%); }
.studio-app .studio-dashboard-card h2 { margin: 13px 0 10px; font-size: 25px; }
.studio-app .studio-dashboard-card p { color: var(--ls-muted); }
.studio-app .studio-kpis, .studio-app .event-kpis { gap: 14px; margin: 0 0 38px; }
.studio-app .studio-kpis > article, .studio-app .event-kpis > article { min-height: 142px; padding: 20px; border: 1px solid var(--ls-line); border-radius: 18px; background: #fff; box-shadow: none; }
.studio-app .studio-kpis b, .studio-app .event-kpis b { margin-top: 14px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(28px, 3vw, 38px); letter-spacing: -.04em; }
.studio-app .studio-credit-summary, .studio-app .event-insights, .studio-app .event-processing, .studio-app .event-organize, .studio-app .event-gallery, .studio-app .subscription-usage, .studio-app .subscription-history, .studio-app .team-workspace, .studio-app .platform-layout { margin-block: 34px; border-radius: var(--ls-radius); }
.studio-app .studio-credit-summary, .studio-app .event-insights, .studio-app .event-processing, .studio-app .event-organize, .studio-app .subscription-usage, .studio-app .subscription-history, .studio-app .team-workspace, .studio-app .platform-create-card, .studio-app .platform-studio-list, .studio-app .account-card, .studio-app .event-settings-card, .studio-app .event-settings-tool { border: 1px solid var(--ls-line); background: #fff; box-shadow: 0 12px 30px rgb(45 26 67 / 5%); }
.studio-app .studio-credit-summary, .studio-app .event-insights, .studio-app .event-processing, .studio-app .event-organize, .studio-app .subscription-usage, .studio-app .subscription-history, .studio-app .team-workspace { padding: clamp(22px, 4vw, 38px); }
.studio-app .studio-create { gap: 32px; margin-block: 48px; padding: clamp(24px, 4vw, 42px); border: 1px solid #d9c9e7; border-radius: var(--ls-radius-lg); background: linear-gradient(135deg, #f0e8f7, #fff); }
.studio-app .studio-create-form, .studio-app .event-settings-form, .studio-app .account-card form, .studio-app .platform-create-card form { gap: 14px; }
.studio-app .studio-create-form label, .studio-app .event-settings-form label, .studio-app .account-card label, .studio-app .platform-create-card label, .studio-app .access-card label, .studio-app .guest-pin-card label, .studio-app .guest-search-card label { gap: 7px; font-size: 12px; }
.studio-app input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), .studio-app select, .studio-app textarea { min-height: 46px; padding-inline: 13px; border-color: #ddd4e6; background: #fff; }
.studio-app .studio-button, .studio-app form button:not(.event-icon-button):not(.studio-nav-toggle), .studio-app .access-button-link { min-height: 46px; border-radius: 12px; padding-inline: 16px; background: linear-gradient(135deg, var(--ls-violet-deep), var(--ls-violet)); box-shadow: 0 9px 18px rgb(92 43 157 / 20%); }
.studio-app .studio-event-card { min-height: 280px; border: 1px solid var(--ls-line); border-radius: var(--ls-radius); background: #fff; box-shadow: 0 10px 28px rgb(45 26 67 / 5%); }
.studio-app .studio-event-cover { min-height: 135px; }
.studio-app .studio-event-card-copy { padding: 20px; }
.studio-app .event-actions-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.studio-app .event-action { min-height: 520px; padding: clamp(22px, 3vw, 34px); border: 1px solid var(--ls-line); border-radius: var(--ls-radius); box-shadow: 0 12px 30px rgb(45 26 67 / 6%); }
.studio-app .event-action h2 { margin: 12px 0; font-size: 31px; }
.studio-app .event-organize-grid, .studio-app .event-settings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.studio-app .event-organize-card, .studio-app .event-settings-card { padding: 24px; border-radius: var(--ls-radius); }
.studio-app .event-photo-grid, .studio-app .guest-results-grid { gap: 14px; }
.studio-app .event-photo, .studio-app .guest-result-card { border: 1px solid var(--ls-line); border-radius: 16px; background: #fff; box-shadow: 0 8px 20px rgb(45 26 67 / 5%); }
.studio-app .subscription-plan { min-height: 390px; padding: 24px; border: 1px solid var(--ls-line); border-radius: var(--ls-radius); background: #fff; }
.studio-app .subscription-history-table { overflow: auto; border: 1px solid var(--ls-line); border-radius: 14px; }
.studio-app .access-stage, .studio-app .guest-access-stage, .studio-app .guest-find-layout { gap: clamp(26px, 6vw, 74px); }
.studio-app .access-card, .studio-app .guest-pin-card, .studio-app .guest-search-card { padding: clamp(24px, 4vw, 42px); border: 1px solid var(--ls-line); border-radius: var(--ls-radius-lg); background: #fff; box-shadow: var(--ls-shadow); }
.studio-app .guest-find-copy, .studio-app .guest-access-copy { padding: 12px 0; }
.studio-app .guest-find-copy h2, .studio-app .guest-access-copy h1 { margin: 12px 0 16px; }
.studio-app .guest-results-grid { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.studio-app footer { width: min(var(--ls-max), calc(100vw - (var(--ls-gutter) * 2))); margin: 0 auto 26px; padding-top: 22px; }

@media (max-width: 1080px) {
  .studio-app .studio-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .studio-app .event-actions-grid { grid-template-columns: 1fr; }
  .studio-app .event-action { min-height: 0; }
}

@media (max-width: 780px) {
  body { font-size: 14px; }
  .lenspire-site .hx-nav, .lenspire-site .lp-nav, .public-legal .lp-nav, .login-page .lp-nav, .pricing-site .lp-nav { width: calc(100vw - 24px); min-height: 60px; margin: 10px auto; border-radius: 16px; }
  .lenspire-site .hx-brand img, .lp-brand img { width: 118px; }
  .lenspire-site .hx-hero { width: calc(100vw - 24px); margin-top: 20px; border-radius: 24px; padding: 26px 20px; }
  .lenspire-site .hx-hero-grid { min-height: 0; grid-template-columns: 1fr; }
  .lenspire-site .hx-visual { min-height: 400px; }
  .lenspire-site .hx-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lenspire-site > main, .pricing-main { width: calc(100vw - 24px); }
  .lenspire-site > main > section, .lenspire-site > main > .ls-capability-experience { margin-block: 48px; }
  .lenspire-site .ls-sample-experience, .lenspire-site .ls-workflow-proof, .lenspire-site .ls-privacy-trust { grid-template-columns: 1fr; padding: 26px 20px; }
  .lenspire-site .ls-audience-grid, .lenspire-site .ls-gallery-cards, .lenspire-site .ls-note-grid { grid-template-columns: 1fr; }
  .lenspire-site .ls-capability-showcase, .lenspire-site .ls-studio-showcase, .lenspire-site .ls-event-engagement { grid-template-columns: 1fr; }
  .lenspire-site .ls-gallery-cards article { min-height: 0; }
  .lenspire-site .ls-footer { width: calc(100vw - 24px); }
  .pricing-site .pricing-hero { grid-template-columns: 1fr; margin: 20px 0 42px; padding: 28px 20px; border-radius: 24px; }
  .pricing-site .public-plan-grid { grid-template-columns: 1fr; }
  .login-page .login-shell { width: calc(100vw - 24px); grid-template-columns: 1fr; border-radius: 24px; }
  .login-page .login-intro, .login-page .login-card { padding: 28px 22px; }
  .public-legal .legal-shell { width: calc(100vw - 32px); padding: 42px 0; }
  .public-legal .legal-shell section { border-radius: 18px; padding: 22px 18px; }
  .demo-nav, .demo-shell { width: calc(100vw - 24px); }
  .demo-shell { padding-block: 34px 60px; }
  .studio-app .studio-nav { min-height: 62px; padding-inline: 14px; }
  .studio-app main { width: calc(100vw - 24px); padding-block: 26px 58px; }
  .studio-app .studio-page-hero, .studio-app .studio-hero, .studio-app .event-hero, .studio-app .event-settings-hero, .studio-app .account-hero, .studio-app .platform-hero, .studio-app .subscription-hero, .studio-app .guest-find-hero, .studio-app .guest-results-hero { margin-bottom: 26px; padding: 26px 20px; border-radius: 24px; }
  .studio-app .studio-page-hero { min-height: 0; }
  .studio-app .studio-events-hero__content { padding: 28px 20px; }
  .studio-app .studio-events-hero__visual { display: none; }
  .studio-app .studio-dashboard-grid, .studio-app .studio-kpis, .studio-app .event-kpis, .studio-app .studio-event-grid, .studio-app .event-organize-grid, .studio-app .event-settings-grid, .studio-app .account-grid, .studio-app .platform-layout, .studio-app .subscription-plan-grid { grid-template-columns: 1fr; }
  .studio-app .studio-dashboard-card { min-height: 0; }
  .studio-app .studio-credit-summary, .studio-app .event-insights, .studio-app .event-processing, .studio-app .event-organize, .studio-app .subscription-usage, .studio-app .subscription-history, .studio-app .team-workspace { padding: 22px 18px; border-radius: 18px; }
  .studio-app .studio-create { grid-template-columns: 1fr; padding: 24px 18px; border-radius: 22px; }
  .studio-app .event-actions-grid { grid-template-columns: 1fr; }
  .studio-app .event-action { padding: 22px 18px; border-radius: 20px; }
  .studio-app .access-stage, .studio-app .guest-access-stage, .studio-app .guest-find-layout { grid-template-columns: 1fr; }
  .studio-app .access-card, .studio-app .guest-pin-card, .studio-app .guest-search-card { padding: 26px 20px; border-radius: 22px; }
  .studio-app footer { width: calc(100vw - 24px); }
}