/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 25 2026 | 08:39:12 */
/* SmartTrack motion layer. Loads after site.css; adds movement, depth and polish to the shared components. */
:root{--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}

/* scroll progress + header */
.sprog{position:fixed;top:0;left:0;right:0;height:3px;z-index:70;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,var(--orange),#FFB067 55%,var(--green));pointer-events:none}
/* header: a floating glass bar. Over the navy hero it is dark glass with white type;
   once the page scrolls (or the mobile menu opens) it turns into a bright floating bar. */
:root{--hdr-top:14px;--hdr-h:66px;--ab:0px}
.admin-bar{--ab:32px}
@media (max-width:782px){.admin-bar{--ab:46px}}
@media (max-width:600px){.admin-bar{--ab:0px}}
.hdr{position:fixed;top:calc(var(--ab) + env(safe-area-inset-top,0px));left:0;right:0;z-index:60;background:none;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:var(--hdr-top) max(14px,env(safe-area-inset-right,0px)) 0 max(14px,env(safe-area-inset-left,0px));pointer-events:none;transition:padding .45s var(--ease-out)}
.hdr .hdr-in{pointer-events:auto;position:relative;max-width:1240px;height:var(--hdr-h);margin:0 auto;padding:0 10px 0 10px;gap:clamp(12px,2vw,26px);border-radius:22px;background:rgba(8,26,48,.38);border:1px solid rgba(255,255,255,.16);backdrop-filter:saturate(1.5) blur(16px);-webkit-backdrop-filter:saturate(1.5) blur(16px);box-shadow:0 18px 40px -26px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);transition:background .45s ease,border-color .45s ease,box-shadow .45s ease,height .45s var(--ease-out),max-width .45s var(--ease-out)}
.hdr .hdr-in::after{content:"";position:absolute;left:22px;right:22px;bottom:-1px;height:1px;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(255,138,80,.9),rgba(155,214,90,.8),transparent);background-size:200% 100%;animation:hdrLine 6s linear infinite;opacity:.8;transition:opacity .4s}
@keyframes hdrLine{from{background-position:100% 0}to{background-position:-100% 0}}
.hdr .brand{display:inline-flex;align-items:center;height:46px;padding:0 14px;border-radius:15px;background:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.45);transition:transform .35s var(--ease-spring),box-shadow .35s}
.hdr .brand:hover{transform:translateY(-1px) scale(1.02)}
.hdr .brand img{height:30px}
.nav{gap:2px}
.nav>.ni>a,.nav>.ni>button{position:relative;height:42px;padding:0 15px;border-radius:13px;color:rgba(255,255,255,.86);transition:background .25s,color .25s}
.nav>.ni>a:hover,.nav>.ni>button:hover,.nav>.ni.open>button{background:rgba(255,255,255,.12);color:#fff}
.nav>.ni>a::after,.nav>.ni.cur>button::after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--orange);transform:scale(0);transition:transform .3s var(--ease-spring)}
.nav>.ni>a.cur::after,.nav>.ni.cur>button::after{transform:scale(1)}
.nav>.ni>a.cur,.nav>.ni.cur>button{color:#fff}
.hdr-cta{gap:8px}
.hdr-cta .login{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;border-radius:13px;color:rgba(255,255,255,.86);transition:background .25s,color .25s}
.hdr-cta .login:hover{background:rgba(255,255,255,.12);color:#fff}
.hdr-cta .login::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(133,196,65,.25)}
.hdr-cta .btn{height:44px;border-radius:14px}
.hdr-cta .btn-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.hdr-cta .btn-ghost:hover{background:rgba(255,255,255,.16);border-color:#fff}
.hdr-cta .btn-primary{box-shadow:0 10px 26px -8px rgba(255,94,24,.8)}
.burger{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;transition:background .3s,color .3s,border-color .3s}

/* bright state */
.hdr.scrolled,.hdr.menu-open{--hdr-top:10px}
.hdr.scrolled .hdr-in,.hdr.menu-open .hdr-in{--hdr-h:60px;max-width:1180px;background:rgba(255,255,255,.86);border-color:rgba(10,37,64,.08);box-shadow:0 22px 50px -28px rgba(10,37,64,.45),0 2px 6px rgba(10,37,64,.06)}
.hdr.scrolled .hdr-in::after,.hdr.menu-open .hdr-in::after{opacity:.55}
.hdr.scrolled .brand,.hdr.menu-open .brand{box-shadow:none;background:transparent;padding:0 6px}
.hdr.scrolled .nav>.ni>a,.hdr.scrolled .nav>.ni>button,.hdr.scrolled .hdr-cta .login{color:var(--ink-2)}
.hdr.scrolled .nav>.ni>a:hover,.hdr.scrolled .nav>.ni>button:hover,.hdr.scrolled .nav>.ni.open>button,.hdr.scrolled .hdr-cta .login:hover{background:var(--fog);color:var(--ink)}
.hdr.scrolled .nav>.ni>a.cur,.hdr.scrolled .nav>.ni.cur>button{color:var(--ink)}
.hdr.scrolled .hdr-cta .btn-ghost,.hdr.menu-open .hdr-cta .btn-ghost{background:#fff;border-color:var(--line-2);color:var(--ink)}
.hdr.scrolled .hdr-cta .btn-ghost:hover{border-color:var(--ink)}
.hdr.scrolled .burger,.hdr.menu-open .burger{background:#fff;border-color:var(--line);color:var(--ink)}

/* the hero starts under the floating bar */
.hero .hero-in{padding-top:calc(clamp(56px,7vw,96px) + var(--hdr-h) + 24px)}

/* menu panels */
.mega{top:calc(100% + 18px);left:-14px;border-radius:24px;border-color:rgba(10,37,64,.08);box-shadow:0 40px 80px -30px rgba(3,14,30,.45),0 10px 24px -12px rgba(3,14,30,.2);padding:14px}
.mega::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.ni.open .mega{animation:megaIn .32s var(--ease-out)}
@keyframes megaIn{from{opacity:0;transform:translateY(-10px) scale(.97)}}
.mega.prod{gap:6px;padding:14px}
.mega.prod>div{padding:12px 10px 10px;border-radius:18px;background:var(--fog);align-self:start}
.mega.prod>.mega-foot{align-self:auto;background:none}
.mega.prod>div:nth-child(2){background:var(--orange-50)}
.mega.prod>div:nth-child(3){background:var(--green-50)}
.mega h4{color:var(--ink);margin:2px 10px 10px;display:flex;align-items:center;gap:8px}
.mega h4::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--blue)}
.mega.prod>div:nth-child(2) h4::before{background:var(--orange)}
.mega.prod>div:nth-child(3) h4::before{background:var(--green)}
.mega a{border-radius:12px;transition:background .2s,color .2s,transform .25s var(--ease-out)}
.mega a:hover{background:#fff;color:var(--ink);transform:translateX(3px);box-shadow:0 6px 16px -10px rgba(10,37,64,.35)}
.mega.ind a:hover{background:var(--fog)}
.mega a.cur{color:var(--orange-600)}
.mega a .ic{transition:transform .3s var(--ease-spring),background .25s,color .25s}
.mega a:hover .ic{transform:scale(1.12) rotate(-6deg);background:var(--orange);color:#fff}

/* mobile */
@media (max-width:1020px){
  :root{--hdr-h:60px;--hdr-top:10px}
  .hdr .hdr-in{padding:0 8px;border-radius:18px}
  .hdr-cta .login,.hdr-cta .btn-ghost{display:none}
  .mnav>a.btn{justify-content:center;padding:0 24px;border-bottom:0;font-size:1rem}
  .hdr .brand{height:42px;padding:0 10px}
  .hdr .brand img{height:26px}
  .mnav.open{inset:calc(var(--ab) + var(--hdr-h) + 22px) 10px auto 10px;max-height:calc(100dvh - var(--ab) - var(--hdr-h) - 34px);border-radius:22px;box-shadow:0 30px 70px -20px rgba(3,14,30,.5);border:1px solid var(--line);animation:megaIn .3s var(--ease-out)}
}
@media (max-width:520px){.hdr-cta .btn-primary{height:40px;padding:0 14px}}

/* type */
h1{letter-spacing:-.035em}
.hl-g{background-size:220% 100%;animation:hlShift 7s ease-in-out infinite alternate}
@keyframes hlShift{from{background-position:0 50%}to{background-position:100% 50%}}
.mw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.mw>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease-out);transition-delay:calc(var(--w,0)*55ms + 120ms)}
.mw .hl-g{display:inline}
.split-ready .mw>span{transform:none}
.js-motion .hero-copy>:not(h1){opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s var(--ease-out);transition-delay:calc(var(--d,0)*90ms + 450ms)}
.split-ready .hero-copy>:not(h1){opacity:1;transform:none}

/* rotating trade word */
.rot{font:700 clamp(1.05rem,1.6vw,1.3rem) var(--display);color:#fff;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}
.rot .rot-box{display:inline-grid;overflow:hidden;padding:5px 16px;line-height:1.3;border-radius:999px;background:rgba(255,94,24,.16);border:1px solid rgba(255,138,80,.4);color:#FFB287;justify-items:center}
.rot .rot-box span{grid-area:1/1;display:block;line-height:1.3;white-space:nowrap;transform:translateY(120%);opacity:0;transition:transform .55s var(--ease-out),opacity .55s}
.rot .rot-box span.on{transform:none;opacity:1}
.rot .rot-box span.out{transform:translateY(-120%);opacity:0}
/* below full desktop width the dashboard's floating cards would cover its numbers */
@media (max-width:1100px){.stage .toast{display:none!important}}

/* hero: cursor light, pulsing live dot, floating stage */
.hero{--mx:50%;--my:30%}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(124,196,242,.14),transparent 60%);pointer-events:none;transition:background .2s}
.pill{position:relative}
.pill b{position:relative}
.pill b::after{content:"";position:absolute;inset:-3px;border-radius:999px;border:2px solid var(--orange);animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{opacity:.8;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.35)}}
.tilt{transition:transform .5s var(--ease-out);transform-style:preserve-3d;will-change:transform}
.stage .browser{transform-origin:50% 0}
.stage-in{perspective:1600px}
.js-motion .stage .browser{opacity:0;transform:translateY(60px) rotateX(14deg) scale(.96);transition:opacity 1s ease .55s,transform 1.3s var(--ease-out) .55s}
.split-ready .stage .browser{opacity:1;transform:none}
.js-motion .stage .phone{opacity:0;transform:translateY(80px) rotate(4deg);transition:opacity .9s ease 1s,transform 1.2s var(--ease-spring) 1s}
.split-ready .stage .phone{opacity:1;transform:none}

/* toasts: spring in one after another, then bob */
.js-motion .toast.pop{opacity:0;transform:translateY(16px) scale(.85)}
.js-motion .toast.pop.popped{opacity:1;transform:none;transition:opacity .5s ease,transform .7s var(--ease-spring)}
.toast .ti{position:relative}
.toast.popped .ti::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:tiPing 3.2s ease-out infinite;animation-delay:var(--td,0s);color:rgba(255,255,255,.0)}
.t-green.popped .ti::after{color:rgba(133,196,65,.55)}.t-orange.popped .ti::after{color:rgba(255,94,24,.5)}.t-blue.popped .ti::after{color:rgba(0,115,185,.5)}.t-navy.popped .ti::after{color:rgba(22,62,107,.5)}
@keyframes tiPing{0%{box-shadow:0 0 0 0 currentColor}60%,100%{box-shadow:0 0 0 12px transparent}}

/* generic reveal (complements .rv) */
.js-motion .mv{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s var(--ease-out);transition-delay:calc(var(--i,0)*80ms)}
.js-motion .mv.mv-l{transform:translateX(-44px)}
.js-motion .mv.mv-r{transform:translateX(44px)}
.js-motion .mv.mv-s{transform:translateY(40px) scale(.94)}
.js-motion .mv.mv-in{opacity:1;transform:none}

/* upgrade site.js reveals: cards inside cascade */
.js-motion .rv .grid>*,.js-motion .rv .igrid>*,.js-motion .rv .plans>*,.js-motion .rv .apps>*,.js-motion .rv .qlist>*,.js-motion .rv.faq>details,.js-motion .rv .faq>details,.js-motion .rv.steps>*,.js-motion .rv .steps>*{opacity:0;transform:translateY(26px)}
.js-motion .rv.in .grid>*,.js-motion .rv.in .igrid>*,.js-motion .rv.in .plans>*,.js-motion .rv.in .apps>*,.js-motion .rv.in .qlist>*,.js-motion .rv.faq.in>details,.js-motion .rv.in .faq>details,.js-motion .rv.steps.in>*,.js-motion .rv.in .steps>*{opacity:1;transform:none;transition:opacity .7s ease,transform .8s var(--ease-out);transition-delay:calc(var(--i,0)*85ms + 120ms)}
.js-motion .rv.in .grid>*:hover,.js-motion .rv.in .plans>*:hover,.js-motion .rv.in .steps>*:hover{transition-delay:0s}

/* eyebrow line draws in */
.eyebrow::before{transition:width .7s var(--ease-out) .15s}
.js-motion .mv .eyebrow::before,.js-motion .eyebrow.mv::before{width:0}
.js-motion .mv-in .eyebrow::before,.js-motion .eyebrow.mv-in::before{width:18px}

/* cards: cursor spotlight + lift + icon play */
.fcard,.icard,.step,.pain,.plan{--cx:50%;--cy:0%;isolation:isolate}
.fcard,.icard,.step,.pain{overflow:hidden}
.fcard::after,.icard::after,.step::after,.pain::after,.plan::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--cx) var(--cy),rgba(0,115,185,.10),transparent 45%);pointer-events:none}
.icard,.step,.pain{position:relative}
.fcard:hover::after,.icard:hover::after,.step:hover::after,.pain:hover::after,.plan:hover::after{opacity:1}
.navy .fcard::after{background:radial-gradient(420px circle at var(--cx) var(--cy),rgba(124,196,242,.16),transparent 45%)}
.fcard,.step,.pain{transition:transform .35s var(--ease-out),box-shadow .35s ease,border-color .35s}
.fcard:hover,.step:hover,.pain:hover{transform:translateY(-6px);box-shadow:var(--shadow-2);border-color:rgba(0,115,185,.25)}
.navy .fcard:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.fcard .ic,.icard .ic{transition:transform .45s var(--ease-spring),background .3s,color .3s}
.fcard:hover .ic{transform:translateY(-3px) rotate(-8deg) scale(1.08)}
.icard:hover .ic{transform:rotate(-10deg) scale(1.1);background:var(--orange)}
.fcard .link-arrow svg{transition:transform .3s var(--ease-spring)}
.fcard:hover .link-arrow svg{transform:translateX(5px)}
.plan:hover{transform:translateY(-6px)}
.plan.rec{animation:recGlow 3.2s ease-in-out infinite}
@keyframes recGlow{0%,100%{box-shadow:0 30px 60px -30px rgba(0,115,185,.5),0 0 0 4px rgba(0,115,185,.12)}50%{box-shadow:0 34px 70px -28px rgba(0,115,185,.6),0 0 0 7px rgba(0,115,185,.08)}}
.plan .badge{animation:floaty 4s ease-in-out infinite}

/* buttons: shine + magnetic */
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn-primary::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:shine 5s ease-in-out infinite}
@keyframes shine{0%,70%{left:-60%}100%{left:130%}}
.btn-primary svg{transition:transform .3s var(--ease-spring)}
.btn-primary:hover svg{transform:translateX(4px)}
.btn.mag{transition:transform .25s var(--ease-out),box-shadow .2s,background .2s,border-color .2s}

/* mockups keep dark text even inside navy cards */
.dash,.app-card .vis .mini{color:var(--ink)}

/* Elementor's global kit forces h1-h4 black; inside the site's own markup headings follow their section again */
.elementor-widget-html :is(h1,h2,h3,h4){color:inherit}
.elementor-widget-html .hero h1,.elementor-widget-html .lstep h3,.elementor-widget-html .cta-band h2,.elementor-widget-html .ftr h4{color:#fff}
.elementor-widget-html .mega h4{color:var(--ink)}

/* the theme turns every hovered link #336; links in the site's markup keep their own colors */
.elementor-widget-html a:hover,.elementor-widget-html a:active{color:inherit}
.elementor-widget-html .btn-primary:hover,.elementor-widget-html .btn-primary:active,.elementor-widget-html .btn-primary:focus{color:#fff}
.elementor-widget-html .hdr-cta .btn-ghost:hover,.elementor-widget-html .navy .btn-ghost:hover,.elementor-widget-html .on-dark .btn-ghost:hover{color:#fff}
.elementor-widget-html .hdr.scrolled .hdr-cta .btn-ghost:hover,.elementor-widget-html .hdr.menu-open .hdr-cta .btn-ghost:hover{color:var(--ink)}
.elementor-widget-html .link-arrow:hover{color:var(--blue)}
.elementor-widget-html .navy .link-arrow:hover{color:#7CC4F2}
.elementor-widget-html .mega a:hover{color:var(--ink)}
.elementor-widget-html .crumbs a:hover,.elementor-widget-html .ftr a:hover{color:#fff}

/* mock UIs come alive */
.js-motion .mv-kids>*{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s var(--ease-out);transition-delay:calc(var(--k,0)*110ms + 200ms)}
.js-motion .mv-kids.mv-in>*{opacity:1;transform:none}
.js-motion .cal.mv-kids .ev{transform:scale(.6);transform-origin:0 0}
.js-motion .cal.mv-kids.mv-in .ev{transform:none;transition:opacity .5s ease,transform .6s var(--ease-spring);transition-delay:calc(var(--k,0)*140ms + 300ms)}
.js-motion .cal.mv-kids>*:not(.ev){opacity:1;transform:none}
.spark path[data-draw]{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset 1.8s var(--ease-out) .3s}
.spark.mv-in path[data-draw]{stroke-dashoffset:0}
.dot.live{position:relative}
.dot.live::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid currentColor;animation:ping 2s ease-out infinite;color:inherit}
.chip.c-orange{animation:chipPulse 2.6s ease-in-out infinite}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,94,24,0)}50%{box-shadow:0 0 0 4px rgba(255,94,24,.14)}}
.kpi{transition:transform .3s var(--ease-out)}
.kpi:hover{transform:translateY(-2px)}

/* lifecycle: progress rail */
.life-steps{position:relative;padding-left:14px}
.life-steps::before,.life-steps::after{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:3px}
.life-steps::before{background:rgba(255,255,255,.1)}
.life-steps::after{background:linear-gradient(var(--orange),#FFB067);transform-origin:0 0;transform:scaleY(var(--lp,0));transition:transform .6s var(--ease-out)}
.lstep .n{transition:background .3s,color .3s,transform .5s var(--ease-spring)}
.lstep.on .n{transform:scale(1.08) rotate(-4deg);box-shadow:0 10px 30px -8px rgba(255,94,24,.7)}
.life-phone .phone{transition:transform .8s var(--ease-out)}

/* marquee: photo strip */
.marquee.rev .track{animation-direction:reverse}
.ptrack{display:flex;gap:16px;width:max-content;animation:mq 70s linear infinite}
.marquee:hover .ptrack{animation-play-state:paused}
.pcard{position:relative;width:250px;height:170px;border-radius:20px;overflow:hidden;flex:none;box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease-out)}
.pcard:hover img{transform:scale(1.07)}
.pcard span{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px 6px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font:700 .78rem var(--display)}
.pcard span i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(133,196,65,.25)}
.mq-gap{height:14px}

/* hero decoration for text-led heroes */
.hero-deco{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero-deco>*{position:absolute}
.hero-deco .phone{width:clamp(130px,13vw,190px)}
.hero-deco .hd-l{left:3%;top:22%;transform:rotate(-9deg)}
.hero-deco .hd-r{right:3%;top:16%;transform:rotate(8deg)}
.hero-deco .hd-l2{left:13%;bottom:-70px;transform:rotate(6deg);width:clamp(110px,10vw,150px)}
.hero-deco .hd-r2{right:13%;bottom:-60px;transform:rotate(-7deg);width:clamp(110px,10vw,150px)}
.hero-deco .ph{width:clamp(150px,15vw,220px);aspect-ratio:4/3;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-3);border:4px solid rgba(255,255,255,.9)}
.hero-deco .ph img{width:100%;height:100%;object-fit:cover}
.hero-deco .toast{min-width:0;white-space:nowrap}
.hero-deco .hd-l2:has(.toast),.hero-deco .hd-r2:has(.toast){width:auto;bottom:34px}
.hero-deco .hd-l2:has(.toast){left:4%}.hero-deco .hd-r2:has(.toast){right:4%}
.hero-deco .in-wrap{animation:floaty 7s ease-in-out infinite;animation-delay:var(--bd,0s)}
.js-motion .hero-deco>*{opacity:0;translate:0 40px;transition:opacity 1s ease,translate 1.2s var(--ease-out);transition-delay:calc(var(--i,0)*150ms + 700ms)}
.split-ready .hero-deco>*{opacity:1;translate:0 0}
.hero:has(.hero-deco) .hero-in{position:relative;z-index:1;padding-bottom:clamp(80px,9vw,130px)}
@media (max-width:1240px){.hero-deco{display:none}}
@media (max-width:760px){.js-motion .stage .toast.keep.popped{transform:scale(.86)}}

/* bands get depth */
.band:not(.navy):not(.fog){background-image:radial-gradient(900px 400px at 100% 0%,rgba(0,115,185,.05),transparent 60%),radial-gradient(700px 360px at 0% 100%,rgba(255,94,24,.04),transparent 60%)}
.navy{position:relative;isolation:isolate}
.band.navy::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 380px at 85% 10%,rgba(0,115,185,.35),transparent 60%),radial-gradient(600px 340px at 10% 90%,rgba(255,94,24,.16),transparent 60%);pointer-events:none}

/* cta band: moving light */
.cta-band::before{animation:ctaA 9s ease-in-out infinite alternate}
.cta-band::after{animation:ctaB 11s ease-in-out infinite alternate}
@keyframes ctaA{to{transform:translate(-18%,-12%) scale(1.15)}}
@keyframes ctaB{to{transform:translate(22%,14%) scale(1.1)}}
.cta-band h2{position:relative}

/* faq smooth */
.faq details{transition:box-shadow .3s,border-color .3s}
.faq details:hover{border-color:var(--line-2)}
.faq details[open]{border-color:rgba(0,115,185,.3)}
.faq .a{overflow:hidden}

/* quotes */
.qmini{transition:transform .35s var(--ease-out),background .3s,border-color .3s}
.qmini:hover{transform:translateX(6px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.stars svg{animation:starIn .5s var(--ease-spring) both;animation-delay:calc(var(--s,0)*90ms)}
@keyframes starIn{from{transform:scale(0) rotate(-40deg)}}

/* pricing number tween */
#ts-price,#ts-plan{display:inline-block;transition:transform .3s var(--ease-spring)}
.bump{animation:bump .45s var(--ease-spring)}
@keyframes bump{40%{transform:scale(1.15)}}

@media (prefers-reduced-motion:reduce){
  .js-motion .mv,.js-motion .mv-kids>*,.hero-copy>:not(h1),.mw>span,.js-motion .stage .browser,.js-motion .stage .phone,.js-motion .toast.pop,.js-motion .hero-deco>*{opacity:1!important;transform:none!important;translate:none!important}
  .spark path[data-draw]{stroke-dashoffset:0!important}
  .sprog{display:none}
}