body{margin:0}
html,body,*{scroll-behavior:smooth}
section[id]{scroll-margin-top:120px}
.faq-q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.faq-q::-webkit-details-marker{display:none}
.faq-q::marker{content:""}
.faq-q::after{content:"+";flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:22px;font-weight:500;line-height:1;color:#00BCD4;border:1px solid rgba(0,188,212,.45);transition:transform .55s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease}
.faq-q:hover::after{background:rgba(0,188,212,.12)}
details[open]>.faq-q::after{transform:rotate(225deg);background:#00BCD4;color:#001417}
.logo-cell{flex:0 0 calc(100% / 6);height:96px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 12px}
@media (max-width:700px){.logo-cell{flex-basis:50%}}
@media (prefers-reduced-motion:reduce){html,body,*{scroll-behavior:auto}}
a{color:#00BCD4}a:hover{color:#5CE6F7}
*{box-sizing:border-box}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 24px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.nav-links{display:flex;gap:24px;align-items:center;white-space:nowrap}
@media (max-width:1180px){.nav-links{display:none}}
@media (min-width:1181px) and (max-width:1340px){.nav-links{gap:14px !important;font-size:14px !important;margin-right:2px !important}.hdr-logo img{width:230px !important}.top-actions a{padding:0 12px !important;font-size:14px !important}}
.menu-btn,.hdr-spacer{display:none}
.langs{display:flex;gap:8px;align-items:center}
.flag{display:block;line-height:0;border-radius:4px;opacity:.85;transition:opacity .2s,transform .2s;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.flag:hover{opacity:1 !important;transform:translateY(-1px)}
.flag img{display:block;width:22px;height:15px;border-radius:3px}
.flag{border-radius:3px}
.hdr-spacer.langs{display:none}
@media (max-width:1180px){
.hdr{display:grid !important;grid-template-columns:76px minmax(0,1fr) 76px;min-height:72px !important}
.hdr-spacer.langs{display:flex;gap:5px}
.hdr-spacer .flag img{width:20px;height:14px;border-radius:3px}
.hdr-logo{justify-self:center}
.hdr-logo img{width:200px !important;max-width:100% !important}
.top-actions{display:none !important}
.menu-btn{display:grid}
}
.drawer-link{display:block;padding:14px 4px;font-size:18px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(120,220,232,.16)}
@media (prefers-reduced-motion:reduce){.drawer,.drawer-shade{transition:none !important}}
@media (max-width:700px){.top-actions a{padding:0 12px !important;font-size:13px !important}}
@media (max-width:1100px) and (min-width:901px){.contact4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:900px){
.about{grid-template-columns:minmax(0,1fr) !important}
.contact4{grid-template-columns:minmax(0,1fr) !important}
.shot-row{grid-template-columns:minmax(0,1fr) !important}
.chip-float{right:10px !important;top:118px !important}
.rev-float{position:relative !important;right:auto !important;bottom:auto !important;width:auto !important;margin-top:14px}
.dash-split{grid-template-columns:minmax(0,1fr) !important}
.toasts{display:none}
.funnel-row{grid-template-columns:minmax(0,1fr) !important}
.grid2,.grid3,.hero{grid-template-columns:minmax(0,1fr)}
.steps{grid-template-columns:minmax(0,1fr)}
.nav-links{display:none}
.h1{font-size:40px !important}
}
@keyframes up-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes up-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes up-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.grow{transform-origin:left;animation:up-grow 1.2s cubic-bezier(.2,.8,.2,1) both .4s}
.grow2{transform-origin:left;animation:up-grow .7s cubic-bezier(.2,.8,.2,1) both 1.5s}
.rise{animation:up-rise .7s cubic-bezier(.2,.8,.2,1) both}
.pulse{animation:up-pulse 2s ease-in-out infinite}
@keyframes up-draw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
@keyframes up-fade{from{opacity:0}to{opacity:1}}
@keyframes up-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes up-orb{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,-40px) scale(1.15)}100%{transform:translate(0,0) scale(1)}}
@keyframes up-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes up-type{from{width:0}to{width:100%}}
@keyframes up-caret{0%,100%{border-color:transparent}50%{border-color:#00BCD4}}
@keyframes up-scan{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.draw{stroke-dasharray:900;animation:up-draw 2.2s cubic-bezier(.4,0,.2,1) both .5s}
.area{animation:up-fade 1.2s ease both 1.6s}
.float{animation:up-float 6s ease-in-out infinite}
.orb{animation:up-orb 14s ease-in-out infinite}
.marquee{display:flex;gap:56px;width:max-content;animation:up-marquee 28s linear infinite}
@property --up-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.orbit{position:absolute;inset:-2px;border-radius:24px;pointer-events:none;background:conic-gradient(from var(--up-a),transparent 0deg,transparent 200deg,rgba(0,188,212,.35) 250deg,#00BCD4 300deg,#E6FDFF 330deg,#5CE6F7 345deg,transparent 360deg);animation:up-orbit 4.5s linear infinite}
.orbit{z-index:1;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.premium-card{animation:up-breathe 4.5s ease-in-out infinite}
@keyframes up-breathe{0%,100%{box-shadow:0 0 0 1px rgba(0,188,212,.35),0 0 40px rgba(0,188,212,.18)}50%{box-shadow:0 0 0 1px rgba(0,188,212,.55),0 0 80px rgba(0,188,212,.38)}}
.spot{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(420px 260px at 50% -10%,rgba(0,188,212,.16),transparent 70%);animation:up-spot 4.5s ease-in-out infinite}
@keyframes up-orbit{to{--up-a:360deg}}
@keyframes up-spot{0%,100%{opacity:.6}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.orbit,.spot,.premium-card{animation:none}}
@media (max-width:700px){
.hero-ctas{flex-wrap:nowrap !important;gap:8px !important}
.hero-ctas a{justify-content:center;padding:0 14px !important;font-size:14px !important;min-height:48px !important;white-space:nowrap}
.hero-ctas a:first-child{flex:0 0 auto}
.hero-ctas a:last-child{flex:1 1 auto}
.foot-main{flex-direction:column;justify-content:center !important;text-align:center}
.foot-info{align-items:center}
.foot-info img{margin:0 auto}
.foot-badges{flex-wrap:nowrap !important;justify-content:center;gap:10px !important}
.inpi{padding:8px 12px 8px 8px !important;gap:10px !important;border-radius:14px !important;text-align:left}
.inpi-ico{width:36px !important;height:36px !important;border-radius:9px !important}
.inpi-ico>svg{width:24px;height:24px}
.inpi-kicker{font-size:8px !important;letter-spacing:.03em !important}
.inpi-title{font-size:14px !important}
.inpi-sub{font-size:10.5px !important}
.foot-seal{width:62px;height:62px;flex:none}
.foot-info p{font-size:13px !important}
.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.foot-bottom{justify-content:center !important;text-align:center}
footer{padding-bottom:110px !important}
}
.to-top{transition:transform .25s ease,background .25s ease}
.to-top:hover{transform:translateY(-3px);background:#00BCD4 !important;color:#001417 !important}
.wa-badge{animation:up-bob 1.8s ease-in-out infinite}
@keyframes up-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.wa-dot{animation:up-ping 1.6s ease-out infinite}
@keyframes up-ping{0%{box-shadow:0 0 0 0 rgba(37,211,102,.65)}80%,100%{box-shadow:0 0 0 6px rgba(37,211,102,0)}}
@media (prefers-reduced-motion:reduce){.wa-badge,.wa-dot{animation:none}}
.wa-float{transition:transform .25s ease;filter:drop-shadow(0 6px 18px rgba(37,211,102,.45))}
.wa-float:hover{transform:scale(1.08)}
@media (max-width:700px){.canto{right:14px !important;bottom:14px !important}.wa-float,.wa-float img{width:56px !important;height:56px !important}}
.caret{animation:up-blink .9s step-end infinite}
.type{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #00BCD4;animation:up-type 3.2s steps(60) both 1.2s,up-caret .9s step-end infinite}
.scan{position:absolute;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(0,188,212,.18),transparent);animation:up-scan 3.5s ease-in-out infinite}
.toast{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.funnel-bar{transform-origin:left;animation:up-grow 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes up-ring{from{stroke-dashoffset:264}}
@keyframes up-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes up-blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes up-slidein{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.ring{animation:up-ring 1.8s cubic-bezier(.2,.8,.2,1) both .9s}
.cbar{transform-origin:left;animation:up-bar 1.1s cubic-bezier(.2,.8,.2,1) both}
.feed-item{animation:up-slidein .5s cubic-bezier(.2,.8,.2,1) both}
.spark{stroke-dasharray:200;animation:up-draw 1.6s ease both .6s}
@keyframes up-marquee-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes up-spin{to{transform:rotate(360deg)}}
.logos{display:flex;width:max-content;animation:up-marquee 70s linear infinite}
.logos.rev{animation-name:up-marquee-r;animation-duration:80s}
.logos-wrap:hover .logos{animation-play-state:paused}
.logos img{height:60px;width:auto;display:block;flex:none;opacity:.85}
.spin{animation:up-spin 18s linear infinite;transform-origin:50% 50%}
.inpi:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,188,212,.6),0 12px 30px rgba(0,188,212,.25)}
@media (prefers-reduced-motion:reduce){.logos,.spin{animation:none}}
@media (prefers-reduced-motion:reduce){.ring,.cbar,.feed-item,.spark,.caret{animation:none}}
@media (prefers-reduced-motion:reduce){.grow,.grow2,.rise,.pulse,.draw,.area,.float,.orb,.marquee,.type,.scan,.funnel-bar{animation:none}.type{width:auto;border-right:0}}