.sales-page { background: var(--paper); }
:root { --sales-gutter: clamp(18px, 3vw, 40px); --sales-section-space: clamp(44px, 6vw, 78px); }
.sales-main { --sales-surface: #fffef8; --sales-tint: #fff2cd; color: var(--ink); }
[data-theme="dark"] .sales-main { --sales-surface: #182820; --sales-tint: #1b3025; }
.sales-main h1, .sales-main h2, .sales-main h3 { margin: 0; line-height: 1.22; letter-spacing: -.045em; word-break: keep-all; }
.sales-main p { line-height: 1.8; word-break: keep-all; }
.sales-main :is(h1, h2, h3, p, a, label) { overflow-wrap: anywhere; }
.sales-main :is(article, li, label, .sales-hero > div) { min-width: 0; }
.sales-wrap { width: min(1240px, calc(100% - 2 * var(--sales-gutter))); margin-inline: auto; }
.sales-hero { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(28px, 4vw, 48px); align-items: center; padding-block: clamp(32px, 5vw, 64px) clamp(28px, 4vw, 44px); }
.sales-main h1 { font-size: clamp(36px, 3.8vw, 57px); }

.sales-intro { margin-top: 25px; max-width: 470px; color: var(--muted); font-size: 17px; }
.sales-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.sales-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 23px; border: 0; border-radius: 999px; background: var(--ink); color: var(--paper); font: inherit; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer; }
.sales-button.sales-outline { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-strong); }
.sales-text-link { display: inline-flex; gap: 18px; align-items: center; padding-block: 13px; font-size: 14px; font-weight: 700; }
.sales-text-link::after { content: "↗"; }
.sales-main figure { margin: 0; min-width: 0; }
.sales-photo { width: 100%; display: block; position: relative; padding: 0; border: 0; border-radius: 22px; overflow: hidden; background: var(--sales-tint); cursor: zoom-in; }
.sales-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sales-photo span { position: absolute; bottom: 16px; inset-inline-end: 16px; display: grid; place-items: center; width: 42px; height: 42px; background: #fff; color: #18382e; border-radius: 50%; font-size: 23px; }
.sales-hero .sales-photo { aspect-ratio: 3 / 2; border-radius: 28px; box-shadow: 0 18px 50px #b8933820; }
.sales-main figcaption { margin-top: 9px; font-size: 11px; line-height: 1.6; color: var(--muted); }
.sales-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.sales-quick a { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 21px 24px; font-size: 15px; font-weight: 700; }
.sales-quick a::after { content: "↗"; font-weight: 400; }
.sales-quick a + a { border-inline-start: 1px solid var(--line); }
.sales-section { padding-block: var(--sales-section-space); }
.sales-main h2 { font-size: clamp(1.65rem, 2.8vw, 2.25rem); text-wrap: balance; }
.sales-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 18px 30px; margin-bottom: 32px; }
.sales-heading p { max-width: 400px; margin: 0; color: var(--muted); font-size: 14px; }
.sales-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; }
.sales-products > article { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--sales-surface); }
.sales-products > article > img, .sales-app-art { aspect-ratio: 3 / 2; height: auto; width: 100%; object-fit: cover; }
.sales-app-art { display: grid; place-items: center; background: var(--sales-tint); }
.sales-products .sales-app-art { position: relative; overflow: hidden; }
.sales-products .sales-app-art img { position: absolute; inset: 0; }
.sales-app-art img { height: 100%; width: 100%; object-fit: contain; padding: 16px; }
.sales-app-hero { height: 410px; border-radius: 22px; }
.sales-product-copy { display: flex; flex-direction: column; flex: 1; padding: 26px; }
.sales-product-copy h3 { font-size: 25px; }
.sales-product-copy p { font-size: 14px; color: var(--muted); }
.sales-product-copy .sales-config { margin-top: auto; padding-top: 18px; border-top: 1px solid var(--line); font-size: 12px; }
.sales-product-copy .sales-text-link { justify-content: space-between; }
.sales-cost-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 18px; }
.sales-cost-grid article { background: var(--sales-tint); padding: 27px; border-radius: 18px; }
.sales-main h3 { font-size: 22px; }
.sales-cost-grid p, .sales-zones p { font-size: 14px; color: var(--muted); }
.sales-note { font-size: 12px; color: var(--muted); margin-block: 20px; }
.sales-tint { background: var(--sales-tint); }
.sales-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; list-style: none; padding: 0; margin: 34px 0 65px; }
.sales-flow-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px; align-items: center; margin-bottom: 64px; }
.sales-flow-layout .sales-photo { aspect-ratio: 3 / 2; }
.sales-flow-layout .sales-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; }
.sales-flow li { border-top: 1px solid var(--line-strong); padding-top: 20px; }
.sales-flow li > span { font-size: 12px; color: var(--muted); }
.sales-flow h3 { font-size: 21px; margin-top: 15px; }
.sales-flow p { font-size: 14px; color: var(--muted); }
.sales-zones { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sales-zones article { background: var(--sales-surface); border: 1px solid var(--line); padding: 28px; border-radius: 18px; }
.sales-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
.sales-gallery .sales-photo { aspect-ratio: 1400 / 654; }
.sales-gallery .sales-photo img { object-fit: contain; }
.sales-gallery figcaption { font-size: 13px; margin-top: 12px; }
.sales-audiences { padding-top: 0; }
.sales-audiences .sales-heading p { max-width: 500px; font-size: 13px; }
.sales-audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.sales-audience-card { display: flex; flex-direction: column; align-items: start; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: var(--sales-surface); }
.sales-audience-card h3 { font-size: 21px; }
.sales-audience-card p { margin: 18px 0 0; font-size: 15px; color: var(--muted); }
.sales-faq { padding-bottom: 65px; }
.sales-faq details { padding: 20px 0; border-top: 1px solid var(--line); }
.sales-faq summary { cursor: pointer; font-weight: 700; }
.sales-faq p { color: var(--muted); font-size: 14px; }
.sales-contact { padding: clamp(22px, 4vw, 45px); background: var(--sales-tint); border-radius: 22px; }
.sales-contact > p { color: var(--muted); }
.sales-contact form { margin-top: 28px; }
.sales-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.sales-form-grid label { display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.sales-form-wide { grid-column: 1 / -1; }
.sales-form-grid input, .sales-form-grid select, .sales-form-grid textarea { width: 100%; min-height: 46px; padding: 12px; border: 1px solid var(--line-strong); border-radius: 9px; background: var(--sales-surface); color: var(--ink); font: inherit; font-size: 16px; min-width: 0; }
.sales-form-grid textarea { resize: vertical; }
.sales-copy-status { font-size: 13px; }
.sales-legacy h2 { font-size: 25px; }
.sales-legacy > p { color: var(--muted); font-size: 14px; }
.sales-legacy-links { display: flex; gap: 20px; margin-top: 28px; font-size: 13px; }
.sales-lightbox { width: min(1400px, calc(100% - 24px)); max-width: 1400px; max-height: 94dvh; border: 0; border-radius: 20px; background: #142d23; padding: 52px 16px 16px; color: white; }
.sales-lightbox::backdrop { background: #102e26c9; backdrop-filter: blur(4px); }
.sales-lightbox figure { margin: 0; min-width: 0; }
.sales-lightbox img { width: 100%; height: auto; max-height: min(75dvh, calc(100dvh - 150px)); object-fit: contain; display: block; }
.sales-lightbox figcaption { font-size: 12px; margin-top: 12px; }
.sales-lightbox-close { position: absolute; top: 9px; inset-inline-end: 13px; width: 38px; height: 38px; border: 0; border-radius: 50%; font-size: 25px; cursor: pointer; background: white; color: #18382e; }
@media (max-width: 900px) {
  .sales-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .sales-hero figure { width: min(100%, 680px); margin-inline: auto; }
  .sales-products, .sales-audience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-flow-layout { grid-template-columns: minmax(0, 1fr); }
  .sales-main h1 { font-size: clamp(2rem, 5vw, 2.6rem); }
  .sales-product-copy { padding: 21px; }
  .sales-product-copy h3 { font-size: 22px; }
}
@media (max-width: 650px) {
  .sales-hero { grid-template-columns: 1fr; padding-block: 31px; gap: 27px; }
  .sales-main h1 { font-size: clamp(1.9rem, 7.8vw, 2.5rem); }
  .sales-intro { font-size: 15px; margin-top: 20px; }
  .sales-actions { gap: 9px; margin-top: 22px; }
  .sales-button { padding: 12px 17px; font-size: 13px; min-height: 46px; }
  .sales-hero .sales-photo { border-radius: 22px; }
  .sales-quick a { min-width: 0; overflow-wrap: anywhere; justify-content: center; text-align: center; padding: 15px 6px; font-size: 12px; }
  .sales-quick a::after { display: none; }
  .sales-heading { display: block; margin-bottom: 25px; }
  .sales-heading p { margin-top: 18px; font-size: 13px; }
  .sales-products, .sales-cost-grid, .sales-gallery, .sales-zones, .sales-form-grid, .sales-audience-grid, .sales-flow-layout { grid-template-columns: 1fr; }
  .sales-products > article > img, .sales-app-art { height: auto; }
  .sales-flow-layout { gap: 28px; margin-bottom: 44px; }
  .sales-product-copy { padding: 24px; }
  .sales-product-copy h3 { font-size: 25px; }
  .sales-product-copy .sales-config { margin-top: 17px; }
  .sales-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 18px; margin-bottom: 43px; }
  .sales-flow h3 { font-size: 19px; }
  .sales-flow p { font-size: 13px; }
  .sales-contact { padding: 27px; }
  .sales-form-wide { grid-column: auto; }
  .sales-gallery { gap: 24px; }
  .sales-audience-card { padding: 25px; }
  .sales-legacy-links { flex-wrap: wrap; }
}

@media (max-width: 650px) {
  .sales-page .brand > span:last-child { display: inline; font-size: 17px; }
}

@media (max-width: 400px) {
  .sales-flow, .sales-flow-layout .sales-flow { grid-template-columns: minmax(0, 1fr); }
  .sales-contact { padding: 22px 18px; }
  .sales-actions > .sales-button { flex: 1 1 auto; }
  .sales-page .brand > span:last-child { font-size: 14px; }
}

.sales-fields { min-width: 0; padding: 0; margin: 0; border: 0; }
.sales-fields:disabled { opacity: .7; }
.sales-consent { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; font-size: 13px; line-height: 1.7; }
.sales-consent input { flex: 0 0 20px; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ink); }
.sales-privacy { display: inline-block; margin-top: 9px; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.sales-copy-status { overflow-wrap: anywhere; }
.sales-copy-status[data-failed="true"] { font-weight: 700; }
.sales-button:disabled { cursor: progress; }

.ia-families { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ia-status { display: inline-block; color: var(--ink) !important; font-weight: 700; font-size: 13px; }
.ia-app { --sales-tint: #fff2cd; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 48px; }
.ia-app > * { min-width: 0; }
.ia-app img, .sales-hero > figure > img { width: 100%; height: auto; display: block; border-radius: 22px; }
.ia-app .sales-app-art { height: 480px; }
.ia-app .sales-app-art img { height: 100%; width: 100%; object-fit: contain; }
.ia-sitemap { columns: 2; padding-inline-start: 24px; }
.ia-sitemap li { break-inside: avoid; padding-block: 12px; overflow-wrap: anywhere; }
.sales-cost-grid h2 { font-size: 24px; }
@media (max-width: 700px) { .ia-families, .ia-app { grid-template-columns: minmax(0, 1fr); } .ia-app { gap: 28px; } .ia-sitemap { columns: 1; } .ia-app .sales-app-art { height: 420px; } }

[data-theme="dark"] .ia-app { --sales-tint: #1b3025; }

.ia-app .sales-app-art { grid-template: minmax(0, 1fr) / minmax(0, 1fr); aspect-ratio: auto; overflow: hidden; }
.ia-app .sales-app-art img { min-height: 0; max-height: 100%; }

.store-marketing { --sales-tint: #fff2cd; }
.store-marketing time { color: var(--muted); font-size: 14px; max-width: 100%; }
.store-counts { display: flex; flex-wrap: wrap; gap: 20px 32px; margin: 0 0 24px; }
.store-counts div { min-width: 0; }
.store-counts dt { color: var(--muted); font-size: 14px; }
.store-counts dd { margin: 6px 0 0; font-size: 46px; font-weight: 800; line-height: 1.1; }
.store-category-counts { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0 0 38px; list-style: none; }
.store-category-counts li { display: flex; align-items: center; gap: 12px; background: var(--sales-tint); padding: 10px 14px; border-radius: 14px; font-size: 13px; }
.store-category-counts span { min-width: 0; overflow-wrap: anywhere; }
.store-priority-games { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 104px), 1fr)); gap: 18px; padding: 0; margin: 26px 0; list-style: none; }
.store-priority-games li, .store-priority-games a { min-width: 0; }
.store-priority-games a { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.store-priority-games img { display: block; width: 100%; height: auto; aspect-ratio: 1; border-radius: 23%; object-fit: cover; }
.store-priority-games span { font-size: 13px; font-weight: 750; overflow-wrap: anywhere; }
.store-priority-games small { font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
.store-growing { font-weight: 750; }
[data-theme="dark"] .store-marketing { --sales-tint: #1b3025; }
@media (max-width: 600px) { .store-priority-games { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 16px; } .store-priority-games img { max-width: 144px; } }

.sales-category-media { position: relative; isolation: isolate; overflow: hidden; min-width: 0; border-radius: 22px; }
.sales-products > article > .sales-category-media { border-radius: 0; }
.sales-category-media > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.sales-category-media .sales-category-title { position: absolute; z-index: 1; inset-inline: 0; bottom: 0; margin: 0; padding: 58px 22px 20px; background: linear-gradient(transparent, rgb(9 25 20 / .80)); color: #fff; font-size: clamp(22px, 2.2vw, 30px); font-weight: 800; line-height: 1.3; letter-spacing: -.035em; text-shadow: 0 1px 4px rgb(0 0 0 / .3); overflow-wrap: anywhere; pointer-events: none; }
.sales-category-hero { border-radius: 28px; }
.sales-category-hero .sales-category-title { padding-inline-end: 76px; font-size: clamp(28px, 3.2vw, 44px); }
.sales-content-photo img { object-fit: contain; background: #fff2cd; padding: 14px; }
.sales-product-copy > :first-child { margin-top: 0; }
.ia-app-overlaid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
@media (max-width: 700px) { .ia-app-overlaid { grid-template-columns: minmax(0, 1fr); } }

.sales-app-demo { display: grid; justify-items: center; gap: 18px; justify-self: center; width: min(100%, 360px); min-width: 0; margin: 0; }
.sales-app-video-frame { width: min(100%, 260px); }
.sales-app-video-frame video { display: block; width: 100%; height: auto; aspect-ratio: 390 / 844; border-radius: 16px; background: #000; box-shadow: 0 0 0 1px var(--line); }
.sales-app-video-frame video:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
.sales-app-demo figcaption { width: 100%; margin: 0; overflow-wrap: anywhere; }
.sales-app-demo figcaption h2, .sales-app-demo figcaption strong { display: block; margin: 0; color: var(--ink); font-size: clamp(18px, 1.6vw, 21px); line-height: 1.4; }
.sales-app-demo figcaption p { margin: 8px 0 0; font-size: 14px; line-height: 1.7; color: var(--muted); }
@media (max-width: 700px) { .sales-app-demo { gap: 16px; } .sales-app-video-frame { width: min(100%, 240px); } }

.venue-price { font-weight: 800; }
.venue-section-nav, .venue-related-links { display: flex; flex-wrap: wrap; gap: 8px 22px; padding-block: 14px; border-block: 1px solid var(--line); }
.venue-section-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 750; }
.venue-experience-grid { display: grid; gap: 30px; }
.venue-experience-card { overflow: hidden; min-width: 0; border: 1px solid var(--line); border-radius: 24px; background: var(--sales-surface); }
.venue-experience-card > header { display: flex; align-items: baseline; gap: 16px; padding: 24px; }
.venue-experience-card h3 { font-size: clamp(23px, 2.5vw, 32px); }
.venue-configuration-number { color: var(--muted); font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; }
.venue-experience-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: center; }
.venue-experience-layout figure > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.venue-experience-layout figcaption { margin: 0; padding: 10px 20px; }
.venue-experience-copy { min-width: 0; padding: clamp(22px, 3vw, 40px); }
.venue-experience-copy p { margin-top: 0; font-size: 17px; }
.venue-component-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 22px; }
.venue-component-grid-home { max-width: 820px; margin-inline: auto; }
.venue-component-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--sales-surface); }
.venue-component-art { display: grid; place-items: center; height: 260px; padding: 18px; background: #fffaf4; }
.venue-component-art > img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.venue-component-card > div:last-child { padding: 22px; }
.venue-component-card :is(h3, h4) { margin-top: 0; font-size: 19px; }
.venue-component-card p { margin-bottom: 0; color: var(--muted); font-size: 14px; }
.venue-configuration-mapping { margin-top: 36px; }
.venue-configuration-mapping > h3 { margin-bottom: 18px; font-size: 21px; }
.venue-configuration-mapping .sales-cost-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.venue-configuration-mapping h4 { margin: 0; font-size: 18px; line-height: 1.45; }
.venue-site-options { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line); }
.venue-site-options > h3 { margin: 0 0 18px; font-size: 21px; }
.venue-site-option-card { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); align-items: center; }
.venue-site-option-card .venue-component-art { height: 210px; }
.venue-price-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.venue-price-card { min-width: 0; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: var(--sales-surface); }
.venue-price-card h3 { font-size: 22px; }
.venue-hardware-heading { display: flex; align-items: baseline; gap: 4px; margin: 26px 0 12px; font-size: 15px; line-height: 1.5; }
.venue-hardware-heading sup { font-size: 12px; }
.venue-hardware-heading a { padding: 5px; text-underline-offset: 3px; }
.venue-hardware-list { padding-inline-start: 1.2em; margin: 16px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.venue-hardware-list li { padding-inline-start: 3px; margin-block: 8px; overflow-wrap: anywhere; }
.venue-price-footnote { margin: 18px 0 0; scroll-margin-top: 90px; }
.package-comparison { row-gap: 0; }
.package-card { display: grid; grid-template-rows: subgrid; grid-row: span 4; row-gap: 0; }
.package-card-title { margin: 0; padding-bottom: 20px; line-height: 1.4; }
.package-card-price { min-width: 0; padding-bottom: 24px; }
.package-price-label { display: block; margin-bottom: 7px; color: var(--muted); font-size: 14px; font-weight: 600; }
.package-price-amount { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 12px; }
.package-price-amount strong { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.25; letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--ink); }
.package-monthly-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.package-price-meta { color: var(--muted); font-size: 14px; line-height: 1.5; }
.package-card-section { min-width: 0; padding-block: 22px; border-top: 1px solid var(--line); }
.package-section-title { display: flex; align-items: baseline; gap: 4px; margin: 0; font-size: 16px; line-height: 1.5; }
.package-section-title sup { font-size: 12px; }
.package-section-title a { padding: 5px; text-underline-offset: 3px; }
.package-card-section p { margin: 14px 0 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.package-card-section .venue-hardware-list { margin-top: 12px; }
.package-card-section .venue-hardware-list li:last-child { margin-bottom: 0; }
.package-card-detail { padding-bottom: 0; }
.package-shared-hardware { margin-top: 26px; padding: 24px 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--sales-surface); }
.package-shared-hardware .venue-hardware-list { display: flex; flex-wrap: wrap; gap: 0 36px; margin-top: 12px; }
@media (max-width: 800px) { .package-comparison { grid-template-columns: minmax(0, 1fr); } .package-comparison .package-card:not(:last-child) { margin-bottom: 20px; } .package-shared-hardware { padding: 22px; } }
.venue-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 24px; }
.venue-flow-avatar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 800px) { .venue-experience-layout { grid-template-columns: minmax(0, 1fr); } .venue-experience-card > header { padding: 20px; } .venue-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .venue-component-grid, .venue-price-grid, .venue-flow { grid-template-columns: minmax(0, 1fr); } .venue-component-art { height: 250px; } .venue-experience-copy, .venue-price-card { padding: 22px; } }
@media (max-width: 520px) { .venue-site-option-card { grid-template-columns: minmax(0, 1fr); } }

.sales-home-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
.sales-home-hero > div { container-type: inline-size; }
.sales-home-hero #hero-title { font-size: clamp(2rem, 3.5vw, 3.5rem); font-size: clamp(2rem, 9cqi, 3.5rem); line-height: 1.22; letter-spacing: -.035em; text-wrap: balance; word-break: keep-all; overflow-wrap: anywhere; }
.sales-home-hero .sales-intro { max-width: 60ch; font-size: clamp(.95rem, 1.2vw, 1.1rem); text-wrap: pretty; }
.sales-main :is(.sales-products, .sales-cost-grid, .sales-zones, .sales-form-grid, .sales-gallery, .sales-flow-layout) > * { min-width: 0; }
.sales-actions > *, .sales-text-link { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.sales-heading > * { min-width: 0; max-width: 100%; }
.sales-main :is(h1, h2, h3) { text-wrap: balance; }
.ia-families { grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); }

.home-product-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.home-product-choices .sales-product-copy { gap: 16px; }
.home-product-choices .sales-product-copy p { margin: 0; }
.home-product-actions { display: grid; justify-items: start; gap: 2px; margin-top: auto; padding-top: 10px; }
.home-app-summary { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 48px); border-block: 1px solid var(--line); }
.home-app-summary > div { min-width: 0; }
.home-app-summary p { color: var(--muted); font-size: 15px; }
.buyer-parent-resource { padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: var(--sales-surface); }
@media (max-width: 700px) { .home-product-choices, .home-app-summary { grid-template-columns: minmax(0, 1fr); } }
.ia-app, .ia-app-overlaid { gap: clamp(24px, 4vw, 48px); }
@media (max-width: 900px) { .sales-home-hero { grid-template-columns: minmax(0, 1fr); } .sales-home-hero > div { max-width: 680px; width: 100%; margin-inline: auto; } }
@media (max-width: 700px) { .ia-app, .ia-app-overlaid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .sales-actions { display: grid; grid-template-columns: minmax(0, 1fr); } .sales-actions .sales-button { width: 100%; } .sales-quick { grid-template-columns: minmax(0, 1fr); } .sales-quick a { justify-content: space-between; text-align: start; padding: 14px 10px; font-size: 14px; } .sales-quick a + a { border-inline-start: 0; border-top: 1px solid var(--line); } .sales-quick a::after { display: block; } }

.sales-breadcrumbs { display: flex; flex-wrap: wrap; gap: 6px 10px; padding-top: 24px; font-size: 14px; line-height: 1.5; color: var(--muted); overflow-wrap: anywhere; }
.sales-breadcrumbs + .sales-hero { padding-top: clamp(24px, 3vw, 40px); }
.sales-breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; }
.sales-related { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 20px; }
.sales-related a { max-width: 100%; }

.startup-guide > h2 { margin-bottom: 24px; }
.startup-guide-list { padding-inline-start: 1.25em; margin-block: 16px 0; }
.startup-guide-list li { margin-block: 12px; color: var(--muted); font-size: 14px; overflow-wrap: anywhere; }
.startup-guide-quote { margin-top: 32px; padding: clamp(20px, 4vw, 30px); border: 1px solid var(--line); border-radius: 18px; }

.equipment-specs > h2 { margin-bottom: 20px; }
.equipment-specs > .sales-cost-grid { margin-top: 28px; }
.equipment-specs .equipment-spec-value { margin-block: 20px 12px; color: var(--ink); font-size: clamp(1.4rem, 2.2vw, 1.9rem); font-weight: 750; line-height: 1.4; overflow-wrap: anywhere; }
.equipment-specs h3.equipment-spec-activities { margin-top: 32px; margin-bottom: 20px; }

.live-sketch-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.live-sketch-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 22px; background: #10231e; }
.live-sketch-video figcaption h2 { margin: 20px 0 12px; font-size: 20px; line-height: 1.5; }
.live-sketch-video figcaption p { margin: 0 0 14px; }
.startup-demo iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 22px; background: #10231e; }
.startup-demo figcaption p { margin-bottom: 0; }
.startup-demo .sales-text-link { font-size: 12px; }
.startup-budget-list { display: flex; flex-wrap: wrap; gap: 16px 36px; padding: 0; list-style: none; }
.startup-budget-list li { display: flex; flex-direction: column; gap: 8px; }
.startup-budget-list strong { font-size: 24px; }
.startup-operation-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: start; font-size: 14px; line-height: 1.8; }
.startup-operation-table th, .startup-operation-table td { padding: 18px; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
.startup-operation-table thead { background: var(--sales-tint); }
.startup-operation-table th:first-child { width: 23%; }
@media (max-width: 600px) {
  .startup-operation-table th, .startup-operation-table td { padding: 12px 8px; font-size: 12px; }
}
@media (max-width: 900px) { .live-sketch-hero { grid-template-columns: minmax(0, 1fr); } }

.home-package-relationship { margin-block: 24px; font-weight: 700; }

.learning-heading { max-width: 820px; margin-bottom: 28px; }
.learning-heading h2 { margin: 0 0 18px; font-size: clamp(27px, 3vw, 40px); line-height: 1.3; text-wrap: balance; }
.learning-heading p, .learning-card p, .learning-steps p { color: var(--muted); line-height: 1.8; }
.learning-content :is(h2, h3, h4, p, a, span) { overflow-wrap: anywhere; }
.learning-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.learning-card { min-width: 0; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
.learning-card h3 { margin: 22px 0 12px; font-size: 22px; line-height: 1.35; }
.learning-card p { margin: 0; font-size: 15px; }
.learning-preview { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 160px; border-radius: 13px; background: var(--paper-strong); }
.learning-phonics > span { display: grid; place-items: center; width: 54px; height: 64px; border: 1px solid var(--line-strong); border-radius: 12px; background: var(--white); font-size: 36px; font-weight: 800; color: var(--ink); }
.learning-phonics { direction: ltr; }
.learning-maths { font-size: clamp(26px, 3vw, 36px); font-weight: 800; color: var(--ink); }
.learning-maths strong { color: var(--emerald); }
.learning-science { overflow: hidden; }
.learning-science img { display: block; width: 160px; height: 160px; object-fit: cover; }
.learning-levels { margin-top: 22px; padding-block: 16px; border-top: 1px solid var(--line); }
.learning-levels > span { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 800; color: var(--ink); }
.learning-card .learning-levels p { font-size: 14px; }
.learning-request { margin: 0; padding: 14px; border-radius: 10px; background: var(--paper-strong); }
.learning-card .learning-request p { font-size: 14px; color: var(--ink); }
.learning-note { margin-block: 18px; font-size: 13px; color: var(--muted); line-height: 1.7; }
.learning-steps { margin-top: 38px; padding-block: 28px; border-block: 1px solid var(--line); }
.learning-steps h3 { margin: 0 0 20px; font-size: 23px; line-height: 1.4; }
.learning-steps ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding-inline-start: 22px; }
.learning-steps li { min-width: 0; padding-inline-start: 3px; }
.learning-steps li::marker { font-weight: 800; color: var(--emerald); }
.learning-steps h4 { margin: 0 0 10px; font-size: 16px; line-height: 1.5; }
.learning-steps p { margin: 0; font-size: 14px; }
.learning-together { margin-top: 28px; }
.learning-together h3 { margin-bottom: 10px; font-size: 19px; }
.learning-card .sales-text-link, .learning-together .sales-text-link { display: inline-block; margin-top: 18px; }
.learning-footer { max-width: 820px; }
.learning-footer .sales-actions { margin-top: 18px; }
.learning-compact .learning-preview { min-height: 130px; }
.learning-compact .learning-science img { width: 130px; height: 130px; }
@media (max-width: 760px) {
  .learning-grid, .learning-steps ol { grid-template-columns: minmax(0, 1fr); }
  .learning-grid { gap: 18px; }
  .learning-steps ol { gap: 22px; }
  .learning-card { padding: 20px; }
}

html[lang="ko"] .learning-content :is(h2, h3, h4, p, li) { word-break: keep-all; }
.hp-product-page #product .hp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 650px) { .hp-product-page #product .hp-grid { grid-template-columns: minmax(0, 1fr); } }

.learning-game-preview { display: block; aspect-ratio: 12 / 7; overflow: hidden; min-height: 0 !important; }
.learning-game-preview img { width: 100%; height: 100%; display: block; object-fit: contain; }
.learning-game-preview:focus-visible { outline: 3px solid var(--emerald); outline-offset: 4px; }

.learning-grid .learning-preview { aspect-ratio: 12 / 7; min-height: 0; }

.startup-evidence .sales-gallery img { display: block; width: 100%; height: auto; border-radius: 18px; }
.startup-evidence > h3 { margin-top: 36px; }
.startup-evidence .startup-result-pair img { height: clamp(230px, 28vw, 380px); object-fit: contain; background: var(--sales-surface); }
.startup-evidence > video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 22px; background: #10231e; }
.startup-related-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px 24px; margin-top: 20px; }

.live-sketch-evidence-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: contain; border-radius: 18px; background: var(--sales-surface); }

.startup-formula { padding: 20px 24px; border-inline-start: 4px solid var(--emerald); background: var(--paper-strong); font-weight: 700; line-height: 1.7; }
.startup-software-scope { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }
.startup-calculator { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-block: 24px; }
.startup-calculator label { display: grid; align-content: start; gap: 10px; min-width: 0; font-weight: 700; }
.startup-calculator input { width: 100%; min-width: 0; min-height: 48px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: var(--ink); font: inherit; }
.startup-calculator small { color: var(--muted); font-weight: 400; line-height: 1.7; }
.startup-calculator-result { grid-column: 1 / -1; display: block; padding: 20px; border-radius: 12px; background: var(--paper-strong); line-height: 1.7; font-weight: 700; }
@media (max-width: 760px) { .startup-calculator { grid-template-columns: minmax(0, 1fr); } }

.home-purchase-mobile { display: none; }
@media (max-width: 760px) {
  .home-purchase-desktop { display: none; }
  .home-purchase-mobile { display: inline-flex; }
}