.axion-free-pwa .axion-pwa-hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr); gap:var(--axion-space-panel); align-items:center; }
.axion-free-pwa .axion-pwa-hero img { width:100%; height:auto; max-width:440px; justify-self:center; }
.axion-free-pwa .axion-pwa-hero h1 { font-size:clamp(2.6rem,5.6vw,4.8rem); }
.axion-free-pwa .axion-pwa-states { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--axion-space-copy); }
.axion-free-pwa figure { margin:0; }
.axion-free-pwa .axion-pwa-states img { width:100%; height:auto; border-radius:16px; background:var(--axionai-surface); }
.axion-free-pwa figcaption { font-size:.875rem; line-height:1.6; color:var(--axionai-muted); margin-block:var(--axion-space-copy); }
.axion-free-pwa .axion-pwa-proof { max-width:360px; margin-inline:auto; }
.axion-free-pwa .axion-pwa-proof img { display:block; width:100%; height:auto; border-radius:16px; }
.axion-free-pwa .axion-pwa-demo { height:1000px; border:1px solid var(--axionai-border); border-radius:16px; overflow:hidden; background:var(--axionai-surface); }
.axion-free-pwa .axion-pwa-placeholder { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--axion-space-copy); padding:var(--axion-layout-gutter); text-align:center; }
.axion-free-pwa .axion-pwa-placeholder img { width:min(100%,360px); height:auto; }
.axion-free-pwa [hidden] { display:none !important; }
.axion-free-pwa iframe { width:100%; height:100%; display:block; border:0; }
.axion-free-pwa .axion-pwa-prompts > section { margin-block:var(--axion-space-panel); }
.axion-free-pwa .axion-page-actions { display:flex; flex-wrap:wrap; gap:var(--axion-space-copy); }
.axionai-theme .axion-free-pwa .axion-button-secondary { border:1px solid var(--axionai-border); border-radius:999px; background:transparent; color:var(--axionai-text); }
.axionai-theme .axion-free-pwa .axion-button-secondary:hover { background:var(--axionai-surface); }
.axion-free-pwa :is(button,a,iframe):focus-visible { outline:3px solid var(--axionai-tone-_d9202e,#d9202e); outline-offset:4px; }
.axion-free-pwa #demo,.axion-free-pwa #prompts { scroll-margin-top:110px; }
@media(max-width:700px) {
 .axion-free-pwa .axion-pwa-hero { grid-template-columns:1fr; gap:var(--axion-space-intro); }
 .axion-free-pwa .axion-pwa-hero img { max-width:300px; }
 .axion-free-pwa .axion-pwa-states { grid-template-columns:1fr; }
 .axion-free-pwa .axion-pwa-states figure { max-width:360px; margin-inline:auto; }
 .axion-free-pwa .axion-pwa-demo { height:1050px; }
}