.pack-reading-progress { position:fixed; top:0; left:0; right:0; height:4px; z-index:120; background:#000; transform:scaleX(0); transform-origin:left; pointer-events:none; }
.pack-process { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:9px; margin:22px auto 14px; list-style:none; }
.pack-process li { display:flex; align-items:center; gap:8px; font-family:var(--m1k-mono); font-size:11px; font-weight:600; padding:7px 12px; border:1.5px solid #000; border-radius:999px; background:#fff; }
.pack-process b { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:var(--m1k-lime); font-size:10px; }
.pack-hero-stage { position:relative; padding:14px 0 28px; isolation:isolate; }
.pack-hero-stage .m1k-vsl-frame { position:relative; z-index:2; margin-top:12px; margin-bottom:0; }
.pack-float { display:none; position:absolute; width:190px; border:2px solid #000; border-radius:20px; overflow:hidden; background:var(--m1k-cream); box-shadow:6px 6px 0 #000; text-align:left; }
.pack-float img { width:100%; height:auto; display:block; aspect-ratio:3/2; object-fit:cover; }
.pack-float figcaption { border-top:1.5px solid #000; padding:12px 14px; background:#fff; font-family:var(--m1k-display); font-size:15px; font-weight:900; }
.pack-float figcaption span { display:block; font-family:var(--m1k-mono); font-size:9px; letter-spacing:.08em; margin-bottom:5px; font-weight:500; }
.pack-float-left { left:0; top:18%; transform:rotate(-7deg); }
.pack-float-right { right:0; top:53%; transform:rotate(7deg); }
.pack-hero-orbit { display:none; position:absolute; inset:10% 6%; border:1.5px dashed rgba(0,0,0,.16); border-radius:50%; z-index:-1; transform:rotate(-14deg); }
.m1k-deliverables-grid { gap:22px; }
.m1k-deliv-item { padding:0; overflow:hidden; border-width:2px; border-radius:18px; box-shadow:4px 4px 0 #000; }
.pack-card-art { margin:0; overflow:hidden; border-bottom:2px solid #000; background:var(--m1k-cream); aspect-ratio:3/2; }
.pack-card-art img { display:block; width:100%; height:100%; object-fit:cover; }
.pack-card-body { padding:20px; }
.m1k-deliv-item h4 { font-family:var(--m1k-display); font-size:19px; font-weight:900; line-height:1.16; }
.m1k-deliv-item p { font-size:14px; line-height:1.55; }
.m1k-deliv-item .num { font-size:10px; padding:5px 9px; }
.pack-benefit { position:relative; overflow:hidden; }
.pack-benefit-thumb { width:84px; height:84px; object-fit:cover; border:1.5px solid #000; border-radius:12px; flex-shrink:0; align-self:center; }
.pack-benefit-icon { position:absolute; top:12px; left:12px; z-index:1; box-shadow:2px 2px 0 #000; }
.pack-benefit:has(.pack-benefit-thumb) { padding:20px; gap:20px; }
.pack-choice-yes { box-shadow:4px 4px 0 #000; }
.m1k-btn { transition:background-color .2s,box-shadow .2s; }
.m1k-btn:hover { transform:none; }
@media(min-width:960px) { .pack-float,.pack-hero-orbit { display:block; } }
@media(max-width:540px) {
 .pack-process { gap:6px; margin-top:18px; }
 .pack-process li { font-size:9px; padding:6px 8px; gap:5px; }
 .pack-process b { width:18px; height:18px; }
 .pack-hero-stage { padding-top:0; padding-bottom:16px; }
 .pack-benefit:has(.pack-benefit-thumb) { padding:18px 14px; gap:14px; }
 .pack-benefit-thumb { width:62px; height:72px; }
 .pack-benefit-icon { top:7px; left:7px; font-size:8px; padding:3px 5px; }
 .pack-card-body { padding:18px; }
 .m1k-deliv-item h4 { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { .pack-reading-progress { display:none; } }
