/* Brief 12/10/2026 (A Clean Studio): white, gold borders kept; gradient B ONLY on the AI EDITOR MASTER SYSTEM landing; timeline/playhead motif */
:root{--grad-b:linear-gradient(90deg,#7C3AED,#EC4899,#F97316)}
.landing-ev .gd{background:var(--grad-b);-webkit-background-clip:text;background-clip:text;color:#7C3AED;-webkit-text-fill-color:transparent}
.landing-ev .ih-sub{display:block;font-size:.42em;font-weight:700;color:#0F172A;-webkit-text-fill-color:#0F172A;margin-top:8px;letter-spacing:0}
.landing-ev .pcard,.landing-ev .offer{position:relative;overflow:hidden}
.landing-ev .pcard:before,.landing-ev .offer:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--grad-b)}
.landing-ev .ptag s,.landing-ev .spt s,.landing-ev .final-cta s{color:#64748B;margin:0 6px;font-weight:600}
.landing-ev .ptag em{display:inline-block;padding:2px 8px;border-radius:999px;background-color:#BE185D;background-image:var(--grad-b);color:#fff;font-style:normal;font-weight:800;font-size:12px}
.landing-ev .g3.four,.landing-ev .days.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.landing-ev .tl10{list-style:none;margin:28px 0 8px;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0;position:relative}
.landing-ev .tl10:before{content:"";position:absolute;left:4%;right:4%;top:22px;height:3px;background:var(--grad-b);border-radius:2px}
.landing-ev .tl10 li{position:relative;text-align:center;font-weight:700;color:#0F172A;font-size:14px;padding:0 4px}
.landing-ev .tl10 li b{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 auto 8px;border-radius:50%;background:#fff;border:2px solid rgb(244,188,30);color:#0F172A;position:relative;font:800 14px/1 Inter,"Be Vietnam Pro",sans-serif}
.landing-ev .gifts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.landing-ev .gifts li{background:#fff;border:1.5px solid rgb(244,188,30);border-radius:14px;padding:14px 16px;font-weight:700;color:#0F172A}
.landing-ev .gifts li:before{content:"🎁 "}
.landing-ev .refund{margin:16px 0;padding:14px 16px;border:1.5px solid rgb(244,188,30);border-radius:14px;background:#fff}
.landing-ev .refund h3{margin:0 0 6px;font-size:16px}
.landing-ev .slogan{letter-spacing:.2em;font-weight:800;color:#0F172A;margin:6px 0 16px}
/* timeline / playhead motif (C) */
.tl-bar{position:relative;height:6px;margin:18px auto 0;max-width:1100px;border-radius:3px;background:repeating-linear-gradient(90deg,#fff 0 18px,rgba(244,188,30,.55) 18px 20px);border:1px solid rgb(244,188,30)}
.tl-bar .tl-ph{position:absolute;top:-6px;left:0;width:2px;height:18px;background:#0F172A;animation:tlph 6s linear infinite}
.tl-bar .tl-ph:before{content:"";position:absolute;top:-6px;left:-5px;border:6px solid transparent;border-top-color:#0F172A}
.landing-ev .tl-bar .tl-ph{background:#EC4899}.landing-ev .tl-bar .tl-ph:before{border-top-color:#EC4899}
@keyframes tlph{from{left:0}to{left:100%}}
@media (prefers-reduced-motion:reduce){.tl-bar .tl-ph{animation:none;left:30%}}
@media (max-width:900px){.landing-ev .g3.four,.landing-ev .days.four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-ev .tl10{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:18px}.landing-ev .tl10:before{display:none}}
@media (max-width:560px){.landing-ev .g3.four,.landing-ev .days.four{grid-template-columns:1fr}}
/* course landings from brief: modules / benefits / cases */
.mods{counter-reset:m;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mods li{position:relative;background:#fff;border:1.5px solid rgb(244,188,30);border-radius:16px;padding:18px 18px 18px 64px;font-weight:700;color:#0F172A;min-height:64px;display:flex;align-items:center}
.mods li:before{counter-increment:m;content:counter(m,decimal-leading-zero);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:2px solid rgb(244,188,30);display:flex;align-items:center;justify-content:center;font:800 13px/1 Inter,sans-serif;background:#fff}
.who-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.who-list li{padding:10px 16px;border:1.5px solid rgb(244,188,30);border-radius:999px;background:#fff;font-weight:600;color:#1F1B1C}
.steps5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.steps5 li{background:#fff;border:1.5px solid rgb(244,188,30);border-radius:14px;padding:14px;text-align:center;font-weight:700;color:#1F1B1C}
.steps5 li b{display:block;font:800 12px/1 Inter,sans-serif;color:#7a5600;margin-bottom:6px;letter-spacing:.1em}
.benefit{max-width:820px;margin:0 auto;text-align:center;font-size:19px;font-weight:600;color:#1F1B1C;background:#fff;border:1.5px solid rgb(244,188,30);border-radius:18px;padding:22px}
@media (max-width:900px){.mods{grid-template-columns:repeat(2,minmax(0,1fr))}.steps5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mods{grid-template-columns:1fr}.steps5{grid-template-columns:1fr}}
@media (max-width:560px){.landing-ev .ih{font-size:clamp(26px,8vw,40px);overflow-wrap:anywhere}.landing-ev .tl10 li{font-size:12px}}