.pdp-hiw-grid{background:#0a0a0c;padding:80px 0;position:relative}.pdp-hiw-grid__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.pdp-hiw-grid__header{text-align:center;margin-bottom:3.5rem}.pdp-hiw-grid__eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#ccf832;margin-bottom:1rem;padding:.4rem 1rem;background:#ccf8321a;border-radius:20px}.pdp-hiw-grid__heading{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;margin:0;line-height:1.15;letter-spacing:-.02em}.pdp-hiw-grid__heading-accent{color:#ccf832}.pdp-hiw-grid__subheading{font-size:1.15rem;color:#888;margin:1.25rem auto 0;line-height:1.6;max-width:600px}.pdp-hiw-grid__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.pdp-hiw-grid__step{background:#111116;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.pdp-hiw-grid__step:hover{transform:translateY(-4px);border-color:#ccf83226;box-shadow:0 20px 40px -15px #00000080}.pdp-hiw-grid__step-media{aspect-ratio:16/10;background:#0d0d10;display:flex;align-items:center;justify-content:center;overflow:hidden}.pdp-hiw-grid__step-image,.pdp-hiw-grid__step-video{width:100%;height:100%;object-fit:cover}.pdp-hiw-grid__step-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#333}.pdp-hiw-grid__step-placeholder svg{opacity:.4}.pdp-hiw-grid__step-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.pdp-hiw-grid__step-title{font-size:1.35rem;font-weight:800;color:#fff;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.01em}.pdp-hiw-grid__step-number{color:#ccf832;margin-right:.1em}.pdp-hiw-grid__step-desc{font-size:.95rem;color:#888;margin:0;line-height:1.6}.pdp-hiw-grid__callouts{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.pdp-hiw-grid__callout{font-size:.85rem;color:#666;line-height:1.5;padding-left:1.25rem;position:relative}.pdp-hiw-grid__callout:before{content:"";position:absolute;left:0;top:.45em;width:5px;height:5px;background:#ccf832;border-radius:50%}.pdp-hiw-grid__daw-logos{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.pdp-hiw-grid__daw-logo{height:24px;width:auto;opacity:.5;filter:grayscale(100%) brightness(1.5);transition:all .3s ease}.pdp-hiw-grid__step:hover .pdp-hiw-grid__daw-logo{opacity:.7}.pdp-hiw-grid__daw-logo:hover{opacity:1;filter:grayscale(0%) brightness(1)}@media (max-width: 900px){.pdp-hiw-grid{padding:60px 0}.pdp-hiw-grid__steps{gap:1.5rem}.pdp-hiw-grid__step-content{padding:1.25rem}}@media (max-width: 700px){.pdp-hiw-grid__steps{grid-template-columns:1fr;gap:1.25rem}.pdp-hiw-grid__header{margin-bottom:2.5rem}.pdp-hiw-grid__step-media{aspect-ratio:16/9}}@media (max-width: 480px){.pdp-hiw-grid__step-title{font-size:1.2rem}.pdp-hiw-grid__step-desc{font-size:.9rem}.pdp-hiw-grid__step-content{padding:1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pdp-midi-how-it-works-grid.css.map */