:root{--bg:#0f0f0f;--fg:#f0f0f0;--card:#1a1a1a;--primary:#00d4ff;--primary-fg:#0f0f0f;--muted:#a8a8a8;--border:#333;--section:#121212;--glow:rgba(0,212,255,.15);--p10:rgba(0,212,255,.1);--p20:rgba(0,212,255,.2);--p50:rgba(0,212,255,.5)}
[data-theme="light"]{--bg:#fff;--fg:#1a1a1a;--card:#fff;--primary:#0066cc;--primary-fg:#fff;--muted:#6b6b6b;--border:#e5e5e5;--section:#f9f9f9;--glow:rgba(0,102,204,.15);--p10:rgba(0,102,204,.1);--p20:rgba(0,102,204,.2);--p50:rgba(0,102,204,.5)}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-track{background:transparent}
html{font-size:15px;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--bg);color:var(--fg);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
a{color:var(--primary);text-decoration:none}a:hover{color:var(--fg)}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
::selection{background:var(--p20)}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.narrow{max-width:50rem;margin:0 auto;padding:0 1.5rem}
.sec{padding:4.5rem 0}.sec-alt{background:var(--section);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.muted{color:var(--muted)}
.h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.h2{font-size:clamp(1.75rem,3.4vw,2.25rem);font-weight:700;line-height:1.2;margin-bottom:1rem;text-wrap:balance}
.h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}
.lead{font-size:1.15rem;color:var(--muted);line-height:1.65;max-width:46rem;text-wrap:pretty}
.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .875rem;border-radius:999px;background:var(--p20);color:var(--primary);border:1px solid var(--p20);font-size:.875rem;font-weight:500}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:.5rem;font-size:1.05rem;font-weight:500;border:1px solid var(--primary);cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-sm{padding:.45rem .9rem;font-size:.9rem}
.btn-p{background:var(--primary);color:var(--primary-fg)}.btn-p:hover{color:var(--primary-fg);box-shadow:0 0 18px var(--glow)}
.btn-o{background:transparent;color:var(--primary)}.btn-o:hover{background:var(--p10);color:var(--primary)}
.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,290px)),1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;transition:border-color .25s,transform .25s}
a.card{color:var(--fg)}a.card:hover{border-color:var(--p50);transform:translateY(-2px);color:var(--fg)}
.link-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem}.link-card i{color:var(--primary);flex-shrink:0}
.ico{width:2.6rem;height:2.6rem;border-radius:.625rem;background:var(--p10);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--fg)}.chip:hover{border-color:var(--primary);color:var(--primary)}
.tag{display:inline-flex;padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border);font-size:.85rem;color:var(--muted)}
.stars{color:#facc15;letter-spacing:2px}
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem}
.brand{font-weight:700;font-size:1.2rem;color:var(--fg);letter-spacing:-.01em}.brand:hover{color:var(--fg)}
.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--primary)}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid var(--border);background:none;color:var(--fg);cursor:pointer}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}
.menu-btn{display:none}.mobile-menu{display:none;flex-direction:column;padding:.5rem 1.5rem 1rem;border-top:1px solid var(--border)}.mobile-menu a{padding:.75rem 0;color:var(--fg);border-bottom:1px solid var(--border)}
.nav.open .mobile-menu{display:flex}
@media(max-width:860px){.nav-links{display:none}.menu-btn{display:inline-flex}.nav-act .btn{display:none}}
.hero{position:relative;overflow:hidden;padding:4rem 0 3.5rem}
.glow{position:absolute;top:-12rem;right:-10rem;width:32rem;height:32rem;border-radius:50%;background:var(--glow);filter:blur(90px);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:3rem;align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:var(--muted);margin-bottom:1.25rem}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--primary)}.crumbs [aria-current]{color:var(--fg)}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem;max-width:40rem}.trust div{border-top:2px solid var(--primary);padding-top:.75rem;display:flex;flex-direction:column}.trust strong{font-size:1.5rem}.trust span{font-size:.85rem;color:var(--muted)}
.profile{padding:0;overflow:hidden;display:flex;flex-direction:column}.profile img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top}.profile>div{padding:1.25rem}
.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.steps li{display:flex;gap:1rem}.steps li>span{font-weight:700;color:var(--primary);font-size:.875rem;min-width:2rem}
.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.list li{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:.75rem}.list i{color:var(--primary);flex-shrink:0}
.faqs{display:flex;flex-direction:column;gap:.75rem}
.faq{background:var(--card);border:1px solid var(--border);border-radius:.75rem}.faq[open]{border-color:var(--p50)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;font-size:1.05rem;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary i{color:var(--primary);flex-shrink:0;transition:transform .2s}.faq[open] summary i{transform:rotate(45deg)}
.faq p{padding:0 1.4rem 1.2rem;color:var(--muted);line-height:1.7}
.cta{background:var(--section);border-top:1px solid var(--border)}
.foot{padding:2.5rem 0 2rem;border-top:1px solid var(--border)}
.foot-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}
.foot-legal{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.8rem;color:var(--muted);padding-top:1.5rem;border-top:1px solid var(--border)}.foot-legal a{color:var(--muted)}.foot-legal a:hover{color:var(--primary)}
.wa-float{position:fixed;right:1.25rem;bottom:1.25rem;width:3.25rem;height:3.25rem;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.3);z-index:40}.wa-float:hover{color:#fff;transform:scale(1.05)}
.stat{display:flex;flex-direction:column;gap:.25rem}.stat strong{font-size:2rem;font-weight:700;color:var(--primary)}
.case img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.625rem;margin-bottom:1rem;background:var(--section)}
.kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1rem 0;font-size:.85rem}.kv strong{display:block;font-size:1.1rem;color:var(--fg)}.kv span{color:var(--muted)}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cmp>div{padding:1rem;border-radius:.75rem;border:1px solid var(--border)}.cmp .good{border-color:var(--p50);background:var(--p10)}
.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.7rem .85rem;outline:none;width:100%}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary)}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.field select option{background:var(--card);color:var(--fg)}
@media(max-width:600px){.sec{padding:3.25rem 0}.trust{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.trust strong{font-size:1.2rem}.cmp{grid-template-columns:1fr}}

.rv{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.hero .pill,.hero .h1,.hero .lead,.hero .row,.hero .trust,.hero .profile,.hero .crumbs{animation:heroIn .8s cubic-bezier(.2,.7,.2,1) both}
.hero .h1{animation-delay:.08s}.hero .lead{animation-delay:.16s}.hero .row{animation-delay:.24s}.hero .trust{animation-delay:.32s}.hero .profile{animation-delay:.2s}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.glow{animation:glowFloat 12s ease-in-out infinite alternate}@keyframes glowFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,40px) scale(1.15)}}
.card{will-change:transform}.card:hover{box-shadow:0 12px 30px -12px var(--glow)}
.btn{position:relative;overflow:hidden}.btn-p:active,.btn-o:active{transform:scale(.98)}
.ico{transition:transform .3s}.card:hover .ico{transform:scale(1.08) rotate(-3deg)}
.nav{transition:box-shadow .3s}.nav.scrolled{box-shadow:0 8px 24px -16px rgba(0,0,0,.6)}
.progress{position:fixed;top:0;left:0;height:2px;background:var(--primary);z-index:60;width:0;transition:width .1s linear}
@media (prefers-reduced-motion:reduce){.rv,.hero *{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.glow{animation:none}}