/* Markiva motion layer: preview only. Brand: navy #0F1B3D, coral #FF6B4A, cream #FAF8F5 */
:root{--m-navy:#0F1B3D;--m-coral:#FF6B4A;--m-cream:#FAF8F5;--m-ease:cubic-bezier(.2,.7,.2,1)}
/* Scroll reveals: only hidden when JS is running */
.js-motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--m-ease),transform .6s var(--m-ease);transition-delay:var(--d,0ms)}
.js-motion .reveal.is-in{opacity:1;transform:none}
/* Hero jargon swap */
.swap-line{font-size:1.15rem;font-weight:600;color:var(--m-navy);margin:.75rem 0 1rem}
.swap{display:inline-grid;vertical-align:bottom}
.swap>span{grid-area:1/1;white-space:nowrap}
.swap .jargon{position:relative;color:#6b7280;transition:opacity .4s ease .9s,transform .4s ease .9s}
.swap .jargon::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:3px;background:var(--m-coral);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--m-ease) .2s}
.swap .plain{color:var(--m-coral);opacity:0;transform:translateY(.4em);transition:opacity .4s ease 1.1s,transform .4s var(--m-ease) 1.1s}
.swap.struck .jargon::after{transform:scaleX(1)}
.swap.struck .jargon{opacity:0;transform:translateY(-.4em)}
.swap.struck .plain{opacity:1;transform:none}
/* Package card hover */
.card{transition:transform .25s var(--m-ease),box-shadow .25s var(--m-ease),border-color .25s}
.card:hover,.card:focus-within{transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(15,27,61,.35);border-color:var(--m-coral)}
.card .ticks li{transition:transform .2s}
.card:hover .ticks li{transform:translateX(3px)}
.card .btn{transition:background-color .2s,color .2s,transform .2s}
.card:hover .btn{transform:translateY(-1px)}
/* Blog animation embeds */
.post-anim{margin:2rem 0;background:var(--m-cream);border-radius:14px;overflow:hidden}
.post-anim .anim-box{aspect-ratio:var(--ratio,16/9);display:grid;place-items:center}
.post-anim video,.post-anim img,.post-anim .anim-box>svg{width:100%;height:100%;object-fit:contain;display:block}
.post-anim figcaption{font-size:.9rem;color:#4b5563;padding:.6rem 1rem}
/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
 .js-motion .reveal{opacity:1;transform:none;transition:none}
 .swap .jargon,.swap .plain,.swap .jargon::after,.card,.card *{transition:none!important}
 .card:hover,.card:focus-within{transform:none}
}
.post-anim .anim-box{background:center/cover no-repeat var(--poster,none)}
.post-header{margin:0 0 2rem}
.post-anim.has-title{position:relative}
.post-header-title{position:absolute;left:5%;right:5%;bottom:13%;color:#fff}
.post-header-tag{display:inline-block;background:#FF6B4A;color:#0F1B3D;font-weight:700;font-size:clamp(.65rem,1.4vw,.85rem);letter-spacing:.08em;text-transform:uppercase;padding:.2em .6em;border-radius:4px}
.post-header-h{font:900 clamp(1.3rem,4.2vw,2.8rem)/1.05 Inter,system-ui,sans-serif;letter-spacing:-.03em;margin:.35em 0 0;color:#fff}