.marketing-site .mk-detail-hero{position:relative;overflow:hidden;padding:clamp(72px,9vw,128px) 0;background:radial-gradient(circle at 84% 16%,rgba(255,212,59,.45),transparent 26%),radial-gradient(circle at 12% 72%,rgba(110,216,192,.24),transparent 25%),linear-gradient(135deg,#f7fbff,#e8f5ff 55%,#fff9da)}
.marketing-site .mk-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(36px,6vw,80px);align-items:center}
.marketing-site .mk-detail-hero h1{font-size:clamp(2.6rem,5.4vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:0;max-width:12ch}
.marketing-site .mk-detail-hero p{font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.75;color:var(--cx-muted);max-width:58ch;margin:24px 0 0}
.marketing-site .mk-detail-media{margin:0;transform:rotate(1.2deg);border:10px solid rgba(255,255,255,.82);border-radius:30px;overflow:hidden;box-shadow:var(--cx-shadow);background:#fff}
.marketing-site .mk-detail-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}
.marketing-site .mk-detail[data-tone=coral] .mk-detail-hero{background:radial-gradient(circle at 84% 16%,rgba(255,139,120,.38),transparent 28%),linear-gradient(135deg,#fff9f7,#edf8ff)}
.marketing-site .mk-detail[data-tone=violet] .mk-detail-hero{background:radial-gradient(circle at 84% 16%,rgba(141,124,246,.3),transparent 28%),linear-gradient(135deg,#f9f7ff,#ecf7ff)}
.marketing-site .mk-detail[data-tone=mint] .mk-detail-hero{background:radial-gradient(circle at 84% 16%,rgba(110,216,192,.4),transparent 28%),linear-gradient(135deg,#f3fffb,#edf7ff)}
.marketing-site .mk-detail[data-tone=yellow] .mk-detail-hero{background:radial-gradient(circle at 84% 16%,rgba(255,212,59,.55),transparent 28%),linear-gradient(135deg,#fffdf0,#edf7ff)}
.marketing-site .mk-plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-inline:auto}