.dpp-page{min-height:100vh;font-family:var(--font-n27),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf9f6}.dpp-container{max-width:640px;margin:0 auto;padding:20px 16px 40px}.dpp-card{background:#fff;border:1px solid #0000000f;border-radius:20px;margin-bottom:16px;padding:28px 24px;transition:box-shadow .25s,transform .25s;box-shadow:0 1px 2px #00000008,0 4px 16px #00000008}.dpp-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000a,0 12px 32px #00000012}.dpp-section-title{letter-spacing:-.01em;color:#111827;margin:0 0 20px;font-size:18px;font-weight:700}.dpp-header{justify-content:space-between;align-items:center;padding:16px 4px 20px;display:flex}.dpp-header-brand{align-items:center;gap:8px;display:flex}.dpp-brand-logo{object-fit:contain;width:auto;height:24px}.dpp-brand-logo--sm{height:24px}.dpp-brand-logo--md{height:36px}.dpp-brand-logo--lg{height:48px}.dpp-brand-name-text{color:#111827;letter-spacing:-.01em;font-size:20px;font-weight:700}.dpp-powered-by-img{object-fit:contain;opacity:.85;width:auto;height:16px}.dpp-hero{text-align:center;padding:0 0 12px}.dpp-product-image-wrap{perspective:800px;justify-content:center;margin-bottom:24px;animation:1.4s cubic-bezier(.22,1,.36,1) .2s both dpp-wobble-in;display:flex}.dpp-product-image{object-fit:cover;transform-origin:50%;background:#f3f4f6;border-radius:20px;width:280px;max-width:75%;height:auto;transition:transform .12s ease-out,box-shadow .2s;box-shadow:0 4px 6px #0000000a,0 10px 24px #0000000f}@keyframes dpp-wobble-in{0%{opacity:0;transform:perspective(800px)rotateY(-30deg)scale(.92)}25%{opacity:1;transform:perspective(800px)rotateY(14deg)scale(1)}50%{opacity:1;transform:perspective(800px)rotateY(-7deg)scale(1)}75%{opacity:1;transform:perspective(800px)rotateY(3deg)scale(1)}to{opacity:1;transform:perspective(800px)rotateY(0)scale(1)}}.dpp-product-image-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:20px;justify-content:center;align-items:center;width:280px;max-width:75%;height:320px;margin:0 auto 24px;font-size:14px;display:flex}.dpp-product-name{text-transform:uppercase;letter-spacing:.02em;color:#111827;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.15}.dpp-product-sku{color:#9ca3af;letter-spacing:.04em;margin:0 0 4px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px}.dpp-product-mass{color:#9ca3af;margin:0;font-size:13px}.dpp-headline-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}@media (max-width:360px){.dpp-headline-metrics{grid-template-columns:1fr}}.dpp-kpi-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.dpp-kpi-card{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:4px;padding:18px 20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000008,0 4px 16px #00000008}.dpp-kpi-card:hover{box-shadow:0 2px 4px #0000000a,0 8px 24px #0000000f}.dpp-kpi-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.dpp-kpi-value{color:#111827;letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.15}.dpp-kpi-unit{color:#9ca3af;font-size:13px;font-weight:500}.dpp-kpi-badge{border-radius:8px;width:fit-content;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.dpp-kpi-badge[data-positive=true]{color:#166534;background-color:#dcfce7}.dpp-kpi-badge[data-positive=false]{color:#991b1b;background-color:#fee2e2}.materials-chart-container{flex-direction:column;align-items:center;gap:24px;display:flex}.materials-donut{margin:0 auto;display:block}.materials-legend{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.materials-legend-item{align-items:center;gap:8px;font-size:13px;transition:opacity .15s;display:flex}.materials-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.materials-legend-label{color:#374151;font-weight:500}.materials-legend-pct{color:#9ca3af;font-variant-numeric:tabular-nums;font-weight:500}.dpp-qr-section{text-align:center}.dpp-qr-container{flex-direction:column;align-items:center;gap:12px;display:flex}.dpp-qr-image{border-radius:16px;width:180px;height:180px;box-shadow:0 2px 8px #0000000f}.dpp-qr-hint{color:#9ca3af;letter-spacing:.01em;margin:0;font-size:13px}.care-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:400px){.care-grid{grid-template-columns:repeat(2,1fr)}}.care-item-card{text-align:center;background:#fafafa;border:1px solid #0000000f;border-radius:14px;padding:16px;transition:box-shadow .2s,transform .2s}.care-item-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.care-item-icon-wrap{margin-bottom:10px}.care-item-icon{font-size:26px}.care-item-title{letter-spacing:-.01em;margin:0 0 4px;font-size:14px;font-weight:600}.care-item-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.dpp-footer{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 0 40px;display:flex}.dpp-footer-link{color:#9ca3af;letter-spacing:.01em;font-size:13px;text-decoration:none;transition:color .2s}.dpp-footer-link:hover{color:#111827}.dpp-footer-copyright{color:#d1d5db;margin:0;font-size:11px}.dpp-divider{background:#e5e7eb;border-radius:2px;width:40px;height:3px;margin:8px auto 20px}