/* PRODIGI QMS BUILD04 — screenshot-first selling pages, non-selling UAT guard maintained */
:root{--b4-teal:#0c947f;--b4-ink:#0a2437}
.product-principles{background:#f3faf7;border-bottom:1px solid #dcefe7}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:30px 0}.principles-grid>div{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-content:start}.principle-icon{grid-row:span 2;display:grid;place-items:center;background:#d8f6e8;color:#118b71;border-radius:10px;height:37px;font-size:12px;font-weight:850}.principles-grid strong{color:#183b4b;font-size:14px;line-height:1.2}.principles-grid p{grid-column:2;color:#5a7481;margin:6px 0 0;font-size:12px;line-height:1.6}
.hero-preview{transform:perspective(1200px) rotateY(-3deg);background:linear-gradient(135deg,#204853,#0c2436)}.preview-image{aspect-ratio:2.24/1;display:flex;align-items:center;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.hero-caption{font-size:11px}.hero h1{max-width:700px}
.real-product-card{box-shadow:0 7px 30px rgba(23,66,76,.04)}.real-product-card .product-thumb{padding:8px;background:#142e40;display:block;position:relative}.real-product-card .product-thumb img{aspect-ratio:2.18/1;object-fit:cover;object-position:top center;border-radius:11px;transition:transform .25s}.real-product-card:hover .product-thumb img{transform:scale(1.025)}.real-product-card .product-thumb:after{content:'';position:absolute;left:8px;right:8px;bottom:8px;height:30%;background:linear-gradient(transparent,#081f3680);border-radius:0 0 10px 10px;pointer-events:none}.real-photo-label{position:absolute;bottom:16px;right:18px;font-size:9px;font-weight:850;letter-spacing:.1em;color:#f3fbff;z-index:1}.real-product-card .product-body{padding:22px 23px 19px}.real-product-card .product-body h3{min-height:0;font-size:20px;margin:11px 0}.real-product-card .product-body>p{min-height:0;font-size:13.5px;color:#405d6b;font-weight:700;margin:0 0 12px}.card-outcome{color:#708492;font-size:12px;line-height:1.65;min-height:3.3em}.card-end{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:20px}.card-detail{white-space:nowrap;color:#097f70;font-size:13px;font-weight:850}.card-detail:hover{text-decoration:underline}.real-product-card .release-label{font-size:10.5px}.real-product-card .product-flag{background:#124f4bbb;color:#e1fff5;border-color:#6cc5a9}
.product-hero-grid{grid-template-columns:.9fr 1.1fr;gap:32px}.product-hero h1{font-size:clamp(2.3rem,3.7vw,3.7rem)}.product-hero p{line-height:1.8}.real-product-image{padding:8px;background:#173b4c}.real-product-image img{aspect-ratio:2.28/1;object-fit:cover;object-position:top center;width:100%}.product-facts [data-checkout-cta]{min-height:29px;font-size:10px;padding:5px 10px;letter-spacing:.01em;border-radius:99px}.product-price{font-size:12px!important;margin:13px 0 0}.benefit-section{background:#eaf3f3}.benefit-header h2{max-width:840px;font-size:clamp(1.9rem,3vw,2.9rem);margin:12px 0 26px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.benefit-card{padding:28px 30px;border-radius:19px;border:1px solid #d8e8eb;background:#fff}.benefit-card.answer{background:linear-gradient(125deg,#0d3a46,#0c745f);border-color:transparent;color:#fff}.benefit-kicker{font-size:10px;letter-spacing:.13em;font-weight:850;color:#118f7d}.benefit-card.answer .benefit-kicker{color:#a4f3d7}.benefit-card h3{margin:12px 0 14px;font-size:23px}.benefit-card p{font-size:14px;line-height:1.85;color:#516f7d;margin:0}.benefit-card.answer p{color:#d6f2e8}
.gallery-section{background:#fff;scroll-margin-top:94px}.gallery-section .section-header h2{font-size:clamp(2rem,3.2vw,3.1rem)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-shot{text-align:left;display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid #d9e7ea;border-radius:17px;overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0;color:inherit}.gallery-shot:hover{transform:translateY(-3px);box-shadow:0 20px 46px #103b491c}.gallery-shot-picture{display:block;padding:10px;background:#102b3c}.gallery-shot img{width:100%;aspect-ratio:2.29/1;object-fit:cover;object-position:top center;border-radius:8px}.gallery-shot-copy{padding:18px 21px 21px;display:grid;gap:4px}.gallery-shot-copy strong{font-size:18px;color:#163849}.gallery-shot-copy small{font-size:12px;color:#6b8291;line-height:1.6}.gallery-zoom{margin-top:8px;color:#098a79;font-size:12px;font-weight:850}
.how-section{background:#f1f7f7}.how-section h2{font-size:clamp(2rem,3.2vw,3rem)}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{background:white;border:1px solid #d7e8e8;border-radius:15px;padding:22px;display:flex;gap:15px;align-items:flex-start}.step-card>span{font-size:24px;font-weight:900;letter-spacing:-.06em;color:#19a58d}.step-card p{font-size:13px;font-weight:650;color:#34515f;margin:2px 0 0;line-height:1.7}.data-note{font-size:12.5px;color:#446b71;padding:17px 20px;background:#e0f3ed;border:1px solid #c5e9dc;border-radius:12px;margin-top:20px}.data-note strong{color:#176759}
.screenshot-dialog{border:0;border-radius:18px;max-width:min(96vw,1480px);width:96vw;max-height:94vh;padding:14px;background:#ecf3f5;box-shadow:0 35px 90px #0008;color:#143345}.screenshot-dialog::backdrop{background:rgba(3,19,28,.82)}.dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:5px 8px 13px}.dialog-head strong{font-size:14px}.dialog-head button{border:1px solid #c4d7dc;border-radius:9px;background:white;padding:7px 11px;font-size:12px}.screenshot-dialog img{width:100%;height:auto;max-height:78vh;object-fit:contain;background:white;border-radius:9px}.screenshot-dialog p{color:#677a85;font-size:11px;text-align:center;margin:8px 0 0}
@media(max-width:900px){.principles-grid{gap:14px}.product-hero-grid{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr}.gallery-section .section-header{display:block}.gallery-section .section-header p{max-width:100%}}
@media(max-width:760px){.principles-grid{grid-template-columns:1fr;padding:22px 0;gap:16px}.real-product-card .product-body{padding:15px}.real-product-card .product-body h3{font-size:17px}.card-end{flex-wrap:wrap;align-items:flex-start}.card-detail{font-size:12px}.gallery-section{scroll-margin-top:75px}.benefit-card{padding:21px}.screenshot-grid{grid-template-columns:1fr}.product-actions{display:grid;grid-template-columns:1fr}.product-actions .btn{width:100%}.hero-preview{transform:none}.gallery-shot-copy{padding:14px}.hero-foot{gap:14px}}
@media(max-width:475px){.real-product-card .product-thumb img{aspect-ratio:2.1/1}.benefit-header h2{font-size:27px}.product-facts [data-checkout-cta]{width:auto}.screenshot-dialog{padding:6px;width:98vw;max-width:98vw}.dialog-head{padding:8px}.dialog-head strong{font-size:12px}}