:root{--primary:#1769ff;--navy:#081a3a;--muted:#64748b;--soft:#f5f8ff;--border:#e6ebf3}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#0f172a;background:#fff}.container{max-width:1180px}.btn{border-radius:9px;font-weight:600;padding:.65rem 1rem}.btn-primary{background:var(--primary);border-color:var(--primary)}.brand-mark{color:var(--primary);font-weight:900}.navbar{min-height:72px}.nav-link{font-weight:600;color:#334155}.hero{padding:90px 0 70px;background:radial-gradient(circle at 82% 25%,#e4edff 0,transparent 32%),linear-gradient(180deg,#fff,#f8fbff)}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--primary)}.hero h1{font-size:clamp(2.8rem,5vw,4.4rem);line-height:1.05;margin:18px 0}.hero h1 span{color:var(--primary)}.hero p{font-size:1.15rem;color:var(--muted);max-width:590px}.hero-search{display:flex;align-items:center;background:#fff;border:1px solid var(--border);box-shadow:0 14px 45px #1d4ed81a;border-radius:12px;padding:6px;margin-top:30px}.hero-search i{margin:0 10px;color:#94a3b8}.hero-search input{border:0;outline:0;flex:1;padding:12px}.hero-search button{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:12px 22px;font-weight:700}.hero-stats{display:flex;gap:35px;margin-top:28px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{color:var(--primary);font-size:1.15rem}.hero-stats small{color:var(--muted)}.hero-visual{height:410px;position:relative}.code-card,.phone-card,.chart-card{position:absolute;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 25px 70px #17387324}.code-card{background:#081a3a;color:#9cc2ff;width:80%;height:280px;right:0;padding:24px;transform:rotate(1deg)}.code-card .dots{color:#ff8675}.code-card pre{white-space:pre-wrap;margin-top:40px;font-size:1rem}.phone-card{left:15px;bottom:5px;width:190px;padding:25px;display:flex;flex-direction:column}.phone-card i{font-size:3rem;color:var(--primary)}.phone-card span{color:var(--muted)}.chart-card{right:-10px;bottom:15px;width:180px;padding:22px}.bars{height:70px;display:flex;align-items:end;gap:10px}.bars i{display:block;flex:1;background:linear-gradient(var(--primary),#8dafff);border-radius:5px}.bars i:nth-child(1){height:40%}.bars i:nth-child(2){height:80%}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:95%}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.category-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:25px 12px;border:1px solid var(--border);border-radius:14px;color:#0f172a;text-decoration:none;box-shadow:0 8px 25px #0f172a0a}.category-card i{font-size:2rem;color:var(--primary)}.section-space{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-head h2{font-weight:800}.section-head a{color:var(--primary);text-decoration:none;font-weight:700}.product-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;height:100%;box-shadow:0 8px 26px #0f172a0a}.product-image,.demo-thumb{height:180px;background:#dfe8f8;position:relative;display:flex;align-items:center;justify-content:center;font-weight:800}.product-image img{width:100%;height:100%;object-fit:cover}.product-image span,.demo-thumb>span{position:absolute;top:10px;right:10px;background:#18ad5b;color:#fff;font-size:.7rem;font-weight:800;padding:5px 8px;border-radius:6px}.demo-1{background:linear-gradient(135deg,#12233e,#ef8b45);color:#fff}.demo-2{background:linear-gradient(135deg,#edf3ff,#7568f8)}.demo-3{background:linear-gradient(135deg,#050b18,#2b4875);color:#fff}.demo-4{background:linear-gradient(135deg,#0e65cb,#65a8ff);color:#fff}.tags{display:flex;gap:5px;margin:12px 0}.tags small{background:#edf3ff;color:#2761cf;padding:3px 7px;border-radius:5px}.product-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin:13px 0}.bg-soft{background:var(--soft)}.tool-card{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid var(--border);border-radius:14px;text-decoration:none;color:#0f172a;background:#fff}.tool-card>i{font-size:1.8rem;color:var(--primary);background:#edf3ff;border-radius:12px;padding:13px}.tool-card h5{margin:0 0 5px}.tool-card p{margin:0;color:var(--muted)}.tool-card>span{margin-left:auto;color:var(--primary);font-size:1.5rem}.newsletter{background:linear-gradient(120deg,#e9f1ff,#f5f0ff);padding:40px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:30px}.newsletter form{display:flex;min-width:45%;background:#fff;padding:5px;border-radius:10px}.newsletter input{border:0;outline:0;flex:1;padding:12px}.site-footer{background:var(--navy)}.site-footer a{display:block;color:#b5c1d4;text-decoration:none;margin:9px 0}.page-header{padding:65px 0;background:var(--soft);text-align:center}.page-header h1{font-weight:850;font-size:2.8rem}.filter-search{display:flex;max-width:750px;margin:25px auto 0;gap:10px}.empty-state{text-align:center;padding:80px}.empty-state i{font-size:3rem;color:var(--primary)}.detail-gallery{background:var(--soft);border-radius:18px;min-height:420px;overflow:hidden}.detail-gallery img{width:100%}.download-box{position:sticky;top:95px;border:1px solid var(--border);border-radius:16px;padding:25px;box-shadow:0 15px 45px #0f172a12}.free-pill{display:inline-block;background:#dcfce7;color:#15803d;padding:6px 10px;border-radius:99px;font-size:.75rem;font-weight:800;margin-bottom:15px}.download-box dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 0}.download-box dt{color:var(--muted);font-weight:500}.download-box dd{font-weight:700}.content-body img{max-width:100%;height:auto;border-radius:10px}@media(max-width:991px){.category-grid{grid-template-columns:repeat(3,1fr)}.hero-visual{margin-top:20px}.newsletter{flex-direction:column;align-items:stretch}.newsletter form{min-width:100%}}@media(max-width:575px){.hero{padding-top:55px}.hero-stats{gap:15px;justify-content:space-between}.category-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{height:330px}.phone-card{width:150px}.chart-card{width:140px}.filter-search{flex-direction:column}}