:root{--p:#4f46e5;--p2:#7c3aed;--ink:#0f172a;--mut:#64748b;--bg:#f8fafc;--line:#e2e8f0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto}
h1,h2,h3{letter-spacing:-.02em;font-weight:800}
.btn{font-weight:600;border-radius:12px;padding:.6rem 1.15rem}.btn-lg{padding:.85rem 1.5rem;font-size:1.05rem}
.btn-primary{background:linear-gradient(135deg,var(--p),var(--p2));border:0;box-shadow:0 8px 20px -8px rgba(79,70,229,.7)}
.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-light-soft{background:#eef2ff;color:var(--p);border:0}.btn-light-soft:hover{background:#e0e7ff;color:var(--p)}
/* nav */
.navbar{padding:.8rem 0;transition:.25s}.navbar .navbar-brand{font-size:1.3rem;font-weight:700;color:#fff}.navbar-brand b{font-weight:800;color:#a5b4fc}
.logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff}
.navbar .nav-link{color:rgba(255,255,255,.85);font-weight:600;padding:.5rem .9rem!important;border-radius:8px}.navbar .nav-link:hover{color:#fff;background:rgba(255,255,255,.1)}
.navbar-toggler{color:#fff}
.navbar.scrolled,.navbar:has(.show){background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 4px 24px -12px rgba(15,23,42,.25)}
.navbar.scrolled .navbar-brand,.navbar:has(.show) .navbar-brand{color:var(--ink)}.navbar.scrolled .navbar-brand b,.navbar:has(.show) .navbar-brand b{color:var(--p)}
.navbar.scrolled .nav-link,.navbar:has(.show) .nav-link{color:#334155}.navbar.scrolled .navbar-toggler,.navbar:has(.show) .navbar-toggler{color:var(--ink)}
.navbar.scrolled .nav-link:hover{background:#eef2ff;color:var(--p)}
@media(max-width:991px){.navbar-collapse{padding-top:.75rem}}
/* hero */
.hero{position:relative;color:#fff;padding:9rem 0 6rem;background:radial-gradient(900px 500px at 85% 0,rgba(168,85,247,.55),transparent 60%),radial-gradient(800px 500px at 0 20%,rgba(99,102,241,.5),transparent 60%),#12123a;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(#000,transparent 85%);pointer-events:none}
.hero .container{z-index:1}
.pill{display:inline-flex;gap:.45rem;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:.4rem .9rem;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:1.25rem}
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.08;margin-bottom:1.1rem}
.grad{background:linear-gradient(90deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:rgba(255,255,255,.8);font-size:1.2rem;max-width:34rem;margin-bottom:1.75rem}
.btn-outline-light{border-width:2px}
.ticks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;font-size:.95rem;color:rgba(255,255,255,.85)}.ticks i{color:#4ade80;margin-right:.35rem}
.browser{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12)}
.browser .bar{display:flex;align-items:center;gap:6px;background:#f1f5f9;padding:.6rem .9rem;border-bottom:1px solid var(--line)}
.browser .bar i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}.browser .bar i:nth-child(1){background:#f87171}.browser .bar i:nth-child(2){background:#fbbf24}.browser .bar i:nth-child(3){background:#4ade80}
.browser .bar span{margin-left:.6rem;font-size:.72rem;color:#64748b;background:#fff;padding:.15rem .7rem;border-radius:99px;border:1px solid var(--line)}
.browser img{display:block;width:100%}
.browser.big{max-width:1000px;box-shadow:0 30px 60px -25px rgba(30,27,75,.4),0 0 0 1px var(--line)}
.sec .browser{box-shadow:0 30px 60px -25px rgba(30,27,75,.4),0 0 0 1px var(--line)}
.float-y{animation:fy 6s ease-in-out infinite}@keyframes fy{50%{transform:translateY(-10px)}}
.chip{position:absolute;display:flex;gap:.65rem;align-items:center;background:#fff;color:var(--ink);padding:.65rem .9rem;border-radius:14px;box-shadow:0 18px 40px -12px rgba(0,0,0,.4);font-size:.85rem;line-height:1.2}
.chip i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:var(--p);font-size:1.1rem}.chip small{display:block;color:var(--mut)}
.chip.c1{left:-22px;bottom:12%}.chip.c2{right:-10px;top:-18px}
@media(max-width:991px){.hero{padding:7.5rem 0 4rem}.chip.c1{left:6px;bottom:-16px}.chip.c2{right:6px;top:-22px}}
@media(max-width:575px){.chip{display:none}.hero .btn-lg{width:100%}}
/* stats */
.stats{background:#fff;padding:3rem 0;border-bottom:1px solid var(--line)}
.num{font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--p)}.lbl{color:var(--mut);font-weight:500}
/* sections */
.sec{padding:5.5rem 0}.sec.alt{background:var(--bg)}
@media(max-width:767px){.sec{padding:3.5rem 0}}
.head{text-align:center;max-width:680px;margin:0 auto 3rem}.head h2,.sec h2{font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:.8rem}.head p{color:var(--mut);font-size:1.1rem}
.eyebrow{display:inline-block;color:var(--p);background:#eef2ff;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .8rem;border-radius:99px;margin-bottom:1rem}
.eyebrow.light{background:rgba(255,255,255,.14);color:#fff}
.fcard{height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.5rem;transition:.25s}
.fcard:hover{transform:translateY(-6px);box-shadow:0 22px 40px -20px rgba(79,70,229,.45);border-color:#c7d2fe}
.ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2));margin-bottom:1rem;box-shadow:0 10px 20px -10px rgba(79,70,229,.8)}
.fcard h3,.rcard h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.fcard p{color:var(--mut);margin:0;font-size:.95rem;line-height:1.55}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--d,0ms),transform .6s var(--d,0ms)}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.float-y{animation:none}html{scroll-behavior:auto}}
#shots{scrollbar-width:none}#shots::-webkit-scrollbar{display:none}
#shots .nav-link{color:#475569;background:#fff;border:1px solid var(--line);border-radius:99px;font-weight:600;padding:.55rem 1.1rem}
#shots .nav-link.active{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;border-color:transparent}
@media(min-width:768px){#shots{flex-wrap:wrap!important;overflow:visible!important}}
.steps{margin-top:1.75rem;display:grid;gap:1rem}.step{display:flex;gap:1rem}
.step>span{flex:none;width:38px;height:38px;border-radius:50%;background:#eef2ff;color:var(--p);font-weight:800;display:grid;place-items:center;border:2px solid #c7d2fe}
.step b{display:block}.step p{margin:0;color:var(--mut);font-size:.95rem}
.rcard{height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem}
.rcard ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.5rem;color:#334155;font-size:.95rem}.rcard li i{color:#16a34a;margin-right:.5rem;font-weight:700}
.why{display:flex;gap:.9rem;height:100%;padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:#fff}
.why>i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:var(--p);font-size:1.3rem}.why p{margin:0;color:var(--mut);font-size:.92rem}
.cta-band{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:4.5rem 0}.cta-band h2{font-size:clamp(1.7rem,3.5vw,2.4rem)}.cta-band p{opacity:.85;font-size:1.1rem}
.cta-band .btn-light{color:var(--p);font-weight:700}
.accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:.8rem}
.accordion-button{font-weight:700;padding:1.1rem 1.25rem}.accordion-button:not(.collapsed){background:#eef2ff;color:var(--p);box-shadow:none}.accordion-button:focus{box-shadow:none}
.accordion-body{color:var(--mut)}
/* contact */
.contact{background:radial-gradient(700px 400px at 100% 0,rgba(168,85,247,.5),transparent 60%),#12123a}
.contact-list{list-style:none;padding:0;margin:1.75rem 0 0;display:grid;gap:1rem}.contact-list li{display:flex;gap:.9rem;align-items:center}
.contact-list i{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:1.15rem;flex:none}
.contact-list a{color:#fff;text-decoration:none;font-weight:500;word-break:break-word}.contact-list a:hover{text-decoration:underline}.contact-list small{opacity:.7}
.form-card{background:#fff;color:var(--ink);border-radius:22px;padding:2rem;box-shadow:0 30px 70px -25px rgba(0,0,0,.6)}
.form-card h3{font-size:1.4rem;margin-bottom:1.1rem}
.form-label{font-weight:600;font-size:.88rem}.form-control,.input-group-text{border-radius:12px;border-color:var(--line);padding:.7rem .9rem}
.input-group>.form-control{border-radius:0 12px 12px 0}.input-group-text{background:#f8fafc;color:var(--mut);border-radius:12px 0 0 12px}
.form-control:focus{border-color:#818cf8;box-shadow:0 0 0 .22rem rgba(99,102,241,.2)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:575px){.form-card{padding:1.25rem}}
footer{background:#0b0b26;color:#94a3b8;padding:1.6rem 0;font-size:.9rem}footer a{color:#cbd5e1;text-decoration:none}footer a:hover{color:#fff}footer b{color:#fff}
.wa{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.7rem;box-shadow:0 10px 25px -8px rgba(37,211,102,.8);z-index:99;text-decoration:none}.wa:hover{color:#fff;transform:scale(1.08)}
@media(max-width:991px){.row.g-5{--bs-gutter-x:1.5rem;--bs-gutter-y:2.5rem}}