/* Compact product presentation, loaded only by Gateway, FlowStation and
   Questionnaire. The original wide-screen DOM and styles remain authoritative. */
@media (max-width:1100px){
 .product-page .product-mobile-active{--pf-line:#a5a3d42c;--pf-muted:#bbc7db;--product-accent:#baaff1;background:#050c17}
 .product-page .product-mobile-active [id]{scroll-margin-top:calc(var(--compact-header) + 18px)}
 .product-page .product-mobile-active .wrap{width:calc(100% - 2 * var(--compact-gutter));max-width:960px}
 .product-page .product-mobile-active h2{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.45}
 .product-page .product-mobile-active p{font-size:1rem;line-height:1.8}
 .product-page .product-mobile-active .pf-section{padding:32px 0;border-color:var(--pf-line)}
 .product-page .product-mobile-active .pf-hero{display:grid;grid-template-columns:minmax(0,1fr);padding:var(--compact-header) 0 0;min-height:0;background:#050c17;overflow:hidden}
 .product-page .product-mobile-active .pf-hero .ambient-layer{display:none}
 .product-page .product-mobile-active .pf-hero .pf-hero-art{grid-area:1/1;align-self:start;position:relative;inset:auto;order:initial;width:100%;max-width:960px;height:auto;aspect-ratio:3/2;margin:0 auto;z-index:0}
 .product-page .product-mobile-active .pf-hero .pf-hero-art::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#050c1700 32%,#050c1720 48%,#050c17cf 80%,#050c17)}
 .product-page .product-mobile-active .pf-hero .pf-hero-art>img{object-fit:contain;object-position:top center}
 .product-page .product-mobile-active .pf-hero .pf-hero-inner{grid-area:1/1;align-self:end;display:block;min-height:0;margin-top:min(48vw,440px);padding-bottom:24px;z-index:1}
 .product-page .product-mobile-active .pf-hero .pf-hero-copy{width:100%;max-width:680px;padding:0}
 .product-page .product-mobile-active .pf-hero .pf-eyebrow{font-size:.8125rem;line-height:1.5;letter-spacing:.06em;color:#d1c5ef;margin:0 0 8px}
 .product-page .product-mobile-active .pf-hero h1{font-size:clamp(1.65rem,6.9vw,2.35rem);line-height:1.35;letter-spacing:-.045em;text-shadow:0 2px 14px #050c17}
 .product-page .product-mobile-active .pf-hero .pf-lead{font-size:.9375rem;line-height:1.75;margin:14px 0 0;color:#c6cedf;max-width:40rem}
 .product-page .pf-gateway.product-mobile-active .pf-hero .pf-hero-inner{margin-top:30vw;padding-bottom:20px}
 .product-page .pf-gateway.product-mobile-active .pf-hero h1{font-size:clamp(1.55rem,6.3vw,2.2rem)}
 .product-page .pf-gateway.product-mobile-active .pf-hero .pf-actions{display:none}
 .product-page .product-mobile-active .pf-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:20px}
 .product-page .product-mobile-active .pf-actions :is(.action,.pf-link){flex:1 1 9rem;width:auto;min-height:46px;font-size:.875rem;padding:12px 10px;justify-content:center;border-radius:8px;white-space:normal;gap:8px}
 .product-page .product-mobile-active .pf-actions .action{color:#151326;background:#e5defb;border:1px solid #cec0fb;box-shadow:none}
 .product-page .product-mobile-active .pf-actions .action-base{gap:8px}
 .product-page .product-mobile-active .pf-actions .pf-link{border-color:#a899d978;color:#e4def4;background:#11152688}
 .product-page .product-mobile-active .product-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:16px 0;border-bottom:1px solid var(--pf-line)}
 .product-page .product-mobile-active .product-mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 3px;border:1px solid #a5a3d438;border-radius:24px;color:#c2c6d8;font-size:.8125rem;line-height:1.4;text-align:center}
 .product-page .product-mobile-active .product-mobile-nav a:first-child{background:#d8cbfa;color:#171326;border-color:#cdbcf2}
 .product-page .product-mobile-active .pf-features{padding:26px 0 32px}
 .product-page .product-mobile-active .product-mobile-heading{font-size:1.375rem;margin:0 0 18px}
 .product-page .product-mobile-active .pf-feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,calc(50% - 6px))),1fr));gap:12px}
 .product-page .product-mobile-active .pf-feature{min-width:0;padding:18px 14px;border:1px solid #a6a0d14f;border-radius:12px;background:linear-gradient(140deg,#24273eaa,#0b1524 78%);box-shadow:inset 0 1px #d5cffc0a}
 .product-page .product-mobile-active .pf-feature>.pf-icon{width:30px;height:30px;padding:0;background:none;border:0;border-radius:0;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-feature h2{font-size:1.0625rem;line-height:1.45;letter-spacing:-.035em;margin:12px 0 8px}
 .product-page .product-mobile-active .pf-feature p{font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere}
 .product-page .product-mobile-active .pf-feature-arrow{right:14px;top:15px;font-size:22px;color:#b8afd7}
 .product-page .product-mobile-active .pf-heading{display:block;margin-bottom:20px}
 .product-page .product-mobile-active .pf-heading p{margin-top:10px;font-size:.9375rem}
 .product-page .product-mobile-active .pf-link{min-height:44px;font-size:.875rem;padding:10px 12px;gap:10px;white-space:normal}
 .product-page .product-mobile-active .pf-heading>.pf-link{border:0;margin-top:10px;padding-left:0}
 .product-page .product-mobile-active .product-mobile-screens{border-top:1px solid var(--pf-line)}
 .product-page .product-mobile-active .pf-gallery{max-width:none;margin:18px 0 0;border:0;overflow:visible;background:transparent}
 .product-page .product-mobile-active .pf-gallery figure{border:1px solid #a8a1db78;border-radius:12px;padding:8px;background:linear-gradient(150deg,#242a43,#0b1422 75%);overflow:hidden}
 .product-page .product-mobile-active .pf-gallery figure>img,.product-page .product-mobile-active .product-mobile-image-open>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#081018;border-radius:6px}
 .product-page .product-mobile-active .pf-gallery figcaption{display:block;padding:14px 8px 8px;font-size:.875rem;line-height:1.7}
 .product-page .product-mobile-active .pf-gallery figcaption .pf-link{display:inline-flex;margin-top:8px;padding:8px 10px;font-size:.8125rem}
 .product-page .product-mobile-active .pf-gallery-heading{font-size:1.125rem;padding:8px 4px 14px}
 .product-page .product-mobile-active .pf-gallery-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;border:0;margin-top:12px}
 .product-page .product-mobile-active .pf-gallery-tabs button{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:0;min-height:44px;padding:7px 7px 12px;border:1px solid #9c99c83d;border-radius:10px;background:#0c1525;color:#c5c9dc;font-size:.875rem;line-height:1.5;white-space:normal;box-shadow:none;text-align:left}
 .product-page .product-mobile-active .pf-gallery-tabs button[aria-selected=true]{border-color:#b3a1e9;background:#24233d;color:#f0ebff;box-shadow:inset 0 0 0 1px #b3a1e944}
 .product-page .product-mobile-active .product-mobile-tab-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#081018;border-radius:5px}
 .product-page .product-mobile-active .product-mobile-image-open{display:block;position:relative;cursor:zoom-in;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#081018;color:var(--product-accent)}
 .product-page .product-mobile-active .product-mobile-image-label{position:absolute;right:8px;bottom:8px;border:1px solid #b8b0de66;border-radius:18px;background:#090e1ee8;color:#e8e5f8;font-size:.75rem;padding:6px 10px;line-height:1.5}
 .product-page :is(.pf-gateway,.pf-flowstation).product-mobile-active .product-mobile-image-label{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;background:#090e1edb}
 .product-page :is(.pf-gateway,.pf-flowstation).product-mobile-active .product-mobile-image-label svg{display:block;width:17px;height:17px}
 .product-page .product-mobile-active .product-mobile-image-inline{position:absolute;right:12px;bottom:12px;width:auto;min-height:44px;padding:10px 14px;border:1px solid #b8b0de66;border-radius:24px;background:#090e1ee8;color:#e8e5f8;font:inherit;font-size:.8125rem;z-index:5}
 .product-page .product-mobile-active .pf-connection-layout{gap:22px}
 .product-page .product-mobile-active .pf-connection-copy>p:not(.pf-eyebrow){margin-top:14px}
 .product-page .product-mobile-active .pf-connection-copy>.pf-link{margin-top:16px}
 .product-page .product-mobile-active .pf-connection-copy .pf-signature{font-size:1rem}
 .product-page .product-mobile-active .pf-scene-labels{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;font-size:.8125rem}
 .product-page .product-mobile-active .pf-scene-labels span{padding:7px 3px;border-color:var(--pf-line);background:#101a2b;backdrop-filter:none}
 .product-page .product-mobile-active .pf-scene-labels small{font-size:.75rem}
 .product-page .product-mobile-active .pf-connection-flow{margin-top:20px;overflow:auto}
 .product-page .product-mobile-active .pf-connection-flow ol{grid-template-columns:repeat(5,minmax(100px,1fr));gap:12px;padding:16px 0}
 .product-page .product-mobile-active .pf-connection-flow li{display:block;font-size:.875rem;padding:0}
 .product-page .product-mobile-active .pf-connection-flow li span{display:block;font-size:.75rem;margin:0 0 6px;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-image-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,calc(50% - 6px))),1fr));gap:12px}
 .product-page .product-mobile-active .pf-image-card{border:1px solid #a6a0d144;border-radius:12px;background:linear-gradient(140deg,#1c2439aa,#0b1524)}
 .product-page .product-mobile-active .pf-card-media{aspect-ratio:3/2}
 .product-page .product-mobile-active .pf-card-media>img{object-fit:contain}
 .product-page .product-mobile-active .pf-card-copy{padding:16px 13px}
 .product-page .product-mobile-active .pf-card-copy>.pf-icon{width:26px;height:26px;margin-bottom:10px;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-card-copy h3{font-size:1.0625rem;line-height:1.5;margin-bottom:8px}
 .product-page .product-mobile-active .pf-card-copy p{font-size:.9375rem;line-height:1.75;overflow-wrap:anywhere}
 .product-page .product-mobile-active .pf-card-copy .pf-link{border:0;padding:10px 0;justify-content:flex-start;text-align:left;font-size:.8125rem}
 .product-page .product-mobile-active .product-mobile-primary-screen{grid-column:1/-1}
 .product-page .product-mobile-active .product-mobile-primary-screen .pf-card-media{aspect-ratio:4/3;max-height:480px}
 .product-page .product-mobile-active .product-mobile-primary-screen .pf-card-copy{padding:20px}
 .product-page .product-mobile-active .pf-value-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(9rem,calc(50% - 6px))),1fr));gap:12px}
 .product-page .product-mobile-active .pf-value-grid article{display:block;border:0;border-top:1px solid #a5a3d438;padding:18px 4px 4px}
 .product-page .product-mobile-active .pf-value-grid .pf-icon{width:28px;height:28px;padding:0;border:0;border-radius:0;background:none;margin-bottom:12px;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-value-grid h3{font-size:1rem;color:#e3dcf3;line-height:1.5}
 .product-page .product-mobile-active .pf-value-grid p{font-size:.875rem;line-height:1.7}
 .product-page .product-mobile-active .pf-note,.product-page .product-mobile-active .pf-media-note{font-size:.8125rem;line-height:1.75}
 .product-page .product-mobile-active .pf-closing{padding:30px 0 36px;text-align:left}
 .product-page .product-mobile-active .pf-closing .pf-eyebrow{font-size:.75rem;margin-bottom:12px}
 .product-page .product-mobile-active .pf-closing h2{font-size:1.4rem}
 .product-page .product-mobile-active .pf-closing p:not(.pf-eyebrow){font-size:.9375rem;margin-top:12px}
 .product-page .product-mobile-active .product-switcher{padding:18px 0;gap:4px 12px}
 .product-page .product-mobile-active .product-switcher a{font-size:.8125rem;min-height:44px;display:flex;align-items:center}
 .product-page .product-mobile-active .pf-flow-timeline{display:flex;gap:12px;margin-top:20px;overflow-x:auto;padding:0 0 12px;scroll-snap-type:x proximity}
 .product-page .product-mobile-active .pf-flow-timeline>li{display:block;flex:0 0 122px;padding:14px 10px;border:1px solid var(--pf-line);border-radius:10px;background:#101928;scroll-snap-align:start}
 .product-page .product-mobile-active .pf-flow-timeline>li::after{display:none}
 .product-page .product-mobile-active .pf-flow-timeline>li>div{margin-top:10px}
 .product-page .product-mobile-active .pf-flow-timeline .pf-icon{width:28px;height:28px;padding:0;border:0;background:none;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-flow-timeline h3{font-size:.9375rem;margin:5px 0}
 .product-page .product-mobile-active .pf-flow-timeline p{font-size:.8125rem;line-height:1.6}
 .product-page .product-mobile-active .pf-flow-timeline li>div>span{font-size:.75rem;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-flow-workspace{gap:22px}
 .product-page .product-mobile-active #operations .pf-staff-visual>.pf-flow-device{aspect-ratio:4/3}
 .product-page .product-mobile-active .pf-flow-copy>p{font-size:.9375rem;line-height:1.8}
 .product-page .product-mobile-active .pf-flow-guide{padding:16px 14px;border-color:#a6a0d144;border-radius:12px;background:linear-gradient(140deg,#1c2439aa,#0b1524)}
 .product-page .product-mobile-active .pf-flow-guide-head{gap:10px}
 .product-page .product-mobile-active .pf-flow-guide-head>.pf-icon{width:30px;height:30px;padding:0;border:0;background:none;color:var(--product-accent)}
 .product-page .product-mobile-active .pf-flow-status{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:16px 8px;padding:18px 0;margin:0 0 14px}
 .product-page .product-mobile-active .pf-flow-status>li{display:flex;grid-column:span 2;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0}
 .product-page .product-mobile-active .pf-flow-status>li:nth-child(n+4){grid-column:span 3}
 .product-page .product-mobile-active .pf-flow-status>li::after,.product-page .product-mobile-active .pf-flow-status::before{display:none}
 .product-page .product-mobile-active .pf-flow-status>li>i{display:grid;place-items:center;order:-1;align-self:center;width:28px;height:28px;margin:0 0 4px;padding:0;font-size:16px;line-height:1;flex:none;box-shadow:none}
 .product-page .product-mobile-active .pf-flow-status strong{font-size:.875rem;line-height:1.5;word-break:keep-all}
 .product-page .product-mobile-active .pf-flow-status span{font-size:.8125rem;line-height:1.5;margin:0;word-break:keep-all}
 .product-page .product-mobile-active .pf-flow-status .pf-flow-status-current i{box-shadow:0 0 0 4px #a895ec1c}
 .product-page .product-mobile-active .pf-flow-status .pf-flow-status-next i{background:transparent;border-color:#70809c}
 .product-page .product-mobile-active .pf-flow-guide-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .product-page .product-mobile-active .pf-flow-guide-facts>div{display:block;padding:12px 8px;min-width:0;text-align:left}
 .product-page .product-mobile-active .pf-flow-guide-facts dt{font-size:.8125rem;line-height:1.5;margin:0;word-break:keep-all}
 .product-page .product-mobile-active .pf-flow-guide-facts dd{font-size:.875rem;line-height:1.6;margin:7px 0 0;word-break:keep-all;overflow-wrap:anywhere}
 .product-page .product-mobile-active .pf-flow-guide .pf-flow-guide-note{font-size:.75rem;line-height:1.7}
 .product-mobile-image-dialog{position:fixed;inset:0;width:min(96vw,1200px);max-width:96vw;max-height:calc(100dvh - 24px);margin:auto;padding:54px 12px 14px;border:1px solid #aea0da80;border-radius:12px;background:#080f1c;color:#eeeafa;overflow:auto}
 .product-mobile-image-dialog::backdrop{background:#020610ed}
 .product-mobile-image-close{position:absolute;right:10px;top:8px;min-width:70px;min-height:44px;border:1px solid #afa2d477;border-radius:8px;color:#eeeafa;background:#1a1c30;font:inherit;font-size:.9375rem;cursor:pointer}
 .product-mobile-image-dialog-compact .product-mobile-image-close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;background:transparent}
 .product-mobile-image-dialog-compact .product-mobile-image-close::before{content:'';position:absolute;inset:7px;border:1px solid #afa2d477;border-radius:50%;background:#1a1c30}
 .product-mobile-image-dialog-compact .product-mobile-image-close svg{position:relative;display:block;width:17px;height:17px}
 .product-mobile-image-full{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain}
 .product-mobile-image-caption{font-size:.875rem;line-height:1.6;margin:12px 4px 0;color:#c1c8db}
}
@media (min-width:768px) and (max-width:1100px){
 .product-page .product-mobile-active .pf-hero .pf-hero-inner{margin-top:min(54vw,500px);padding-bottom:30px}
 .product-page .product-mobile-active .pf-hero .pf-hero-art{aspect-ratio:3/2}
 .product-page .product-mobile-active .pf-hero h1{font-size:2.25rem}
 .product-page .product-mobile-active .pf-hero .pf-actions{max-width:540px}
 .product-page .pf-gateway.product-mobile-active .pf-hero .pf-hero-inner{margin-top:34vw;padding-bottom:26px}
 .product-page .pf-gateway.product-mobile-active .pf-hero h1{font-size:2.25rem}
 .product-page .product-mobile-active .pf-feature{padding:22px}
 .product-page .product-mobile-active .pf-gallery{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
 .product-page .product-mobile-active .pf-gallery-tabs{grid-column:2;grid-row:1;margin:0;gap:10px}
 .product-page .product-mobile-active .pf-gallery figure{grid-column:1;grid-row:1}
 .product-page .product-mobile-active .product-mobile-primary-screen{display:grid;grid-template-columns:1fr 1fr;align-items:center}
 .product-page .product-mobile-active .product-mobile-primary-screen .pf-card-media{max-height:none}
 .product-page .product-mobile-active .pf-flow-timeline>li{flex:1 0 122px}
 .product-page .product-mobile-active .pf-flow-status{grid-template-columns:repeat(5,minmax(0,1fr))}
 .product-page .product-mobile-active .pf-flow-status>li,.product-page .product-mobile-active .pf-flow-status>li:nth-child(n+4){grid-column:auto}
}
