/* Desktop gets a fuller workspace; the approved compact phone hero is unchanged. */
#gh-studio .gh-desktop-studio { display: none; }
@container (min-width: 1000px) {
  #gh-studio .hero { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 4%; padding: 58px 4% 54px; align-items: center; }
  #gh-studio .hero-copy { padding-bottom: 20px; }
  #gh-studio h1 { font-size: clamp(56px, 5.8cqw, 84px); line-height: 1.04; letter-spacing: -.05em; }
  #gh-studio .hero-bottom { max-width: 400px; }
  #gh-studio .hero-bottom > p { font-size: .9375rem; }
  #gh-studio .hero .gh-product-art { max-width: none; padding: 0; }
  #gh-studio .gh-product-art > .gh-hero-product, #gh-studio .gh-product-art > .solar-caption { display: none; }
  #gh-studio .gh-product-art .solar-stage { width: 78%; top: -50px; right: -10px; opacity: .3; }
  #gh-studio .gh-desktop-studio { display: block; position: relative; min-width: 0; }
  #gh-studio .gh-studio-preview-intro { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: .6875rem; color: #75624e; padding: 0 4px 16px; }
  #gh-studio .gh-studio-preview-intro > span:first-child { color: #4e604a; display: flex; align-items: center; gap: 8px; }
  #gh-studio .gh-studio-preview-intro i { width: 6px; height: 6px; border-radius: 50%; background: #77875c; }
  #gh-studio .gh-studio-window { border: 1px solid #dacbb8; border-radius: 16px; background: #fffdf8; box-shadow: 0 30px 65px -28px #6c48254d, 0 3px 12px #6040200a; }
  #gh-studio .gh-window-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 22px; border-bottom: 1px solid #e7dfd2; }
  #gh-studio .gh-window-brand { font: 24px/1 'Italiana', Georgia, serif; letter-spacing: -1px; }
  #gh-studio .gh-window-brand > span { font: 10px/1.5 'DM Sans', sans-serif; color: #897862; letter-spacing: 0; margin-left: 8px; }
  #gh-studio .gh-sample-label { font-size: 8px; letter-spacing: .12em; color: #70614f; border: 1px solid #e4d9c8; border-radius: 4px; padding: 5px 7px; }
  #gh-studio .gh-preview-controls { display: flex; gap: 5px; padding: 12px 18px; border-bottom: 1px solid #e7dfd2; background: #faf6ee; }
  #gh-studio .gh-preview-controls button { position: relative; flex: 1; min-width: 0; min-height: 44px; border: 1px solid transparent; border-radius: 7px; padding: 10px 8px; background: transparent; color: #7c6855; font-size: .75rem; transition: background .2s, color .2s, box-shadow .2s; }
  #gh-studio .gh-preview-controls button > span { font-size: .6875rem; opacity: .6; margin-right: 6px; }
  #gh-studio .gh-preview-controls button:hover { background: #eee6d9; }
  #gh-studio .gh-preview-controls button[aria-pressed=true] { color: #fffaf0; background: #485344; box-shadow: 0 3px 8px #34432b1a; }
  #gh-studio .gh-preview-panels { display: grid; }
  #gh-studio .gh-preview-panel { grid-area: 1 / 1; min-width: 0; padding: 24px 22px 0; }
  #gh-studio .gh-preview-panel[hidden] { display: block !important; visibility: hidden; pointer-events: none; }
  #gh-studio .gh-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 22px; }
  #gh-studio .gh-preview-heading > div > span, #gh-studio .gh-client-profile dl, #gh-studio .gh-care-note > span, #gh-studio .gh-care-message > span:first-child, #gh-studio .gh-preview-receipt > span { font-size: .6875rem; letter-spacing: .1em; color: #84715b; }
  #gh-studio .gh-preview-heading h2 { font: 400 clamp(25px, 2.5cqw, 36px)/1.14 'Italiana', Georgia, serif; letter-spacing: -.035em; margin: 8px 0 0; }
  #gh-studio .gh-preview-chip { display: inline-block; flex-shrink: 0; border: 1px solid #dce2d2; border-radius: 20px; padding: 6px 9px; background: #f3f5ed; color: #576343; font-size: .6875rem; line-height: 1.4; }
  #gh-studio .gh-sample-calendar { border: 1px solid #e8dfd2; border-radius: 9px; background: #fff; }
  #gh-studio .gh-calendar-day { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #ece4d9; }
  #gh-studio .gh-calendar-day > span { font-size: .625rem; letter-spacing: .1em; color: #877d6f; }
  #gh-studio .gh-calendar-day strong { font-size: .6875rem; font-weight: 500; }
  #gh-studio .gh-calendar-day small { font-weight: 400; color: #897c6d; font-size: .75rem; }
  #gh-studio .gh-calendar-track { display: grid; grid-template-columns: 66px minmax(0, 1fr); padding: 12px; gap: 8px; }
  #gh-studio .gh-hour-labels, #gh-studio .gh-sample-events { display: grid; grid-template-rows: repeat(3, minmax(66px, auto)); gap: 10px; }
  #gh-studio .gh-hour-labels span { padding: 14px 0; font-size: .75rem; color: #8d8071; white-space: nowrap; font-variant-numeric: tabular-nums; }
  #gh-studio .gh-sample-event { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border-left: 3px solid #709cd2; border-radius: 6px; background: #edf2fb; }
  #gh-studio .gh-sample-event strong { display: block; font-size: .75rem; font-weight: 500; }
  #gh-studio .gh-sample-event div > span { display: block; font-size: .75rem; color: #716d64; margin-top: 5px; }
  #gh-studio .gh-sample-event small { font-size: .625rem; padding: 4px 6px; border-radius: 4px; background: #ffffff80; color: #605f52; }
  #gh-studio .gh-event-gold { background: #fbf2df; border-color: #d4aa5c; }
  #gh-studio .gh-event-rose { background: #f6eae4; border-color: #c99682; }
  #gh-studio .gh-preview-bottom { display: flex; gap: 10px; align-items: center; padding: 22px 0; }
  #gh-studio .gh-preview-check { display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; background: #eef0e6; color: #667549; font-size: .6875rem; }
  #gh-studio .gh-preview-bottom strong { display: block; font-size: .6875rem; font-weight: 500; }
  #gh-studio .gh-preview-bottom div > span { display: block; font-size: .75rem; color: #857563; margin-top: 4px; line-height: 1.5; }
  #gh-studio .gh-preview-footer { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 7px 22px; min-height: 50px; border-top: 1px solid #e8dfd2; color: #897660; }
  #gh-studio .gh-preview-footer > span { font-size: .6875rem; line-height: 1.5; }
  #gh-studio .gh-preview-footer button { background: transparent; border: 0; color: #67523c; font-size: .75rem; min-height: 36px; padding: 7px 0 7px 10px; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
  #gh-studio .gh-preview-caption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 4px 0; }
  #gh-studio .gh-preview-caption > span { font-size: .625rem; letter-spacing: .12em; color: #8d775f; }
  #gh-studio .gh-preview-caption a { font-size: .6875rem; min-height: 36px; display: inline-flex; gap: 12px; align-items: center; text-decoration: underline; text-underline-offset: 4px; }
  #gh-studio .gh-client-workspace, #gh-studio .gh-checkout-workspace { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 16px; min-height: 282px; }
  #gh-studio .gh-client-profile { padding: 20px 14px; border: 1px solid #e7ddcf; border-radius: 10px; text-align: center; background: #faf5ec; }
  #gh-studio .gh-client-avatar { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 12px; border-radius: 50%; background: #e4cdae; color: #785638; font: 22px 'Italiana', Georgia, serif; }
  #gh-studio .gh-client-profile > strong { display: block; font-size: .875rem; font-weight: 500; }
  #gh-studio .gh-client-profile > span { display: block; font-size: .6875rem; color: #8b7760; margin: 6px 0 12px; }
  #gh-studio .gh-client-tag { display: inline-block; padding: 6px 9px; border-radius: 4px; background: #ebe3d3; font-size: .6875rem; }
  #gh-studio .gh-client-profile dl { text-align: left; margin: 18px 0 0; letter-spacing: 0; line-height: 1.6; }
  #gh-studio .gh-client-profile dl > div { border-top: 1px solid #e6d9c6; padding-top: 8px; margin-top: 8px; }
  #gh-studio .gh-client-profile dd { margin: 2px 0 0; color: #4e4337; font-size: .6875rem; }
  #gh-studio .gh-care-workspace { display: grid; gap: 12px; }
  #gh-studio .gh-care-note, #gh-studio .gh-care-message { padding: 16px; border: 1px solid #e7ddcf; border-radius: 10px; }
  #gh-studio .gh-care-note { background: #fcf6e8; }
  #gh-studio .gh-care-note p, #gh-studio .gh-care-message p { font-size: .6875rem; line-height: 1.7; margin: 9px 0; }
  #gh-studio .gh-care-note small { font-size: .6875rem; color: #927b5f; }
  #gh-studio .gh-care-message strong { display: block; font-size: .8125rem; font-weight: 500; margin-top: 10px; }
  #gh-studio .gh-preview-receipt { padding: 20px 16px; border: 1px solid #e4d9c9; border-radius: 10px; background: #fdf9f1; }
  #gh-studio .gh-preview-receipt h3 { font: 28px/1.2 'Italiana', Georgia, serif; margin: 15px 0 20px; }
  #gh-studio .gh-preview-receipt dl { margin: 0; }
  #gh-studio .gh-preview-receipt dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 10px 0; font-size: .75rem; }
  #gh-studio .gh-preview-receipt dd { margin: 0; font-variant-numeric: tabular-nums; }
  #gh-studio .gh-preview-receipt .gh-receipt-total { border-top: 1px solid #d9cbb5; margin-top: 10px; font-weight: 500; }
  #gh-studio .gh-preview-receipt > small { display: block; font-size: .6875rem; line-height: 1.6; color: #8b765d; margin-top: 16px; }
  #gh-studio .gh-checkout-steps { display: grid; gap: 14px; padding: 12px 0; }
  #gh-studio .gh-checkout-steps > div { position: relative; padding-left: 32px; }
  #gh-studio .gh-checkout-steps div > span { position: absolute; left: 0; top: 0; color: #a37a48; font-size: .75rem; }
  #gh-studio .gh-checkout-steps strong { font-size: .75rem; font-weight: 500; }
  #gh-studio .gh-checkout-steps p { font-size: .75rem; line-height: 1.6; color: #8b765d; margin-top: 5px; }
  #gh-studio .gh-preview-panel:not([hidden]) .gh-sample-event { animation: gh-event-arrive .6s both; }
  #gh-studio .gh-preview-panel:not([hidden]) .gh-sample-event:nth-child(2) { animation-delay: .12s; }
  #gh-studio .gh-preview-panel:not([hidden]) .gh-sample-event:nth-child(3) { animation-delay: .24s; }
  #gh-studio .gh-preview-panel:not([hidden]) .gh-client-workspace, #gh-studio .gh-preview-panel:not([hidden]) .gh-checkout-workspace { animation: gh-event-arrive .5s both; }
  #gh-studio .gh-outcomes { padding-top: 72px; padding-bottom: 60px; }
  #gh-studio .gh-outcome-grid article { padding: 28px; border: 1px solid #e4d5c2; border-radius: 12px; background: #fffdf6; transition: transform .25s, box-shadow .25s; }
  #gh-studio .gh-outcome-grid article:hover { transform: translateY(-5px); box-shadow: 0 18px 40px -20px #80634455; }
  #gh-studio .gh-outcome-grid article:nth-child(2) { background: #f3f0e5; }
  #gh-studio .gh-outcome-grid article:nth-child(3) { background: #f9ede1; }
  #gh-studio .gh-deep-dive { padding-top: 68px; }
  #gh-studio .gh-feature-details { margin-top: 28px; }
  #gh-studio .gh-feature-details > summary { padding: 24px 0; }
  #gh-studio .gh-feature-details > section { padding: 38px 0 60px; }
}
@keyframes gh-event-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  #gh-studio .gh-desktop-studio *, #gh-studio .gh-outcome-grid article { animation: none !important; transition: none !important; }
  #gh-studio .gh-outcome-grid article:hover { transform: none; }
}