/* Phase 1-8 safe preview pages (prefix: featurepreview_) */
.featurepreview_page { position: relative; z-index: 10; width: min(1080px, calc(100% - 32px)); margin: 0 auto; padding: 58px 0 82px; }
.featurepreview_hero { padding: clamp(38px, 7vw, 72px); border: 1px solid rgba(207,174,255,.25); border-radius: 22px; background: radial-gradient(circle at 84% 20%, rgba(113,70,183,.3), transparent 40%), linear-gradient(145deg, rgba(17,15,31,.97), rgba(5,7,16,.97)); box-shadow: 0 28px 80px rgba(0,0,0,.34); }
.featurepreview_hero_shop { background: radial-gradient(circle at 84% 20%, rgba(183,142,70,.22), transparent 40%), linear-gradient(145deg, rgba(18,16,29,.97), rgba(5,7,16,.97)); }
.featurepreview_eyebrow { margin: 0 0 12px; color: #d9baff; font-family: 'Orbitron', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 3px; }
.featurepreview_status { display: inline-flex; min-height: 29px; align-items: center; padding: 0 11px; border: 1px solid rgba(255,245,157,.26); border-radius: 999px; color: #fff3a4; background: rgba(255,245,157,.06); font-family: 'Orbitron', sans-serif; font-size: 8px; letter-spacing: 1.4px; }
.featurepreview_title { max-width: 760px; margin: 18px 0 14px; color: #fff; font-size: clamp(32px, 6vw, 56px); font-weight: 500; line-height: 1.2; }
.featurepreview_lead { max-width: 760px; margin: 0; color: rgba(255,255,255,.65); font-size: 15px; line-height: 2; }
.featurepreview_content { padding: 24px 4px 0; }
.featurepreview_grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.featurepreview_grid article, .featurepreview_notice { padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: rgba(8,10,21,.94); }
.featurepreview_grid span, .featurepreview_notice_label { color: #d6b6ff; font-family: 'Orbitron', sans-serif; font-size: 9px; letter-spacing: 1.8px; }
.featurepreview_grid h2, .featurepreview_notice h2 { margin: 10px 0 9px; color: #fff; font-size: 18px; font-weight: 500; }
.featurepreview_grid p, .featurepreview_notice p { margin: 0; color: rgba(255,255,255,.54); font-size: 13px; line-height: 1.85; }
.featurepreview_actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.featurepreview_action { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; color: #fff; background: rgba(255,255,255,.035); font-size: 13px; font-weight: 500; text-decoration: none; }
.featurepreview_action_primary { border-color: rgba(255,245,157,.3); color: #0a0b12; background: #fff4a1; }
.featurepreview_action:hover { transform: translateY(-1px); }
@media (max-width: 760px) { .featurepreview_page { width: min(100% - 20px, 1080px); padding-top: 30px; } .featurepreview_grid { grid-template-columns: 1fr; } .featurepreview_hero { padding: 32px 22px; } }