.pdp-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); gap: 32px; align-items: center; padding: 28px 0; }
.pdp-hero-copy { display: grid; gap: 16px; }
.pdp-hero-copy h1 { margin: 0; max-width: 18ch; }
.pdp-hero-actions, .pdp-final-actions, .service-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.pdp-hero-visual { display: grid; gap: 12px; }
.pdp-panel { border: 1px solid var(--border); border-radius: 14px; background: #fff; padding: 18px; box-shadow: 0 18px 40px rgba(38,67,122,.12); }
.pdp-panel h2, .pdp-panel h3 { margin-top: 0; }
.pdp-hero-panel { display: grid; gap: 12px; }
.pdp-hero-panel[hidden] { display: none; }
.pdp-sample-label { margin: 0; color: var(--muted); font-size: .84rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.pdp-dashboard { display: grid; gap: 10px; }
.pdp-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #e7eefb; }
.pdp-row:last-child { border-bottom: 0; }
.status-chip { border-radius: 999px; padding: 4px 8px; font-size: .78rem; font-weight: 700; background: #eaf1ff; color: #1f56d8; }
.status-chip.gap { background: #fff1e8; color: #9a4d12; }
.status-chip.ready { background: #e6f4ee; color: #106b4a; }
.pdp-section { padding: 46px 0; }
.pdp-section-white { background: #fff; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); }
.pdp-section .section-head { max-width: 760px; }
.pdp-why-grid, .pdp-card-grid, .pdp-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.pdp-transform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pdp-transform-card { position: relative; }
.pdp-transform-num { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: #eaf1ff; color: var(--accent); font-weight: 800; margin-bottom: 12px; }
.pdp-benefits-grid { display: grid; gap: 28px; }
.pdp-benefit { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; align-items: center; margin-top: 24px; }
.pdp-benefit.reverse { grid-template-columns: 1.1fr .9fr; }
.pdp-benefit.reverse .pdp-benefit-art { order: 2; }
.pdp-benefit-art { min-height: 220px; display: grid; align-content: center; gap: 10px; }
.pdp-benefit-text p { color: var(--muted); }
.pdp-benefit-checks { display: grid; gap: 8px; padding-left: 0; list-style: none; }
.pdp-benefit-checks li::before { content: "\2713"; color: var(--success); font-weight: 800; margin-right: 8px; }
.pdp-included { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.pdp-included-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding-left: 0; list-style: none; }
.pdp-included-list li { border: 1px solid var(--border); background: #f7faff; border-radius: 10px; padding: 12px; }
.pdp-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.pdp-thumbnails { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.pdp-tab { border: 1px solid var(--border); background: #fff; color: var(--text); border-radius: 999px; padding: 8px 12px; cursor: pointer; font-weight: 700; }
.pdp-tab[aria-selected="true"], .pdp-tab[aria-pressed="true"], .pdp-tab.is-active { border-color: var(--accent); background: #eaf1ff; color: var(--accent); }
.pdp-tab-panel[hidden] { display: none; }
.pdp-sample-card { display: grid; gap: 12px; }
.pdp-sample-table { display: grid; gap: 8px; }
.pdp-sample-table div { display: grid; grid-template-columns: .9fr .7fr 1.2fr; gap: 10px; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: #f7faff; }
.pdp-sample-table strong { color: var(--text); }
.pdp-report-shell { border: 1px solid var(--border); border-radius: 14px; background: #fff; padding: 18px; box-shadow: 0 18px 40px rgba(38,67,122,.10); }
.pdp-report-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.pdp-report-panel { display: grid; gap: 14px; }
.pep-table { width: 100%; border-collapse: collapse; min-width: 700px; }
.pep-table th, .pep-table td { text-align: left; border-bottom: 1px solid var(--border); padding: 11px 10px; vertical-align: top; }
.pep-table th { color: var(--muted); font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; }
.pdp-record-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pdp-record-card { border: 1px solid var(--border); border-radius: 12px; background: #f7faff; padding: 14px; display: grid; gap: 6px; }
.pdp-record-card strong { color: var(--text); }
.pdp-record-card span { color: var(--muted); font-size: .9rem; }
.pdp-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.pdp-table th, .pdp-table td { text-align: left; border-bottom: 1px solid var(--border); padding: 10px; vertical-align: top; }
.pdp-compare-wrap { border: 1px solid var(--border); border-radius: 14px; background: #fff; padding: 18px; overflow-x: auto; }
.pdp-compare-table { width: 100%; min-width: 820px; border-collapse: collapse; }
.pdp-compare-table th, .pdp-compare-table td { border: 1px solid var(--border); padding: 12px; text-align: center; }
.pdp-compare-table th:first-child, .pdp-compare-table td:first-child { text-align: left; }
.pdp-col-primary { background: #eaf1ff; color: var(--accent); }
.pdp-col-primary-cell { background: #f7faff; }
.pdp-cell-yes { color: #106b4a; font-weight: 800; }
.pdp-cell-partial { color: #9a4d12; font-weight: 800; }
.pdp-cell-no { color: #8a93ae; font-weight: 800; }
.pdp-compare-legend { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 14px; color: var(--muted); font-size: .9rem; }
.pdp-faq-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; align-items: start; }
.pdp-faq-sidebar p { color: var(--muted); }
.pdp-post-card { border: 1px solid var(--border); border-radius: 12px; background: #fff; color: var(--text); display: grid; gap: 12px; padding: 16px; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.pdp-post-card:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(38,67,122,.10); }
.pdp-post-thumb { border-radius: 10px; background: #f7faff; display: grid; place-items: center; min-height: 112px; overflow: hidden; }
.pdp-post-card h3 { margin: 0; }
.pdp-post-card p { margin: 0; color: var(--muted); }
.pdp-final-cta { border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(135deg, #f7faff, #eef8f6); padding: 28px; }
.microtrust { display: flex; gap: 10px; flex-wrap: wrap; color: var(--muted); font-weight: 700; }
@media (max-width: 980px) { .pdp-hero, .pdp-benefit, .pdp-benefit.reverse, .pdp-included, .pdp-faq-layout { grid-template-columns: 1fr; } .pdp-benefit.reverse .pdp-benefit-art { order: 0; } .pdp-why-grid, .pdp-card-grid, .pdp-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .pdp-why-grid, .pdp-card-grid, .pdp-transform-grid, .pdp-related-grid, .pdp-included-list, .pdp-sample-table div, .pdp-record-grid { grid-template-columns: 1fr; } .pdp-panel, .pdp-final-cta, .pdp-report-shell { padding: 16px; } }