/* Product proof stays visible at every breakpoint. */
#gh-studio .hero { grid-template-columns: 1fr 1.08fr; gap: 5%; padding: 46px 5% 48px; min-height: 0; }
#gh-studio .hero-copy { padding: 0; }
#gh-studio h1 { font-size: clamp(58px, 6.6cqw, 92px); line-height: .99; letter-spacing: -.055em; margin: 24px 0; text-wrap: balance; }
#gh-studio h1 > span { display: block; }
#gh-studio .hero-bottom { max-width: 430px; margin-top: 22px; }
#gh-studio .hero-bottom > p { max-width: 40ch; line-height: 1.7; margin-bottom: 22px; }
#gh-studio .hero .gh-hero-reassurance { font-size: .8125rem; line-height: 1.5; margin: 18px 0 8px; color: #5f4b3b; }
#gh-studio .gh-plan-link { display: inline-flex; gap: 8px; align-items: center; font-size: .8125rem; min-height: 36px; text-decoration: underline; text-underline-offset: 4px; }
#gh-studio .hero-bottom .gh-hero-fees { margin-top: 7px; font-size: .75rem; line-height: 1.5; max-width: 42ch; }
#gh-studio .hero .gh-product-art { display: block; position: relative; width: 100%; max-width: 620px; padding: 54px 0 28px; margin: 0; isolation: isolate; }
#gh-studio .gh-product-art .solar-stage { position: absolute; z-index: -1; top: -40px; right: -60px; width: 76%; margin: 0; opacity: .65; pointer-events: none; }
#gh-studio .gh-hero-product { position: relative; margin: 0; background: #fffcf6; border: 1px solid #dfd1c0; border-radius: 14px; overflow: hidden; box-shadow: 0 22px 65px #72503918; }
#gh-studio .gh-product-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid #e8dac7; font-size: .8125rem; }
#gh-studio .gh-product-status { font-size: .6875rem; color: #665e46; background: #efeee3; padding: 5px 9px; border-radius: 30px; }
#gh-studio .gh-hero-product figcaption { display: flex; justify-content: space-between; gap: 8px; font-size: .6875rem; line-height: 1.5; padding: 12px 18px; border-top: 1px solid #e8dac7; color: #6e5b4b; }
#gh-studio .gh-product-art .solar-caption { bottom: 0; }
#gh-studio .caption-line { padding-block: 22px; gap: 24px; }
#gh-studio .gh-founder-story-link { font-size: .8125rem; display: inline-flex; align-items: center; min-height: 38px; text-decoration: underline; text-underline-offset: 4px; }
#gh-studio .caption-line .gh-studio-booking-link { font-size: .75rem; min-height: 32px; }
#gh-studio .gh-outcomes { padding: 62px 6% 46px; }
#gh-studio .gh-outcomes-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 8%; align-items: end; margin-bottom: 36px; }
#gh-studio .gh-outcomes h2 { font: 400 clamp(36px, 4.5cqw, 60px)/1.08 'Italiana', Georgia, serif; letter-spacing: -.035em; margin: 16px 0 0; }
#gh-studio .gh-outcomes-heading > p { font-size: 1rem; line-height: 1.8; color: #74563f; max-width: 38ch; }
#gh-studio .gh-outcome-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
#gh-studio .gh-outcome-grid article { display: flex; flex-direction: column; border-top: 1px solid #d8bfa3; padding-top: 20px; }
#gh-studio .gh-outcome-number { font-size: .6875rem; letter-spacing: .13em; color: #805333; }
#gh-studio .gh-outcome-grid h3 { font: 400 clamp(27px, 2.5cqw, 35px)/1.14 'Italiana', Georgia, serif; letter-spacing: -.025em; margin: 18px 0 14px; max-width: 17ch; }
#gh-studio .gh-outcome-grid p { font-size: .9375rem; line-height: 1.75; color: #74563f; margin-bottom: 20px; }
#gh-studio .gh-outcome-detail { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-height: 62px; padding: 12px 0; font-size: .75rem; color: #6b4930; border-block: 1px solid #e8dac7; }
#gh-studio .gh-care-detail span, #gh-studio .gh-return-detail span { background: #f1e5d5; padding: 7px 9px; border-radius: 5px; }
#gh-studio .gh-outcome-grid a, #gh-studio .gh-phone-callout a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: .875rem; text-decoration: underline; text-underline-offset: 4px; }
#gh-studio .gh-outcome-grid small { display: block; color: #74563f; font-size: .6875rem; line-height: 1.6; }
#gh-studio .gh-phone-callout { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 30px; padding: 22px 26px; background: #f1e5d5; border-radius: 8px; }
#gh-studio .gh-phone-callout p { max-width: 66ch; font-size: .875rem; line-height: 1.7; color: #644934; }
#gh-studio .gh-phone-callout strong { display: block; font-weight: 500; color: #443427; }
#gh-studio .gh-phone-callout a { flex-shrink: 0; }
#gh-studio .gh-setup .gh-migration { padding: 24px 0 0; margin: 20px 0 0; background: transparent; border-bottom: 0; }
#gh-studio .gh-setup .gh-migration h3 { font-size: .9375rem; }
#gh-studio .gh-setup .gh-migration p { font-size: .875rem; }
@container(max-width: 1000px) {
  #gh-studio .hero { gap: 3%; }
  #gh-studio .gh-outcome-grid { gap: 20px; }
  #gh-studio .gh-phone-callout { gap: 16px; padding: 20px; }
}
@container(max-width: 700px) {
  #gh-studio .gh-mobile-jumps { padding: 0 6%; background: #f8f0e3; }
  #gh-studio .gh-mobile-jumps a { min-height: 40px; padding-block: 8px; font-size: .75rem; }
  #gh-studio .hero { grid-template-columns: 1fr; gap: 24px; padding: 26px 6% 30px; }
  #gh-studio .hero .eyebrow { font-size: .5625rem; letter-spacing: .1em; }
  #gh-studio h1 { font-size: clamp(44px, 12cqw, 64px); line-height: 1.01; letter-spacing: -.055em; margin: 20px 0; }
  #gh-studio .hero-bottom { max-width: none; margin-top: 18px; }
  #gh-studio .hero-bottom > p { font-size: .9375rem; line-height: 1.65; margin-bottom: 18px; }
  #gh-studio .hero .gh-hero-reassurance { margin: 14px 0 4px; font-size: .75rem; }
  #gh-studio .gh-hero-actions { gap: 4px 16px; }
  #gh-studio .hero .gh-text-action { font-size: .8125rem; }
  #gh-studio .hero .gh-product-art { padding: 0; max-width: 460px; justify-self: center; }
  #gh-studio .gh-product-art .solar-stage, #gh-studio .gh-product-art .solar-caption { display: none; }
  #gh-studio .gh-product-label { padding: 12px 14px; font-size: .75rem; }
  #gh-studio .gh-hero-product figcaption { padding: 10px 12px; font-size: .625rem; }
  #gh-studio .caption-line { padding: 22px 6%; gap: 10px; }
  #gh-studio .caption-line strong { font-size: 24px; }
  #gh-studio .gh-outcomes { padding: 36px 6%; }
  #gh-studio .gh-outcomes-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 28px; }
  #gh-studio .gh-outcomes h2 { font-size: clamp(34px, 9cqw, 48px); }
  #gh-studio .gh-outcomes-heading > p { font-size: .9375rem; }
  #gh-studio .gh-outcome-grid { grid-template-columns: 1fr; gap: 28px; }
  #gh-studio .gh-outcome-grid h3 { max-width: none; font-size: 30px; margin-top: 14px; }
  #gh-studio .gh-outcome-grid p { margin-bottom: 16px; }
  #gh-studio .gh-outcome-detail { min-height: 0; }
  #gh-studio .gh-phone-callout { flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 28px; }
  #gh-studio .gh-setup .gh-migration { grid-template-columns: 1fr; }
}

/* Native disclosures preserve every detail without making phones read it all. */
#gh-studio .gh-mobile-disclosure > summary { display: none; }
#gh-studio .gh-mobile-signup { display: none; }
#gh-studio .gh-footer-group > summary { display: block; font-size: .875rem; font-weight: 500; list-style: none; pointer-events: none; }
#gh-studio .gh-mobile-disclosure > summary::-webkit-details-marker { display: none; }
#gh-studio .gh-mobile-disclosure > summary:focus-visible { outline: 3px solid #b77538; outline-offset: 4px; }
@container(max-width: 700px) {
  #gh-studio .nav { padding: 16px 6%; }
  #gh-studio .gh-mobile-jumps { display: none; }
  #gh-studio .hero { padding: 28px 6% 24px; gap: 22px; }
  #gh-studio .hero .eyebrow { letter-spacing: .08em; font-size: 10px; }
  #gh-studio h1 { margin: 16px 0; font-size: clamp(44px, 12.5cqw, 64px); }
  #gh-studio .hero-bottom { margin-top: 16px; }
  #gh-studio .hero-bottom > p { font-size: 15px; line-height: 1.55; margin-bottom: 18px; max-width: 33ch; }
  #gh-studio .gh-hero-actions { display: flex; gap: 20px; align-items: center; }
  #gh-studio .gh-hero-actions .pill { justify-content: center; min-width: 130px; font-size: 14px; }
  #gh-studio .hero .gh-text-action { font-size: 14px; min-height: 44px; }
  #gh-studio .hero .gh-hero-reassurance { font-size: 12px; margin: 14px 0 0; }
  #gh-studio .gh-plan-link { min-height: 44px; font-size: 13px; }
  #gh-studio .hero-bottom .gh-hero-fees { display: none; }
  #gh-studio .gh-product-label { display: none; }
  #gh-studio .gh-hero-product { box-shadow: 0 12px 30px #72503910; }
  #gh-studio .gh-hero-product figcaption { font-size: 11px; padding: 10px 14px; }
  #gh-studio .caption-line { padding: 18px 6%; border-bottom: 1px solid #e8dac7; }
  #gh-studio .caption-line > span, #gh-studio .gh-studio-booking-link { display: none; }
  #gh-studio .caption-line strong { font: 500 14px/1.5 'DM Sans', sans-serif; letter-spacing: 0; }
  #gh-studio .caption-line .gh-studio-proof { display: block; }
  #gh-studio .gh-founder-story-link { font-size: 13px; min-height: 44px; }
  #gh-studio .gh-outcomes { padding: 32px 6% 20px; }
  #gh-studio .gh-outcomes-heading { display: block; margin-bottom: 12px; }
  #gh-studio .gh-outcomes-heading .eyebrow, #gh-studio .gh-outcomes-heading > p { display: none; }
  #gh-studio .gh-outcomes h2 { margin: 0; font-size: 34px; }
  #gh-studio .gh-outcome-grid { gap: 0; }
  #gh-studio .gh-outcome-grid article { padding: 18px 0; border-top: 0; border-bottom: 1px solid #e8dac7; }
  #gh-studio .gh-outcome-grid h3 { font: 500 16px/1.4 'DM Sans', sans-serif; letter-spacing: 0; margin: 0 0 6px; }
  #gh-studio .gh-outcome-grid p { font-size: 14px; line-height: 1.6; margin: 0; }
  #gh-studio .gh-outcome-number, #gh-studio .gh-outcome-detail, #gh-studio .gh-outcome-grid a, #gh-studio .gh-outcome-grid small, #gh-studio .gh-phone-callout { display: none; }
  #gh-studio .gh-pricing { padding: 32px 6%; }
  #gh-studio .gh-pricing-header { display: block; margin-bottom: 20px; }
  #gh-studio .gh-pricing-header .eyebrow, #gh-studio .gh-pricing-header > p { display: none; }
  #gh-studio .gh-pricing-header h2 { font-size: 36px; line-height: 1.1; margin: 0; max-width: 13ch; }
  #gh-studio .gh-plan-grid { gap: 12px; }
  #gh-studio .gh-pricing .gh-plan { padding: 20px; border-radius: 12px; }
  #gh-studio .gh-plan h3 { font-size: 14px; }
  #gh-studio .gh-pricing .gh-plan-price { margin: 8px 0; gap: 8px; }
  #gh-studio .gh-pricing .gh-plan-price strong { font-size: 42px; }
  #gh-studio .gh-plan-price > span { font-size: 12px; }
  #gh-studio .gh-plan > p { font-size: 13px; line-height: 1.6; }
  #gh-studio .gh-plan .gh-plan-note { font-size: 11px; line-height: 1.6; margin: 14px 0 0; }
  #gh-studio .gh-plan:not(.gh-plan-founded) .gh-plan-note { display: none; }
  #gh-studio .gh-desktop-plan-action, #gh-studio .gh-demo-invite { display: none; }
  #gh-studio .gh-mobile-disclosure > summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; list-style: none; cursor: pointer; min-height: 48px; font-size: 14px; line-height: 1.5; font-weight: 500; pointer-events: auto; }
  #gh-studio .gh-mobile-disclosure > summary::after { content: '+'; font: 400 22px/1 'DM Sans', sans-serif; flex-shrink: 0; }
  #gh-studio .gh-mobile-disclosure[open] > summary::after { content: '−'; }
  #gh-studio .gh-plan-details { border-top: 1px solid #d6bb9b66; margin-top: 14px; }
  #gh-studio .gh-plan-details ul { margin-top: 4px; }
  #gh-studio .gh-plan-founded .gh-trial-note { margin: 8px 0 0; padding: 0; border: 0; background: transparent; }
  #gh-studio .gh-trial-note > strong { display: none; }
  #gh-studio .gh-plan-founded .gh-trial-note p { font-size: 12px; line-height: 1.6; margin: 0; }
  #gh-studio .gh-mobile-signup { display: flex; justify-content: center; margin-top: 20px; width: 100%; font-size: 15px; }
  #gh-studio .gh-pricing-foot { font-size: 12px; line-height: 1.65; margin-top: 14px; }
  #gh-studio .gh-pricing-foot a { display: inline-flex; align-items: center; min-height: 44px; }
  #gh-studio .gh-mobile-fold { margin: 0 6%; border-bottom: 1px solid #d6bb9b; }
  #gh-studio .gh-mobile-fold > summary { padding-block: 20px; }
  #gh-studio .gh-mobile-fold > section { padding: 8px 0 24px; border: 0; }
  #gh-studio .gh-mobile-fold > section > .eyebrow, #gh-studio .gh-mobile-fold > section > h2 { display: none; }
  #gh-studio .gh-mobile-fold .gh-feature-details > summary small { display: none; }
  #gh-studio .gh-mobile-fold .gh-feature-details > summary strong { font-size: 14px; }
  #gh-studio .gh-questions { padding: 32px 6%; gap: 18px; }
  #gh-studio .gh-questions .eyebrow { display: none; }
  #gh-studio .gh-questions h2 { font-size: 34px; line-height: 1.1; margin: 0; }
  #gh-studio .gh-faq-list summary { font-size: 14px; padding: 18px 0; line-height: 1.5; }
  #gh-studio .gh-faq-list p { font-size: 14px; line-height: 1.65; }
  #gh-studio .gh-faq-list > a { font-size: 13px; min-height: 44px; }
  #gh-studio .ending { padding: 32px 6% 22px; }
  #gh-studio .ending-top { gap: 20px; }
  #gh-studio .ending h2 { font-size: 36px; line-height: 1.1; margin: 0; max-width: 15ch; }
  #gh-studio .gh-ending-eyebrow, #gh-studio .closing-copy, #gh-studio .gh-end-actions > .gh-text-action { display: none; }
  #gh-studio .gh-end-actions { gap: 12px; align-items: stretch; }
  #gh-studio .gh-end-actions .pill { justify-content: center; font-size: 15px; width: 100%; }
  #gh-studio .gh-end-actions > span { font-size: 12px; }
  #gh-studio .gh-footer-links { display: block; margin-top: 26px; padding-top: 0; }
  #gh-studio .gh-footer-intro { display: none; }
  #gh-studio .gh-footer-group { border-bottom: 1px solid #cca78166; }
  #gh-studio .gh-footer-group > summary { padding-block: 12px; }
  #gh-studio .gh-footer-group ul { padding-bottom: 12px; }
  #gh-studio .gh-footer-group a { min-height: 44px; }
  #gh-studio .gh-footer-legal { margin-top: 18px; padding-top: 0; font-size: 11px; gap: 0 16px; }
  #gh-studio .gh-footer-legal a { min-height: 44px; display: inline-flex; align-items: center; }
  #gh-studio .giant-word, #gh-studio .footer { display: none; }
}

/* Text-based preview reflows when zoomed; no screenshot edges or fixed crop. */
#gh-studio .gh-hero-product { overflow: visible; }
#gh-studio .gh-calendar-heading { padding: 24px 24px 12px; }
#gh-studio .gh-calendar-heading > span { display: block; font-size: .625rem; letter-spacing: .12em; }
#gh-studio .gh-calendar-heading > strong { display: block; font: 400 32px/1.2 'Italiana', Georgia, serif; margin-top: 8px; }
#gh-studio .gh-calendar-appointments { list-style: none; margin: 0; padding: 12px 24px 24px; display: grid; gap: 14px; }
#gh-studio .gh-calendar-appointments li { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 12px; align-items: start; }
#gh-studio .gh-calendar-appointments time { min-width: 5ch; padding: 14px 0; font-size: .8125rem; line-height: 1.6; font-variant-numeric: tabular-nums; }
#gh-studio .gh-calendar-appointments time span { display: block; }
#gh-studio .gh-calendar-appointments li > div { padding: 14px 16px; border-radius: 10px; border-left: 3px solid #4382e8; background: #e9effb; min-width: 0; }
#gh-studio .gh-calendar-appointments li:nth-child(2) > div { background: #fcf1e1; border-color: #e99b25; }
#gh-studio .gh-calendar-appointments strong { display: block; font-size: .9375rem; line-height: 1.5; font-weight: 500; }
#gh-studio .gh-calendar-appointments li > div > span { display: block; font-size: .8125rem; line-height: 1.5; margin-top: 2px; }
#gh-studio .gh-calendar-appointments li > div, #gh-studio .gh-hero-product figcaption { overflow-wrap: anywhere; }
@container(max-width: 700px) {
  #gh-studio .nav, #gh-studio .navlinks, #gh-studio .gh-hero-actions { flex-wrap: wrap; }
  #gh-studio .navlinks { justify-content: flex-end; }
  #gh-studio .gh-calendar-heading { padding: 18px 16px 8px; }
  #gh-studio .gh-calendar-heading > strong { font-size: 28px; }
  #gh-studio .gh-calendar-appointments { padding: 8px 16px 18px; gap: 10px; }
  #gh-studio .gh-calendar-appointments li { grid-template-columns: max-content minmax(0, 1fr); gap: 8px; }
  #gh-studio .gh-calendar-appointments li > div { padding: 10px 12px; }
  #gh-studio .gh-calendar-appointments strong { font-size: .8125rem; }
  #gh-studio .gh-calendar-appointments li > div > span { font-size: .75rem; }
  #gh-studio .gh-scene-stack, #gh-studio .gh-scene, #gh-studio .gh-diary, #gh-studio .gh-diary-row > div, #gh-studio .gh-tool-copy { min-width: 0; }
  #gh-studio .gh-diary { padding: 18px; }
  #gh-studio .gh-diary-head, #gh-studio .gh-stage-label, #gh-studio .gh-confirmation-foot { flex-wrap: wrap; }
  #gh-studio .gh-tag, #gh-studio .gh-light-button { white-space: normal; }
  #gh-studio .gh-tool-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #gh-studio .gh-tool-tab, #gh-studio .gh-mobile-disclosure > summary, #gh-studio .gh-feature-details > summary { overflow-wrap: anywhere; }
  #gh-studio .gh-diary-row { grid-template-columns: max-content minmax(0, 1fr) auto; }
  #gh-studio .gh-calendar-appointments time, #gh-studio .gh-diary-row time { white-space: nowrap; }
  #gh-studio .gh-tool-panel { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; }
  #gh-studio .gh-care-preview, #gh-studio .gh-booking-preview, #gh-studio .gh-membership-preview, #gh-studio .gh-care-moment > div { min-width: 0; }
  #gh-studio .gh-care-heading { flex-wrap: wrap; gap: 12px; }
  #gh-studio .gh-rinse-card > div { flex-wrap: wrap; }
  #gh-studio .gh-tool-tabs { display: flex; flex-wrap: wrap; }
  #gh-studio .gh-tool-tab { flex: 1 1 auto; overflow-wrap: normal; }
  #gh-studio .gh-front-desk, #gh-studio .gh-checkout-layout, #gh-studio .gh-mobile-work, #gh-studio .gh-ai-note { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; }
  #gh-studio .gh-payment-receipt dl > div, #gh-studio .gh-receipt > div { flex-wrap: wrap; gap: 8px; }
}