/* 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}}
/* H12.13 About page visual system */
.dp-page-about{--dp-about-ink:#0a0e0b;--dp-about-cream:#f7f5ef}
.dp-about-hero{position:relative;min-height:min(860px,92vh);display:flex;align-items:flex-end;overflow:hidden;background:#080c09;color:#fff}
.dp-about-hero-media{position:absolute;inset:0}
.dp-about-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.dp-about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,6,.92) 0%,rgba(5,8,6,.68) 38%,rgba(5,8,6,.12) 72%),linear-gradient(0deg,rgba(5,8,6,.68),transparent 48%)}
.dp-about-hero-content{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:90px}
.dp-about-hero .dp-premium-title{max-width:780px;font-size:clamp(3.5rem,7vw,7.2rem)}
.dp-about-hero .dp-premium-lead{max-width:690px}
.dp-about-statement{background:var(--dp-about-cream)}
.dp-about-media,.dp-about-feature-media{position:relative;overflow:hidden;border-radius:28px;background:#e6e8e1;border:1px solid rgba(16,23,17,.08);box-shadow:0 24px 70px rgba(16,23,17,.08)}
.dp-about-media{min-height:430px}.dp-about-media img{width:100%;height:100%;min-height:430px;display:block;object-fit:cover}
.dp-about-feature-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}.dp-about-feature-grid.reverse{grid-template-columns:1.1fr 1fr}.dp-about-feature-grid.reverse .dp-about-feature-media{order:1}.dp-about-feature-grid.reverse .dp-about-feature-copy{order:2}
.dp-about-feature-copy h2{margin:0;font-family:var(--dp-font-display);font-size:clamp(2.5rem,5vw,5.2rem);line-height:.98;letter-spacing:-.06em;font-weight:600}.dp-about-feature-copy>p:not(.dp-premium-kicker){max-width:680px;color:var(--dp-ink-soft);line-height:1.75}.dark .dp-about-feature-copy>p:not(.dp-premium-kicker){color:rgba(255,255,255,.68)}
.dp-about-feature-media{min-height:520px}.dp-about-feature-media img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover}.dp-about-feature-media.dark{background:#111812;border-color:rgba(255,255,255,.1)}
.dp-about-points{display:grid;gap:0;margin-top:34px;border-top:1px solid var(--dp-line)}.dp-about-points>div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--dp-line)}.dp-about-points b{color:var(--dp-orange-bright);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.dp-about-points span{color:var(--dp-ink-soft);line-height:1.55}.dark .dp-about-points{border-color:rgba(255,255,255,.14)}.dark .dp-about-points>div{border-color:rgba(255,255,255,.14)}.dark .dp-about-points span{color:rgba(255,255,255,.68)}
.dp-about-mission-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px}.dp-about-mission-list span{padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.82);font-size:.86rem}
.dp-about-model{position:relative}.dp-about-model:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(248,92,8,.12),transparent 30%);pointer-events:none}
@media(max-width:900px){.dp-about-hero{min-height:720px}.dp-about-hero-content{padding-top:125px;padding-bottom:62px}.dp-about-feature-grid,.dp-about-feature-grid.reverse{grid-template-columns:1fr;gap:38px}.dp-about-feature-grid.reverse .dp-about-feature-media,.dp-about-feature-grid.reverse .dp-about-feature-copy{order:initial}.dp-about-feature-media,.dp-about-feature-media img{min-height:390px}.dp-about-media,.dp-about-media img{min-height:360px}}
@media(max-width:560px){.dp-about-hero{min-height:680px}.dp-about-hero-media img{object-position:58% center}.dp-about-hero-overlay{background:linear-gradient(0deg,rgba(5,8,6,.94) 0%,rgba(5,8,6,.55) 56%,rgba(5,8,6,.1) 100%)}.dp-about-hero-content{padding-top:110px;padding-bottom:48px}.dp-about-hero .dp-premium-title{font-size:clamp(3rem,14vw,4.4rem)}.dp-about-feature-media,.dp-about-feature-media img{min-height:300px}.dp-about-points>div{grid-template-columns:1fr;gap:6px}.dp-about-mission-list{grid-template-columns:1fr}.dp-about-media,.dp-about-media img{min-height:280px}}