body{margin:0;background:#121318}
a{color:#ff6f63}a:hover{color:#ffffff}
input::placeholder{color:#8f939c}
:focus-visible{outline:2px solid #f44336;outline-offset:2px;border-radius:4px}
.dots{background-image:radial-gradient(rgba(255,255,255,0.07) 1px,transparent 1px);background-size:28px 28px}
.blob{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.b1{animation:drift-a 16s ease-in-out infinite}
.b2{animation:drift-b 20s ease-in-out infinite}
.b3{animation:drift-a 24s ease-in-out infinite reverse}
@keyframes drift-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(90px,60px) scale(1.15)}}
@keyframes drift-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-100px,-50px) scale(1.1)}}
.pulse{animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,0.6)}100%{box-shadow:0 0 0 10px rgba(74,222,128,0)}}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.float1{animation:float 6s ease-in-out infinite}
.float2{animation:float 7s ease-in-out 1s infinite}
.float3{animation:float 8s ease-in-out 2s infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.caret{display:inline-block;width:2px;height:1.1em;background:#f44336;vertical-align:-0.2em;margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.check{animation:check 4s ease-in-out infinite}
@keyframes check{0%,40%{background:transparent;border-color:#bdbdbd}50%,90%{background:#f44336;border-color:#f44336}100%{background:transparent;border-color:#bdbdbd}}
.strike{animation:strike 4s ease-in-out infinite}
@keyframes strike{0%,40%{color:#ececec;text-decoration-color:transparent}50%,90%{color:#8f939c;text-decoration-color:#8f939c}100%{color:#ececec;text-decoration-color:transparent}}
.marquee{display:flex;width:max-content;animation:marquee 38s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.line-fill{animation:fill 5s ease-in-out infinite}
@keyframes fill{0%{width:0}60%,100%{width:100%}}
.words{animation:words 9s ease-in-out infinite}
@keyframes words{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-1.1em)}66%,92%{transform:translateY(-2.2em)}100%{transform:translateY(-3.3em)}}
.lift{transition:transform .25s ease,border-color .25s ease}
.lift:hover{transform:translateY(-6px);border-color:#f44336}
.cta-btn{transition:transform .15s ease,background .15s ease}
.cta-btn:hover{background:#c62828;transform:scale(1.04)}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.plus{transition:transform .2s ease}
.jit{animation:jit 5s ease-in-out infinite}
.d1{animation-delay:-1.2s}.d2{animation-delay:-2.4s}.d3{animation-delay:-3.6s}
@keyframes jit{0%,100%{translate:0 0}25%{translate:5px -7px}50%{translate:-4px 4px}75%{translate:3px 6px}}
.deep{position:absolute;left:50%;top:50%;white-space:nowrap;border-radius:12px;padding:10px 16px;font-size:17px;opacity:0;will-change:transform,opacity;animation:deep 7.2s cubic-bezier(.15,.6,.35,1) infinite}
@keyframes deep{0%{transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(2.8);opacity:0;filter:blur(8px)}10%{opacity:1;filter:blur(0)}70%{opacity:.85}100%{transform:translate(-50%,-50%) translate(var(--ex),var(--ey)) scale(0.1);opacity:0;filter:blur(1px)}}
.stream{position:absolute;top:24px;left:0;width:8px;height:8px;border-radius:50%;background:#ff6f63;box-shadow:0 0 10px #f44336;animation:stream 1.6s linear infinite}
@keyframes stream{0%{transform:translateX(-10px) scale(.6);opacity:0}20%{opacity:1}50%{transform:translateX(66px) scale(1.2);opacity:1}80%{opacity:1}100%{transform:translateX(142px) scale(.6);opacity:0}}
.land{animation:land 8s ease-out infinite;opacity:0}
@keyframes land{0%,64%{opacity:0;transform:translateX(-24px) scale(.8)}70%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
.after{animation:after 8s ease-out infinite;opacity:0}
@keyframes after{0%,60%{opacity:0}66%,92%{opacity:1}97%,100%{opacity:0}}
@media (max-width:900px){.bridge{margin:0 auto!important;transform:rotate(90deg)}}
.carry{position:absolute;z-index:5;left:18%;top:58%;pointer-events:none;opacity:0;animation:carry 8s cubic-bezier(.55,0,.35,1) infinite}
@keyframes carry{0%{left:18%;top:60%;opacity:0}4%{opacity:1}18%{left:18%;top:60%}38%{left:43%;top:30%}56%{left:61%;top:44%;opacity:1}64%{left:61%;top:44%;opacity:0}100%{left:61%;top:44%;opacity:0}}
.carry-chip{display:block;white-space:nowrap;background:#272b34;border:1px solid #4a505d;border-radius:12px;padding:10px 16px;font-size:17px;color:#ffffff;animation:carrychip 8s ease-in-out infinite}
@keyframes carrychip{0%,14%{transform:rotate(-5deg) scale(1);box-shadow:none}20%,54%{transform:rotate(2deg) scale(1.12);box-shadow:0 24px 50px rgba(0,0,0,.55);border-color:#f44336}60%,100%{transform:rotate(0) scale(1);box-shadow:none;border-color:#f44336}}
.carry-hand{position:absolute;left:62%;top:58%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));animation:hand 8s ease-in-out infinite}
@keyframes hand{0%{transform:translate(80px,70px);opacity:0}5%{opacity:1}14%{transform:translate(0,0) scale(1)}17%,55%{transform:translate(0,0) scale(.85)}60%{transform:translate(0,0) scale(1);opacity:1}72%,100%{transform:translate(70px,60px);opacity:0}}
.receive{animation:receive 8s ease-out infinite;border:1px solid #4a505d}
@keyframes receive{0%,55%{opacity:0;transform:scale(1.06);border-color:#f44336;box-shadow:0 0 0 0 rgba(244,67,54,0)}61%{opacity:1;transform:scale(1);border-color:#f44336;box-shadow:0 0 0 8px rgba(244,67,54,.28)}80%,92%{opacity:1;border-color:#4a505d;box-shadow:0 0 0 0 rgba(244,67,54,0)}97%,100%{opacity:0;border-color:#4a505d}}
@media (max-width:900px){.carry{display:none}}
.nudge{animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(8px)}}
.glow{animation:glow 2.4s ease-out infinite}
@keyframes glow{0%{box-shadow:0 0 0 0 rgba(244,67,54,0.55)}100%{box-shadow:0 0 0 14px rgba(244,67,54,0)}}
.pulse-w{animation:pulsew 1.8s ease-out infinite}
@keyframes pulsew{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7)}100%{box-shadow:0 0 0 9px rgba(255,255,255,0)}}
.type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:type 6s steps(21) infinite}
@keyframes type{0%{max-width:0}50%,90%{max-width:12em}100%{max-width:0}}
.pick{animation:pick 6s infinite}
.p2{animation-delay:2s}.p3{animation-delay:4s}
@keyframes pick{0%,28%{background:#d32f2f;color:#ffffff;border-color:#d32f2f}34%,100%{background:transparent;color:#c9cbd1;border-color:#4a505d}}
.ring{stroke-dasharray:113;animation:ring 5s ease-in-out infinite}
@keyframes ring{0%{stroke-dashoffset:113}60%,100%{stroke-dashoffset:18}}
.sync{animation:sync 1.2s ease-in-out infinite;opacity:.25}
@keyframes sync{50%{opacity:1}}
.words4{animation:words4 12s ease-in-out infinite}
@keyframes words4{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-1.1em)}50%,70%{transform:translateY(-2.2em)}75%,95%{transform:translateY(-3.3em)}100%{transform:translateY(-4.4em)}}
@media (max-width:900px){.bento{grid-template-columns:minmax(0,1fr)}.s2,.s3,.s4{grid-column:auto}.hero-art{display:none}.nav-links{display:none}}
/*B-CSS-START*/
.hb-caret{display:inline-block;width:3px;height:1em;background:#f44336;vertical-align:-0.12em;margin-left:3px;animation:blink 1s steps(1) infinite}
.hb-sub{opacity:0;max-height:0;overflow:hidden}
.hb-s0{animation:hbs0 12s infinite}.hb-s1{animation:hbs1 12s infinite}.hb-s2{animation:hbs2 12s infinite}.hb-s3{animation:hbs3 12s infinite}
@keyframes hbs0{0%,49%{opacity:0;max-height:0}52%,100%{opacity:1;max-height:60px}}
@keyframes hbs1{0%,52%{opacity:0;max-height:0;transform:translateX(-16px)}55%,100%{opacity:1;max-height:50px;transform:none}}
@keyframes hbs2{0%,55%{opacity:0;max-height:0;transform:translateX(-16px)}58%,100%{opacity:1;max-height:50px;transform:none}}
@keyframes hbs3{0%,58%{opacity:0;max-height:0;transform:translateX(-16px)}61%,100%{opacity:1;max-height:50px;transform:none}}
.hb-words{animation:hbwords 12s cubic-bezier(.7,0,.2,1) infinite}
@keyframes hbwords{0%,30%{transform:translateY(0)}34%,63%{transform:translateY(-1em)}67%,96%{transform:translateY(-2em)}100%{transform:translateY(-3em)}}
.hb-dot{animation:hbdot 12s cubic-bezier(.7,0,.2,1) infinite}
@keyframes hbdot{0%,30%{top:0%}34%,63%{top:50%}67%,96%{top:100%}100%{top:0%}}
.hb-rail{animation:hbrail 12s cubic-bezier(.7,0,.2,1) infinite}
@keyframes hbrail{0%,30%{height:0%}34%,63%{height:50%}67%,96%{height:100%}100%{height:0%}}
.hb-p,.hb-v{position:absolute;inset:0;opacity:0}
.hb-1{animation:hb1 12s infinite}.hb-2{animation:hb2 12s infinite}.hb-3{animation:hb3 12s infinite}
@keyframes hb1{0%{opacity:0;transform:translateY(30px)}3%,29%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-30px)}}
@keyframes hb2{0%,31%{opacity:0;transform:translateY(30px)}36%,62%{opacity:1;transform:none}66%,100%{opacity:0;transform:translateY(-30px)}}
@keyframes hb3{0%,64%{opacity:0;transform:translateY(30px)}69%,95%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(-30px)}}
.hb-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0;animation:hbtype 12s steps(18) infinite}
@keyframes hbtype{0%,5%{max-width:0}20%,100%{max-width:9.5em}}
.hb-pick{animation:hbpick 12s infinite}
.hb-pk2{animation-name:hbpick2}.hb-pk3{animation-name:hbpick3}
@keyframes hbpick{0%,40%{background:transparent;color:#c9cbd1;border-color:#4a505d}42%,46%{background:#d32f2f;color:#ffffff;border-color:#d32f2f}48%,100%{background:transparent;color:#c9cbd1;border-color:#4a505d}}
@keyframes hbpick2{0%,47%{background:transparent;color:#c9cbd1;border-color:#4a505d;transform:none}50%,100%{background:#d32f2f;color:#ffffff;border-color:#d32f2f;transform:scale(1.08)}}
@keyframes hbpick3{0%,44%{background:transparent;color:#c9cbd1;border-color:#4a505d}45%,47%{background:#30353f;color:#ffffff;border-color:#8f939c}48%,100%{background:transparent;color:#c9cbd1;border-color:#4a505d}}
.hb-chk{animation:hbchk 12s infinite}
@keyframes hbchk{0%,76%{background:transparent;border-color:#bdbdbd;transform:scale(1)}79%{transform:scale(1.25)}81%,100%{background:#f44336;border-color:#f44336;transform:scale(1)}}
.hb-strk{text-decoration:line-through;animation:hbstrk 12s infinite}
@keyframes hbstrk{0%,78%{color:#ffffff;text-decoration-color:transparent}81%,100%{color:#8f939c;text-decoration-color:#8f939c}}
.hb-mouse{animation:hbmouse 1.6s ease-in-out infinite}
@keyframes hbmouse{0%,100%{transform:translateY(0);opacity:1}60%{transform:translateY(8px);opacity:.2}}
@media (max-width:820px){.hb-rail-wrap{display:none}}
@media (prefers-reduced-motion:reduce){.hb-1{opacity:1}}
/*B-CSS-END*/
.fe-stop{cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 4px 4px;background:transparent;border:none;text-align:center;font-size:15px;line-height:1.25;transition:color .25s ease}
@media (max-width:760px){.fe-stop{font-size:0;gap:0}}
.fe-stop:hover{color:#ffffff!important}
.fe-dot{flex:0 0 auto;width:16px;height:16px;border-radius:50%;box-sizing:border-box;transition:all .3s ease}
.fe-fill{transition:width .5s cubic-bezier(.2,.8,.2,1)}
.fe-arrow{cursor:pointer;width:44px;height:44px;border-radius:50%;border:1px solid #4a505d;background:#1e2129;color:#ffffff;display:flex;align-items:center;justify-content:center}
.fe-arrow:hover{border-color:#f44336}
.fe-word{animation:feword .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes feword{from{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:none}}
.fe-txt{animation:feword .6s .1s cubic-bezier(.2,.8,.2,1) both}
.fe-card{animation:fecard .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes fecard{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}
.fe-now{animation:fenow 5s linear infinite}
@keyframes fenow{from{top:20%}to{top:92%}}
.fe-pulse{animation:fepulse 1.6s ease-out infinite}
@keyframes fepulse{0%{box-shadow:0 0 0 0 rgba(244,67,54,.6)}100%{box-shadow:0 0 0 10px rgba(244,67,54,0)}}
.fe-notif{animation:fenotif .9s .3s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes fenotif{from{transform:translateY(-60px);opacity:0}to{transform:none;opacity:1}}
.fe-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:fetype 1.6s .3s steps(15) both}
@keyframes fetype{from{max-width:0}to{max-width:8em}}
.fe-caret{display:inline-block;width:3px;height:1em;background:#f44336;vertical-align:-0.12em;margin-left:3px;animation:feblink 1s steps(1) infinite}
@keyframes feblink{50%{opacity:0}}
.fe-pop{animation:fepop .5s 1.2s cubic-bezier(.2,.9,.3,1.4) both}
@keyframes fepop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
.fe-slide{animation:feword .6s .4s cubic-bezier(.2,.8,.2,1) both}
.fe-chk{animation:fechk .4s ease-out both}.fe-c1{animation-delay:.5s}.fe-c2{animation-delay:.9s}.fe-c3{animation-delay:1.3s}
@keyframes fechk{from{background:transparent;border-color:#bdbdbd}to{background:#f44336;border-color:#f44336}}
.fe-ring{stroke-dasharray:283;animation:fering 1.4s .2s ease-out both}
@keyframes fering{from{stroke-dashoffset:283}to{stroke-dashoffset:40}}
.cv-p{position:absolute;inset:0;opacity:0;animation:cvp 7.5s infinite}
@keyframes cvp{0%{opacity:0;transform:translateY(12px)}4%,30%{opacity:1;transform:none}33.3%,100%{opacity:0;transform:translateY(-8px)}}
.cv-t{color:#8f939c;animation:cvt 7.5s infinite}
@keyframes cvt{0%,32%{background:#d32f2f;color:#ffffff}33.3%,100%{background:transparent;color:#8f939c}}
.cv-d{position:relative;padding:7px 0;border-radius:8px;color:#c9cbd1}
.cv-e::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#ff6f63}
.cv-now{background:#f44336;color:#ffffff}
.fe-hd,.fe-hc,.fe-ht{width:18px;height:18px;border-radius:50%;box-sizing:border-box;justify-self:center}
.fe-hd{background:#f44336}.fe-hc{border:1.6px solid #4a505d}.fe-ht{border:1.6px solid #bdbdbd}
.fe-addbtn{animation:feadd .4s .8s both}
@keyframes feadd{from{background:transparent;color:#c9cbd1;box-shadow:inset 0 0 0 1px #4a505d}to{background:#d32f2f;color:#ffffff;box-shadow:inset 0 0 0 1px #d32f2f}}
.fe-planin{animation:feword .6s 1.1s cubic-bezier(.2,.8,.2,1) both}
.fe-bar{background:#30353f;border-radius:6px 6px 2px 2px;transform-origin:bottom;animation:fegrow .7s cubic-bezier(.2,.8,.2,1) both}
.fe-bar-on{background:#f44336}
@keyframes fegrow{from{transform:scaleY(0)}to{transform:none}}
.oa-orbit{position:absolute;inset:0;animation:oaspin 48s linear infinite}
.oa-inner{position:absolute;inset:0;animation:oaspin 30s linear infinite reverse}
.oa-pt{position:absolute;width:0;height:0;animation:oaspin 48s linear infinite reverse}
.oa-inner .oa-pt{animation:oaspin 30s linear infinite}
.oa-pill{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;border-radius:999px;padding:9px 18px;font-size:16px;background:#1e2129;border:1px solid #363b46;color:#ececec;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.oa-sm{padding:5px 12px;font-size:13px;background:#272b34;color:#c9cbd1}
@keyframes oaspin{to{transform:rotate(360deg)}}
.oa-core{animation:oacore 3s ease-in-out infinite}
@keyframes oacore{0%,100%{box-shadow:0 0 0 0 rgba(244,67,54,.35),0 0 80px rgba(244,67,54,.35)}50%{box-shadow:0 0 0 18px rgba(244,67,54,0),0 0 120px rgba(244,67,54,.5)}}
.oa-ring{transform-box:fill-box;transform-origin:center;animation:oaspin 6s linear infinite}
@media (max-width:760px){.oa-stage{transform:scale(.62);margin:-100px auto!important}}
.ca-chip{position:absolute;z-index:1;white-space:nowrap;background:#1e2129;border:1px solid #363b46;border-radius:12px;padding:8px 14px;font-size:15px;color:#c9cbd1;opacity:0;animation:casuck 6s cubic-bezier(.6,0,.4,1) infinite}
@keyframes casuck{0%{left:var(--x);top:var(--y);opacity:0;transform:translate(-50%,-50%) rotate(var(--r)) scale(1)}10%,45%{left:var(--x);top:var(--y);opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(1)}80%{left:50%;top:70%;opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.2)}100%{left:50%;top:70%;opacity:0}}
.ca-form{animation:caform 6s ease-out infinite}
@keyframes caform{0%,72%{box-shadow:0 0 0 0 rgba(244,67,54,0),0 20px 60px rgba(244,67,54,.15)}80%{box-shadow:0 0 0 10px rgba(244,67,54,.25),0 20px 80px rgba(244,67,54,.35)}100%{box-shadow:0 0 0 0 rgba(244,67,54,0),0 20px 60px rgba(244,67,54,.15)}}
@media (max-width:760px){.ca-chip{display:none}}
.fc-card{display:block;position:relative;height:240px;padding:0;border:none;background:transparent;font:inherit;cursor:pointer;perspective:1000px;text-align:left}
.fc-in{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fc-card:hover .fc-in,.fc-card:focus .fc-in{transform:rotateY(180deg)}
.fc-face{position:absolute;inset:0;box-sizing:border-box;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.fc-front{background:#1e2129;border:1px solid #363b46;color:#ffffff}
.fc-back{background:#d32f2f;color:#ffffff;transform:rotateY(180deg)}
.fc-hint{animation:fchint 2.4s ease-in-out infinite}
@keyframes fchint{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
.fc-card:focus-visible{outline:2px solid #f44336;outline-offset:4px;border-radius:24px}
.fb-marq{display:flex;width:max-content;animation:fbmarq 30s linear infinite}
@keyframes fbmarq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.land,.after{opacity:1}}

html{scroll-behavior:smooth}
*{box-sizing:border-box}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){.nav-links{display:none!important}}
.form-msg{margin:12px 0 0 20px;font-size:14px;color:#ff6f63;min-height:1px}
@media (min-width:901px){
  .pin{position:relative}
  .pin-inner{position:sticky!important;top:0;height:100vh;min-height:0!important;padding-top:24px!important;padding-bottom:24px!important}
  .pin-inner > div:last-child{transform-origin:center center}
  .pin[data-pin="features"]{height:500vh}
}
#features .js-feat{flex:1 1 auto;width:100%;min-width:0}