/* Cleaning | soft neumorphic surface. Rebrand via :root. */
:root{--bg:#e6edf3;--sd:#c2cdd8;--sl:#fff;--ink:#0f2740;--mute:#57718a;--brand:#0b66d6;--sun:#ffc93c;--mint:#1fae7b;
--fd:'Urbanist','Segoe UI',system-ui,sans-serif;--fb:'Nunito Sans','Segoe UI',system-ui,sans-serif;--ease:cubic-bezier(.22,.8,.2,1);
--up:9px 9px 18px var(--sd),-9px -9px 18px var(--sl);--up-s:5px 5px 10px var(--sd),-5px -5px 10px var(--sl);--in:inset 6px 6px 12px var(--sd),inset -6px -6px 12px var(--sl)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 1.02rem/1.7 var(--fb);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:800;line-height:1.08;letter-spacing:-.025em}
h1{font-size:clamp(2.5rem,5.6vw,4.5rem)}h2{font-size:clamp(1.9rem,3.6vw,3rem)}h3{font-size:1.25rem}
.wrap{width:min(1200px,92%);margin-inline:auto}section{padding:5rem 0}
:focus-visible{outline:3px solid var(--brand);outline-offset:3px}svg{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr{position:absolute;left:-9999px}
.up{background:var(--bg);box-shadow:var(--up);border-radius:28px}.inn{background:var(--bg);box-shadow:var(--in);border-radius:20px}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.7rem;padding:.95rem 1.9rem;border-radius:99px;border:0;background:var(--brand);color:#fff;font:700 1rem var(--fd);cursor:pointer;box-shadow:6px 6px 14px rgba(11,102,214,.35),-5px -5px 12px var(--sl);transition:transform .4s var(--ease)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5),transparent 70%);transform:translateX(-120%);transition:transform .7s var(--ease)}.btn:hover{transform:translateY(-3px)}.btn:hover::after{transform:translateX(120%)}.btn:active{transform:scale(.97)}
.btn.sun{background:var(--sun);color:var(--ink);box-shadow:6px 6px 14px rgba(200,150,0,.3),-5px -5px 12px var(--sl)}.btn.soft{background:var(--bg);color:var(--ink);box-shadow:var(--up-s)}
.lk{position:relative;font-weight:700;color:var(--brand)}.lk::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.lk:hover::after{transform:scaleX(1);transform-origin:left}
.pill{display:inline-flex;gap:.5rem;align-items:center;padding:.4rem 1.1rem;border-radius:99px;font-weight:700;font-size:.9rem;color:var(--brand);box-shadow:var(--in);margin-bottom:1.2rem}
.sh{max-width:640px;margin-bottom:3rem}.sh p{color:var(--mute);margin-top:1rem}.sh.c{margin-inline:auto;text-align:center}
/* header */
header{position:sticky;top:0;z-index:50;background:var(--bg);transition:box-shadow .4s}header.on{box-shadow:0 8px 20px rgba(194,205,216,.7)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.9rem 0}
.logo{display:flex;align-items:center;gap:.7rem;font:800 1.55rem var(--fd)}.logo i{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;color:var(--brand);box-shadow:var(--up-s)}
nav>ul{display:flex;gap:.4rem}nav a.nl{position:relative;display:block;padding:.55rem 1.15rem;border-radius:99px;font-weight:700;color:var(--mute);transition:color .3s,transform .3s}nav a.nl:hover{color:var(--ink);transform:translateY(-2px)}nav a.on{color:var(--brand);box-shadow:var(--in)}
.hr{display:flex;align-items:center;gap:1.2rem}.tel{display:flex;gap:.6rem;align-items:center;font-weight:800}.tel svg{width:2.6rem;height:2.6rem;padding:.65rem;border-radius:50%;box-shadow:var(--up-s);color:var(--brand)}.tel small{display:block;color:var(--mute);font-weight:600;line-height:1.1}
#nt,.burger,.close,.scrim{display:none}.ib{width:2.8rem;height:2.8rem;border-radius:50%;place-items:center;box-shadow:var(--up-s);cursor:pointer}
@media(max-width:1020px){.burger{display:grid}.tel span,.hr .btn{display:none}
nav{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:1.4rem 1.5rem 2rem;background:var(--bg);border-radius:32px 32px 0 0;box-shadow:0 -20px 50px rgba(15,39,64,.25);transform:translateY(105%);transition:transform .5s var(--ease)}#nt:checked~nav{transform:none}#nt:checked~.scrim{display:block;position:fixed;inset:0;background:rgba(15,39,64,.45);z-index:60}
.close{display:grid;margin:0 0 1rem auto}nav>ul{flex-direction:column;gap:.5rem}nav a.nl{font:800 1.25rem var(--fd);padding:.9rem 1.2rem}}
/* hero */
.hero{position:relative;padding:3rem 0 7rem}.hg{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center}.hero p.l{color:var(--mute);font-size:1.15rem;max-width:520px;margin:1.4rem 0 2rem}.acts{display:flex;gap:1rem;flex-wrap:wrap}
.trust{display:flex;align-items:center;gap:1rem;margin-top:2.2rem}.stars{display:flex;color:#f5a600}.stars svg{fill:currentColor;stroke:none;width:1.1rem}.trust small{color:var(--mute);display:block}
.hv{position:relative}.hv .fr{aspect-ratio:4/4.6;border-radius:42% 42% 28px 28px/30% 30% 28px 28px;overflow:hidden;box-shadow:var(--up)}.hv img{transition:transform 1.4s var(--ease)}.hv:hover img{transform:scale(1.05)}
.chip{position:absolute;display:flex;gap:.7rem;align-items:center;padding:.8rem 1.2rem;border-radius:20px;background:var(--bg);box-shadow:var(--up-s);font-weight:700;animation:bob 5s ease-in-out infinite}.chip svg{color:var(--mint);width:1.5rem;height:1.5rem}.chip small{display:block;color:var(--mute);font-weight:600}.c1{left:-1.5rem;bottom:20%}.c2{right:-1rem;top:12%;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-10px)}}
.bub{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(11,102,214,.12));box-shadow:var(--up-s);animation:bob 7s ease-in-out infinite;pointer-events:none}.b1{width:70px;height:70px;left:-2%;top:6%}.b2{width:36px;height:36px;left:46%;top:2%;animation-delay:-3s}.b3{width:110px;height:110px;right:-3%;bottom:6%;animation-delay:-5s}
@media(max-width:900px){.hg{grid-template-columns:1fr}.c1{left:.5rem}.c2{right:.5rem}}
/* sub hero */
.sub{margin-top:-5rem;padding:0 0 3rem;position:relative;z-index:2}.quote{padding:1.8rem;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1rem;align-items:end}@media(max-width:900px){.quote{grid-template-columns:1fr 1fr}}@media(max-width:560px){.quote{grid-template-columns:1fr}}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.2rem}@media(max-width:900px){.feats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.feats{grid-template-columns:1fr}}
.feat{display:flex;gap:1rem;align-items:center;padding:1.2rem 1.4rem;transition:transform .5s var(--ease)}.feat:hover{transform:translateY(-6px)}.feat svg{width:2.6rem;height:2.6rem;padding:.6rem;border-radius:50%;box-shadow:var(--in);color:var(--brand)}.feat small{display:block;color:var(--mute)}
/* about */
.ab{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.col{position:relative;aspect-ratio:1/1.05}.col .a{position:absolute;left:0;top:0;width:78%;height:82%;border-radius:28px;overflow:hidden;box-shadow:var(--up)}.col .b{position:absolute;right:0;bottom:0;width:55%;height:50%;border-radius:28px;overflow:hidden;box-shadow:var(--up);border:8px solid var(--bg)}.col img{transition:transform 1.2s var(--ease)}.col div:hover img{transform:scale(1.07)}
.ck{display:grid;gap:.9rem;margin:1.6rem 0 2rem}.ck li{display:flex;gap:.8rem}.ck svg{color:var(--mint);margin-top:.2rem}
.st{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.st div{padding:1rem;text-align:center}.st b{display:block;font:800 1.9rem var(--fd);color:var(--brand)}.st span{font-size:.88rem;color:var(--mute)}@media(max-width:860px){.ab{grid-template-columns:1fr;gap:2.5rem}}
/* cards */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.g2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media(max-width:980px){.g3{grid-template-columns:1fr 1fr}.g4{grid-template-columns:1fr 1fr}}@media(max-width:640px){.g3,.g4,.g2{grid-template-columns:1fr}}
.card{padding:2rem;transition:transform .5s var(--ease)}.card:hover{transform:translateY(-8px)}.card .ico{width:3.8rem;height:3.8rem;border-radius:50%;display:grid;place-items:center;color:var(--brand);box-shadow:var(--in);margin-bottom:1.3rem;transition:transform .5s var(--ease),color .3s}.card:hover .ico{transform:scale(1.12) rotate(-8deg);color:var(--mint)}.card p{color:var(--mute);margin:.6rem 0 1.2rem}
.imc{overflow:hidden;padding:0}.imc .im{aspect-ratio:16/11;overflow:hidden}.imc img{transition:transform 1s var(--ease)}.imc:hover img{transform:scale(1.07)}.imc .t{padding:1.6rem 1.8rem 1.8rem}.imc small{color:var(--brand);font-weight:700}.imc h3{margin:.3rem 0 .5rem}.imc p{color:var(--mute)}
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;padding:1.6rem}.logos div{padding:.8rem;text-align:center;font:800 1.1rem var(--fd);color:var(--mute);transition:color .3s,transform .4s var(--ease)}.logos div:hover{color:var(--brand);transform:translateY(-4px)}@media(max-width:900px){.logos{grid-template-columns:repeat(3,1fr)}}
.rev{padding:2rem}.rev blockquote{margin:1rem 0 1.4rem}.who{display:flex;gap:.9rem;align-items:center}.who img{width:3.2rem;height:3.2rem;border-radius:50%;box-shadow:var(--up-s)}.who small{display:block;color:var(--mute)}
/* forms */
label.l{display:block;margin:0 0 .4rem .5rem;font-weight:700;font-size:.92rem}input,textarea,select{font:inherit;color:var(--ink);width:100%;padding:.9rem 1.2rem;border:0;border-radius:16px;background:var(--bg);box-shadow:var(--in);outline:0;margin-bottom:1rem}input:focus,textarea:focus,select:focus{outline:3px solid var(--brand)}.quote input,.quote select{margin:0}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:560px){.fr{grid-template-columns:1fr}}.cg{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}@media(max-width:900px){.cg{grid-template-columns:1fr}}
.info{display:grid;gap:1.2rem;margin-top:2rem}.info li{display:flex;gap:1rem;align-items:center}.info svg{width:3rem;height:3rem;padding:.8rem;border-radius:50%;box-shadow:var(--up-s);color:var(--brand)}.info small{display:block;color:var(--mute)}
form.f{padding:2.2rem}
/* faq */
details{margin-bottom:1.2rem;border-radius:20px;box-shadow:var(--up-s);padding:1.2rem 1.6rem;transition:box-shadow .3s}details[open]{box-shadow:var(--in)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font:700 1.1rem var(--fd)}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:1.6rem;color:var(--brand);transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details p{margin-top:.8rem;color:var(--mute)}
/* footer */
footer{margin-top:3rem;padding:4rem 0 1.5rem;background:#0f2740;color:#b9cadb;border-radius:48px 48px 0 0}footer .logo{color:#fff}footer .logo i{background:#17395c;box-shadow:none;color:#7fb6ff}footer h4{color:#fff;font-size:1.1rem;margin-bottom:1rem}footer li{margin-bottom:.5rem}footer a{transition:color .3s,padding .3s}footer li a:hover{color:var(--sun);padding-left:.3rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2.5rem}@media(max-width:860px){.fg{grid-template-columns:1fr 1fr}}.copy{margin-top:3rem;padding-top:1.4rem;border-top:1px solid #213d5c;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.9rem}
/* inner */
.ph{padding:3rem 0 1rem}.phb{position:relative;overflow:hidden;padding:clamp(2rem,6vw,4rem)}.phb p.s{color:var(--mute);margin-top:1rem;max-width:560px}.crumb{margin-top:1.4rem;font-weight:600;color:var(--mute)}.crumb a:hover{color:var(--brand)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}.row .fr2{aspect-ratio:4/3;border-radius:28px;overflow:hidden;box-shadow:var(--up)}.row .fr2 img{transition:transform 1.2s var(--ease)}.row .fr2:hover img{transform:scale(1.06)}.row:nth-child(even) .fr2{order:2}@media(max-width:800px){.row{grid-template-columns:1fr;gap:1.5rem}.row:nth-child(even) .fr2{order:0}}
.price{padding:2.2rem;text-align:center;transition:transform .5s var(--ease)}.price:hover{transform:translateY(-8px)}.price.hot{box-shadow:var(--in)}.price b.n{display:block;font:800 2.8rem var(--fd);color:var(--brand);margin:.6rem 0}.price ul{margin:1.4rem 0 1.8rem;display:grid;gap:.6rem;color:var(--mute)}
.cats{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.5rem}.cats a{padding:.5rem 1.3rem;border-radius:99px;font-weight:700;box-shadow:var(--up-s);transition:transform .3s}.cats a:hover{transform:translateY(-3px)}.cats a.on{box-shadow:var(--in);color:var(--brand)}
.pg{display:flex;gap:.8rem;justify-content:center;margin-top:3.5rem}.pg a{width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;font-weight:800;box-shadow:var(--up-s)}.pg a.on{box-shadow:var(--in);color:var(--brand)}
.team .ph2{aspect-ratio:1;border-radius:50%;overflow:hidden;width:70%;margin:0 auto 1.2rem;box-shadow:var(--up)}.team{text-align:center;padding:2rem 1.4rem}.team small{color:var(--mute)}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js .reveal.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}