body{overflow-x:hidden;background:radial-gradient(circle at 10% 5%,#e5f7ff 0,transparent 24rem),#fff;text-rendering:optimizeLegibility}::selection{background:var(--orange);color:#fff}:focus-visible{outline:3px solid #ff9d3f;outline-offset:4px;border-radius:8px}
.nav{box-shadow:0 8px 35px #06255d0a;transition:height .25s,box-shadow .25s}.nav.scrolled{height:68px;box-shadow:0 14px 40px #06255d17;background:#fffffffa}.nav:after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent);opacity:.45}.nav>nav a{position:relative;padding:28px 0;transition:.2s}.nav>nav a:after{content:"";position:absolute;inset-inline-start:0;bottom:19px;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:.25s}.nav>nav a:hover:after{width:100%}
.btn{position:relative;overflow:hidden;isolation:isolate}.btn:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(115deg,transparent 20%,#ffffff55 45%,transparent 70%);transform:translateX(-130%);transition:.6s}.btn:hover:before{transform:translateX(130%)}[dir=rtl] .btn:before{transform:translateX(130%)}[dir=rtl] .btn:hover:before{transform:translateX(-130%)}
.hero{isolation:isolate;background-image:linear-gradient(#0b63ce08 1px,transparent 1px),linear-gradient(90deg,#0b63ce08 1px,transparent 1px);background-size:44px 44px}.hero:after{content:"";position:absolute;z-index:-1;width:72vw;height:260px;left:-18vw;bottom:-155px;border:40px solid #00bce918;border-radius:50%;transform:rotate(-4deg)}.heroText{position:relative;z-index:4}.hero h1{background:linear-gradient(115deg,var(--deep) 12%,var(--blue) 56%,var(--deep) 90%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:headlineFlow 7s linear infinite}.badge{box-shadow:0 10px 30px #ff7a0015;backdrop-filter:blur(10px)}
.visual{perspective:1000px;transition:transform .25s}.phone{transform:rotate(-5deg) rotateY(-5deg);animation:phoneFloat 5s ease-in-out infinite;border-color:#031d4d;outline:1px solid #ffffff55;outline-offset:-7px}.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:78px;height:18px;background:#031d4d;border-radius:20px;z-index:5}.phone:after{content:"";position:absolute;inset:0;border-radius:35px;pointer-events:none;background:linear-gradient(120deg,#ffffff55,transparent 22%,transparent 70%,#06bde815)}.sun{animation:sunPulse 5s ease-in-out infinite}.float{backdrop-filter:blur(16px);background:#fffffff2;animation:cardFloat 4s ease-in-out infinite}.f2{animation-delay:-2s}
.trust{position:relative;overflow:hidden}.trust:after{content:"";position:absolute;inset:-100% -20%;background:linear-gradient(110deg,transparent 45%,#ffffff0c 50%,transparent 55%);animation:trustSweep 8s linear infinite}.trust span{position:relative;z-index:1}.story{position:relative;overflow:hidden}.story:after{content:"≈";position:absolute;inset-inline-end:-2%;bottom:-20%;font-size:28rem;font-weight:900;color:#007bff08;transform:rotate(-10deg);pointer-events:none}.evolve{position:relative;z-index:2}.evolve>b{width:50px;height:50px;background:white;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 24px #092c6a22;color:var(--orange);animation:arrowNudge 2s ease-in-out infinite}.new{position:relative;overflow:hidden}.new:after{content:"";position:absolute;inset:-70%;background:conic-gradient(transparent,#ffffff26,transparent 25%);animation:spin 7s linear infinite}
.catgrid button{position:relative;overflow:hidden;box-shadow:0 6px 20px #05265e08}.catgrid button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#e9f9ff,transparent 55%,#fff1e4);opacity:0;transition:.3s}.catgrid button:hover:before{opacity:1}.catgrid button>*{position:relative;z-index:1}.catgrid i{transition:.3s}.catgrid button:hover i{transform:scale(1.2) rotate(-6deg)}
.steps article{overflow:hidden;box-shadow:0 14px 40px #05265e08;transition:.3s}.steps article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#08bce80b;inset-inline-end:-45px;bottom:-55px;transition:.3s}.steps article:hover{transform:translateY(-8px);box-shadow:0 24px 50px #05265e16}.steps article:hover:after{transform:scale(1.4);background:#ff7a0010}
.why{position:relative;overflow:hidden}.why:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff10;border-radius:50%;top:-350px;inset-inline-end:-150px;box-shadow:0 0 0 90px #ffffff05,0 0 0 180px #ffffff03}.whygrid{position:relative}.whygrid article{backdrop-filter:blur(10px);transition:.3s}.whygrid article:hover{background:#ffffff18;transform:translateY(-5px);border-color:#64ddff70}
.map{isolation:isolate;background:radial-gradient(circle at 30% 20%,#45e3f2,#078bd9 36%,#0048a7 68%,#032863);box-shadow:0 35px 80px #0068d64a}.map:before{content:"";position:absolute;inset:16px;border-radius:inherit;background:linear-gradient(110deg,#ffffff22,transparent 35%);z-index:-1}.map>i{animation:pinBounce 2.3s ease-in-out infinite;filter:drop-shadow(0 7px 8px #00245e66)}.map>.p2{animation-delay:-.8s}.map>.p3{animation-delay:-1.5s}
.partners article{position:relative;overflow:hidden;border:1px solid transparent;transition:.35s}.partners article:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;inset-inline-end:-90px;bottom:-110px;background:#fff7;transition:.4s}.partners article:hover{transform:translateY(-7px);box-shadow:0 25px 55px #05265e17}.partners article:hover:after{transform:scale(1.25)}.partners article>*{position:relative;z-index:1}.storegrid article{background:#fff;box-shadow:0 12px 35px #05265e0b;transition:.35s}.storegrid article:hover{transform:translateY(-8px);box-shadow:0 25px 55px #05265e19;border-color:#80baff}.filters button{transition:.25s}.filters button:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.custom{position:relative;overflow:hidden}.custom:before,.custom:after{content:"";position:absolute;border:2px solid #fff2;border-radius:50%;width:500px;height:150px;transform:rotate(-12deg)}.custom:before{top:-80px;left:-100px}.custom:after{bottom:-90px;right:-80px}.request{position:relative;z-index:2;border:1px solid #ffffff88;transition:.3s}.request:focus-within{transform:translateY(-5px);box-shadow:0 26px 60px #9f3c0045}.tracksteps .done i{animation:statusPulse 2s ease-in-out infinite}.faq article{transition:.25s}.faq article:hover{padding-inline:16px;background:#f7faff;border-radius:14px}.faq article.open{padding-inline:16px;background:#f0f7ff;border-radius:16px}
.final{position:relative;overflow:hidden;box-shadow:0 30px 80px #05265e12;border:1px solid #dbe9fb}.final:before,.final:after{content:"";position:absolute;border-radius:50%}.final:before{width:220px;height:220px;background:#07bfe31e;top:-90px;left:-70px}.final:after{width:180px;height:180px;background:#ff790016;bottom:-80px;right:-40px}.final>*{position:relative;z-index:1}.wa{font-size:1.6rem;border:3px solid #fff;animation:waPulse 2.4s ease-in-out infinite}footer{position:relative;overflow:hidden}footer:before{content:"";position:absolute;width:80vw;height:160px;border:30px solid #05bde80c;border-radius:50%;top:-100px;left:10vw}
@keyframes headlineFlow{to{background-position:200% center}}@keyframes phoneFloat{0%,100%{transform:rotate(-5deg) rotateY(-5deg) translateY(0)}50%{transform:rotate(-3deg) rotateY(1deg) translateY(-12px)}}@keyframes sunPulse{50%{transform:scale(1.04);box-shadow:0 35px 95px #ff7a0055}}@keyframes cardFloat{50%{transform:translateY(-9px)}}@keyframes trustSweep{to{transform:translateX(70%)}}@keyframes arrowNudge{50%{transform:translateX(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pinBounce{50%{transform:translateY(-8px)}}@keyframes statusPulse{50%{box-shadow:0 0 0 12px #00a4771b}}@keyframes waPulse{50%{box-shadow:0 12px 35px #07a65377,0 0 0 9px #17c96e18}}
@media(max-width:700px){.hero{background-size:30px 30px}.hero:after{height:150px;bottom:-90px}.nav.scrolled{height:64px}.story:after{font-size:17rem}.catgrid button:hover,.steps article:hover,.partners article:hover,.storegrid article:hover{transform:none}.final{margin-inline:10px;border-radius:30px}}
@media(prefers-reduced-motion:reduce){.hero h1,.phone,.sun,.float,.trust:after,.evolve>b,.new:after,.map>i,.tracksteps .done i,.wa{animation:none!important}}