/* Homepage only. Static content is the default; JS enables optional motion. */
body[data-home-motion] .m-seo-intro{overflow:clip}
body[data-home-motion] .home-motion-control{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;margin-top:14px;border:1px solid var(--gpm-border,#cfe3d6);border-radius:30px;background:var(--gpm-surface,#fff);color:var(--gpm-muted,#52665a);font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer}
body[data-home-motion] .home-motion-control[hidden]{display:none!important}
body[data-home-motion] .home-motion-control svg{width:13px;height:13px;fill:currentColor;flex:none}
body[data-home-motion] .home-motion-control:focus-visible{outline:3px solid var(--gpm-accent,#18764f);outline-offset:3px}
body[data-home-motion] .home-motion-control:disabled{cursor:default}
body[data-home-motion] .home-preview-float{position:relative;isolation:isolate}
body[data-home-motion] .home-preview-float::before{content:"";position:absolute;inset:-24px 24px;border:1px dashed color-mix(in srgb,var(--gpm-accent,#18764f) 28%,transparent);border-radius:32px;transform:rotate(-5deg);z-index:-1;pointer-events:none}
body[data-home-motion] .home-orbits{position:absolute;inset:-23px -16px;pointer-events:none;z-index:2}
body[data-home-motion] .home-file-chip{position:absolute;display:grid;place-items:center;gap:4px;width:52px;height:62px;border:1px solid var(--gpm-border,#bbd8c8);border-radius:12px;background:var(--gpm-surface,#fff);color:var(--gpm-accent,#18764f);box-shadow:0 7px 20px #123d2312;font:700 10px/1.2 monospace;letter-spacing:.05em}
body[data-home-motion] .home-file-chip svg{width:22px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
body[data-home-motion] .home-file-chip:first-child{left:-7px;top:25%;transform:rotate(-9deg)}
body[data-home-motion] .home-file-chip:last-child{right:-8px;bottom:20%;transform:rotate(9deg)}
body[data-home-motion] .hero-art-right,body[data-home-motion] .hero-art-left{transform-origin:center}
body[data-home-motion] .home-glow{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--gpm-accent,#18764f) 15%,transparent),transparent 70%);left:20%;top:40px;pointer-events:none}
body[data-home-motion] .home-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gpm-accent,#18764f);opacity:.35;left:12%;top:22%}
body[data-home-motion] .home-spark.s2{left:44%;top:70%;width:5px;height:5px}
body[data-home-motion] .home-spark.s3{left:91%;top:55%;width:9px;height:9px}
body[data-home-motion] .editor-preview-workspace{position:relative;overflow:hidden}
body[data-home-motion] .home-scan{position:absolute;left:28px;right:28px;top:60px;height:2px;background:linear-gradient(90deg,transparent,var(--gpm-accent,#18764f),transparent);box-shadow:0 0 16px color-mix(in srgb,var(--gpm-accent,#18764f) 35%,transparent);opacity:0;pointer-events:none}
body[data-home-motion] :is(.tool-card,.m-card,.gpm-quick-card){position:relative;isolation:isolate;overflow:hidden}
body[data-home-motion] :is(.tool-icon,.m-icon-tile,.gpm-quick-icon){transition:transform 220ms cubic-bezier(.2,.7,.3,1)}
body[data-home-motion] .gpm-quick-action span,body[data-home-motion] .editor-preview-cta span{display:inline-block;transition:transform 180ms ease}
body[data-home-motion] .home-mobile-flow{display:flex;align-items:center;gap:15px;margin:20px 0 4px;max-width:280px;height:64px;pointer-events:none}
body[data-home-motion] .home-mobile-file{position:relative;display:grid;place-items:center;width:48px;height:57px;flex:none;border:1px solid var(--gpm-border,#bbd8c8);border-radius:10px;background:var(--gpm-surface,#fff);color:var(--gpm-accent,#18764f);box-shadow:0 5px 14px #123d2310;font:700 10px/1 monospace;letter-spacing:.06em}
body[data-home-motion] .home-mobile-file::before{content:"";width:15px;height:3px;background:var(--gpm-border,#bbd8c8);position:absolute;top:12px;left:9px;border-radius:2px}
body[data-home-motion] .home-mobile-file::after{content:"";position:absolute;width:10px;height:10px;top:0;right:0;border-left:1px solid var(--gpm-border,#bbd8c8);border-bottom:1px solid var(--gpm-border,#bbd8c8);border-radius:0 8px 0 4px;background:var(--gpm-soft,#eaf5ee)}
body[data-home-motion] .home-flow-dots{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:95px;gap:9px;color:var(--gpm-accent,#18764f)}
body[data-home-motion] .home-flow-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;display:block}
body[data-home-motion] .home-flow-dots svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
body[data-home-motion='running'] .hero-art-right{animation:home-sweep 16s ease-in-out infinite alternate}
body[data-home-motion='running'] .hero-art-left{animation:home-sweep 20s ease-in-out -6s infinite alternate-reverse}
body[data-home-motion='running'] .home-glow{animation:home-glow 14s ease-in-out infinite alternate}
body[data-home-motion='running'] .home-spark{animation:home-spark 6s ease-in-out infinite}
body[data-home-motion='running'] .home-spark.s2{animation-delay:-2s}
body[data-home-motion='running'] .home-spark.s3{animation-delay:-4s}
body[data-home-motion='running'] .home-preview-float{animation:home-float 7s ease-in-out infinite}
body[data-home-motion='running'] .home-file-chip:first-child{animation:home-chip-left 5s ease-in-out -1s infinite}
body[data-home-motion='running'] .home-file-chip:last-child{animation:home-chip-right 6s ease-in-out -3s infinite}
body[data-home-motion='running'] .home-scan{animation:home-scan 8s ease-in-out 1s infinite}
body[data-home-motion='running'] .editor-preview-caret{animation:home-caret 1.6s step-end infinite}
body[data-home-motion='running'] .home-mobile-file{animation:home-float 5s ease-in-out infinite}
body[data-home-motion='running'] .home-mobile-file:last-child{animation-delay:-2.5s}
body[data-home-motion='running'] .home-flow-dots i{animation:home-dot 2.8s ease-in-out infinite}
body[data-home-motion='running'] .home-flow-dots i:nth-child(2){animation-delay:.25s}
body[data-home-motion='running'] .home-flow-dots i:nth-child(3){animation-delay:.5s}
body[data-home-motion='running'] .m-seo-intro::before{animation:home-mobile-bg 12s ease-in-out infinite alternate}
body[data-home-motion='running'] .m-seo-intro::after{animation:home-mobile-bg 16s ease-in-out -5s infinite alternate-reverse}
body[data-home-motion] .home-preview-float:hover,body[data-home-motion] .home-preview-float:focus-within{animation-play-state:paused}
body[data-home-motion='running'][data-home-hero-visible='false'] [data-home-loop],body[data-home-motion='running'][data-home-hero-visible='false'] .m-seo-intro::before,body[data-home-motion='running'][data-home-hero-visible='false'] .m-seo-intro::after{animation-play-state:paused}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body[data-home-motion='running'] :is(.tool-card,.m-card,.gpm-quick-card)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(230px circle at var(--home-x,50%) var(--home-y,50%),color-mix(in srgb,var(--gpm-accent,#18764f) 10%,transparent),transparent 75%);opacity:0;transition:opacity 200ms ease;z-index:-1}
 body[data-home-motion='running'] :is(.tool-card,.m-card,.gpm-quick-card):hover::after{opacity:1}
 body[data-home-motion='running'] :is(.tool-card,.m-card,.gpm-quick-card):hover :is(.tool-icon,.m-icon-tile,.gpm-quick-icon){transform:translateY(-2px) rotate(-6deg) scale(1.07)}
 body[data-home-motion='running'] .gpm-quick-card:hover .gpm-quick-action span,body[data-home-motion='running'] .editor-preview-cta:hover span{transform:translateX(4px)}
}
@keyframes home-sweep{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-18px,14px,0) rotate(2deg)}}
@keyframes home-glow{to{transform:translate3d(60px,32px,0) scale(1.2)}}
@keyframes home-spark{0%,100%{transform:translateY(0);opacity:.22}50%{transform:translateY(-16px);opacity:.55}}
@keyframes home-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes home-chip-left{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-11px) rotate(-4deg)}}
@keyframes home-chip-right{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(8px) rotate(4deg)}}
@keyframes home-scan{0%,12%,65%,100%{opacity:0;transform:translateY(0)}18%{opacity:.6}55%{opacity:.6;transform:translateY(145px)}64%{opacity:0;transform:translateY(145px)}}
@keyframes home-caret{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes home-dot{0%,100%{opacity:.25;transform:scale(.8)}45%{opacity:1;transform:scale(1.3)}}
@keyframes home-mobile-bg{from{translate:0 0}to{translate:-18px 12px}}
@media(max-width:860px){body[data-home-motion] .home-orbits{inset:-14px 0}body[data-home-motion] .home-file-chip{width:42px;height:52px}body[data-home-motion] .home-preview-float::before{inset:-14px 16px}body[data-home-motion] .home-glow{display:none}}
@media(prefers-reduced-motion:reduce){body[data-home-motion] *,body[data-home-motion] *::before,body[data-home-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-home-motion='paused'] *,body[data-home-motion='paused'] *::before,body[data-home-motion='paused'] *::after{animation-play-state:paused!important}
body[data-home-motion='paused'] :is(.tool-card,.m-card,.gpm-quick-card,.tool-icon,.m-icon-tile,.gpm-quick-icon){transition:none!important;transform:none!important}
@media print{body[data-home-motion] .home-motion-control,body[data-home-motion] .home-orbits,body[data-home-motion] .home-scan{display:none!important}}