/* Tacca landing: one pinned stage that tells the app as you scroll. */

@font-face{font-family:Lato;src:url(../assets/fonts/lato-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(../assets/fonts/lato-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Lato;src:url(../assets/fonts/lato-900.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:Kalam;src:url(../assets/fonts/kalam-400.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --ink:#192126;
  --lime:#BBF246;
  --light:#F4F4F6;
  --white:#FFFFFF;
  --muted:#8C9092;
  --stroke:#D4D8E0;
  --paper:#FCFBF7;
  --on-dark:#F2F4F6;
  --on-dark-2:#AEB5BA;
  --sys:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --gutter:max(20px,calc((100vw - 1240px) / 2 + 32px));
  --ease:cubic-bezier(.16,1,.3,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);-webkit-text-size-adjust:100%}
body{font-family:Lato,system-ui,sans-serif;background:var(--ink);color:var(--on-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
a{color:inherit}
svg{display:block}

/* ---------------------------------------------------------------- header */
.bar{position:fixed;inset:0 0 auto 0;z-index:50;height:64px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:var(--on-dark);pointer-events:none;transition:color .35s ease}
.bar[data-tone=lime],.bar[data-tone=light]{color:var(--ink)}
.bar>*{pointer-events:auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 22px/1 Lato;letter-spacing:-.02em}
.brand-icon{width:32px;height:32px;border-radius:8px;box-shadow:0 0 0 1px rgba(242,244,246,.14)}
.bar[data-tone=lime] .brand-icon,.bar[data-tone=light] .brand-icon{box-shadow:none}
.bar-soon{font:700 12px/1 Lato;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px currentColor}
.js .bar .brand,.js .bar .bar-soon{opacity:0}

/* ---------------------------------------------------------------- story stage */
.story{position:relative}
.js .story{height:1000vh}
.stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;isolation:isolate}
.bg-layer{position:absolute;inset:0;overflow:hidden}
.t-ink{background:var(--ink)}
.t-lime{background:var(--lime)}
.t-light{background:var(--light)}
.js .bg-layer.wipe{visibility:hidden}

.ghost{position:absolute;left:0;top:50%;margin-top:-.4em;white-space:nowrap;font:900 30vw/.8 Lato;letter-spacing:-.05em;text-transform:uppercase;will-change:transform;user-select:none;pointer-events:none}
.narrow .ghost{font-size:44vw}
.t-ink .ghost{color:rgba(242,244,246,.035)}
.t-lime .ghost{color:rgba(25,33,38,.06)}
.t-light .ghost{color:rgba(25,33,38,.045)}
.ghost.marquee{font-size:19vw;letter-spacing:-.04em}
.narrow .ghost.marquee{font-size:30vw}
.ghost.marquee i{font-style:normal;opacity:.5;margin:0 .18em}

/* ---------------------------------------------------------------- hero */
.hero{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 20px 72px;text-align:center}
.hero-row{display:flex;align-items:center;gap:clamp(18px,3.4vw,56px)}
.hero-mark{width:clamp(150px,21vw,300px);flex:none;transform-origin:49.07% 48.44%;will-change:transform}
.hero-mark svg{width:100%;height:auto;overflow:visible}
#tally .stk{fill:none;stroke:var(--on-dark);stroke-width:24;stroke-linecap:round}
#slash{fill:none;stroke:var(--lime);stroke-width:30;stroke-linecap:round;stroke-linejoin:round}
#tile{fill:var(--ink);stroke:rgba(242,244,246,.14);stroke-width:4;opacity:0}
.hero-word{text-align:left}
.word{font:900 clamp(88px,15vw,224px)/.86 Lato;letter-spacing:-.045em;color:var(--on-dark)}
.def{font:400 clamp(17px,1.7vw,24px)/1.3 Lato;color:var(--on-dark-2);margin-top:.7em}
.def i{color:var(--muted)}
.hero-foot{margin-top:clamp(28px,7vh,72px)}
.hero-foot-in{display:flex;flex-direction:column;align-items:center;gap:22px}
.lead{font:700 clamp(18px,1.7vw,23px)/1.3 Lato;color:var(--on-dark)}
.cue{position:absolute;left:50%;bottom:22px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;font:700 11px/1 Lato;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-2)}
.cue::after{content:"";width:2px;height:34px;border-radius:2px;background:var(--on-dark-2);transform-origin:top;animation:cue 1.8s var(--ease) infinite}
@keyframes cue{0%{transform:scaleY(0);opacity:1}55%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

.mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.mask>span{display:block}

/* intro, played once on load (the scroll moves the wrappers, never these) */
.js .hero .mask>span{transform:translateY(108%);transition:transform 1s var(--ease)}
.js .hero .word .mask>span{transition-delay:1.05s}
.js .hero .def .mask>span{transition-delay:1.25s}
.js .hero-foot-in,.js .cue{opacity:0;transform:translateY(18px);transition:opacity .9s ease 1.5s,transform .9s var(--ease) 1.5s}
.js #tally .stk,.js #slash{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .26s cubic-bezier(.4,0,.2,1)}
.js #tally .s1 .stk{transition-delay:.2s}
.js #tally .s2 .stk{transition-delay:.42s}
.js #tally .s3 .stk{transition-delay:.64s}
.js #tally .s4 .stk{transition-delay:.86s}
.js #slash{transition-duration:.32s;transition-delay:1.12s}
.hero.in .mask>span{transform:none}
.hero.in .hero-foot-in,.hero.in .cue{opacity:1;transform:none}
.hero.in #tally .stk,.hero.in #slash{stroke-dashoffset:0}

/* store badges, shared by hero and outro */
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.badge{display:flex;align-items:center;gap:12px;height:58px;padding:0 22px 0 18px;border-radius:16px;box-shadow:inset 0 0 0 1.5px rgba(242,244,246,.22);color:var(--on-dark);text-align:left}
.badge svg{width:26px;height:26px;flex:none}
.badge small{display:block;font:700 10.5px/1.25 Lato;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-2)}
.badge b{display:block;font:900 19px/1.1 Lato;letter-spacing:-.01em}

@media (max-width:760px){
  .hero-row{flex-direction:column;gap:22px}
  .hero-mark{width:min(46vw,210px)}
  .hero-word{text-align:center}
  .word{font-size:min(30vw,150px)}
  .badge{height:54px;padding:0 18px 0 14px;gap:10px}
  .badge b{font-size:17px}
}

/* ---------------------------------------------------------------- captions */
.cap{position:absolute;z-index:5;visibility:hidden}
.wide .cap{left:var(--gutter);top:50%;translate:0 -46%;width:min(44vw,600px)}
.wide #cap-snap{top:88px;translate:none}
.narrow .cap{left:20px;right:20px;top:76px}
.cap h2{font:900 clamp(40px,5.2vw,82px)/1 Lato;letter-spacing:-.035em}
.narrow .cap h2{font-size:clamp(30px,8.4vw,46px)}
.cap p{font:400 clamp(16px,1.3vw,20px)/1.5 Lato;margin-top:clamp(14px,2.6vh,28px);max-width:31em}
.narrow .cap p{font-size:15px;line-height:1.42;margin-top:12px}
.cap .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.cap .w>span{display:inline-block;will-change:transform}
.cap mark{background:none;color:var(--lime)}
.cap .w.box{background:var(--ink);padding-right:.2em;margin-right:-.2em}
.cap .w.box.first{padding-left:.12em;margin-left:-.06em;border-radius:.12em 0 0 .12em}
.cap .w.box.last{padding-right:.12em;margin-right:0;border-top-right-radius:.12em;border-bottom-right-radius:.12em}
.cap .lime{color:var(--lime)}
.cap.tone-dark{color:var(--on-dark)}
.cap.tone-dark p{color:var(--on-dark-2)}
.cap.tone-lime,.cap.tone-light{color:var(--ink)}
.cap.tone-lime p{color:rgba(25,33,38,.8)}
.cap.tone-light p{color:#4F565C}

.tag{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 15px 0 11px;margin-bottom:clamp(16px,3vh,30px);border-radius:999px;font:700 12px/1 Lato;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--on-dark)}
.narrow .tag{margin-bottom:12px;height:30px}
.tone-dark .tag{background:rgba(242,244,246,.09)}
.tag svg{width:32px;height:20px;overflow:visible}
.tag path{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round}
.tag .sl{stroke:var(--lime);stroke-width:4}
.tag .new{stroke-dasharray:1;stroke-dashoffset:1}

/* landscape phones and short laptop windows */
@media (max-height:560px) and (min-width:640px){
  .cap h2{font-size:clamp(26px,4vw,40px)}
  .cap p{font-size:14px;line-height:1.4;margin-top:10px}
  .tag{margin-bottom:10px;height:28px}
  .wide #cap-snap{top:70px}
}

/* ---------------------------------------------------------------- paper (snap chapter) */
.paperwrap{position:absolute;left:0;top:0;width:640px;height:500px;transform-origin:0 0;z-index:3;visibility:hidden}
.narrow .paperwrap{z-index:8}
.paper{position:absolute;inset:0;padding:38px 46px;border-radius:8px;background:var(--paper);box-shadow:0 30px 60px rgba(25,33,38,.2),0 4px 12px rgba(25,33,38,.1);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 57px,#E4E7EE 57px,#E4E7EE 59px);background-position:0 34px;transform-origin:50% 60%}
.pline{position:relative;height:58px;font:400 31px/58px Kalam,"Segoe Print","Bradley Hand",cursive;color:#27304A;white-space:nowrap}
.pline.head{font-size:34px;color:var(--ink)}
.pline .hl{position:absolute;left:-10px;top:12px;height:38px;border-radius:8px;background:var(--lime);width:0}
.pline .tx{position:relative}
.vf{position:absolute;left:-30px;top:-30px;right:-30px;bottom:-30px}
.vf i{position:absolute;width:64px;height:64px;border:0 solid var(--ink)}
.vf i:nth-child(1){left:0;top:0;border-left-width:7px;border-top-width:7px;border-top-left-radius:18px}
.vf i:nth-child(2){right:0;top:0;border-right-width:7px;border-top-width:7px;border-top-right-radius:18px}
.vf i:nth-child(3){left:0;bottom:0;border-left-width:7px;border-bottom-width:7px;border-bottom-left-radius:18px}
.vf i:nth-child(4){right:0;bottom:0;border-right-width:7px;border-bottom-width:7px;border-bottom-right-radius:18px}
.flash{position:absolute;left:-30px;top:-30px;right:-30px;bottom:-30px;border-radius:26px;background:#fff;opacity:0}
.flyers{position:absolute;inset:0;z-index:9;pointer-events:none}
.flyer{position:absolute;left:0;top:0;padding:9px 16px;border-radius:999px;background:var(--ink);color:#fff;font:700 15px/1 Lato;white-space:nowrap;opacity:0;box-shadow:0 10px 26px rgba(25,33,38,.28)}

/* ---------------------------------------------------------------- phone */
.phone{position:absolute;left:0;top:0;width:426px;height:898px;transform-origin:0 0;z-index:4;visibility:hidden;will-change:transform;font-family:Lato,sans-serif;color:var(--ink)}
.frame{position:absolute;inset:0;border-radius:66px;background:#15191C;box-shadow:inset 0 0 0 2px #3A444B,inset 0 0 0 5px #0B0D0F,0 50px 100px rgba(25,33,38,.3),0 10px 30px rgba(25,33,38,.18)}
.on-dark .frame{box-shadow:inset 0 0 0 2px #4A5760,inset 0 0 0 5px #0B0D0F,0 50px 110px rgba(0,0,0,.55)}
.screen{position:absolute;left:11px;top:11px;width:404px;height:876px;border-radius:56px;overflow:hidden;background:var(--light);transform:translateZ(0)}
.scr{position:absolute;left:0;top:0;width:404px;height:876px;background:var(--light);overflow:hidden}
.island{position:absolute;left:139px;top:11px;width:126px;height:37px;border-radius:20px;background:#000;z-index:20}
.status{position:absolute;left:0;top:0;width:404px;height:54px;z-index:19;color:var(--ink)}
.status .tm{position:absolute;left:46px;top:20px;font:600 17px/1 var(--sys);letter-spacing:.2px}
.status svg{position:absolute;top:22px}
.homebar{position:absolute;left:135px;bottom:8px;width:134px;height:5px;border-radius:3px;z-index:19;background:rgba(25,33,38,.9)}
.blackout{position:absolute;inset:0;background:#000;opacity:0;z-index:15}
.tap,.tapring{position:absolute;left:0;top:0;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;z-index:30;opacity:0}

.phone .ttl{position:absolute;left:24px;font:900 26px/1.1 Lato;letter-spacing:-.2px;white-space:nowrap}
.phone .lbl{position:absolute;left:24px;font:400 16px/1.2 Lato;color:var(--muted)}
.phone .desc{position:absolute;left:24px;font:400 15px/1.2 var(--sys);color:var(--muted)}
.phone .card{position:absolute;left:24px;width:356px;background:#fff;border-radius:26px}
.phone .sq{position:absolute;width:40px;height:40px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--stroke);display:flex;align-items:center;justify-content:center}
.phone .ico{display:inline-flex;color:inherit}
.phone .ico svg{display:block}
.phone .prow{height:56px;display:flex;align-items:center;padding:0 14px 0 20px}
.phone .prow .nm{flex:1;font:400 17px/1.2 Lato;white-space:nowrap}
.phone .prow .dy{font:400 14px/1 Lato;color:var(--muted);margin-right:16px}
.phone .prow.arch{background:rgba(255,255,255,.55)}
.phone .prow.arch .nm{color:#5F6568}
.phone .bt{font:700 14px/1.2 Lato;letter-spacing:.6px}
.phone .xr{position:absolute;left:20px;right:20px;height:46px}
.phone .xr .num{position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:8px;background:var(--light);font:400 13px/26px Lato;color:var(--muted);text-align:center}
.phone .xr .nm{position:absolute;left:38px;top:0;font:400 17px/1.2 Lato;white-space:nowrap}
.phone .xr .mt{position:absolute;left:38px;top:23px;font:400 13px/1.2 Lato;color:var(--muted)}
.phone .xr .rx{position:absolute;right:0;top:0;font:700 16px/1.2 Lato}
.phone .chip{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:43px;background:var(--light);font:400 12px/1 Lato;color:#4F565C;white-space:nowrap}
.phone .blk{position:absolute;left:20px;top:16px;display:flex;align-items:center;gap:8px}
.phone .blk .bt{margin-right:4px}
.phone .pill{position:absolute;height:32px;padding:0 14px;border-radius:999px;display:flex;align-items:center;gap:7px;font:400 15px/1 Lato;background:#fff}
.phone .pill.on{background:var(--lime)}

.phone .srow{position:absolute;left:20px;width:316px;height:56px;border-radius:20px;background:rgba(25,33,38,.075)}
.phone .srow .ck{position:absolute;left:15px;top:13px;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--ink)}
.phone .srow .fillc{position:absolute;inset:0;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center;color:var(--lime)}
.phone .srow .sl{position:absolute;left:56px;top:18px;font:400 17px/1.2 Lato}
.phone .srow .sv{position:absolute;right:20px;top:18px;font:700 17px/1.2 Lato;white-space:nowrap}

.phone .hrow{position:absolute;left:24px;width:356px;height:72px;border-radius:26px;background:#fff}
.phone .hrow.on{background:var(--lime)}
.phone .hrow .dt{position:absolute;left:12px;top:12px;width:48px;height:48px;border-radius:14px;background:var(--light);text-align:center;padding-top:7px}
.phone .hrow.on .dt{background:rgba(25,33,38,.08)}
.phone .hrow .dt b{display:block;font:900 18px/1 Lato}
.phone .hrow .dt span{display:block;font:400 12px/1.2 Lato;color:var(--muted);margin-top:2px}
.phone .hrow.on .dt span,.phone .hrow.on .sub{color:rgba(25,33,38,.66)}
.phone .hrow .nm{position:absolute;left:74px;top:15px;font:400 17px/1.2 Lato;white-space:nowrap}
.phone .hrow .sub{position:absolute;left:74px;top:39px;font:400 14px/1.2 Lato;color:var(--muted);white-space:nowrap}
.phone .hrow .sets{position:absolute;right:16px;top:13px;font:700 15px/1.2 Lato}
.phone .hrow .st{position:absolute;right:12px;top:38px;height:22px;padding:0 9px;border-radius:999px;background:var(--light);font:400 12px/22px Lato;color:var(--muted)}
.phone .hrow.on .st{background:rgba(25,33,38,.1);color:var(--ink)}
.phone .hrow .st.ab{color:#E0466B}

.phone .topfade{position:absolute;left:0;top:0;width:404px;height:68px;background:linear-gradient(var(--light) 70%,rgba(244,244,246,0))}
.phone .tabbar{position:absolute;left:32px;top:786px;width:340px;height:56px;border-radius:32px;background:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.06);color:#fff}
.phone .tabbar .act{position:absolute;top:10px;width:116px;height:36px;border-radius:999px;background:var(--lime);display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);font:400 16px/1 Lato}
.phone .tabbar .ti{position:absolute;top:16px}

/* lock screen and its Live Activity */
.lock{background:radial-gradient(130% 70% at 25% 15%,#34424A 0%,#1A2329 45%,#0B1014 100%);color:#F7F8F9;font-family:var(--sys)}
.lock .clk{position:absolute;left:0;width:404px;text-align:center;white-space:nowrap}
.la{position:absolute;left:12px;top:478px;width:380px;height:214px;border-radius:26px;background:rgba(42,48,54,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.35)}
.la .lh{position:absolute;left:18px;top:18px;right:18px;height:30px;display:flex;align-items:center;gap:10px;font:600 15px/1 var(--sys)}
.la .lh .ic{width:30px;height:30px;border-radius:8px;background:#11171B;display:flex;align-items:center;justify-content:center;color:var(--lime)}
.la .lh .dy{margin-left:auto;color:#9AA1A6;font-weight:600}
.la .ex{position:absolute;left:18px;top:68px;font:700 23px/1.1 var(--sys)}
.la .sn{position:absolute;left:18px;top:98px;font:700 16px/1.1 var(--sys);color:var(--lime)}
.la .rl{position:absolute;right:18px;top:62px;font:600 13px/1 var(--sys);color:#9AA1A6;text-align:right}
.la .rc{position:absolute;right:18px;top:80px;font:700 36px/1 var(--sys);text-align:right;font-variant-numeric:tabular-nums}
.la .bar2{position:absolute;left:18px;right:18px;top:132px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
.la .bar2 i{display:block;height:100%;width:0;background:var(--lime);border-radius:2px}
.la .btn{position:absolute;left:18px;right:18px;top:150px;height:46px;border-radius:999px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:9px;font:700 17px/1 var(--sys)}
.lockbtn{position:absolute;bottom:46px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:#fff}

/* ---------------------------------------------------------------- outro and footer */
.outro{position:relative;background:var(--ink);padding:clamp(48px,10vh,120px) 20px clamp(64px,12vh,140px);text-align:center;overflow:hidden}
.outro-in{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.otile{width:clamp(96px,11vw,136px);aspect-ratio:1;border-radius:24%;background:var(--ink);box-shadow:inset 0 0 0 1.5px rgba(242,244,246,.14),0 30px 60px rgba(0,0,0,.45)}
.otile svg{width:100%;height:100%}
.otile path{fill:none;stroke:var(--lime);stroke-width:92;stroke-linecap:round;stroke-linejoin:round}
.outro h2{margin-top:clamp(28px,5vh,48px);font:900 clamp(44px,7.4vw,112px)/.95 Lato;letter-spacing:-.04em}
.outro h2 .mask{display:block}
.outro .sub{margin-top:clamp(18px,3vh,28px);font:400 clamp(17px,1.6vw,22px)/1.4 Lato;color:var(--on-dark-2)}
.outro .badges{margin-top:28px}
.facts{list-style:none;margin-top:clamp(28px,5vh,44px);display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.facts li{font:700 14px/1 Lato;padding:11px 16px;border-radius:999px;background:rgba(242,244,246,.07);color:var(--on-dark)}

.js .outro .otile{transform:scale(.6);opacity:0;transition:transform .9s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}
.js .outro .otile path{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1) .35s}
.js .outro .mask>span{transform:translateY(108%);transition:transform 1s var(--ease)}
.js .outro h2 .mask:nth-child(2)>span{transition-delay:.1s}
.js .outro .fade{opacity:0;transform:translateY(16px);transition:opacity .8s ease .45s,transform .8s var(--ease) .45s}
.outro.in .otile{transform:none;opacity:1}
.outro.in .otile path{stroke-dashoffset:0}
.outro.in .mask>span{transform:none}
.outro.in .fade{opacity:1;transform:none}

.foot{background:var(--ink);border-top:1px solid rgba(242,244,246,.08);padding:26px var(--gutter) 30px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;font:400 14px/1.4 Lato;color:var(--on-dark-2)}
.foot a{color:var(--on-dark);text-decoration:none;font-weight:700}
.foot a:hover{color:var(--lime)}
.foot nav{display:flex;gap:22px}

/* ---------------------------------------------------------------- reduced motion */
@media (prefers-reduced-motion:reduce){
  .js .hero .mask>span,.js .hero-foot-in,.js .cue,.js #tally .stk,.js #slash,
  .js .outro .otile,.js .outro .otile path,.js .outro .mask>span,.js .outro .fade{transition:none}
  .cue::after{animation:none}
}
