.pf-product-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,6vw,88px);padding-block:64px;border-top:1px solid #dce2d7}
.pf-product-image{margin:0;display:flex;align-items:center;justify-content:center;min-width:0;background:#f5f6f2;border-radius:24px;overflow:hidden;padding:24px}
.pf-product-image img{display:block;width:100%;height:420px;object-fit:contain}
.pf-product-copy{min-width:0}.pf-product-copy h3{font-size:clamp(30px,3vw,46px);margin:0 0 24px;color:#171b17}
.pf-product-tabs{display:flex;gap:28px;border-bottom:1px solid #dce2d7;margin-bottom:28px}
.pf-product-tabs button{padding:12px 0;border:0;border-bottom:3px solid transparent;background:none;font:600 16px/1.5 Inter,sans-serif;color:#646b60;cursor:pointer}
.pf-product-tabs button[aria-selected="true"]{color:var(--logo-green);border-bottom-color:var(--logo-green)}
.pf-product-tabs button:focus-visible{outline:3px solid var(--logo-green);outline-offset:4px}
.pf-product-copy p{font-size:18px;line-height:1.75;color:#535a53;margin:0 0 20px}
.pf-product-copy [hidden]{display:none!important}.pf-product-copy dl{margin:0}.pf-product-copy dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:14px 0;border-bottom:1px solid #e2e6dd;font-size:16px;line-height:1.55}.pf-product-copy dt{font-weight:600;color:#263126}.pf-product-copy dd{margin:0;color:#535a53}
@media(max-width:800px){.pf-product-row{grid-template-columns:1fr;gap:28px;padding-block:40px}.pf-product-image img{height:320px}.pf-product-tabs{gap:22px}.pf-product-tabs button{font-size:15px}}

/* Separate the hero from the first technology detail divider. */
.pf-tech-intro + .pf-product-row{margin-top:clamp(48px,5vw,80px)}
.pf-data-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--logo-green)}
.pf-data-overview{margin-top:clamp(48px,5vw,80px);padding-block:clamp(40px,5vw,72px);border-top:1px solid #dce2d7}
.pf-data-overview h3{font-size:clamp(30px,3vw,46px);line-height:1.2;color:#171b17;margin:20px 0 28px;max-width:900px}
.pf-data-overview-copy{max-width:960px}
.pf-data-overview-copy p{font-size:clamp(18px,1.4vw,21px);line-height:1.75;color:#535a53;margin:0 0 22px}
/* Both panels size the shared grid; only the active panel is visible and interactive. */
.pf-product-panel-stack{display:grid}
.pf-product-panel-stack>[role="tabpanel"]{grid-area:1 / 1;min-width:0;align-self:start}
.pf-product-copy .pf-product-panel-stack>[role="tabpanel"][hidden]{display:block!important;visibility:hidden;pointer-events:none}

.pf-data-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6%}
.pf-data-overview-image{margin:0;aspect-ratio:16/9;background:#f4f4f3;border-radius:18px;overflow:hidden}
.pf-data-overview-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:800px){.pf-data-overview{grid-template-columns:1fr;gap:28px}}

/* Keep feature lists compact and independently scrollable. */
.pf-feature-preview{max-height:240px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--logo-green) #e8ece3;padding-right:12px}
.pf-feature-preview:focus-visible{outline:2px solid var(--logo-green);outline-offset:4px}

.pf-data-animation{width:100%;height:100%;background:#fff}
.pf-data-animation svg{display:block;width:100%;height:100%}