/* H12.11 visual integration layer. Visuals remain swappable without changing content structure. */
.dp-h12-visual{position:relative;overflow:hidden;border-radius:28px;background:#0b100c;min-height:420px;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.18)}
.dp-h12-visual img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.dp-h12-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.35));pointer-events:none}
.dp-h12-caption{position:absolute;z-index:2;left:22px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(8,12,9,.72);backdrop-filter:blur(10px);color:rgba(255,255,255,.78);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.dp-h12-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.dp-h12-card{overflow:hidden;border:1px solid var(--dp-line);border-radius:22px;background:#fff}
.dp-h12-card-media{aspect-ratio:16/10;background:#111812;overflow:hidden}.dp-h12-card-media img{width:100%;height:100%;object-fit:cover}.dp-h12-card-body{padding:22px}.dp-h12-card-body h3{margin:0 0 8px;font-size:1.25rem}.dp-h12-card-body p{margin:0;color:var(--dp-ink-soft);line-height:1.65}
.dp-premium-page .dp-visual-stage.dp-h12-stage{padding:0;overflow:hidden}.dp-premium-page .dp-visual-stage.dp-h12-stage img{width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
@media(max-width:900px){.dp-h12-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dp-h12-card-grid{grid-template-columns:1fr}.dp-h12-visual,.dp-h12-visual img{min-height:300px}}
/* H12.11 product-page integration */
.dp-product-hero{padding-top:150px}
.dp-product-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:570px}
.dp-product-card{width:min(100%,390px);padding:18px;border-radius:34px;background:linear-gradient(145deg,#ffffff,#e7e9e3);border:1px solid rgba(255,255,255,.65);box-shadow:0 35px 90px rgba(0,0,0,.3);transform:rotate(1deg)}
.dp-product-card img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;border-radius:24px}
.dp-product-badge{position:absolute;right:2%;bottom:7%;padding:10px 13px;border-radius:999px;background:#101711;color:#fff;font-size:10px;font-weight:800;letter-spacing:.18em}
.dp-h12-product-gateway{padding:110px 0;background:#f0f2ed}
.dp-h12-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dp-h12-product-card{display:block;overflow:hidden;border:1px solid #dfe5dc;border-radius:26px;background:#fff;color:#101711;text-decoration:none;box-shadow:0 16px 45px rgba(16,23,17,.06);transition:transform .25s ease,box-shadow .25s ease}
.dp-h12-product-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(16,23,17,.12)}
.dp-h12-product-media{height:300px;background:#101711;display:grid;place-items:center;overflow:hidden}
.dp-h12-product-media img{height:100%;width:100%;object-fit:cover}
.dp-h12-product-body{position:relative;padding:22px 48px 24px 22px}.dp-h12-product-body span{display:block;font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.dp-h12-product-body p{margin:7px 0 0;color:#344139;line-height:1.55}.dp-h12-product-body b{position:absolute;right:20px;top:22px;color:#f85c08;font-size:1.5rem}
.dp-tool-item-link{display:grid;grid-template-columns:auto 1fr;gap:18px;color:inherit;text-decoration:none}
@media(max-width:900px){.dp-product-hero{padding-top:125px}.dp-product-visual{min-height:470px}.dp-h12-product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.dp-product-visual{min-height:390px}.dp-product-card{width:min(100%,330px);padding:12px}.dp-product-badge{right:3%;bottom:4%}.dp-h12-product-grid{grid-template-columns:1fr}.dp-h12-product-media{height:340px}}