/* Stage 3 homepage, adapted from the approved static source. */
.stage3-main { width: 100%; max-width: none; margin: 0; padding: 0; }
.section { position: relative; padding: clamp(4.75rem, 8vw, 8.25rem) 0; }
.section-title { max-width: 56rem; margin: 0; font-family: var(--cb-font-display); font-size: clamp(2.3rem, 4.3vw, 4.8rem); font-weight: 900; line-height: .94; letter-spacing: -.035em; text-transform: uppercase; }
.section-heading { margin-bottom: 2.5rem; }
.split-heading { display: flex; justify-content: space-between; align-items: end; gap: 3rem; }
.split-heading > p { max-width: 32.5rem; margin: 0 0 .375rem; color: var(--cb-text-muted); font-size: 1.02rem; }
.compact-heading { max-width: 52rem; margin-bottom: 2.5rem; }
.button-row { display: flex; flex-wrap: wrap; gap: .75rem; }
.home-page .button { min-height: 3rem; padding: .75rem 1.375rem; border-radius: .5rem; font-size: .9rem; }
.home-page .button-primary { background: linear-gradient(135deg, var(--cb-accent-hover), var(--cb-accent)); color: #151006; }
.home-page .button-primary:hover { background: linear-gradient(135deg, #ffd06e, #f7ae2a); }
.home-page .button-secondary { border-color: var(--cb-border-strong); background: rgb(8 9 12 / 50%); color: var(--cb-text); }
.home-page .button-secondary:hover { border-color: rgb(255 255 255 / 42%); background: rgb(255 255 255 / 6%); color: var(--cb-text); }

body.home { padding-top: 0; overflow-x: hidden; }
body.home .site-header:not(.is-scrolled):not(.is-menu-open) { border-color: transparent; background: transparent; box-shadow: none; backdrop-filter: none; }
.home-hero { position: relative; min-height: 47.5rem; padding-top: var(--cb-header-height); overflow: hidden; background: radial-gradient(circle at 76% 48%, rgb(244 165 28 / 18%), transparent 24%), linear-gradient(90deg, #05070a 0%, #080a0d 43%, #0d0d0e 100%); }
.home-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 11.25rem; background: linear-gradient(transparent, var(--cb-bg)); pointer-events: none; }
.hero-glow { position: absolute; width: 33.125rem; height: 33.125rem; right: -6.25rem; top: 5rem; border-radius: 50%; background: rgb(244 165 28 / 10%); filter: blur(5.625rem); }
.hero-grid { position: relative; z-index: 1; min-height: 42.875rem; display: grid; grid-template-columns: minmax(0, .78fr) minmax(32.5rem, 1.22fr); align-items: center; gap: 2.25rem; }
.hero-copy { position: relative; z-index: 3; padding: 4.25rem 0 4.5rem; }
.hero-copy h1 { margin: 0 0 1.4rem; font-family: var(--cb-font-display); font-size: clamp(4.5rem, 7.9vw, 8.6rem); font-weight: 900; line-height: .78; letter-spacing: -.052em; text-transform: uppercase; }
.hero-copy h1 span { color: var(--cb-accent); }
.hero-lede { max-width: 38rem; margin: 0 0 1.9rem; font-size: clamp(1rem, 1.25vw, 1.23rem); }
.hero-visual { position: relative; min-height: 40rem; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.hero-visual::before { content: ""; position: absolute; inset: 12% -8% 6% 18%; border-left: 1px solid rgb(255 184 62 / 25%); background: linear-gradient(90deg, rgb(10 12 16 / 20%), transparent 38%), url('../../images/lifestyle/cinema.jpg') center / cover; opacity: .58; filter: saturate(.85); }
.hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--cb-bg) 0%, transparent 22%), linear-gradient(0deg, var(--cb-bg) 0%, transparent 25%); }
.screen-scene { position: absolute; z-index: 1; top: 20%; right: 6%; width: 64%; aspect-ratio: 16 / 9; border: 4px solid #12151b; box-shadow: 0 0 3.125rem rgb(255 160 28 / 28%); }
.screen-scene::before { content: "A BRIGHTER TOMORROW"; position: absolute; inset: 0; display: flex; align-items: flex-start; padding: 8%; background: linear-gradient(135deg, rgb(8 10 14 / 90%), rgb(8 10 14 / 5%)), url('../../images/lifestyle/cinema.jpg') center / cover; color: #dce1e8; font-family: var(--cb-font-display); font-size: clamp(.9rem, 1.7vw, 1.7rem); font-weight: 900; letter-spacing: .03em; }
.screen-ui { position: absolute; left: 6%; right: 6%; bottom: 8%; display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; color: #fff; font-size: .55rem; }
.screen-ui span { grid-column: 1 / -1; }
.screen-ui i { height: 1.625rem; border-radius: .1875rem; background: rgb(255 255 255 / 16%); }
.hero-product-halo { position: absolute; z-index: 2; left: 18%; right: 0; bottom: 4%; height: 48%; background: radial-gradient(ellipse at 58% 65%, rgb(255 190 90 / 8%), rgb(120 125 135 / 10%) 28%, rgb(20 22 27 / 22%) 55%, transparent 76%); filter: blur(1.5rem); }
.hero-visual > img { position: relative; z-index: 3; width: min(80%, 48.75rem); margin-bottom: -4%; filter: drop-shadow(0 1.875rem 2.125rem rgb(0 0 0 / 72%)) drop-shadow(.5rem -.25rem 1.125rem rgb(245 166 35 / 7%)); }
.quality-badge { position: absolute; z-index: 5; right: 0; bottom: 12%; padding: .4375rem .5625rem; border: 2px solid var(--cb-accent); border-radius: .25rem; color: var(--cb-accent); font-size: 1.15rem; font-weight: 950; line-height: 1; text-align: center; }
.quality-badge small { display: block; font-size: .47rem; letter-spacing: .1em; text-transform: uppercase; }
.trust-list { display: flex; flex-wrap: wrap; gap: 1.625rem 2.25rem; margin: 2.375rem 0 0; padding: 1.875rem 0 0; border-top: 1px solid var(--cb-border); list-style: none; }
.trust-list li { display: grid; grid-template-columns: 1.75rem auto; column-gap: .5625rem; align-items: center; }
.trust-list strong { font-size: .76rem; }
.trust-list small { grid-column: 2; color: #777f8d; font-size: .66rem; }
.trust-icon { grid-row: 1 / 3; display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border: 1px solid rgb(244 165 28 / 55%); border-radius: 50%; color: var(--cb-accent); font-weight: 900; }

.product-family { background: linear-gradient(180deg, var(--cb-bg), #0a0c10 55%, var(--cb-bg)); }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.125rem; }
.content-empty { padding: clamp(2rem, 5vw, 4rem); border: 1px dashed var(--cb-border-strong); border-radius: var(--cb-radius-md); text-align: center; }
.content-empty p { color: var(--cb-text-muted); }

.entertainment { border-block: 1px solid rgb(255 255 255 / 4%); }
.bento-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; gap: 1.375rem; }
.bento-card { position: relative; overflow: hidden; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-md); background: #13161d; }
.entertainment-grid .bento-card { min-height: 0; aspect-ratio: 16 / 10; }
.bento-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgb(6 8 11 / 95%), rgb(6 8 11 / 5%) 72%), var(--card-image, linear-gradient(145deg, #17202d, #0a0c10)); background-position: center; background-size: cover; transition: transform .5s, filter .5s; }
.bento-card:hover::before { transform: scale(1.035); filter: brightness(1.08); }
.bento-card > div { position: absolute; z-index: 1; inset: auto 1.25rem 1.125rem; }
.bento-card span { color: var(--cb-accent); font-size: .62rem; font-weight: 900; letter-spacing: .15em; }
.bento-card h3 { margin: .125rem 0; font-family: var(--cb-font-display); font-size: 1.42rem; text-transform: uppercase; }
.bento-card p { margin: 0; color: var(--cb-text-muted); font-size: .76rem; }
.entertainment-grid .image-news::before { background-position: center 42%; }
.entertainment-grid .image-global::before { background-position: center 70%; }
.entertainment-grid .image-music::before { background-position: center 58%; }
.legal-note { margin: 1rem 0 0; color: #6f7682; font-size: .7rem; }

.l2-feature { overflow: hidden; background: #0a0c10; }
.l2-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 2.5rem 4.375rem; align-items: center; }
.l2-copy > p:not(.eyebrow) { max-width: 35rem; margin: 1.375rem 0 1.75rem; font-size: 1.02rem; }
.l2-art { position: relative; min-height: 28.75rem; border-left: 1px solid var(--cb-border); background: radial-gradient(circle at 60% 55%, rgb(244 165 28 / 16%), transparent 42%), linear-gradient(135deg, #10151b, #08090c); }
.l2-art::before { content: ""; position: absolute; inset: 0; background: url('../../images/lifestyle/cinema.jpg') center / cover; opacity: .18; mix-blend-mode: screen; }
.l2-art img { position: absolute; z-index: 2; right: -4%; bottom: -17%; width: 82%; filter: drop-shadow(0 1.875rem 2.125rem rgb(0 0 0 / 80%)) drop-shadow(.375rem -.125rem .875rem rgb(245 166 35 / 6%)); }
.art-copy { position: absolute; z-index: 2; top: 8%; right: 7%; color: rgb(255 255 255 / 22%); font-family: var(--cb-font-display); font-size: clamp(1.2rem, 2.2vw, 2.4rem); font-weight: 900; line-height: 1.05; text-align: right; text-transform: uppercase; }
.art-copy span { color: rgb(244 165 28 / 30%); }
.spec-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .625rem; }
.spec-card { min-height: 5.25rem; padding: 1.1875rem; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-sm); background: rgb(255 255 255 / 1.8%); }
.spec-card::before { content: ""; display: block; width: 1.375rem; height: .125rem; margin-bottom: .75rem; background: var(--cb-accent); }
.spec-card strong, .spec-card span { display: block; }
.spec-card strong { overflow-wrap: anywhere; font-size: .86rem; }
.spec-card span { margin-top: .1875rem; color: #737b88; font-size: .7rem; }

.cinema-section { min-height: 36.875rem; display: grid; grid-template-columns: 1.25fr .75fr; background: #06070a; }
.cinema-image { position: relative; overflow: hidden; }
.cinema-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 45%, #06070a), linear-gradient(0deg, rgb(6 7 10 / 75%), transparent 45%); }
.cinema-image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) brightness(.72); }
.cinema-copy { display: flex; flex-direction: column; justify-content: center; padding: 3.75rem clamp(2rem, 5vw, 5.625rem) 3.75rem 0; }
.cinema-copy > p:not(.eyebrow) { max-width: 32.5rem; margin: 1.625rem 0; }
.cinema-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.125rem; margin: 1.125rem 0 0; padding: 0; list-style: none; }
.cinema-features li { padding-top: .9375rem; border-top: 1px solid var(--cb-border); }
.cinema-features strong, .cinema-features span { display: block; }
.cinema-features strong { overflow-wrap: anywhere; color: var(--cb-accent); font-size: .9rem; }
.cinema-features span { color: #777f8c; font-size: .7rem; }

.setup-section { background: var(--cb-bg-secondary); }
.setup-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 3.25rem; align-items: start; }
.setup-intro p:last-child { margin: 1.25rem 0 0; }
.steps-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin: 0; padding: 0; list-style: none; }
.steps-list li { position: relative; min-height: 18rem; padding: 1.4rem; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-md); background: linear-gradient(145deg, #171a21, #101217); }
.steps-list li > span { position: absolute; top: .75rem; right: 1.125rem; color: rgb(255 255 255 / 16%); font-family: var(--cb-font-display); font-size: 2.7rem; font-weight: 900; }
.step-icon { display: grid; width: 100%; height: 7.875rem; margin-bottom: 1.5rem; place-items: center; border-radius: .5625rem; background: radial-gradient(circle, rgb(244 165 28 / 14%), #0b0d11 60%); color: #c8ced8; font-family: var(--cb-font-display); font-size: 1.5rem; font-weight: 900; letter-spacing: .03em; }
.step-icon.signal { letter-spacing: -.2em; }
.step-icon.play { color: var(--cb-accent); }
.steps-list h3 { margin: 0 0 .5rem; font-size: .95rem; }
.steps-list p { color: var(--cb-text-muted); font-size: .8rem; }

.why-section { padding-block: 5.5rem; border-bottom: 1px solid var(--cb-border); }
.feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.feature-card { display: grid; grid-template-columns: 3.375rem 1fr; gap: .9375rem; padding: 1.125rem 1.5rem; border-left: 1px solid var(--cb-border); }
.feature-card:first-child { padding-left: 0; border-left: 0; }
.line-icon { display: grid; width: 3.125rem; height: 3.125rem; place-items: center; border: 1px solid rgb(244 165 28 / 52%); border-radius: 50%; color: var(--cb-accent); font-size: 1.5rem; }
.feature-card h3 { margin: .125rem 0 .375rem; font-size: .92rem; text-transform: none; }
.feature-card p { margin: 0; color: var(--cb-text-muted); font-size: .74rem; }

.comparison-section { background: linear-gradient(130deg, #0b0d11, #08090c 62%); }
.comparison-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 4rem; align-items: center; }
.comparison-layout > * { min-width: 0; }
.comparison-copy > p:not(.eyebrow) { max-width: 36.875rem; margin: 1.375rem 0 1.75rem; }
.comparison-cards { display: grid; min-width: 0; grid-template-columns: 1fr 1fr; gap: .875rem; }
.compare-card { min-width: 0; padding: 1.625rem; border: 1px solid var(--cb-border); border-radius: var(--cb-radius-md); background: #12151a; }
.compare-card.cola { border-color: rgb(244 165 28 / 58%); box-shadow: inset 0 0 2.75rem rgb(244 165 28 / 3.5%); }
.compare-card > p { margin: 0; color: #fff; font-size: .76rem; font-weight: 800; text-align: center; text-transform: uppercase; }
.compare-card img { width: 63%; height: 9.375rem; margin: auto; object-fit: contain; }
.mini-device { width: 54%; height: 3.875rem; margin: 2.75rem auto; border-radius: .5625rem; background: linear-gradient(#a6a8aa, #595d64); box-shadow: 0 .9375rem 1.5625rem #000; }
.compare-card ul { margin: 1.25rem 0 0; padding: 0; list-style: none; }
.compare-card li { position: relative; margin: .75rem 0; padding-left: 1.625rem; color: #b0b6c0; font-size: .78rem; }
.compare-card li::before { content: "−"; position: absolute; left: 0; display: grid; width: 1.0625rem; height: 1.0625rem; place-items: center; border-radius: 50%; background: #4a4f58; color: #111; font-weight: 900; }
.compare-card.cola li::before { content: "✓"; background: var(--cb-accent); }

.home-journal { background: #0a0c10; }
.journal-heading-aside { max-width: 32.5rem; }
.journal-heading-aside p { margin: 0 0 1rem; color: var(--cb-text-muted); font-size: 1.02rem; }
.home-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.home-article-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--cb-border); border-radius: 1rem; background: var(--cb-surface); transition: transform .25s, border-color .25s, box-shadow .25s; }
.home-article-card:hover, .home-article-card:focus-within { transform: translateY(-.25rem); border-color: rgb(244 165 28 / 42%); box-shadow: 0 1.25rem 2.75rem rgb(0 0 0 / 24%); }
.home-article-card > a { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.home-article-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.home-article-card:hover img { transform: scale(1.025); }
.home-article-card > div { min-height: 18rem; display: flex; flex: 1; flex-direction: column; padding: 1.35rem; }
.home-article-card h3 { min-height: 2.8em; display: -webkit-box; overflow: hidden; margin: .35rem 0 .65rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4; }
.home-article-card h3 a { text-decoration: none; }
.home-article-card .article-category { margin: 0; color: var(--cb-accent); font-size: .68rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.home-article-card .article-body > p:not(.article-category) { min-height: 3.9em; display: -webkit-box; overflow: hidden; margin: 0; color: var(--cb-text-muted); font-size: .8rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.home-article-card footer { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: auto; padding-top: 1.25rem; color: var(--cb-text-muted); font-size: .68rem; }
.home-article-card .article-link { align-self: flex-start; margin-top: .9rem; color: var(--cb-text); font-size: .76rem; font-weight: 800; text-decoration: none; }
.home-article-card .article-link:hover { color: var(--cb-accent); }
.home-article-card .article-image-placeholder { display: grid; place-items: center; background: radial-gradient(circle, rgb(244 165 28 / 10%), transparent 60%), #15171d; color: rgb(255 255 255 / 28%); font-family: var(--cb-font-display); text-decoration: none; text-transform: uppercase; }
.faq-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.faq-column { display: flex; flex-direction: column; gap: .5rem; }
.faq-item { border: 1px solid var(--cb-border); border-radius: .6rem; background: var(--cb-bg-secondary); }
.faq-item h3 { margin: 0; }
.faq-item button { width: 100%; min-height: 3.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border: 0; background: transparent; color: var(--cb-text); text-align: left; font-weight: 750; cursor: pointer; }
.faq-item button:focus-visible { border-radius: .55rem; outline: .15rem solid var(--cb-accent); outline-offset: .15rem; }
.faq-item button span { flex: 0 0 auto; color: var(--cb-accent); font-size: 1.25rem; transition: transform .2s; }
.faq-item button[aria-expanded="true"] span { transform: rotate(45deg); }
.faq-answer { padding: 0 1rem 1rem; }
.faq-answer p { margin: 0; color: var(--cb-text-muted); font-size: .84rem; }
.final-cta { position: relative; overflow: hidden; border-top: 1px solid var(--cb-border); background: linear-gradient(90deg, #0b0c0e, #17120b); }
.final-cta::before { content: ""; position: absolute; inset: 0; background: url('../../images/lifestyle/travel.jpg') center 42% / cover; opacity: .12; filter: saturate(.5); }
.final-cta-grid { position: relative; min-height: 31.875rem; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; }
.final-copy { z-index: 2; padding: 4.375rem 0; }
.final-copy > p:not(.eyebrow) { max-width: 32.5rem; margin: 1.375rem 0 1.75rem; color: var(--cb-text-muted); }
.final-copy .final-product-offer { display: flex; flex-wrap: wrap; align-items: baseline; gap: .45rem 1rem; margin: -1rem 0 1.75rem; }
.final-product-offer strong { color: var(--cb-text); font-size: .84rem; }
.final-product-offer span { color: var(--cb-accent); font-size: .92rem; font-weight: 850; }
.final-product-offer del { color: var(--cb-text-muted); font-weight: 500; }
.final-product { position: relative; align-self: stretch; }
.final-product::after { content: ""; position: absolute; inset: 24% 8% 10% 18%; background: radial-gradient(ellipse, rgb(245 166 35 / 11%), rgb(120 125 135 / 6%) 35%, transparent 72%); filter: blur(1.75rem); }
.final-product img { position: absolute; z-index: 2; right: -4%; bottom: -20%; width: 83%; filter: drop-shadow(0 1.75rem 2.1875rem rgb(0 0 0 / 82%)); }
.final-product span { position: absolute; z-index: 1; top: 25%; right: 0; color: rgb(255 255 255 / 18%); font-family: var(--cb-font-display); font-size: clamp(1.2rem, 2.5vw, 2.6rem); font-weight: 900; line-height: 1.05; text-transform: uppercase; }
.final-product b { color: rgb(244 165 28 / 30%); }

@media (max-width: 64rem) {
	.hero-grid { grid-template-columns: minmax(0, .9fr) minmax(25rem, 1.1fr); }
	.product-grid, .home-article-grid { grid-template-columns: repeat(2, 1fr); }
	.product-card:last-child { grid-column: 1 / -1; }
	.product-card:last-child .product-image { height: 20rem; }
	.product-card:last-child .product-image img { width: 55%; }
	.bento-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.l2-layout { grid-template-columns: 1fr 1fr; gap: 2.25rem; }
	.l2-art { min-height: 25.625rem; }
	.cinema-section { grid-template-columns: 1.05fr .95fr; }
	.cinema-copy { padding-right: 2.25rem; }
	.setup-layout { grid-template-columns: 1fr; }
	.feature-grid { grid-template-columns: 1fr 1fr; gap: .625rem; }
	.feature-card:nth-child(odd) { padding-left: 0; border-left: 0; }
	.comparison-layout { grid-template-columns: 1fr; }
	.comparison-copy { max-width: 45rem; }
}
@media (max-width: 48rem) {
	.home-page .hero-grid { min-width: 0; }
	.split-heading { display: block; }
	.split-heading > p { margin-top: 1.375rem; }
	.journal-heading-aside { margin-top: 1.375rem; }
	.cinema-section, .final-cta-grid { grid-template-columns: 1fr; }
	.hero-grid { min-height: auto; display: flex; flex-direction: column; gap: 0; }
	.home-hero { min-height: auto; background: radial-gradient(circle at 50% 58%, rgb(244 165 28 / 15%), transparent 30%), #06080b; }
	.hero-copy { width: 100%; min-width: 0; padding: 3.375rem 0 .75rem; text-align: center; }
	.hero-copy h1 { font-size: clamp(3.7rem, 15.8vw, 5.3rem); line-height: .82; }
	.hero-lede { max-width: 33.75rem; margin-inline: auto; }
	.hero-copy .button-row { justify-content: center; }
	.trust-list { justify-content: center; gap: .9375rem 1.5rem; padding-top: 1.5rem; }
	.trust-list li { text-align: left; }
	.hero-visual { width: calc(100% + 1.75rem); min-height: 26.875rem; margin-inline: -.875rem; }
	.hero-visual::before { inset: 8% 0; }
	.screen-scene { top: 13%; right: 6%; width: 72%; }
	.hero-visual > img { width: min(90%, 37.5rem); margin-bottom: -7%; }
	.quality-badge { right: 6%; bottom: 17%; }
	.product-grid { grid-template-columns: 1fr; }
	.product-card:last-child { grid-column: auto; }
	.product-image, .product-card:last-child .product-image { height: 18.75rem; }
	.product-card:last-child .product-image img { width: 82%; }
	.bento-grid { display: grid; grid-template-columns: 1fr; gap: .875rem; overflow: visible; margin-right: 0; padding-bottom: 0; }
	.entertainment-grid .bento-card { width: 100%; height: auto; aspect-ratio: 16 / 9; }
	.l2-layout { display: flex; flex-direction: column; }
	.l2-copy { order: 1; }
	.l2-art { order: 2; width: 100%; min-height: 24.375rem; }
	.spec-grid { order: 3; width: 100%; grid-template-columns: 1fr 1fr; }
	.spec-card { height: 100%; }
	.cinema-section { display: flex; flex-direction: column; }
	.cinema-image { height: 24.375rem; min-height: 0; }
	.cinema-image::after { background: linear-gradient(0deg, #06070a, transparent 55%); }
	.cinema-copy { padding: 3.375rem 1rem 4.5rem; }
	.steps-list { grid-template-columns: 1fr; }
	.steps-list li { min-height: 15rem; }
	.comparison-cards { gap: .625rem; }
	.compare-card { padding: 1.125rem .875rem; }
	.compare-card img { width: 85%; }
	.faq-grid { grid-template-columns: 1fr; }
	.final-cta-grid { min-height: 43.75rem; display: block; }
	.final-copy { position: relative; z-index: 2; padding: 4.5rem 0 0; }
	.final-product { height: 24.375rem; }
	.final-product img { right: -10%; bottom: -24%; width: 100%; }
	.final-product span { top: 16%; right: 0; }
}
@media (max-width: 32.5rem) {
	.home-article-grid { grid-template-columns: 1fr; }
	.hero-copy { padding-top: 2.8125rem; }
	.hero-copy h1 { font-size: 12.5vw; }
	.hero-copy .button-row { display: grid; grid-template-columns: 1fr; width: 100%; }
	.hero-copy .button { width: 100%; }
	.trust-list { display: grid; grid-template-columns: 1fr 1fr; justify-content: stretch; gap: 1rem .5rem; }
	.trust-list li:last-child { grid-column: 1 / -1; width: 50%; min-width: 10.625rem; margin: auto; }
	.hero-visual { width: 100%; min-height: 21.875rem; margin-inline: 0; }
	.screen-scene { width: 80%; right: 2%; }
	.hero-visual > img { width: 86%; }
	.quality-badge { font-size: .9rem; }
	.product-card-body { padding-inline: 1.125rem; }
	.card-actions .button { padding-inline: .625rem; }
	.section-title br { display: none; }
	.l2-art { min-height: 20.625rem; }
	.l2-art img { right: -12%; width: 100%; }
	.spec-card { min-height: 5.1rem; padding: .9375rem .75rem; }
	.spec-card strong { font-size: .8rem; }
	.cinema-image { height: 19.375rem; }
	.cinema-features { gap: .75rem; }
	.feature-grid { grid-template-columns: 1fr; }
	.feature-card, .feature-card:nth-child(odd) { padding: 1.125rem 0; border-top: 1px solid var(--cb-border); border-left: 0; }
	.comparison-cards { display: block; }
	.compare-card + .compare-card { margin-top: .75rem; }
	.compare-card img { width: 62%; height: 7.8125rem; }
	.mini-device { margin-block: 1.875rem; }
}