/* Round-2 article covers (V2-BlogPost-WebsiteCost / -GoogleMaps / -MissedCall / -ChatGPT).
   Each cover renders a desktop and a phone layout; one shows at a time. Keyframes from the boards, renamed fxPc*. */
.fx-pcov-set { position: relative; }
.fx-pcov { position: relative; overflow: hidden; }
.fx-pcov--m { display: none !important; }
@media (max-width: 960px) {
	.fx-pcov--d { display: none !important; }
	.fx-pcov--m { display: block !important; }
}
.fx-pcov-set .rq-a { animation:fxPcRqA 12s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .rq-b { animation:fxPcRqB 12s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .qa-l { animation:fxPcQaL 12s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .qt-l { animation:fxPcQtL 12s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .stamp { animation:fxPcStamp 12s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .mp-type { animation:fxPcMpType 10s steps(19) infinite both }
.fx-pcov-set .mp-drop { animation:fxPcMpDrop 10s cubic-bezier(.3,1.5,.5,1) infinite both }
.fx-pcov-set .mp-you { animation:fxPcMpYou 10s infinite both }
.fx-pcov-set .mp-ring { animation:fxPcMpRing 10s infinite both }
.fx-pcov-set .mp-card { animation:fxPcMpCard 10s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .mp-chip { animation:fxPcMpChip 10s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .ch-type { animation:fxPcChType 10s steps(42) infinite both }
.fx-pcov-set .ch-dots { animation:fxPcChDots 10s infinite both }
.fx-pcov-set .ch-a { animation:fxPcChA 10s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .ch-hl { animation:fxPcChHl 10s infinite both }
.fx-pcov-set .ch-src { animation:fxPcChSrc 10s cubic-bezier(.2,.8,.2,1) infinite both }
.fx-pcov-set .ai-d { animation:fxPcAiD 1s ease-in-out infinite }
.fx-pcov-set .ph-m { opacity:0;animation-duration:14s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:cubic-bezier(.2,.8,.2,1) }
.fx-pcov-set .ph-1 { animation-name:fxPcPh1 }
.fx-pcov-set .ph-2 { animation-name:fxPcPh2 }
.fx-pcov-set .ph-3 { animation-name:fxPcPh3 }
.fx-pcov-set .ph-4 { animation-name:fxPcPh4 }
.fx-pcov-set .ph-5 { animation-name:fxPcPh5 }
.fx-pcov-set .ph-6 { animation-name:fxPcPh6 }
.fx-pcov-set .ph-ty { animation:fxPcPhTy 14s infinite }
.fx-pcov-set .ph-ty2 { animation:fxPcPhTy2 14s infinite }
.fx-pcov-set .ty-d { animation:fxPcTyD 1s ease-in-out infinite }
@keyframes fxPcAiD{50%{transform:translateY(-3px);opacity:.4}}
@keyframes fxPcRqA{0%{opacity:0;transform:translateY(14px)}6%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcRqB{0%,24%{opacity:0;transform:translateY(14px)}30%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcQtL{0%,30%{opacity:0;transform:translateX(-8px)}34%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcStamp{0%,44%{opacity:0;transform:rotate(-12deg) scale(1.6)}48%,92%{opacity:1;transform:rotate(-12deg) scale(1)}98%,100%{opacity:0}}
@keyframes fxPcQaL{0%,3%{opacity:0;transform:translateX(-8px)}7%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcMpType{0%,3%{clip-path:inset(0 100% 0 0)}17%,100%{clip-path:inset(0 0 0 0)}}
@keyframes fxPcMpDrop{0%,18%{opacity:0;transform:translateY(-26px)}24%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcMpYou{0%,36%{opacity:0;transform:translateY(-46px)}41%{opacity:1;transform:translateY(0)}45%{transform:translateY(-14px)}49%,92%{opacity:1;transform:translateY(0)}98%,100%{opacity:0}}
@keyframes fxPcMpRing{0%,44%{opacity:0;transform:scale(.4)}50%{opacity:.7;transform:scale(1)}62%,100%{opacity:0;transform:scale(2.6)}}
@keyframes fxPcMpCard{0%,52%{opacity:0;transform:translateY(40px)}58%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcMpChip{0%,56%{opacity:0;transform:translateX(-14px)}62%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcChType{0%,3%{clip-path:inset(0 100% 0 0)}20%,100%{clip-path:inset(0 0 0 0)}}
@keyframes fxPcChDots{0%,22%{opacity:0}25%,38%{opacity:1}40%,100%{opacity:0}}
@keyframes fxPcChA{0%,40%{opacity:0;transform:translateY(10px)}45%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcChHl{0%,52%{background-color:#FFFFFF;border-color:#EEEBF5;box-shadow:none}58%,92%{background-color:#EEEBFE;border-color:#5B2BD9;box-shadow:0 10px 24px -14px rgba(91,43,217,.7)}98%,100%{background-color:#FFFFFF}}
@keyframes fxPcChSrc{0%,62%{opacity:0;transform:translateY(8px) scale(.9)}67%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes fxPcPh1{0%{opacity:0;transform:translateY(-12px) scale(.96)}4%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes fxPcPh2{0%,12%{opacity:0;transform:translateY(12px)}16%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes fxPcPh3{0%,27%{opacity:0;transform:translateY(12px)}31%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes fxPcPh4{0%,42%{opacity:0;transform:translateY(12px)}46%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes fxPcPh5{0%,54%{opacity:0;transform:translateY(12px)}58%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes fxPcPh6{0%,64%{opacity:0;transform:translateY(16px) scale(.95)}69%,92%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes fxPcPhTy{0%,20%{opacity:0}22%,26%{opacity:1}27.5%,100%{opacity:0}}
@keyframes fxPcPhTy2{0%,35%{opacity:0}37%,41%{opacity:1}42.5%,100%{opacity:0}}
@keyframes fxPcTyD{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-2px)}}
.fx-pcov-set .ty-d:nth-child(2) { animation-delay: .15s; }
.fx-pcov-set .ty-d:nth-child(3) { animation-delay: .3s; }
/* Reduced motion: the finished state, everything visible. */
@media (prefers-reduced-motion: reduce) {
	.fx-pcov-set .rq-a, .fx-pcov-set .rq-b, .fx-pcov-set .qt-l, .fx-pcov-set .stamp, .fx-pcov-set .qa-l, .fx-pcov-set .mp-drop, .fx-pcov-set .mp-you, .fx-pcov-set .mp-card, .fx-pcov-set .mp-chip, .fx-pcov-set .ch-a, .fx-pcov-set .ch-src, .fx-pcov-set .ph-m { opacity: 1 !important; animation: none !important; }
	.fx-pcov-set .stamp { transform: rotate(-12deg) !important; }
	.fx-pcov-set .mp-type, .fx-pcov-set .ch-type { clip-path: none !important; animation: none !important; }
	.fx-pcov-set .ch-dots, .fx-pcov-set .ph-ty, .fx-pcov-set .ph-ty2, .fx-pcov-set .mp-ring { display: none !important; }
	.fx-pcov-set .ch-hl { animation: none !important; background-color: #EEEBFE !important; border-color: #5B2BD9 !important; }
}