body{margin:0;background:oklch(97.5% .006 88)}
a{color:inherit}
svg.i{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
.num{font-variant-numeric:tabular-nums}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.kick{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.h2{margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.04;letter-spacing:-.035em;font-weight:800}
.lead{margin:0;font-size:18px;line-height:1.55}
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 24px;border-radius:14px;font:inherit;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.card{background:#fff;border:1px solid oklch(91% .01 90);border-radius:24px}
.feat:hover{border-color:oklch(84% .04 186);box-shadow:0 18px 40px oklch(26% .04 205 / .08)}
.nav a:hover{color:#fff}
button:focus-visible,a:focus-visible{outline:2px solid oklch(76.9% .165 70.1);outline-offset:3px}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fl1{animation:floaty 6s ease-in-out infinite}
.fl2{animation:floaty 7s ease-in-out 1s infinite}
.fl3{animation:floaty 8s ease-in-out .5s infinite}
@media (prefers-reduced-motion:reduce){.fl1,.fl2,.fl3{animation:none}.btn:hover{transform:none}}
.span2{grid-column:span 2}
@media (max-width:900px){.wrap{padding:0 18px}.hideM{display:none!important}.lead{font-size:16px}}
@media (max-width:1240px){.fl1{left:-24px!important}.fl2,.fl3{right:-24px!important}}
@media (max-width:760px){.span2{grid-column:auto}.pillar{padding:22px 4px!important;border-left:0!important;border-top:1px solid oklch(93% .01 90)}}
.faq{border-radius:18px;background:#fff;border:1px solid oklch(91% .01 90);overflow:hidden}
.faq summary{display:flex;align-items:center;gap:14px;padding:20px 22px;font-size:16.5px;font-weight:700;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq .plus{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:oklch(95.5% .008 90);color:oklch(30% .03 205);transition:transform .2s,background .2s}
.faq[open] .plus{transform:rotate(45deg);background:oklch(26% .04 205);color:#fff}
html{scroll-behavior:smooth}
.rot{display:grid}
.rot>.sl{grid-area:1/1;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;animation:rotsl 25s infinite}
@keyframes rotsl{0%{opacity:0;visibility:visible;transform:translateY(10px)}3%,17%{opacity:1;visibility:visible;transform:none}20%{opacity:0;visibility:hidden;transform:translateY(-10px)}100%{opacity:0;visibility:hidden}}
.rot .m{opacity:0;animation:rotm 25s infinite}
@keyframes rotm{0%{opacity:0;transform:translateY(8px) scale(.98)}2.4%,17%{opacity:1;transform:none}19%,100%{opacity:0}}
.bin{align-self:flex-start;max-width:85%;padding:10px 12px;border-radius:4px 16px 16px 16px;background:#fff}
.bout{align-self:flex-end;max-width:80%;padding:10px 12px;border-radius:16px 4px 16px 16px;background:oklch(88% .08 176)}
.tm{display:block;text-align:right;font-size:10.5px;color:oklch(46% .03 205);margin-top:2px}
.ccard{align-self:flex-start;width:85%;box-sizing:border-box;padding:12px;border-radius:4px 16px 16px 16px;background:#fff;display:flex;flex-direction:column;gap:7px;border:1px solid oklch(90% .02 186)}
.ck{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.crow{display:flex;justify-content:space-between;gap:10px;font-weight:700}
.cbtns{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12.5px;font-weight:700}
.cbtns>span{display:grid;place-items:center;height:30px;border-radius:8px;border:1px solid oklch(88% .01 90);text-align:center;padding:0 6px}
.cbtns>span.on{background:oklch(26% .04 205);color:#fff;border-color:transparent}
.rchips{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;background:#fff;border-bottom:1px solid oklch(93% .01 90)}
.rchip{position:relative;overflow:hidden;display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:99px;font-size:12px;font-weight:700;color:oklch(42% .02 205);background:oklch(96% .006 90);animation:rotc 25s infinite}
.rchip>i{position:absolute;left:0;bottom:0;height:3px;width:0;background:oklch(76.9% .165 70.1);animation:rotb 25s linear infinite}
@keyframes rotc{0%,19.5%{background:oklch(26% .04 205);color:#fff}20%,100%{background:oklch(96% .006 90);color:oklch(42% .02 205)}}
@keyframes rotb{0%{width:0}19.9%{width:100%}20%,100%{width:0}}
.rotwrap:hover .sl,.rotwrap:hover .m,.rotwrap:hover .rchip,.rotwrap:hover .rchip>i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){@keyframes rotsl{0%,17%{opacity:1;visibility:visible}20%,100%{opacity:0;visibility:hidden}}.rot .m{animation:none;opacity:1}}
.crow .num{white-space:nowrap}
@media (max-width:760px){#contadora .wrap>div{padding:30px 16px!important;gap:32px!important}.ccard{width:94%}.bin,.bout{max-width:90%}.rchips{gap:5px;padding:10px 12px}.rchip{height:26px;padding:0 9px;font-size:11.5px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}