/* ==========================================================================
   Platform PREVIEW (/platform-preview/, template page-platform-preview.php)
   Figma 379:1465 "Platform" (file OLiQG7hifZbC5eBuGzxqhq).
   ========================================================================== */
html, body.pf-body { overflow-x: clip !important; }
body.pf-body { max-width: none !important; width: 100% !important; margin: 0 !important; }
.pf {
	--ink: #14171c; --ink2: #1c2838; --body: rgba(20,23,28,.7); --line: #e1e3ef; --blue: #1353e9; --g: #58ae6a; --teal: #007867;
	--h1: clamp(36px, 3.3vw, 64px); --h2: clamp(28px, 2.5vw, 48px); --text: clamp(15px, 1.05vw, 20px);
	font-family: 'Plus Jakarta Sans', 'Averta CY', sans-serif; color: var(--ink); display: block; width: 100%; max-width: 100%;
}
.pf *, .pf *::before, .pf *::after { box-sizing: border-box; }
.pf p, .pf h1, .pf h2, .pf h3, .pf ul, .pf ol { margin: 0; padding: 0; list-style: none; }
.pf img { max-width: 100%; height: auto; }
.pf button { font: inherit; color: inherit; }
.pf-wrap { width: min(1540px, calc(100% - 2 * clamp(20px, 6vw, 190px))); margin: 0 auto; }
.pf-sec { padding-top: clamp(48px, 5vw, 96px); }
.pf-sec--cta { padding-top: clamp(48px, 5vw, 96px); }
.pf-sec--cta .cs-cta-wrap { margin-top: 0 !important; padding-top: 0 !important; }
.pf-h1 { font-size: var(--h1); line-height: 1.24; font-weight: 800; letter-spacing: -.5px; color: var(--ink2); }
.pf-h2 { font-size: var(--h2); line-height: 1.3; font-weight: 700; color: var(--ink); letter-spacing: -.3px; }
.pf-text { font-size: var(--text); line-height: 1.6; font-weight: 500; color: var(--ink2); }
.pf-eyebrow { font-size: clamp(16px, 1.25vw, 24px); font-weight: 600; color: var(--blue); line-height: 1.6; }
.pf-eyebrow--g { color: #58ae6a; } .pf-eyebrow--t { color: var(--teal); }
.pf-head { text-align: center; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 1.2vw, 24px); }
.pf-rule { display: block; width: 100px; height: 4px; border-radius: 4px; background: var(--blue); }
.pf-badge { flex: none; width: clamp(40px, 3.3vw, 64px); height: clamp(40px, 3.3vw, 64px); border-radius: 50%; display: grid; place-items: center; }
.pf-badge img { width: 50%; height: 50%; object-fit: contain; }
.pf-badge--sm { width: clamp(30px, 2.3vw, 44px); height: clamp(30px, 2.3vw, 44px); }
.pf-badge--lg { width: clamp(48px, 4.2vw, 80px); height: clamp(48px, 4.2vw, 80px); border-radius: 16px; }
.pf-badge--xl { width: clamp(56px, 4.3vw, 82px); height: clamp(56px, 4.3vw, 82px); }

/* 1. Hero: a Figma-coordinate stage (1920 wide frame, origin just below the nav). */
.pf-hero { padding-top: 0; }
.pf-hero__grid { position: relative; container-type: inline-size; width: min(100%, 1920px); aspect-ratio: 1920 / 830; margin: 0 auto; }
.pf-hero > .pf-wrap:last-child { width: min(100%, 1920px); }
.pf-hero__text { position: absolute; left: calc(173 / 1920 * 100%); top: calc(40 / 830 * 100%); width: calc(565 / 1920 * 100%); z-index: 2; }
.pf-hero .pf-eyebrow { font-size: max(14px, 1.25cqw); }
.pf-hero .pf-h1 { font-size: max(26px, 3.33cqw); margin-top: 1.25cqw; }
.pf-grad { background: linear-gradient(90deg, #1353e9 0%, #3a86c8 45%, #58ae6a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pf-dot { color: #98c355; -webkit-text-fill-color: #98c355; }
.pf-hero .pf-lead { margin-top: 1.67cqw; font-size: max(13px, 1.04cqw); line-height: 1.6; color: var(--ink2); font-weight: 500; max-width: 26.4cqw; }
.pf-hero .pf-lead b { font-weight: 700; color: var(--ink); }
.pf-hero__art { position: absolute; left: calc(402 / 1920 * 100%); top: calc(134 / 830 * 100%); width: calc(1540 / 1920 * 100%); aspect-ratio: 1540 / 650; }
.pf-hero__stage { position: absolute; inset: 0; container-type: inline-size; }
.pf-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: opacity .45s ease; }
.pf-hero__img--after, .pf-hero__after { opacity: 0; }
.pf-hero__after { position: absolute; inset: 0; transition: opacity .45s ease; pointer-events: none; }
[data-state="after"] .pf-hero__img--after, [data-state="after"] .pf-hero__after { opacity: 1; }
[data-state="after"] .pf-hero__img--before { opacity: 0; }
.pf-ln { position: absolute; left: calc(var(--x) / 1540 * 100%); top: calc(var(--y) / 650 * 100%); width: calc(var(--w) / 1540 * 100%); height: calc(var(--h) / 650 * 100%); }
.pf-call { position: absolute; left: calc(var(--x) / 1540 * 100%); top: calc(var(--y) / 650 * 100%); width: calc(334 / 1540 * 100%); display: flex; gap: 1.04cqw; padding: 1.56cqw; background: #fff; border: 2px solid var(--line); border-radius: 2.08cqw; box-shadow: 0 45px 13.5px rgba(0,0,0,.03); }
.pf-call__ic { flex: none; width: 3.64cqw; height: 3.64cqw; border-radius: 50%; display: grid; place-items: center; }
.pf-call__ic img { width: 1.56cqw; }
.pf-call div { flex: 1; display: flex; flex-direction: column; gap: .39cqw; }
.pf-call__t { font-weight: 700; font-size: 1.17cqw; line-height: 1.32; }
.pf-call__s, .pf-call__l { font-weight: 500; font-size: 1.04cqw; line-height: 1.64; color: rgba(20,23,28,.7); }
.pf-call__l { color: var(--ink); }
.pf-call hr { border: 0; border-top: 1px solid var(--line); margin: 0; }
.pf-call__v { font-weight: 800; font-size: 1.75cqw; line-height: 1.3; color: #58ae6a; }
.pf-ba { position: absolute; left: calc(342 / 1540 * 100%); top: calc(544.5 / 650 * 100%); width: calc(752 / 1540 * 100%); display: flex; gap: 4px; padding: 4px; border-radius: 100px; background: #f4f5f9; z-index: 3; }
.pf-ba__btn { flex: 1; display: flex; flex-direction: column; align-items: center; gap: .26cqw; padding: 1.04cqw 2.08cqw; border-radius: 100px; border: 2px solid transparent; background: none; cursor: pointer; opacity: .4; transition: opacity .2s, background .2s; }
.pf-ba__btn.is-on { opacity: 1; background: #fff; box-shadow: 0 4px 8px rgba(21,19,26,.08); }
.pf-ba__btn.is-on[data-pf-state="after"] { border-color: #3649a8; }
.pf-ba__btn:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.pf-ba__top { display: flex; align-items: flex-end; gap: .78cqw; font-weight: 700; font-size: max(13px, 1.56cqw); line-height: 1.2; color: var(--ink); }
.pf-ba__logo { width: 7.86cqw; height: auto; }
.pf-ba__sub { display: flex; align-items: center; gap: .52cqw; font-weight: 700; font-size: max(11px, 1.3cqw); color: var(--ink2); }
.pf-ba__ic { width: 1.56cqw; }
.pf-ba__btn .pf-ba__logo--off, .pf-ba__btn .pf-ba__ic--off { display: none; }
.pf-ba__btn:not(.is-on) .pf-ba__logo--on, .pf-ba__btn:not(.is-on) .pf-ba__ic--on { display: none; }
.pf-ba__btn:not(.is-on) .pf-ba__logo--off, .pf-ba__btn:not(.is-on) .pf-ba__ic--off { display: inline; }
.pf-stats { display: flex; align-items: center; gap: 0; margin: 0 auto !important; width: calc(1633 / 1920 * 100%); padding: 8px !important; border: 1px solid var(--line); border-radius: 24px; background: #fff; box-shadow: 0 30px 40px rgba(0,0,0,.05); container-type: inline-size; }
.pf-stats li { flex: 1; display: flex; align-items: center; gap: 1cqw; padding: .5cqw; border-left: 1px solid var(--line); }
.pf-stats li:first-child { border-left: 0; }
.pf-stats .pf-badge { width: 4cqw; height: 4cqw; }
.pf-stats b { display: block; font-size: max(13px, 1.25cqw); font-weight: 700; color: var(--ink); line-height: 1.4; }
.pf-stats small { display: block; font-size: max(11px, .87cqw); font-weight: 500; color: var(--ink2); }

/* 2. Flow */
/* Detection-to-action steps = Figma component set 10379:61129 (Property 1=1..5); real tabs. */
.pf-vnote { display: flex; gap: 16px; align-items: center; }
.pf-vnote b { display: block; font-size: clamp(15px, 1.05vw, 20px); font-weight: 700; color: var(--ink); }
.pf-vnote small { display: block; font-size: clamp(13px, .95vw, 18px); line-height: 1.5; color: rgba(20,23,28,.7); font-weight: 500; }

/* 3. Views */
.pf-views__grid { display: grid; grid-template-columns: minmax(0, 290fr) minmax(0, 1000fr); gap: clamp(24px, 3.5vw, 64px); margin-top: clamp(20px, 2.5vw, 48px); align-items: start; }
.pf-vtabs { display: flex; flex-direction: column; gap: 6px; }
.pf-vtab { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; padding: 10px 14px; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.05); cursor: pointer; }
.pf-vtab__ic { flex: none; width: 48px; height: 48px; border-radius: 10px; background: var(--cb); display: grid; place-items: center; }
.pf-vtab__ic img { width: 28px; height: 28px; }
.pf-vtab__tx { flex: 1; }
.pf-vtab b { display: block; font-size: clamp(14px, .95vw, 18px); font-weight: 700; color: var(--ink2); }
.pf-vtab small { display: block; font-size: clamp(12px, .73vw, 14px); line-height: 1.45; color: rgba(28,40,56,.8); font-weight: 500; }
.pf-vtab.is-on small { color: var(--c); }
.pf-vtab__chev { width: 18px; flex: none; }
.pf-vtab:focus-visible { outline: 2px solid var(--c); outline-offset: 2px; }
.pf-vpanels { display: flex; flex-direction: column; gap: clamp(12px, 1.5vw, 24px); }
.pf-vpanel { display: grid; grid-template-columns: minmax(0, 36fr) minmax(0, 64fr); gap: clamp(16px, 2vw, 32px); align-items: center; }
.pf-vpanel[hidden] { display: none; }
.pf-vpanel__logo { width: clamp(90px, 7vw, 133px); }
.pf-vpanel h3 { font-size: clamp(28px, 2.5vw, 48px); line-height: 1.3; font-weight: 500; color: var(--ink2); margin-top: clamp(10px, 1.2vw, 24px); }
.pf-vpanel .pf-rule { margin-top: 16px; }
.pf-vpanel p { font-size: clamp(13px, .95vw, 18px); line-height: 1.65; color: var(--ink2); font-weight: 500; margin-top: clamp(12px, 1.5vw, 28px); }
.pf-vpanel__media img { display: block; width: 100%; }
.pf-laptop { position: relative; }
.pf-laptop__screen { position: absolute; left: 10.8%; top: 4.6%; width: 77.2% !important; }
.pf-vpanel--6 { display: block; }
.pf-opps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 24px 0; }
.pf-opps li { position: relative; background: #fff; border-radius: 12px; padding: 14px; box-shadow: 0 2px 12px rgba(0,0,0,.06); }
.pf-opps li > b { display: block; color: #0d1758; font-size: 15px; font-weight: 800; padding-right: 70px; }
.pf-opps li > img { position: absolute; right: 12px; top: 8px; width: 64px; }
.pf-opps__l { display: block; margin-top: 28px; font-size: 11px; font-weight: 600; color: #0d1758; }
.pf-opps__kwh { display: flex; gap: 8px; margin-top: 12px; }
.pf-opps__kwh > span { background: #f5f6fa; border-radius: 6px; padding: 4px 8px; font-size: 12px; color: #0d1758; }
.pf-opps__kwh b { font-size: 15px; } .pf-opps__kwh small { display: block; font-size: 9px; color: var(--blue); }
.pf-opps__foot { display: flex; gap: 28px; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--line); font-size: 10px; font-weight: 700; color: #0d1758; }
.pf-vnote { padding: clamp(12px, 1.2vw, 20px) clamp(14px, 1.4vw, 24px); border-radius: 12px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.05); }

/* 4. Learn */
.pf-learn__top { position: relative; display: grid; grid-template-columns: minmax(0, 512fr) minmax(0, 1028fr); gap: 32px; align-items: center; }
.pf-learn__text { display: flex; flex-direction: column; gap: clamp(10px, 1.3vw, 24px); position: relative; z-index: 1; }
.pf-learn__art { width: 100%; margin-top: -6%; }
.pf-tl { display: flex; align-items: flex-end; justify-content: center; gap: 8px; margin: clamp(8px, 1vw, 16px) auto 0; width: calc(1008 / 1540 * 100%); }
.pf-tl__stage { display: flex; flex-direction: column; align-items: center; gap: 10px; color: var(--c); }
.pf-tl__stage b { font-size: clamp(13px, .95vw, 18px); font-weight: 700; }
.pf-tl__ic { width: clamp(44px, 4vw, 80px); height: clamp(44px, 4vw, 80px); border-radius: 50%; display: grid; place-items: center; }
.pf-tl__ic img { width: 45%; }
.pf-tl__arrow { flex: 1; display: flex; align-items: center; justify-content: center; height: clamp(44px, 4vw, 80px); background: linear-gradient(var(--line), var(--line)) center / 100% 1.5px no-repeat; }
.pf-tl__arrow img { width: clamp(24px, 2vw, 40px); background: #fff; border: 1px solid var(--line); border-radius: 50%; padding: 6px; }
.pf-lrow { display: grid; grid-template-columns: 0.9fr 1fr 1fr 1fr; margin-top: clamp(10px, 1.3vw, 24px); border: 1px solid #c8cce0; border-radius: 24px; overflow: hidden; }
.pf-lrow__h { display: flex; align-items: center; gap: 16px; padding: 16px 20px; font-size: clamp(15px, 1.05vw, 20px); font-weight: 700; }
.pf-lrow__c { padding: clamp(12px, 1.2vw, 20px); }
.pf-lrow__c--0 { background: rgba(0,120,103,.04); } .pf-lrow__c--1 { background: rgba(19,83,233,.04); } .pf-lrow__c--2 { background: rgba(138,56,245,.04); }
.pf-lrow__c b { display: block; font-size: clamp(14px, .95vw, 18px); font-weight: 700; color: var(--teal); }
.pf-lrow__c--1 b { color: var(--blue); } .pf-lrow__c--2 b { color: #8a38f5; }
.pf-lrow__c p { margin-top: 4px; font-size: clamp(13px, .9vw, 17px); line-height: 1.5; color: rgba(20,23,28,.75); font-weight: 500; }
.pf-baseline { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: clamp(14px, 1.7vw, 32px) !important; font-size: clamp(15px, 1.05vw, 20px); font-weight: 700; background: linear-gradient(#58ae6a, #58ae6a) center / 100% 1.5px no-repeat; }
.pf-baseline img { width: clamp(32px, 2.5vw, 48px); background: #fff; }
.pf-baseline { padding: 0 32px; } .pf-baseline::before { content: none; }

/* 5. Detect */
.pf-detect .pf-h2 { margin-top: clamp(8px, 1.4vw, 32px); }
.pf-detect__lead { max-width: 640px; margin-top: clamp(10px, 1.4vw, 32px) !important; }
.pf-detect__steps { display: block; width: 100%; margin-top: clamp(12px, 1.4vw, 32px); }
.pf-detect__row { display: grid; grid-template-columns: minmax(0, 552fr) minmax(0, 976fr); gap: 12px; margin-top: clamp(10px, 1.2vw, 32px); }
.pf-detect__photo { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
.pf-detect__list { display: flex; flex-direction: column; justify-content: center; padding: clamp(14px, 1.5vw, 28px) !important; border: 1px solid var(--line); border-radius: 24px; }
.pf-detect__list li { display: flex; align-items: center; gap: 12px; padding: clamp(8px, .9vw, 16px) 16px; border-bottom: 1px solid var(--line); font-size: clamp(14px, 1vw, 19px); color: rgba(20,23,28,.75); font-weight: 500; }
.pf-detect__list li:last-child { border-bottom: 0; }
.pf-detect__list li b { color: var(--c); font-weight: 600; font-size: 1.1em; }
.pf-detect__list li.is-act { background: #f7f8fa; border-radius: 8px; }
.pf-detect__ok { width: clamp(24px, 1.7vw, 32px); }
.pf-detect__foot { display: flex; align-items: center; gap: 12px; margin-top: clamp(14px, 1.6vw, 32px) !important; font-size: clamp(14px, 1vw, 19px); }
.pf-detect__foot img { width: 32px; }
.pf-detect__foot span { color: rgba(20,23,28,.6); }

/* 6. Era */
.pf-era__grid { display: grid; grid-template-columns: minmax(0, 728fr) minmax(0, 792fr); gap: 64px; align-items: center; }
.pf-era__text { display: flex; flex-direction: column; gap: clamp(12px, 1.4vw, 24px); }
.pf-era__text .pf-h2 { margin-bottom: clamp(4px, 1vw, 16px); }
.pf-era__quote { margin-top: clamp(8px, 1.5vw, 32px) !important; padding: clamp(16px, 1.6vw, 32px) !important; border-left: 3px solid var(--blue); border-radius: 0 24px 24px 0; background: #f2f7ff; font-weight: 700; font-size: clamp(15px, 1.05vw, 20px); line-height: 1.6; }
.pf-era__quote span { display: block; color: var(--blue); }
.pf-era__art { width: 100%; }

/* 7. Tech */
.pf-tech__set, .pf-tech__cols { border: 1px solid #d3d6e3; border-radius: 32px; background: #fff; }
.pf-tech__set { display: flex; align-items: center; gap: 24px; padding: 16px 32px; margin-top: clamp(16px, 2vw, 48px); }
.pf-tech__setx { max-width: 363px; padding-left: 16px; border-left: 1px solid var(--line); }
.pf-tech__setx b { font-size: clamp(16px, 1.25vw, 24px); font-weight: 700; }
.pf-tech__setx p { font-size: clamp(12px, .9vw, 16px); line-height: 1.5; color: rgba(20,23,28,.7); margin-top: 4px; }
.pf-chips { display: flex; gap: 12px; flex-wrap: wrap; }
.pf-chips li { display: flex; align-items: center; gap: 10px; padding: 8px 18px 8px 8px; border: 1px solid var(--line); border-radius: 100px; font-size: clamp(14px, 1.05vw, 20px); font-weight: 600; color: var(--ink); }
.pf-tech__gw { width: clamp(180px, 15vw, 288px); margin-left: auto; }
.pf-tech__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 24px 32px; margin-top: 24px; box-shadow: 0 40px 60px rgba(0,0,0,.05); }
.pf-tech__cols > div + div { border-left: 1px solid var(--line); padding-left: 24px; }
.pf-tech__cols h3 { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: clamp(18px, 1.5vw, 28px); font-weight: 500; margin-bottom: 16px; }

/* Wide laptop fit (1200-1599): every section in one 1366x650 view below the 72px header. */
@media (min-width: 1200px) and (max-width: 1599px) {
	.pf-hero__grid { width: min(100%, 1180px); }
	.pf-hero > .pf-wrap:last-child { width: min(100%, 1180px); }
}

/* Tablet / phone: stacked layout. */
@media (max-width: 991px) {
	.pf-tech__cols > div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 16px; }
	.pf-lrow { grid-template-columns: 1fr; }
	.pf-tech__set { flex-wrap: wrap; }
	.pf-tech__gw { margin: 0 auto; }
}
@media (max-width: 767px) {
	.pf-hero__grid { aspect-ratio: auto; padding: 96px 20px 0; container-type: normal; }
	.pf-hero__text { position: static; width: auto; }
	.pf-hero .pf-h1 { font-size: 34px; margin-top: 8px; }
	.pf-hero .pf-lead { font-size: 16px; margin-top: 16px; max-width: none; }
	.pf-hero .pf-eyebrow { font-size: 18px; }
	.pf-hero__art { position: relative; left: auto; top: auto; width: calc(100% + 40px); margin: 24px -20px 0; }
	.pf-hero__after { display: none; }
	.pf-ba { left: 4%; width: 92%; top: auto; bottom: -12%; }
	.pf-ba__top { font-size: 15px; } .pf-ba__sub { font-size: 12px; } .pf-ba__logo { width: 62px; } .pf-ba__ic { width: 14px; }
	.pf-hero > .pf-wrap:last-child { width: calc(100% - 40px); margin-top: 64px; }
	.pf-stats { flex-direction: column; align-items: stretch; width: 100%; container-type: normal; }
	.pf-stats li { border-left: 0; border-top: 1px solid var(--line); padding: 10px; gap: 12px; }
	.pf-stats li:first-child { border-top: 0; }
	.pf-stats .pf-badge { width: 44px; height: 44px; }
	.pf-stats b { font-size: 16px; } .pf-stats small { font-size: 13px; }
	.pf-opps { grid-template-columns: 1fr; }
	.pf-vtab { min-height: 44px; }
	.pf-tl__stage b { font-size: 11px; }
	.pf-chips li { min-height: 44px; }
	.pf-detect__list li { flex-wrap: wrap; }
	.pf-baseline { flex-direction: column; background: none; text-align: center; }
}

/* --- QA fixes --- */
.pf .pf-hero__img { height: 100%; }
.pf-hero { padding-top: 88px; }
.pf-hero__grid { aspect-ratio: 1920 / 800; }
.pf-hero > .pf-wrap:last-child { margin-top: .5%; }
.pf-stats b { font-size: max(12px, 1.25cqw); white-space: nowrap; }
.pf-views__grid { grid-template-columns: minmax(0, 430fr) minmax(0, 1110fr); }
.pf-vtab { padding: 12px 16px; }
@media (min-width: 1200px) and (max-width: 1599px) {
	.pf-hero__grid, .pf-hero > .pf-wrap:last-child { width: min(100%, 1120px); }
	.pf-sec:not(.pf-hero):not(.pf-sec--cta) { padding-top: 36px; }
	}
@media (min-width: 1200px) and (max-width: 1599px) {
	.pf-era__art { max-height: 500px; width: auto; margin-left: auto; display: block; }
	.pf-learn__art { width: 86%; margin-left: auto; display: block; }
	.pf-detect__steps { width: 86%; margin-left: auto; margin-right: auto; }
	.pf-detect__photo { max-height: 220px; }
}
@media (max-width: 991px) {
	.pf .pf-views__grid { grid-template-columns: minmax(0, 1fr); }
	.pf-vtabs { flex-direction: row; overflow-x: auto; padding-bottom: 6px; }
	.pf-vtab { flex: 0 0 220px; }
}
@media (max-width: 767px) {
	.pf-detect__steps { width: 100%; }
}

/* One-viewport fit (>=992px): platform-preview.js measures each section and sets --fit so it fits
   innerHeight minus the fixed header (1024x520 .. 1920x900). */
@media (min-width: 992px) {
	.pf-sec:not(.pf-hero):not(.pf-sec--cta) > .pf-wrap { zoom: var(--fit, 1); max-width: none; }
	.pf-hero__grid, .pf-hero > .pf-wrap:last-child { width: min(100%, var(--hero-w, 1920px)); }
}
/* Short laptop windows: tighter type and spacing so the zoom stays readable. */
@media (min-width: 992px) and (max-height: 760px) {
	.pf-sec:not(.pf-hero):not(.pf-sec--cta) { padding-top: 28px; }
	.pf-head { gap: 8px; }
	.pf-vtabs { display: grid; grid-template-columns: 1fr; gap: 6px; }
	.pf-vtab { padding: 8px 12px; gap: 10px; }
	.pf-vtab__ic { width: 40px; height: 40px; }
	.pf-vtab__ic img { width: 22px; height: 22px; }
}
/* (section 2 step flow styles live in css/platform-preview-flow.css) */
@media (min-width: 992px) and (max-height: 760px) {
	.pf-vtab:not(.is-on) small { display: none; }
	.pf-views__grid { margin-top: 16px; }
	.pf-vpanel h3 { margin-top: 8px; }
	.pf-vpanel p { margin-top: 10px; }
}
@media (min-width: 992px) and (max-height: 760px) {
	.pf-era__art { max-height: 430px; width: auto; margin-left: auto; display: block; }
	.pf-learn__art { max-height: 300px; width: auto; margin-left: auto; display: block; margin-top: 0; }
	.pf-detect__photo { max-height: 200px; }
	.pf-detect__steps { width: 80%; margin-left: auto; margin-right: auto; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.pf-stats b { white-space: normal; font-size: 13px; }
	.pf-stats small { font-size: 11px; }
	.pf-stats li { gap: 8px; }
}