.axion-free-animation .axion-anim-hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); gap:var(--axion-space-panel); align-items:center; }
.axion-free-animation .axion-anim-hero img { width:100%; height:auto; max-width:420px; justify-self:center; }
.axion-free-animation .axion-anim-hero h1 { font-size:clamp(2.6rem,5.6vw,4.8rem); }
.axion-free-animation .axion-page-actions { display:flex; flex-wrap:wrap; gap:var(--axion-space-copy); }
.axion-free-animation .axion-anim-meta { font-size:.875rem; color:var(--axionai-muted); margin-top:var(--axion-space-copy); }
.axionai-theme .axion-free-animation .axion-button-secondary { border:1px solid var(--axionai-border); border-radius:999px; background:transparent; color:var(--axionai-text); }
.axionai-theme .axion-free-animation .axion-button-secondary:hover { background:var(--axionai-surface); }
.axion-free-animation figure { margin:0; }
.axion-free-animation figcaption { font-size:.875rem; line-height:1.6; color:var(--axionai-muted); margin-block:var(--axion-space-copy); }
.axion-free-animation .axion-anim-video { position:relative; aspect-ratio:16/9; border:1px solid var(--axionai-border); border-radius:16px; overflow:hidden; background:var(--axionai-surface); }
.axion-free-animation .axion-anim-video img,.axion-free-animation .axion-anim-video iframe { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border:0; display:block; }
.axion-free-animation .axion-anim-play { position:absolute; left:50%; top:50%; width:88px; height:88px; margin:-44px 0 0 -44px; border:0; border-radius:50%; background:var(--axionai-tone-_d9202e,#d9202e); cursor:pointer; box-shadow:0 8px 24px rgba(0,0,0,.25); }
.axion-free-animation .axion-anim-play:is(:hover,:focus-visible) { background:var(--axionai-tone-_b81724,#b81724); }
.axion-free-animation .axion-anim-play span { position:absolute; left:50%; top:50%; margin:-14px 0 0 -9px; border-style:solid; border-width:14px 0 14px 24px; border-color:transparent transparent transparent #fff; }
.axion-free-animation .axion-anim-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--axion-space-copy); margin-block:var(--axion-space-panel); }
.axion-free-animation .axion-anim-gallery img { width:100%; height:auto; border-radius:12px; border:1px solid var(--axionai-border); background:var(--axionai-surface); }
.axion-free-animation .axion-anim-steps li { margin-block:.4em; }
.axion-free-animation .axion-anim-center { text-align:center; margin-block:var(--axion-space-panel); }
.axion-free-animation dl dt { font-weight:600; margin-top:var(--axion-space-copy); }
.axion-free-animation dl dd { margin:0; }
.axion-free-animation [hidden] { display:none !important; }
.axion-free-animation :is(button,a,iframe):focus-visible { outline:3px solid var(--axionai-tone-_d9202e,#d9202e); outline-offset:4px; }
.axion-free-animation #video,.axion-free-animation #install,.axion-free-animation #chat-prompt { scroll-margin-top:110px; }
@media(max-width:700px) {
 .axion-free-animation .axion-anim-hero { grid-template-columns:1fr; gap:var(--axion-space-intro); }
 .axion-free-animation .axion-anim-hero img { max-width:280px; }
 .axion-free-animation .axion-anim-gallery { grid-template-columns:1fr; }
 .axion-free-animation .axion-anim-play { width:72px; height:72px; margin:-36px 0 0 -36px; }
}
@media(prefers-reduced-motion:reduce) { .axion-free-animation * { scroll-behavior:auto; } }