:root{--bg:#000;--soft:#141416;--surface:#1c1c1e;--s2:#2c2c2e;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.07);--text:#f5f5f7;--dim:#98989d;--faint:#636366;--body:#c9c9cf;--accent:#0a84ff;--a2:#64d2ff;--ok:#30d158;--gold:#ffd60a;--shadow:0 24px 60px -28px rgba(0,0,0,.95)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:absolute;inset:0 0 auto 0;height:640px;pointer-events:none;background:radial-gradient(760px 320px at 16% -60px,rgba(10,132,255,.24),transparent 70%),radial-gradient(640px 280px at 86% -80px,rgba(100,210,255,.15),transparent 70%)}
a{color:var(--a2)}a:focus-visible,.btn:focus-visible,.tab:focus-visible{outline:2px solid var(--a2);outline-offset:3px}
code{background:var(--s2);padding:1px 7px;border-radius:6px;font:13px Consolas,monospace;color:var(--text)}
.top{position:sticky;top:0;z-index:9;background:rgba(0,0,0,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line2)}
.top div{max-width:1080px;margin:0 auto;padding:0 22px;height:58px;display:flex;align-items:center;gap:24px}
.brand{margin-right:auto;display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.01em;color:var(--text);text-decoration:none}
.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(160deg,#0a84ff,#0060df);display:grid;place-items:center;font-size:15px;font-weight:700;color:#fff}
.top a:not(.brand){color:var(--dim);text-decoration:none;font-size:14px;font-weight:500;padding:6px 0;border-bottom:2px solid transparent;transition:color .15s}
.top a:not(.brand):hover{color:var(--text)}.top a[aria-current]{color:var(--text);border-color:var(--accent)}
main{position:relative;max-width:1080px;margin:0 auto;padding:0 22px}
.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:52px;align-items:center;padding:84px 0 70px}
h1{font-size:clamp(40px,6.4vw,66px);line-height:1.02;letter-spacing:-.035em;margin:0 0 20px;font-weight:700;color:var(--text)}.hero h1 .ln>span{background:linear-gradient(180deg,#fff 30%,#a8a8b3);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;color:var(--dim);max-width:500px;margin:0 0 30px}
.btn{display:inline-block;vertical-align:top;padding:13px 24px;border-radius:12px;font-weight:600;text-decoration:none;margin:0 10px 10px 0;transition:transform .18s,filter .18s,border-color .18s}
.btn.primary{background:linear-gradient(180deg,#2b95ff,#0a84ff);color:#fff;box-shadow:0 10px 30px -10px rgba(10,132,255,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.btn.ghost{border:1px solid var(--line);color:var(--text);background:rgba(255,255,255,.03)}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.02em;border:1px solid var(--line);background:var(--surface);color:var(--dim);white-space:nowrap}
.pill i{width:7px;height:7px;border-radius:50%;background:currentColor}
.live{color:var(--ok);border-color:rgba(48,209,88,.3);background:rgba(48,209,88,.09)}.live i{animation:breathe 2s ease-in-out infinite}
.t-pro{color:var(--gold);border-color:rgba(255,214,10,.3);background:rgba(255,214,10,.09)}.t-free{color:#c3c3cc}
@keyframes breathe{50%{opacity:.3}}
/* hero demo */
.demo{position:relative;border-radius:18px;padding:1px;background:linear-gradient(160deg,rgba(100,210,255,.5),rgba(255,255,255,.08) 40%,rgba(10,132,255,.4));box-shadow:var(--shadow),0 0 90px -30px rgba(10,132,255,.55)}
.win{background:linear-gradient(180deg,var(--surface),var(--soft));border-radius:17px;padding:18px}
.win-h{display:flex;align-items:center;gap:10px;margin-bottom:16px}.win-h .mark{width:26px;height:26px;font-size:13px;border-radius:8px}.win-h b{font-size:14px;margin-right:auto}
.tabs{display:flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line2);border-radius:12px;margin-bottom:16px}
.tab{flex:1;padding:8px 6px;border-radius:9px;border:0;background:transparent;color:var(--dim);font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;transition:.15s}
.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--s2);color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.05) inset}
.file{background:var(--bg);border:1px solid var(--line2);border-radius:12px;padding:14px;margin-bottom:10px}
.file-r{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.file-r span{color:var(--dim)}
.prog{height:5px;border-radius:3px;background:var(--s2);overflow:hidden}.prog i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--a2));animation:up 6s ease-in-out infinite}
.out{background:var(--bg);border:1px solid rgba(100,210,255,.28);border-radius:12px;padding:12px 14px;font:13px Consolas,monospace;color:var(--a2);display:flex;justify-content:space-between;gap:10px;animation:land 6s ease-in-out infinite}
.out b{font:600 11px -apple-system,"Segoe UI",sans-serif;color:var(--ok);animation:copied 6s infinite}
@keyframes up{0%{width:0}55%,100%{width:100%}}
@keyframes land{0%,55%{opacity:.25;transform:translateY(5px)}65%,92%{opacity:1;transform:none}100%{opacity:.25;transform:translateY(5px)}}
@keyframes copied{0%,70%{opacity:0}78%,92%{opacity:1}100%{opacity:0}}
/* sections */
section{padding:56px 0;border-top:1px solid var(--line2)}
h2{font-size:clamp(26px,3.6vw,34px);margin:0 0 8px;letter-spacing:-.025em}.sub{color:var(--dim);margin:0 0 26px;max-width:560px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.tile{background:linear-gradient(180deg,var(--surface),var(--soft));border:1px solid var(--line2);border-radius:16px;padding:22px;box-shadow:var(--shadow);transition:transform .25s,border-color .25s}
.tile:hover{transform:translateY(-4px);border-color:rgba(100,210,255,.3)}
.tile b{display:block;font-size:17px;letter-spacing:-.01em;margin-bottom:6px}.tile span{color:var(--dim);font-size:15px}
.ico{width:38px;height:38px;border-radius:11px;background:rgba(10,132,255,.14);border:1px solid rgba(10,132,255,.3);display:grid;place-items:center;margin-bottom:16px;color:var(--a2);font-weight:700}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.plan{background:linear-gradient(180deg,var(--surface),var(--soft));border:1px solid var(--line2);border-radius:18px;padding:26px}
.plan.pro{border-color:rgba(255,214,10,.28);box-shadow:0 0 70px -34px rgba(255,214,10,.5)}
.plan h3{margin:12px 0 14px;font-size:20px}.plan ul{list-style:none;padding:0;margin:0}.plan li{padding:9px 0;border-top:1px solid var(--line2);color:var(--body);font-size:15px}
.plan li.x{color:var(--faint)}.plan li::before{content:"\2713";color:var(--ok);margin-right:10px;font-weight:700}.plan li.x::before{content:"\2013";color:var(--faint)}
.note{display:flex;gap:16px;align-items:flex-start;background:linear-gradient(180deg,var(--surface),var(--soft));border:1px solid var(--line2);border-radius:16px;padding:22px}
.note p{margin:0;color:var(--body)}
.req{display:flex;flex-wrap:wrap;gap:10px}.req span{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--body);font-size:14px}
/* docs */
.doc{display:grid;grid-template-columns:210px minmax(0,1fr);gap:46px;padding:56px 0 70px}
.toc{position:sticky;top:84px;align-self:start;display:flex;flex-direction:column;gap:2px;font-size:14px}
.toc a{color:var(--dim);text-decoration:none;padding:7px 14px;border-left:2px solid var(--line2);transition:.15s}.toc a:hover{color:var(--text);border-color:var(--accent);padding-left:18px}
.sheet{background:linear-gradient(180deg,var(--surface),var(--soft));border:1px solid var(--line2);border-radius:18px;padding:14px 38px 34px;max-width:780px;box-shadow:var(--shadow)}
.sheet h1{font-size:38px;margin:26px 0 6px;background:none;color:var(--text)}.sheet h2{font-size:21px;margin:34px 0 8px}.sheet h3{font-size:16px;margin:22px 0 4px}
.sheet p,.sheet li{color:var(--body)}.sheet ul{padding-left:20px}.sheet li{margin:7px 0}.meta{color:var(--faint)!important;font-size:14px;margin:0 0 18px}
footer{position:relative;border-top:1px solid var(--line2);padding:30px 0 46px;color:var(--faint);font-size:13.5px}
footer div{max-width:1080px;margin:0 auto;padding:0 22px}footer a{color:var(--dim);margin-right:18px;text-decoration:none}footer a:hover{color:var(--text)}
.rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding-top:48px}.plans{grid-template-columns:1fr}.doc{grid-template-columns:1fr;gap:22px}.toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}.toc a{border:1px solid var(--line);border-radius:9px}.sheet{padding:6px 20px 26px}}

/* feature showcase */
.feat{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;padding:72px 0;border-top:1px solid var(--line2)}
.feat.flip .txt{order:2}.feat h2{margin-bottom:12px}.feat p{color:var(--dim);margin:0 0 16px;max-width:440px}
.feat ul{list-style:none;padding:0;margin:0}.feat li{color:var(--body);font-size:15px;padding:5px 0 5px 22px;position:relative}.feat li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.vis{min-height:280px;position:relative;overflow:hidden}
.demo.anim *{animation-play-state:paused}.in .demo.anim *{animation-play-state:running}
/* a: one click */
.k-row{display:flex;gap:12px;align-items:center;margin-bottom:14px}.k-row .file{flex:1;margin:0}
.k-btn{padding:11px 18px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:13px;animation:press 7s infinite}
.k-prog{animation:kprog 7s infinite}
.k-toast{margin-top:30px;padding:12px 16px;border-radius:12px;background:rgba(48,209,88,.1);border:1px solid rgba(48,209,88,.3);color:var(--ok);font-size:13px;font-weight:600;animation:toast 7s infinite}
.cur{position:absolute;left:78%;top:84%;width:22px;height:22px;animation:cur 7s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}
@keyframes cur{0%{left:78%;top:88%}28%,34%{left:84%;top:19%}34%{transform:scale(.85)}45%{transform:none}100%{left:78%;top:88%}}
@keyframes press{0%,30%{filter:none;transform:none}33%{filter:brightness(.8);transform:scale(.95)}38%,100%{filter:none;transform:none}}
@keyframes kprog{0%,34%{width:0}62%,100%{width:100%}}
@keyframes toast{0%,66%{opacity:0;transform:translateY(8px)}74%,92%{opacity:1;transform:none}100%{opacity:0}}
/* b: batch */
.batch{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px}
.batch i{aspect-ratio:4/3;border-radius:8px;background:linear-gradient(145deg,hsl(calc(200 + var(--i)*9) 70% 52%),hsl(calc(230 + var(--i)*9) 60% 28%));animation:pop 8s infinite;animation-delay:calc(var(--i)*.16s)}
@keyframes pop{0%{opacity:0;transform:scale(.6)}6%,72%{opacity:1;transform:none}82%,100%{opacity:0;transform:scale(.9)}}
.folder{border:1px solid rgba(100,210,255,.28);background:var(--bg);border-radius:12px;padding:13px 14px;display:flex;justify-content:space-between;gap:10px;font-size:13px;animation:fold 8s infinite}
.folder span{color:var(--a2);font-family:Consolas,monospace}.folder b{color:var(--ok);font-size:11px}
@keyframes fold{0%,30%{opacity:.2;transform:translateY(6px)}40%,78%{opacity:1;transform:none}90%,100%{opacity:.2}}
/* c: camera raw */
.scene{height:190px;border-radius:12px;background:radial-gradient(circle at 70% 28%,#ffd9a0 0 9%,transparent 10%),linear-gradient(180deg,#8fb4d9 0 48%,#3d6b4a 48% 70%,#2a3f33 70%);filter:saturate(.3) contrast(.8) brightness(.95)}
.scene.after{position:absolute;inset:18px 18px auto 18px;filter:saturate(1.35) contrast(1.15) brightness(1.02);animation:wipe 6s ease-in-out infinite alternate}
.line{position:absolute;top:18px;width:2px;height:190px;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.7);animation:wl 6s ease-in-out infinite alternate}
@keyframes wipe{0%{clip-path:inset(0 0 0 100%)}100%{clip-path:inset(0 0 0 0)}}
@keyframes wl{0%{left:calc(100% - 18px)}100%{left:18px}}
.cr-t{display:flex;justify-content:space-between;margin-top:210px;font-size:12px;color:var(--dim)}
/* d: plan switch */
.sw{display:inline-flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line2);border-radius:12px;margin-bottom:16px}
.sw button{padding:9px 22px;border:0;border-radius:9px;background:transparent;color:var(--dim);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}
.sw button[aria-pressed=true]{background:var(--s2);color:var(--text)}
.dst{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;margin-bottom:10px;background:var(--bg);font-size:14px;transition:.3s}
.dst small{color:var(--dim)}.dst.lock{opacity:.4}.dst.lock::after{content:"Pro";font-size:11px;font-weight:700;color:var(--gold)}.dst.on{border-color:rgba(48,209,88,.35)}.dst.on::after{content:"Available";font-size:11px;color:var(--ok);font-weight:700}
.cta{text-align:center;padding:80px 0 90px;border-top:1px solid var(--line2)}.cta h2{font-size:clamp(30px,4.6vw,46px)}.cta .sub{margin:0 auto 26px}
@media(max-width:860px){.feat{grid-template-columns:1fr;gap:28px;padding:48px 0}.feat.flip .txt{order:0}}
/* ===== v3: motion everywhere ===== */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 120px 90px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 210px 160px,rgba(100,210,255,.8),transparent),radial-gradient(1px 1px at 300px 40px,rgba(255,255,255,.6),transparent);background-size:340px 220px;animation:drift 90s linear infinite}
@keyframes drift{to{background-position:340px 220px}}
body::before{animation:aurora 14s ease-in-out infinite alternate}@keyframes aurora{to{transform:translateX(5%) scale(1.08);opacity:.75}}
main,footer{position:relative;z-index:1}.top{position:sticky;z-index:50}
#pg{position:fixed;top:0;left:0;right:0;height:2px;z-index:20;background:linear-gradient(90deg,var(--accent),var(--a2));transform:scaleX(0);transform-origin:0 50%}
.top.s{background:rgba(0,0,0,.82);box-shadow:0 1px 0 rgba(100,210,255,.18)}
.st{opacity:0;transform:translateY(18px);animation:stin .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d)*.13s)}
@keyframes stin{to{opacity:1;transform:none}}
.ln{display:block;overflow:hidden;padding-bottom:.06em}.ln>span{display:block;transform:translateY(105%);animation:lnin 1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.2s + var(--d)*.14s)}
@keyframes lnin{to{transform:none}}
.btn.primary{position:relative;overflow:hidden}.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38) 50%,transparent 65%);transform:translateX(-120%);animation:shine 4.5s ease-in-out 1.6s infinite}
@keyframes shine{40%,100%{transform:translateX(120%)}}
.demo:not(.st){animation:float 7s ease-in-out infinite}.hero .win{animation:float 7s ease-in-out 1.6s infinite}@keyframes float{50%{transform:translateY(-8px)}}
.mq{overflow:hidden;border-block:1px solid var(--line2);padding:16px 0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mq div{display:flex;gap:56px;width:max-content;animation:mq 32s linear infinite;color:var(--dim);font-size:15px;font-weight:600;white-space:nowrap}.mq i{color:var(--accent);font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
.stg>*{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.in .stg>*,.stg.in>*{opacity:1;transform:none}
.stg>:nth-child(2){transition-delay:.1s}.stg>:nth-child(3){transition-delay:.2s}.stg>:nth-child(4){transition-delay:.3s}.stg>:nth-child(5){transition-delay:.4s}.stg>:nth-child(6){transition-delay:.5s}
.tile,.plan{position:relative;overflow:hidden}.tile::before,.plan::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(100,210,255,.16),transparent 70%)}.tile:hover::before,.plan:hover::before{opacity:1}
/* steps */
.steps{display:grid;gap:10px}.step{display:flex;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;background:var(--bg);font-size:14px;color:var(--dim);animation:stp 9s infinite}
.step b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--s2);color:var(--text);flex:none}
.step:nth-child(2){animation-delay:3s}.step:nth-child(3){animation-delay:6s}
@keyframes stp{0%,28%{border-color:rgba(10,132,255,.6);color:var(--text);background:rgba(10,132,255,.1);transform:translateX(6px)}34%,100%{border-color:var(--line2);color:var(--dim);background:var(--bg);transform:none}}
/* tray */
.menu{width:100%;max-width:300px;margin:0 auto;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:6px;box-shadow:var(--shadow)}
.mi{padding:9px 12px;border-radius:7px;font-size:13.5px;color:var(--body);display:flex;justify-content:space-between}.mi.hl{animation:hl 6s infinite}.mi.hr{color:var(--ok);font-size:12px}
.mi.sep{border-top:1px solid var(--line2);border-radius:0;margin-top:4px}
@keyframes hl{0%,25%{background:transparent}32%,62%{background:var(--accent);color:#fff}70%,100%{background:transparent}}
.tt{margin:16px auto 0;max-width:300px;padding:11px 14px;border-radius:12px;text-align:center;font-size:13px;font-weight:600;color:var(--ok);background:rgba(48,209,88,.1);border:1px solid rgba(48,209,88,.3);animation:toast 6s infinite}
/* accordion */
.acs{display:grid;gap:10px;max-width:780px}.ac{border:1px solid var(--line2);border-radius:14px;background:linear-gradient(180deg,var(--surface),var(--soft));transition:border-color .3s}.ac.open{border-color:rgba(10,132,255,.45)}
.ac>button{all:unset;box-sizing:border-box;width:100%;cursor:pointer;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px;color:var(--text)}
.ac>button:focus-visible{outline:2px solid var(--a2);outline-offset:-2px;border-radius:14px}.ac>button::after{content:"+";font-size:22px;color:var(--a2);transition:transform .3s}.ac.open>button::after{transform:rotate(45deg)}
.ac-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.ac.open .ac-b{grid-template-rows:1fr}.ac-b>div{overflow:hidden}.ac-b p{margin:0;padding:0 20px 18px;color:var(--dim);font-size:15px}
/* try */
.try{max-width:520px;margin:0 auto}.try .tabs{margin-bottom:14px}.go{width:100%;padding:13px;border:0;border-radius:11px;background:var(--accent);color:#fff;font:600 14px inherit;font-family:inherit;cursor:pointer;margin-top:4px;transition:filter .2s,transform .2s}.go:hover{filter:brightness(1.12)}.go:active{transform:scale(.98)}.go:disabled{opacity:.55;cursor:default}
.tp{height:5px;border-radius:3px;background:var(--s2);overflow:hidden;margin:10px 0 0}.tp i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--a2));transition:width 1.6s cubic-bezier(.3,.7,.3,1)}
.tl{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(100,210,255,.28);background:var(--bg);font:13px Consolas,monospace;color:var(--a2);opacity:.25;transform:translateY(6px);transition:.5s}.tl.on{opacity:1;transform:none}
/* compare */
.cmp{width:100%;margin-top:22px}.cmp td:not(:first-child),.cmp th:not(:first-child){text-align:center;width:130px}.cmp td:first-child{color:var(--body)}
.ck{display:inline-block;color:var(--ok);font-weight:700;transform:scale(0)}.in .ck{animation:ckp .45s cubic-bezier(.3,1.7,.5,1) forwards;animation-delay:calc(var(--i)*.09s + .2s)}@keyframes ckp{to{transform:scale(1)}}
.cmp .no{color:var(--faint)}
.about{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:linear-gradient(180deg,var(--surface),var(--soft));border:1px solid var(--line2);border-radius:20px;padding:30px}
.av{width:96px;height:96px;border-radius:26px;background:linear-gradient(160deg,#0a84ff,#0060df);display:grid;place-items:center;font-size:44px;font-weight:700;box-shadow:0 0 50px -10px rgba(10,132,255,.7);animation:float 6s ease-in-out infinite}
.about h2{margin-bottom:8px}.about p{margin:0;color:var(--body);max-width:560px}
@media(max-width:860px){.about{grid-template-columns:1fr}.cmp td:not(:first-child),.cmp th:not(:first-child){width:auto}}

/* Reduced motion: keep the product demos and fades, drop the large movement */
@keyframes fadein{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body::after,body::before,.demo:not(.st),.hero .win,.av,.mq div,.btn.primary::after{animation:none!important}
.st,.ln>span{transform:none;animation-name:fadein}.ln>span{transform:none}.rv,.stg>*{transform:none}html{scroll-behavior:auto}}