/* 自动生成，禁止人工编辑。请运行 npm run build 重建。 */
@font-face {
  font-family: "Inter";
  src: url("./inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Space Grotesk";
  src: url("./space-grotesk-latin-wght-normal.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --cb-bg-cinema: #07090f;
  --cb-bg-navy: #0d1424;
  --cb-surface: #131d31;
  --cb-surface-raised: #19243a;
  --cb-text: #f7f8fb;
  --cb-text-muted: #aeb8c9;
  --cb-brand-gold: #d9a72e;
  --cb-buy: #d91f3d;
  --cb-buy-hover: #ef294a;
  --cb-info: #4b8dff;
  --cb-border: #293650;
  --cb-info-readable: #8cbfff;
  --cb-section-space: clamp(3rem, 5vw, 5rem);
  --cb-heading-section: clamp(2rem, 4vw, 3.5rem);
  --cb-gradient-section: linear-gradient(145deg, var(--cb-bg-cinema), var(--cb-bg-navy));
  --cb-gradient-brand: radial-gradient(ellipse at 15% 0%, rgb(217 167 46 / 0.09), transparent 58%), radial-gradient(ellipse at 90% 15%, rgb(75 141 255 / 0.14), transparent 65%), var(--cb-gradient-section);
  --cb-radius-control: 8px;
  --cb-radius-card: 16px;
  --cb-content: 80rem;
  --cb-stage: 92.5rem;
  --cb-reading: 73.75rem;
  --cb-header-height: 4.75rem;
  --cb-mobile-nav-height: 4.25rem;
  --cb-space-1: 0.5rem;
  --cb-space-2: 0.75rem;
  --cb-space-3: 1rem;
  --cb-space-4: 1.5rem;
  --cb-space-5: 2rem;
  --cb-space-6: 3rem;
  --cb-motion-fast: 200ms;
  --cb-z-header: 30;
  --cb-z-fixed: 40;
  --cb-z-dialog: 50;
  --cb-font-heading: "Space Grotesk", "Avenir Next", system-ui, sans-serif;
  --cb-font-body: Inter, "Segoe UI", system-ui, sans-serif;
}

/* 服务与政策正文的浅色语义变体；导航、Hero 和页脚继续继承深色。 */
.support-page > .support-section,
.verification-page > :is(.verify-workspace, .verify-context, .verify-faq, .verify-help) {
  color-scheme: light;
  --cb-bg-cinema: #f4f6f9;
  --cb-bg-navy: #ffffff;
  --cb-surface: #eaf0f7;
  --cb-surface-raised: #e1e8f1;
  --cb-text: #17243a;
  --cb-text-muted: #4c5d73;
  --cb-brand-gold: #88620f;
  --cb-info: #245fc5;
  --cb-info-readable: #2459ac;
  --cb-border: #c2ccd9;
  color: var(--cb-text);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cb-bg-cinema); color: var(--cb-text); font-family: var(--cb-font-body); line-height: 1.6; }
body.is-locked { overflow: hidden; }
button, input, select, textarea { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--cb-font-heading); }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-underline-offset: 0.2em; }
a:hover { color: var(--cb-info); }
:focus-visible { outline: 3px solid var(--cb-info); outline-offset: 3px; }
[hidden] { display: none !important; }
.shell { width: min(calc(100% - 2rem), var(--cb-content)); margin-inline: auto; }
.stage { width: min(calc(100% - 2rem), var(--cb-stage)); margin-inline: auto; }
.reading-shell { width: min(calc(100% - 2rem), var(--cb-reading)); margin-inline: auto; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: calc(var(--cb-z-dialog) + 1); top: 0.75rem; left: 0.75rem; padding: 0.75rem 1rem; border-radius: var(--cb-radius-control); background: var(--cb-text); color: var(--cb-bg-cinema); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.wordmark { display: inline-flex; align-items: baseline; color: var(--cb-text); font-family: var(--cb-font-heading); font-size: 1.25rem; font-weight: 600; text-decoration: none; letter-spacing: -0.04em; }
.wordmark strong { color: var(--cb-brand-gold); }
.site-header { position: sticky; z-index: var(--cb-z-header); top: 0; min-height: var(--cb-header-height); border-bottom: 1px solid var(--cb-border); background: var(--cb-bg-navy); }
.site-header__inner { min-height: var(--cb-header-height); display: flex; align-items: center; gap: var(--cb-space-4); }
.site-header, .site-header .wordmark, .mobile-menu, .mobile-shortcuts { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.primary-nav { margin-left: auto; }
.primary-nav ul, .mobile-menu ul, .contact-list, .footer-group ul { margin: 0; padding: 0; list-style: none; }
.primary-nav ul { display: flex; align-items: center; gap: 1.35rem; }
.primary-nav a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; border-bottom: 2px solid transparent; }
.primary-nav a[aria-current="page"] { border-color: var(--cb-brand-gold); }
.button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0.65rem 1rem; border-radius: var(--cb-radius-control); font-weight: 700; text-decoration: none; }
.button--buy { background: var(--cb-buy); color: white; }
.button--buy:hover { background: var(--cb-buy-hover); color: white; }
.menu-toggle { display: none; min-height: 44px; padding: 0.55rem 0.75rem; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-control); background: var(--cb-surface); color: var(--cb-text); }
.menu-toggle__icon { width: 1rem; height: 0.75rem; margin-right: 0.5rem; border-block: 2px solid currentColor; }
.mobile-menu { border-top: 1px solid var(--cb-border); background: var(--cb-bg-navy); }
.mobile-menu a { display: flex; min-height: 48px; align-items: center; text-decoration: none; border-bottom: 1px solid var(--cb-border); }
main { min-height: 60vh; }
.home-section { min-height: 8rem; scroll-margin-top: calc(var(--cb-header-height) + 1rem); }
.site-footer { border-top: 1px solid var(--cb-border); background: var(--cb-bg-navy); }
.site-footer__grid { display: grid; grid-template-columns: minmax(16rem, 1.8fr) repeat(4, minmax(8rem, 1fr)); gap: var(--cb-space-5); padding-block: var(--cb-space-6); }
.footer-brand p { max-width: 30rem; color: var(--cb-text-muted); }
.contact-list { display: grid; gap: var(--cb-space-1); }
.footer-group summary { min-height: 44px; display: flex; align-items: center; font-family: var(--cb-font-heading); font-weight: 700; cursor: pointer; }
.footer-group ul { display: grid; gap: var(--cb-space-1); }
.footer-group a { color: var(--cb-text-muted); text-decoration: none; }
.site-footer__legal { display: flex; flex-wrap: wrap; gap: var(--cb-space-4); align-items: center; justify-content: space-between; padding-block: var(--cb-space-4); border-top: 1px solid var(--cb-border); color: var(--cb-text-muted); font-size: 0.875rem; }
.link-button { min-height: 44px; padding: 0; border: 0; background: none; color: var(--cb-text); text-decoration: underline; cursor: pointer; }
.mobile-shortcuts { display: none; }
.cookie-panel { position: fixed; z-index: var(--cb-z-dialog); left: 1rem; bottom: 1rem; width: min(26rem, calc(100% - 2rem)); padding: var(--cb-space-3); font-size: 0.875rem; line-height: 1.5; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-card); background: var(--cb-surface-raised); box-shadow: 0 1rem 3rem rgb(0 0 0 / 0.35); }
.cookie-panel h2 { margin: 0 0 var(--cb-space-1); font-family: var(--cb-font-heading); font-size: 1rem; }
.cookie-panel p { margin: 0 0 var(--cb-space-2); }
.cookie-panel__actions { display: flex; flex-wrap: wrap; gap: var(--cb-space-1); }
.cookie-panel button { min-height: 44px; padding: 0.6rem 0.9rem; border: 1px solid var(--cb-info); border-radius: var(--cb-radius-control); background: transparent; color: var(--cb-text); cursor: pointer; }
.cookie-panel button:first-child { background: var(--cb-info); color: #071225; }
.cookie-panel label { display: flex; min-height: 44px; align-items: center; gap: var(--cb-space-2); }
.cookie-panel label span { margin-left: auto; color: var(--cb-text-muted); }

@media (min-width: 841px) {
  details.footer-group:not([open]) > ul { display: grid; }
  .footer-group summary { cursor: default; pointer-events: none; }
  .footer-group summary::-webkit-details-marker { display: none; }
}

@media (max-width: 840px) {
  body { padding-bottom: calc(var(--cb-mobile-nav-height) + env(safe-area-inset-bottom)); }
  .site-header__inner { gap: var(--cb-space-2); }
  .primary-nav, .site-header__buy { display: none; }
  .menu-toggle { display: inline-flex; margin-left: auto; align-items: center; }
  .site-footer__grid { grid-template-columns: 1fr; gap: var(--cb-space-2); }
  .footer-brand { margin-bottom: var(--cb-space-4); }
  .footer-group { border-top: 1px solid var(--cb-border); }
  .footer-group summary::after { content: "+"; margin-left: auto; color: var(--cb-text-muted); }
  .footer-group[open] summary::after { content: "−"; }
  .footer-group ul { padding: 0 0 var(--cb-space-3); }
  .site-footer__legal { padding-bottom: var(--cb-space-5); }
  .mobile-shortcuts { position: fixed; z-index: var(--cb-z-fixed); inset: auto 0 0; min-height: calc(var(--cb-mobile-nav-height) + env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, 1fr); padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--cb-border); background: var(--cb-bg-navy); }
  .mobile-shortcuts a { min-width: 0; min-height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.1rem; padding: 0.35rem 0.1rem; font-size: 0.72rem; text-decoration: none; }
  .mobile-shortcuts a > span:last-child { max-width: 100%; white-space: nowrap; overflow-wrap: normal; }
  .mobile-shortcuts a[aria-current="page"] { box-shadow: inset 0 3px var(--cb-brand-gold); }
  .mobile-shortcuts a[data-nav-label="Buy"] { margin-top: -0.875rem; border-radius: var(--cb-radius-control) var(--cb-radius-control) 0 0; background: var(--cb-buy); color: white; font-size: 0.8rem; font-weight: 800; }
  .mobile-shortcuts__icon { width: 1.25rem; height: 1.25rem; display: block; border: 0; object-fit: contain; opacity: 0.72; }
  .mobile-shortcuts a[data-nav-label="Buy"] .mobile-shortcuts__icon { width: 1.5rem; height: 1.5rem; }
  .mobile-shortcuts a[aria-current="page"] .mobile-shortcuts__icon, .mobile-shortcuts a[data-nav-label="Buy"] .mobile-shortcuts__icon { opacity: 1; }
  .cookie-panel { bottom: calc(var(--cb-mobile-nav-height) + env(safe-area-inset-bottom) + 0.75rem); }
}

@media (prefers-reduced-motion: no-preference) {
  .site-header, .skip-link, .mobile-menu { transition: border-color var(--cb-motion-fast), transform var(--cb-motion-fast), opacity var(--cb-motion-fast); }
}

@media print {
  .site-header, .mobile-shortcuts, .cookie-panel { display: none !important; }
  body { padding: 0; background: white; color: black; }
}
/* Reserve stable label slots before web fonts load and across purchase labels. */
@media (min-width: 841px) {
  .site-header__buy { width: 10rem; flex: 0 0 10rem; text-align: center; }
  .primary-nav a { white-space: nowrap; }
  .primary-nav a[data-nav-label="Home"] { width: 3rem; }
  .primary-nav a[data-nav-label="C6 Plus"] { width: 4rem; }
  .primary-nav a[data-nav-label="Channels"] { width: 4.5rem; }
  .primary-nav a[data-nav-label="How It Works"] { width: 6.5rem; }
  .primary-nav a[data-nav-label="Reviews"] { width: 4rem; }
  .primary-nav a[data-nav-label="About"] { width: 3rem; }
  .primary-nav a[data-nav-label="Support"] { width: 4rem; }
}
@media (min-width: 841px) and (max-width: 1023px) {
  .site-header__inner { gap: 1rem; }
  .primary-nav ul { gap: .5rem; }
}

/* Support is a disclosure group, never a link to a hub page. */
.support-menu{position:relative}
.support-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;font:inherit;color:inherit}
.support-menu>summary::-webkit-details-marker{display:none}
.support-menu>summary::after{content:none}
.support-menu>summary[aria-current]{border-color:var(--cb-brand-gold)}
.primary-nav .support-menu>summary{width:4rem;white-space:nowrap}
.primary-nav .support-menu__links,.mobile-shortcuts .support-menu__links{position:absolute;right:0;top:100%;width:17rem;display:block;margin:0;padding:.65rem;list-style:none;background:var(--cb-bg-navy);border:1px solid var(--cb-border);border-radius:var(--cb-radius-control);box-shadow:0 12px 30px rgb(0 0 0 / .3);z-index:10}
.support-menu:not([open])>.support-menu__links{display:none}
.primary-nav .support-menu__links a{display:flex;width:100%;padding:.5rem .65rem;white-space:normal;border:0}
.support-menu__links a:hover{background:var(--cb-surface);color:var(--cb-text)}
.mobile-menu .support-menu__links{padding-left:1rem}
@media(max-width:840px){
 .mobile-menu .support-menu>summary{justify-content:space-between}
 .mobile-menu .support-menu>summary::after{content:'+';font-size:1.2rem;color:var(--cb-text-muted)}
 .mobile-menu .support-menu[open]>summary::after{content:'−'}
 .mobile-shortcuts .support-menu>summary{min-height:100%;flex-direction:column;justify-content:center;gap:.1rem;padding:.35rem .1rem;font-size:.72rem;border:0}
 .mobile-shortcuts .support-menu>summary::after{display:none}
 .mobile-shortcuts .support-menu__links{top:auto;bottom:calc(100% + .5rem);right:.5rem;width:min(19rem,calc(100vw - 1rem))}
 .mobile-shortcuts .support-menu__links a{display:flex;align-items:flex-start;padding:.65rem;font-size:.9rem;text-align:left}
 .mobile-menu{max-height:calc(100svh - var(--cb-header-height) - var(--cb-mobile-nav-height));overflow-y:auto}
}

/* Bootstrap Icons 1.13.1: unchanged upstream SVG assets (MIT). */
.contact-icon{display:inline-block;width:1.25rem;height:1.25rem;flex:0 0 auto;background-color:currentColor;mask:var(--contact-icon) center/contain no-repeat}
.contact-icon--whatsapp{--contact-icon:url('./contact-whatsapp.svg')}
.contact-icon--facebook{--contact-icon:url('./contact-facebook.svg')}
.contact-icon--youtube{--contact-icon:url('./contact-youtube.svg')}
.contact-icon--envelope{--contact-icon:url('./contact-envelope.svg')}
.contact-list a{display:inline-flex;align-items:center;gap:.625rem}

/* User-approved horizontal logo, framed without changing original artwork. */
.site-header .wordmark{flex:0 0 auto;align-items:center}
.navigation-logo{display:block;width:200px;height:52px;background:url('./navigation-logo-nav.png') center/contain no-repeat}
@media(max-width:1100px){.navigation-logo{width:170px;height:48px;background-size:contain}}

/* Keep service and brand copy on the shared reading width. */
:is(.about-page,.support-page,.verification-page) .stage {
  width:min(calc(100% - 2rem),var(--cb-content));
}
[data-price-current], .woocommerce-Price-amount { white-space:nowrap; }
.verification-page .stage{max-width:68rem}

@media (max-width: 420px) {
  .menu-toggle > span:last-child { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .menu-toggle__icon { margin-right: 0; }
}

.home-section--hero { position: relative; isolation: isolate; min-height: calc(100svh - var(--cb-header-height)); display: grid; align-items: stretch; overflow: hidden; background: var(--cb-bg-cinema); }
.home-section--hero::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgb(7 9 15 / 0.98) 0%, rgb(7 9 15 / 0.9) 32%, rgb(7 9 15 / 0.42) 58%, rgb(7 9 15 / 0.08) 78%); pointer-events: none; }
.hero__inner { position: relative; z-index: 2; width: min(calc(100% - 2rem), var(--cb-content)); min-height: inherit; display: grid; grid-template-columns: minmax(0, 44rem) 1fr; align-items: center; padding-block: clamp(1.5rem, 3.4vw, 3rem); }
.hero__content { min-width: 0; max-width: 44rem; }
.eyebrow { margin: 0 0 var(--cb-space-2); color: var(--cb-brand-gold); font-family: var(--cb-font-heading); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.14em; }
.home-section--hero h1, .final-purchase__inner h2 { margin: 0; font-family: var(--cb-font-heading); line-height: 1.02; letter-spacing: -0.045em; }
.home-section--hero h1 { max-width: none; font-size: clamp(3.35rem, 4.8vw, 4.5rem); }
.hero__h1-line { display: block; white-space: nowrap; }
.hero__body { max-width: 36rem; margin-block: var(--cb-space-3); color: var(--cb-text-muted); font-size: clamp(1rem, 1.35vw, 1.15rem); }
.hero__offer { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: var(--cb-space-3); margin-top: var(--cb-space-3); }
.hero__commerce { position: relative; z-index: 5; min-width: 0; display: grid; align-content: center; gap: 0.75rem; }
.hero__commerce .price-block { display: grid; grid-template-columns: 1fr; justify-items: start; gap: 0.2rem; margin: 0; }
.hero__offer .price-block__savings { display: none; }
.hero__commerce .price-block del, .hero__commerce .price-block [data-price-current], .hero__commerce .price-block__billing { grid-column: 1; }
.hero__commerce .price-block [data-price-current] { font-size: clamp(3rem, 4.2vw, 4rem); }
.hero__visual { display: block; }
.hero__visual--background { position: absolute; z-index: 0; inset: 0; overflow: hidden; border: 0; border-radius: 0; background: var(--cb-bg-cinema); box-shadow: none; }
.hero__visual--background img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero__visual img, .content-preview__visual img, .scenario-visual img, .care-visual img { display: block; width: 100%; height: auto; }
.price-block { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.8rem; margin-block: var(--cb-space-4); font-family: var(--cb-font-heading); }
.price-block del { color: var(--cb-text-muted); font-size: 1.1rem; }
.price-block [data-price-current] { color: var(--cb-text); font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1; }
.price-block__billing { flex-basis: 100%; color: var(--cb-text-muted); font-family: var(--cb-font-body); font-size: 0.95rem; }
.hero__actions { display: grid; justify-items: start; gap: 0.65rem; }
.hero__actions .button--buy { min-width: 12rem; min-height: 52px; padding-inline: 1.5rem; font-size: 1.05rem; }
.hero__explore { font-size: 0.9rem; }
.button--secondary { border: 1px solid var(--cb-border); background: var(--cb-surface); }
.hero__shipping { margin: 0; color: var(--cb-text-muted); font-size: 0.875rem; }
.hero__shipping-line { display: block; }
.home-section--final-purchase { position: relative; isolation: isolate; min-height: auto; overflow: hidden; padding-block: clamp(5rem, 9vw, 8rem); border-block: 1px solid var(--cb-border); background: linear-gradient(110deg, var(--cb-bg-cinema) 0%, var(--cb-bg-navy) 56%, var(--cb-bg-cinema) 100%); }
.home-section--final-purchase::before { content: ""; position: absolute; z-index: -1; left: 48%; top: 50%; width: min(44rem, 56vw); height: min(30rem, 38vw); border-radius: 50%; background: var(--cb-buy); opacity: 0.16; filter: blur(4.5rem); transform: translate(-50%, -50%); pointer-events: none; }
.final-purchase__inner { display: grid; grid-template-columns: minmax(24rem, 1.1fr) minmax(18rem, 0.8fr) minmax(15rem, 0.6fr); gap: clamp(1.5rem, 3vw, 3rem); align-items: center; }
.final-purchase__inner > * { min-width: 0; }
.final-purchase__copy { position: relative; z-index: 2; }
.final-purchase__copy h2 { max-width: none; font-size: clamp(2.7rem, 4vw, 4rem); }
.final-purchase__title-line { display: block; white-space: nowrap; }
.final-purchase__copy > p:last-child { max-width: 36rem; margin-bottom: 0; color: var(--cb-text-muted); font-size: 1.05rem; }
.final-purchase__commerce { position: relative; z-index: 5; justify-self: end; min-width: 15.5rem; }
.final-purchase__commerce .price-block { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 0.35rem 0.75rem; margin: 0 0 var(--cb-space-4); }
.final-purchase__commerce .price-block del { grid-column: 1; }
.final-purchase__commerce .price-block__savings { grid-column: 2; justify-self: start; color: var(--cb-brand-gold); font-size: 0.85rem; font-weight: 800; }
.final-purchase__commerce [data-price-current], .final-purchase__commerce .price-block__billing { grid-column: 1 / -1; }
.final-purchase__commerce .button--buy { min-width: 100%; }
.final-purchase__assurances { display: grid; gap: 0.65rem; margin-top: var(--cb-space-4); padding-top: var(--cb-space-3); border-top: 1px solid var(--cb-border); }
.final-purchase__assurances a { color: var(--cb-text-muted); font-size: 0.82rem; text-decoration-color: transparent; text-underline-offset: 0.2em; }
.final-purchase__assurances a:hover, .final-purchase__assurances a:focus-visible { color: var(--cb-text); text-decoration-color: currentColor; }
.home-section:not(.home-section--hero, .home-section--trust, .home-section--final-purchase) { min-height: auto; padding-block: clamp(4rem, 8vw, 7rem); }
.home-section--what-is, .home-section--pain-points, .home-section--home-scenarios, .home-section--reviews, .home-section--brand { background: var(--cb-bg-cinema); }
.home-section--content-preview, .home-section--cost-comparison, .home-section--setup, .home-section--cherrycare, .home-section--faq { background: var(--cb-bg-navy); }
.product-stage, .content-preview, .pain-stage, .scenario-layout, .setup-layout, .care-layout { padding-inline: clamp(0rem, 2.5vw, 2.5rem); }
.section-heading { max-width: 48rem; margin-bottom: var(--cb-space-5); }
.section-heading h2, .section-copy h2 { margin: 0; max-width: 18ch; font-family: var(--cb-font-heading); font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; letter-spacing: -0.035em; }
.section-heading h2, .section-copy h2, .pain-grid h3, .brand-story h2 { overflow-wrap: anywhere; }
.section-heading > p:not(.eyebrow), .section-copy > p:not(.eyebrow) { color: var(--cb-text-muted); font-size: 1.05rem; }
.text-link { color: var(--cb-info); font-weight: 700; }
.home-section--trust { min-height: auto; border-block: 1px solid var(--cb-border); background: var(--cb-bg-navy); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-item { min-height: 8.5rem; display: grid; grid-template-columns: 2.5rem 1fr; align-content: center; align-items: start; gap: var(--cb-space-3); padding: var(--cb-space-4); text-decoration: none; border-right: 1px solid var(--cb-border); }
.trust-item:first-child { border-left: 1px solid var(--cb-border); }
.trust-item__icon { display: block; width: 2.5rem; height: 2.5rem; object-fit: contain; }
.capability-list svg, .pain-grid svg, .setup-icon svg { width: 1.75rem; height: 1.75rem; color: var(--cb-brand-gold); }
.trust-item__copy { display: grid; gap: 0.2rem; }
.trust-item strong { color: var(--cb-text); font-family: var(--cb-font-heading); }
.trust-item__copy > span { color: var(--cb-text-muted); font-size: 0.875rem; }
.split-section { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.product-composition { position: relative; z-index: 1; isolation: isolate; min-width: 0; pointer-events: none; }
.product-composition__part { position: absolute; display: block; margin: 0; }
.product-composition__part img { display: block; width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 1.1rem 1.4rem rgb(0 0 0 / 0.38)); }
.product-composition--hero { width: 100%; height: 12.5rem; }
.product-composition--hero .product-composition__part--bundle { inset: 0; transform: translate(-0.5rem, 1.2rem) scale(1.52); transform-origin: center bottom; }
.product-composition--front { width: min(100%, 28rem); height: clamp(13rem, 24vw, 20rem); margin-top: var(--cb-space-5); }
.product-composition--front .product-composition__part--front { inset: 0; }
.product-composition--bundle { height: clamp(12rem, 19vw, 17rem); margin-top: var(--cb-space-5); }
.product-composition--bundle .product-composition__part--bundle { z-index: 3; left: 0; top: 0; width: 84%; height: 100%; }
.product-composition--bundle .product-composition__part--remote { z-index: 4; right: 23%; bottom: 0; width: 17%; height: 88%; transform: rotate(7deg); }
.product-composition--purchase { height: clamp(17rem, 25vw, 23rem); margin-inline: -1rem; }
.product-composition--purchase .product-composition__part--bundle { inset: -7%; }
.capability-list { margin: 0; border-top: 1px solid var(--cb-border); }
.capability-list > div { display: grid; grid-template-columns: 2rem minmax(8rem, 0.6fr) 1.4fr; gap: var(--cb-space-4); padding-block: var(--cb-space-4); border-bottom: 1px solid var(--cb-border); }
.capability-list dt { color: var(--cb-brand-gold); font-family: var(--cb-font-heading); font-weight: 700; }
.capability-list dd { margin: 0; display: grid; gap: 0.25rem; }
.capability-list dd span { color: var(--cb-text-muted); }
.content-preview { position: relative; }
.content-preview__visual, .scenario-visual, .care-visual { display: block; overflow: hidden; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-card); background: var(--cb-surface-raised); }
.content-preview__visual { margin-block: var(--cb-space-5); }
.channel-count { display: flex; align-items: baseline; gap: 0.5rem; }
.channel-count strong { color: var(--cb-text); font-family: var(--cb-font-heading); font-size: 1.6rem; }
.channel-search { max-width: 52rem; margin-block: var(--cb-space-4); }
.channel-search label { display: block; margin-bottom: var(--cb-space-2); font-weight: 700; }
.channel-search > div { display: grid; grid-template-columns: 1fr auto; }
.channel-search input { min-width: 0; min-height: 3.5rem; padding: 0.75rem 1rem; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-control) 0 0 var(--cb-radius-control); background: var(--cb-bg-cinema); color: var(--cb-text); }
.channel-search button { min-height: 3.5rem; padding-inline: 1.25rem; border: 0; border-radius: 0 var(--cb-radius-control) var(--cb-radius-control) 0; background: var(--cb-info); color: #071225; font-weight: 800; cursor: pointer; }
.channel-discovery { display: grid; gap: 0.75rem; }
.channel-link-group { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem var(--cb-space-3); }
.channel-link-label { flex: 0 0 8.5rem; color: var(--cb-text-muted); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.category-links, .section-actions { display: flex; flex-wrap: wrap; gap: var(--cb-space-2); align-items: center; }
.category-links a { padding: 0.45rem 0.75rem; border: 1px solid var(--cb-border); border-radius: 999px; color: var(--cb-text-muted); text-decoration: none; }
.channel-examples { display: flex; flex: 1 1 28rem; flex-wrap: wrap; gap: 0.35rem var(--cb-space-3); }
.channel-examples a { color: var(--cb-info); font-weight: 700; }
.section-actions { margin-top: var(--cb-space-5); gap: var(--cb-space-4); }
.content-preview .section-actions { display: grid; width: min(100%, 34rem); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.content-preview__action { border-color: var(--cb-border); background: var(--cb-surface); color: var(--cb-text); }
.content-preview__action:hover, .content-preview__action:focus-visible { border-color: var(--cb-info); background: rgb(75 141 255 / 0.12); color: var(--cb-text); }
.pain-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1.5rem, 3vw, 3rem); }
.pain-grid article { min-height: 13rem; max-width: 36rem; padding-block: clamp(1.25rem, 2.5vw, 2rem); border-top: 1px solid var(--cb-border); }
.pain-grid article { min-width: 0; }
.pain-grid svg { width: 2.5rem; height: 2.5rem; color: var(--cb-info); }
.pain-grid h3 { margin-block: var(--cb-space-2); font-family: var(--cb-font-heading); font-size: 1.45rem; }
.pain-grid p { max-width: 48ch; color: var(--cb-text-muted); }
.pain-grid article { display: flex; flex-direction: column; align-items: flex-start; }
.pain-grid article > p:last-of-type { flex: 1; }
.pain-links { display: flex; flex-wrap: wrap; gap: 0.65rem 1.25rem; margin-top: var(--cb-space-3); }
.pain-links a { overflow-wrap: anywhere; }
.cost-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(19rem, 0.9fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.cost-intro { grid-column: 1 / -1; max-width: 54rem; }
.cost-intro h2 { max-width: 17ch; margin: 0; overflow-wrap: anywhere; font-family: var(--cb-font-heading); font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.08; letter-spacing: -0.035em; }
.cost-intro > p:not(.eyebrow) { color: var(--cb-text-muted); font-size: 1.05rem; }
.cost-chart { min-width: 0; margin: 0; padding: clamp(1.4rem, 3vw, 2.5rem); border: 1px solid var(--cb-border); border-radius: var(--cb-radius-card); background: var(--cb-surface-raised); }
.cost-chart figcaption, .cost-breakdown h3 { margin: 0 0 var(--cb-space-4); font-family: var(--cb-font-heading); font-size: 1.15rem; font-weight: 800; }
.cost-chart__bars { display: grid; gap: var(--cb-space-4); }
.cost-bar { position: relative; isolation: isolate; min-height: 6.5rem; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: center; gap: 0.25rem var(--cb-space-3); overflow: hidden; padding: var(--cb-space-4); border-radius: var(--cb-radius-control); background: rgb(255 255 255 / 0.045); }
.cost-bar::before { content: ""; position: absolute; z-index: -1; inset: 0 auto 0 0; width: var(--cost-bar); border-radius: inherit; background: rgb(75 141 255 / 0.23); }
.cost-bar--product::before { background: rgb(231 184 74 / 0.28); }
.cost-bar > span { grid-column: 1; grid-row: 1; align-self: end; color: var(--cb-text-muted); }
.cost-bar > strong { grid-column: 2; grid-row: 1 / span 2; align-self: center; justify-self: end; font-family: var(--cb-font-heading); font-size: clamp(1.35rem, 3vw, 2.25rem); line-height: 1; white-space: nowrap; }
.cost-bar > small { grid-column: 1; grid-row: 2; align-self: start; color: var(--cb-text-muted); }
.cost-bar__calculation { font-size: 0.72rem; line-height: 1.45; font-variant-numeric: tabular-nums; }
.cost-chart__difference { display: flex; flex-direction: column; align-items: start; gap: 0.65rem; margin: var(--cb-space-5) 0 0; padding-top: var(--cb-space-4); border-top: 1px solid var(--cb-border); }
 .cost-chart__saving-banner { width: 100%; padding: 1.4rem 0.75rem; border-radius: 12px; background: var(--cb-brand-gold); color: var(--cb-bg-cinema); text-align: center; }
.cost-chart__saving-label { display: block; color: inherit; font-weight: 800; font-size: 0.85rem; letter-spacing: 0.06em; }
.cost-chart__difference strong { display: block; margin-block: 0.45rem; color: inherit; font-family: var(--cb-font-heading); font-weight: 800; font-size: clamp(2.5rem, 13vw, 4.75rem); line-height: 1.05; letter-spacing: -0.03em; white-space: nowrap; }
.cost-chart__difference strong span { color: inherit; }
.cost-chart__difference .cost-chart__cents { font-size: 0.5em; letter-spacing: 0; }
.cost-chart__saving-period { display: block; font-size: 0.8rem; font-weight: 800; }
.cost-chart__saving-future { color: var(--cb-text); font-size: 0.95rem; line-height: 1.5; }
.cost-chart__saving-note { color: var(--cb-text-muted); font-size: 0.8rem; line-height: 1.5; }
.cost-chart__unavailable { padding: var(--cb-space-5); border: 1px solid var(--cb-border); border-radius: var(--cb-radius-control); color: var(--cb-text-muted); text-align: center; }
.cost-breakdown { min-width: 0; }
.service-costs { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--cb-border); }
.service-costs__row { display: flex; justify-content: space-between; gap: var(--cb-space-4); padding-block: 0.8rem; border-bottom: 1px solid var(--cb-border); }
.service-costs__row > span:last-child { display: grid; justify-items: end; }
.service-costs strong { white-space: nowrap; }
.service-costs small { color: var(--cb-text-muted); font-weight: 400; }
.cost-monthly { display: flex; justify-content: space-between; align-items: baseline; gap: var(--cb-space-4); margin-top: var(--cb-space-4); }
.cost-monthly span { color: var(--cb-text-muted); }
.cost-monthly strong { font-family: var(--cb-font-heading); font-size: 1.45rem; white-space: nowrap; }
.cost-purchase-bridge { grid-column: 1 / -1; position: relative; isolation: isolate; min-width: 0; display: grid; grid-template-areas: "visual copy commerce"; grid-template-columns: minmax(16rem, 0.9fr) minmax(20rem, 1.15fr) minmax(15.5rem, 0.72fr); align-items: center; gap: clamp(1.5rem, 3.5vw, 3.5rem); overflow: hidden; padding: clamp(1.5rem, 3.5vw, 3rem); border: 1px solid rgb(231 184 74 / 0.34); border-radius: var(--cb-radius-card); background: radial-gradient(circle at 18% 50%, rgb(231 184 74 / 0.13), transparent 32%), linear-gradient(110deg, var(--cb-bg-cinema), var(--cb-surface-raised) 56%, var(--cb-bg-navy)); }
.cost-purchase-bridge > * { min-width: 0; }
.cost-purchase-bridge__copy { grid-area: copy; }
.cost-purchase-bridge__copy h3 { max-width: 14ch; margin: 0; font-family: var(--cb-font-heading); font-size: clamp(2rem, 3.3vw, 3.25rem); line-height: 1.04; letter-spacing: -0.035em; text-wrap: balance; }
.cost-purchase-bridge__copy p { max-width: 42ch; margin: var(--cb-space-3) 0 0; color: var(--cb-text-muted); }
.cost-purchase-bridge__visual { grid-area: visual; min-width: 0; }
.cost-purchase-bridge__visual .product-composition--bundle { width: 100%; height: clamp(13rem, 19vw, 18rem); margin: 0; }
.cost-purchase-bridge__visual .product-composition__part--remote { right: 10.75%; }
.cost-purchase-bridge__commerce { position: relative; z-index: 5; grid-area: commerce; min-width: 0; }
.cost-purchase-bridge__commerce .price-block { display: grid; grid-template-columns: auto 1fr; align-items: end; gap: 0.3rem 0.7rem; margin: 0 0 var(--cb-space-4); }
.cost-purchase-bridge__commerce .price-block del { grid-column: 1; }
.cost-purchase-bridge__commerce .price-block__savings { grid-column: 2; justify-self: start; color: var(--cb-brand-gold); font-size: 0.82rem; font-weight: 800; }
.cost-purchase-bridge__commerce [data-price-current], .cost-purchase-bridge__commerce .price-block__billing { grid-column: 1 / -1; }
.cost-purchase-bridge__commerce .button--buy { width: 100%; min-height: 52px; font-size: 1.05rem; }
.cost-purchase-bridge__assurances { display: flex; flex-wrap: wrap; gap: 0.55rem 0.85rem; margin-top: var(--cb-space-4); padding-top: var(--cb-space-3); border-top: 1px solid var(--cb-border); }
.cost-purchase-bridge__assurances a { color: var(--cb-text-muted); font-size: 0.78rem; text-decoration-color: transparent; text-underline-offset: 0.2em; }
.cost-purchase-bridge__assurances a:hover, .cost-purchase-bridge__assurances a:focus-visible { color: var(--cb-text); text-decoration-color: currentColor; }
.cost-notes { grid-column: 1 / -1; color: var(--cb-text-muted); font-size: 0.82rem; }
.cost-notes p { margin-block: 0.35rem; }
.scenario-layout { display: grid; gap: var(--cb-space-5); }
.scenario-visual { max-height: 36rem; }
.scenario-visual img { width: 100%; height: 100%; object-fit: cover; }
.scenario-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--cb-border); }
.scenario-grid article { padding: var(--cb-space-5); border-right: 1px solid var(--cb-border); }
.scenario-grid article:first-child { padding-left: 0; }
.scenario-grid article:last-child { border: 0; padding-right: 0; }
.scenario-grid h3 { font-family: var(--cb-font-heading); }
.scenario-grid p { color: var(--cb-text-muted); }
.setup-layout, .care-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.setup-layout h2 { font-family: var(--cb-font-heading); font-size: clamp(2rem, 4vw, 3.5rem); }
.setup-account { margin-block: var(--cb-space-3); color: var(--cb-brand-gold); font-family: var(--cb-font-heading); font-size: 1.15rem; font-weight: 700; }
.setup-layout ol { padding: 0; list-style: none; counter-reset: setup; }
.setup-layout li { min-height: 4rem; display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--cb-space-3); align-items: start; padding-block: var(--cb-space-3); border-bottom: 1px solid var(--cb-border); counter-increment: setup; }
.setup-layout li::before { content: counter(setup); width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; background: var(--cb-info); color: #071225; font-weight: 800; }
.setup-voice { margin: var(--cb-space-4) 0 var(--cb-space-2); color: var(--cb-text-muted); }
.setup-product { min-width: 0; }
.setup-guide-visual { overflow: hidden; border-radius: var(--cb-radius-card); background: var(--cb-bg-cinema); }
.setup-guide-visual img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.review-preview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cb-space-4); margin-bottom: var(--cb-space-4); }
.review-preview article { min-width: 0; padding: var(--cb-space-5); background: var(--cb-surface); box-shadow: inset 0 3px var(--cb-info); }
.review-preview strong { color: var(--cb-info); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; }
.review-preview p { margin: var(--cb-space-3) 0 0; color: var(--cb-text-muted); }
.care-links { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--cb-border); border-radius: var(--cb-radius-card); overflow: hidden; }
.care-visual { margin-bottom: var(--cb-space-4); }
.care-links a { min-height: 5rem; display: flex; align-items: center; padding: var(--cb-space-4); text-decoration: none; background: var(--cb-surface); border-right: 1px solid var(--cb-border); border-bottom: 1px solid var(--cb-border); }
.care-links a:nth-child(even) { border-right: 0; }
.care-links a:nth-last-child(-n+2) { border-bottom: 0; }
.care-note { padding: var(--cb-space-4); border-radius: var(--cb-radius-control); background: rgb(75 141 255 / 0.1); color: var(--cb-text-muted); }
.brand-story { max-width: 52rem; text-align: center; }
.brand-story h2 { margin: 0; font-family: var(--cb-font-heading); font-size: clamp(2rem, 5vw, 4rem); line-height: 1.04; }
.brand-story > p:not(.eyebrow) { color: var(--cb-text-muted); font-size: 1.1rem; }
.brand-story__location { font-weight: 700; }
.faq-layout { display: grid; grid-template-columns: minmax(14rem, 0.65fr) minmax(0, 1.35fr); gap: clamp(2rem, 8vw, 8rem); }
.faq-list { border-top: 1px solid var(--cb-border); }
.faq-item { border-bottom: 1px solid var(--cb-border); }
.faq-item summary { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: var(--cb-space-4); font-family: var(--cb-font-heading); font-weight: 700; cursor: pointer; }
.faq-item summary::after { content: "+"; color: var(--cb-info); font-size: 1.5rem; }
.faq-item[open] summary::after { content: "−"; }
.faq-item > div { padding: 0 2rem var(--cb-space-4) 0; color: var(--cb-text-muted); }

@media (max-width: 840px) {
  .home-section--hero { min-height: calc(100svh - var(--cb-header-height)); }
  .home-section--hero::after { background: linear-gradient(180deg, rgb(7 9 15 / 0.08) 8%, rgb(7 9 15 / 0.52) 32%, rgb(7 9 15 / 0.96) 58%, var(--cb-bg-cinema) 100%); }
  .hero__inner, .final-purchase__inner { grid-template-columns: 1fr; }
  .hero__inner { align-items: end; padding-block: clamp(13rem, 28vh, 15.5rem) 1.5rem; }
  .hero__content { max-width: 36rem; }
  .home-section--hero h1 { max-width: none; font-size: clamp(2.3rem, 9.6vw, 3rem); letter-spacing: -0.035em; }
  .hero__h1-line { display: block; white-space: nowrap; }
  .hero__body { margin-block: 0.85rem; }
  .hero__visual--background img { object-position: center top; }
  .hero__offer { grid-template-columns: minmax(0, 1fr) minmax(8.5rem, 0.82fr); align-items: start; gap: 0.75rem; margin-top: 0.75rem; }
  .product-composition--hero { width: 100%; height: clamp(8rem, 34vw, 9.5rem); }
  .product-composition--hero .product-composition__part--bundle { transform: translateX(-18.5%) scale(1.38); transform-origin: left top; }
  .product-composition--bundle .product-composition__part--remote { right: 13%; }
  .price-block { display: grid; justify-items: start; gap: 0.25rem; }
  .price-block__billing { grid-column: 1; }
  .hero__commerce { display: contents; }
  .hero__offer > .product-composition--hero { grid-column: 1; grid-row: 1 / span 2; margin-bottom: calc(clamp(8rem, 34vw, 9.5rem) * 0.38); }
  .hero__commerce .price-block { grid-column: 2; grid-row: 1; }
  .hero__commerce .hero__actions { grid-column: 2; grid-row: 2; align-self: start; }
  .hero__shipping { grid-column: 1 / -1; grid-row: 3; display: flex; justify-content: center; align-items: baseline; gap: 0.4em; font-size: clamp(0.7rem, 2.85vw, 0.875rem); white-space: nowrap; }
  .hero__shipping-line + .hero__shipping-line::before { content: "·"; margin-right: 0.4em; }
  .hero__commerce .price-block [data-price-current] { font-size: clamp(2.6rem, 13vw, 3.5rem); }
  .hero__actions { justify-items: stretch; }
  .hero__actions .button--buy { width: 100%; min-width: 0; padding-inline: 0.75rem; font-size: 1rem; white-space: nowrap; }
  .final-purchase__commerce { justify-self: stretch; min-width: 0; }
  .final-purchase__commerce .button { width: 100%; }
  .home-section--final-purchase { padding-block: clamp(4rem, 14vw, 6rem); background: linear-gradient(180deg, var(--cb-bg-cinema) 0%, var(--cb-bg-navy) 58%, var(--cb-bg-cinema) 100%); }
  .home-section--final-purchase::before { left: 50%; top: 48%; width: 30rem; height: 22rem; opacity: 0.13; }
  .final-purchase__inner { gap: var(--cb-space-4); }
  .final-purchase__copy h2 { max-width: none; font-size: clamp(2.2rem, 10.5vw, 3rem); }
  .final-purchase__title-line { display: block; white-space: nowrap; }
  .final-purchase__commerce .price-block { display: grid; grid-template-columns: auto 1fr; justify-items: start; }
  .final-purchase__assurances { grid-template-columns: 1fr; }
  .content-preview .section-actions { grid-template-columns: 1fr; }
  .trust-grid, .split-section, .cost-layout { grid-template-columns: 1fr; }
  .cost-layout > * { min-width: 0; }
  .cost-chart { padding: var(--cb-space-3); }
  .cost-purchase-bridge { grid-template-areas: "copy" "visual" "commerce"; grid-template-columns: minmax(0, 1fr); gap: var(--cb-space-4); padding: clamp(1.25rem, 6vw, 2rem); }
  .cost-purchase-bridge__copy h3 { max-width: 15ch; font-size: clamp(2rem, 9vw, 3rem); }
  .cost-purchase-bridge__visual .product-composition--bundle { width: min(100%, 28rem); height: clamp(13rem, 54vw, 18rem); margin-inline: auto; }
  .cost-purchase-bridge__visual .product-composition__part--remote { right: 10.75%; }
  .cost-purchase-bridge__commerce { width: 100%; }
  .cost-purchase-bridge__commerce .price-block { grid-template-columns: auto 1fr; justify-items: start; }
  .cost-purchase-bridge__assurances { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cost-bar { padding: var(--cb-space-3); }
  .service-costs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-costs__row { min-width: 0; display: grid; align-content: start; justify-content: stretch; gap: 0.3rem; padding: 0.85rem 0.75rem; }
  .service-costs__row:nth-child(odd) { padding-left: 0; border-right: 1px solid var(--cb-border); }
  .service-costs__row:nth-child(even) { padding-right: 0; }
  .service-costs__row > span:first-child { min-width: 0; overflow-wrap: anywhere; }
  .service-costs__row > span:last-child { min-width: 0; max-width: 100%; justify-items: start; }
  .service-costs__row > span:last-child > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .service-costs strong { white-space: normal; }
  .cost-bar { grid-template-columns: 1fr; }
  .cost-bar > span { grid-row: 1; align-self: auto; }
  .cost-bar > small { grid-row: 2; }
  .cost-bar > strong { grid-column: 1; grid-row: 3; justify-self: start; margin-top: 0.35rem; white-space: normal; }
  .cost-chart__difference { align-items: start; flex-direction: column; }
  .cost-monthly { align-items: flex-start; flex-direction: column; }
  .trust-item, .trust-item:first-child { min-height: auto; border: 0; border-bottom: 1px solid var(--cb-border); padding-inline: 0; }
  .capability-list > div { grid-template-columns: 2rem 1fr; gap: 0.25rem var(--cb-space-3); }
  .capability-list dd { grid-column: 2; }
  .pain-grid { grid-template-columns: 1fr; }
  .pain-grid article { min-height: auto; }
  .channel-search > div { grid-template-columns: 1fr; gap: var(--cb-space-2); }
  .channel-search input, .channel-search button { border-radius: var(--cb-radius-control); }
  .scenario-grid { grid-template-columns: 1fr; }
  .scenario-grid article, .scenario-grid article:first-child, .scenario-grid article:last-child { padding: var(--cb-space-4) 0; border: 0; border-bottom: 1px solid var(--cb-border); }
  .scenario-grid article:last-child { border-bottom: 0; }
  .review-preview { grid-template-columns: 1fr; }
  .review-preview article { padding: var(--cb-space-4); }
  .setup-layout, .care-layout, .faq-layout { grid-template-columns: 1fr; }
  .faq-layout { gap: var(--cb-space-4); }
  .faq-layout .section-heading { margin-bottom: 0; }
  .faq-layout h2 { max-width: none; text-wrap: balance; }
  .product-composition--purchase { width: min(100%, 30rem); height: clamp(15rem, 68vw, 22rem); margin: -1rem auto; order: initial; }
  .care-links { grid-template-columns: 1fr; }
  .care-links a, .care-links a:nth-child(even), .care-links a:nth-last-child(-n+2) { min-height: 3.5rem; border: 0; border-bottom: 1px solid var(--cb-border); }
  .care-links a:last-child { border-bottom: 0; }
}

@media (max-width: 360px) {
  .product-composition--hero .product-composition__part--bundle { transform: translateX(-0.5rem) scale(1.32); }
}

/* Approved mobile presentation; the desktop layout and purchase bridge stay intact. */
@media (max-width: 840px) {
  #trust .trust-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  #trust .trust-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px 12px; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-control); background: var(--cb-surface); }
  #trust .trust-item > span { width: 100%; }
  #trust .trust-item strong { display: block; min-height: 3em; }
  #trust .trust-item img { flex: none; }
  .home-disclosure { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; width: 100%; padding: 0; min-height: 44px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
  .home-disclosure::after { content: '+'; color: var(--cb-info); flex: 0 0 20px; text-align: center; font-size: 24px; line-height: 1.2; font-weight: 400; }
  .home-disclosure[aria-expanded=true]::after { content: '−'; }
  .home-disclosure:focus-visible, .home-scenario-tab:focus-visible, .home-review-dot:focus-visible { outline: 2px solid var(--cb-info); outline-offset: 4px; }
  #what-is [hidden], #pain-points [hidden], #cost-comparison .cost-breakdown [hidden], #home-scenarios [hidden] { display: none !important; }
  #what-is .capability-list > div { gap: 4px 12px; padding-block: 20px; }
  #what-is .capability-list dd > strong { font-size: .9rem; }
  #what-is .capability-list dd > span { margin-top: 12px; }
  #pain-points .pain-grid { gap: 0; border-top: 1px solid var(--cb-border); }
  #pain-points .pain-grid article { padding: 20px 0; border-bottom: 1px solid var(--cb-border); }
  #pain-points .pain-grid article > svg { width: 28px; height: 28px; margin-bottom: 12px; }
  #pain-points .pain-grid h3 { margin: 0; max-width: none; width: 100%; }
  #pain-points .home-disclosure { position: relative; display: block; padding-right: 32px; }
  #pain-points .home-disclosure::after { position: absolute; right: 0; top: 0; width: 20px; line-height: inherit; }
  #pain-points .pain-grid p { margin-top: 16px; }
  #content-preview .channel-search { padding: 20px; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-card); background: var(--cb-surface); }
  #content-preview .channel-link-group { display: flex; gap: 4px 12px; align-items: baseline; }
  #content-preview .channel-link-label { flex: 0 0 auto; margin: 0; font-size: .75rem; letter-spacing: 0; }
  #content-preview .category-links,
  #content-preview .channel-examples { display: flex; flex: 1 1 16rem; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
  #content-preview .category-links a,
  #content-preview .channel-examples a { display: inline-flex; align-items: center; padding: 2px 0; min-height: 24px; border: 0; border-radius: 0; background: none; color: var(--cb-text-muted); font-size: .8125rem; line-height: 1.5; font-weight: 400; text-decoration: underline; text-underline-offset: 3px; }
  #content-preview .category-links a:hover,
  #content-preview .channel-examples a:hover { color: var(--cb-text); }
  #content-preview .channel-discovery { gap: 12px; }
  #content-preview .section-actions { gap: 12px; flex-direction: column; align-items: stretch; }
  #content-preview .section-actions a:first-of-type { background: var(--cb-surface-raised); border-color: var(--cb-info); }
  #content-preview .section-actions a:last-child { margin-inline: auto; text-align: center; color: var(--cb-info); align-self: center; width: fit-content; flex: none; border: 0; background: transparent; box-shadow: none; padding: 2px 0; min-height: 0; font-size: .875rem; font-weight: 400; text-decoration: underline; text-underline-offset: 4px; }
  #cost-comparison .cost-bar { grid-template-columns: minmax(0,1fr) auto; gap: 8px 12px; }
  #cost-comparison .cost-bar > span { grid-column: 1; grid-row: 1; }
  #cost-comparison .cost-bar > strong { grid-column: 2; grid-row: 1; margin: 0; align-self: start; }
  #cost-comparison .cost-bar > small { grid-column: 1 / -1; grid-row: 2; }
  #cost-comparison .cost-breakdown { border-block: 1px solid var(--cb-border); padding-block: 16px; }
  #cost-comparison .cost-breakdown h3 { margin: 0; }
  #cost-comparison .cost-intro { order: 0; }
  #cost-comparison .cost-breakdown { order: 1; }
  #cost-comparison .cost-chart { order: 2; }
  #cost-comparison .cost-purchase-bridge { order: 3; }
  #cost-comparison .cost-notes { display: none; }
  #cost-comparison .cost-breakdown ul { margin-top: 16px; }
  .home-scenario-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .home-scenario-tab { border: 1px solid var(--cb-border); border-radius: var(--cb-radius-control); color: var(--cb-text-muted); background: var(--cb-surface); min-height: 58px; padding: 12px; font-weight: 600; cursor: pointer; }
  .home-scenario-tab[aria-selected=true] { border-color: var(--cb-info); background: rgb(75 141 255 / .12); color: var(--cb-text); }
  #home-scenarios .scenario-grid[data-mobile-panels] article { padding: 20px; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-control); }
  #home-scenarios .scenario-grid[data-mobile-panels] p { margin: 0; }
  #home-scenarios .scenario-layout { gap: 20px; }
  #reviews > .shell { display: flex; flex-direction: column; }
  #reviews .section-heading { order: 0; margin-bottom: 8px; }
  #reviews > .shell > .text-link { order: 1; align-self: flex-start; margin-bottom: 24px; }
  #reviews .review-preview { order: 2; }
  #reviews .home-review-controls { order: 3; }
  #reviews .review-preview[data-mobile-carousel] { position: relative; display: flex; gap: 12px; overflow-x: auto; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 0 12px; margin-bottom: 0; }
  #reviews .review-preview[data-mobile-carousel]::-webkit-scrollbar { display: none; }
  #reviews .review-preview[data-mobile-carousel] article { flex: 0 0 84%; scroll-snap-align: center; padding: 24px; }
  #reviews .review-preview[data-mobile-carousel]::before, #reviews .review-preview[data-mobile-carousel]::after { content: ''; flex: 0 0 calc(8% - 12px); }
  .home-review-controls { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
  .home-review-dot { display: grid; place-items: center; width: 36px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; }
  .home-review-dot::after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--cb-text-muted); opacity: .5; }
  .home-review-dot[aria-current=true]::after { background: var(--cb-info); opacity: 1; transform: scale(1.3); }
  #cherrycare .care-layout { gap: 24px; }
  #cherrycare .section-heading { margin-bottom: 0; }
  #cherrycare .section-heading > p:last-child { margin-bottom: 0; }
  #cherrycare .care-layout > div:last-child { border: 1px solid var(--cb-border); border-radius: var(--cb-radius-card); overflow: hidden; background: var(--cb-surface); }
  #cherrycare .care-visual { margin: 0; border: 0; border-radius: 0; }
  #cherrycare .care-links { grid-template-columns: repeat(2,minmax(0,1fr)); border: 0; border-radius: 0; }
  #cherrycare .care-links a { min-height: 64px; padding: 16px; border-bottom: 1px solid var(--cb-border); }
  #cherrycare .care-links a:nth-child(odd) { border-right: 1px solid var(--cb-border); }
  #cherrycare .care-note { margin: 0; padding: 20px; background: transparent; }
  #faq summary { align-items: flex-start; padding-block: 20px; min-height: 64px; }
  #faq summary::after { flex: 0 0 20px; text-align: center; line-height: 1; }
}
@media (max-width: 360px) {
  #trust .trust-grid { grid-template-columns: 1fr; }
  #trust .trust-item strong { min-height: 0; }
  #cost-comparison .cost-bar { grid-template-columns: 1fr; }
  #cost-comparison .cost-bar > strong { grid-column: 1; grid-row: 2; }
  #cost-comparison .cost-bar > small { grid-row: 3; }
}

@media (min-width: 421px) and (max-width: 840px) {
  .product-composition--hero .product-composition__part--bundle { transform: translateX(-19%) scale(1.38); }
}



.home-review-stars{display:flex;gap:4px}.home-review-stars svg{width:18px;height:18px;fill:#526079}.home-review-stars svg.filled{fill:#efba62}.review-preview article{display:flex;flex-direction:column;border-radius:14px;box-shadow:none;background:linear-gradient(145deg,#1b2a40,#111d30)}.review-preview article>p{line-height:1.7;margin-bottom:24px}.review-preview article>strong{margin-top:auto;letter-spacing:0;text-transform:none;font-size:14px;color:#d2e1f5}.review-preview article>time{color:#aebed3;font-size:12px;margin-top:6px}

/* Shared final purchase joins a cinema-black preceding section to the navy footer. */
#main-content>.home-section--final-purchase{
 background:radial-gradient(ellipse 55% 45% at 60% 50%,rgb(217 31 61 / .1),transparent),linear-gradient(180deg,var(--cb-bg-cinema),var(--cb-bg-navy));
 border-top:1px solid color-mix(in srgb,var(--cb-border) 55%,transparent);border-bottom:0;
}
#main-content>.home-section--final-purchase::before{content:none}
#main-content:has(>.home-section--hero)>.home-section:not(.home-section--hero):not(.home-section--final-purchase){
 --section-start:var(--cb-bg-cinema);--section-end:var(--cb-bg-navy);
 background:linear-gradient(180deg,var(--section-start),var(--section-end));
 border-top:1px solid color-mix(in srgb,var(--cb-border) 55%,transparent);border-bottom:0;
}
#main-content:has(>.home-section--hero)>:is(#what-is,#pain-points,#home-scenarios,#reviews,#brand){--section-start:var(--cb-bg-navy);--section-end:var(--cb-bg-cinema)}
#main-content:has(>.home-section--hero)>#faq{--section-start:var(--cb-bg-cinema);--section-end:var(--cb-bg-cinema)}
.home-section--hero::after{background:linear-gradient(0deg,var(--cb-bg-cinema),transparent 25%),linear-gradient(90deg,rgb(7 9 15 / .98),rgb(7 9 15 / .9) 32%,rgb(7 9 15 / .42) 58%,rgb(7 9 15 / .08) 78%)}
@media(max-width:840px){.home-section--hero::after{background:linear-gradient(180deg,rgb(7 9 15 / .08) 8%,rgb(7 9 15 / .52) 32%,rgb(7 9 15 / .96) 58%,var(--cb-bg-cinema) 100%)}}


#content-preview .home-demo-icon { width: 18px; height: 18px; flex: none; margin-right: 8px; vertical-align: middle; }