.hero-wrap{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.hero-text{flex:1 1 420px}.hero-media{flex:1 1 380px;position:relative}.blob-a{width:110px;height:110px;left:-18px;top:-18px}.blob-b{width:110px;height:110px;right:-18px;bottom:-18px}.products-grid .thumb{height:190px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}:root{--brand:#3b82f6;--bg:#ffffff;--text:#1f2937;--muted:#6b7280;--card:#ffffff;--card-border:#e5e7eb;--hero-grad1:#f5f7fa;--hero-grad2:#e4f0f9;--dark:#0f172a;--light:#f8fafc;--radius:16px;--shadow:0 10px 25px rgba(0,0,0,.08);--transition:all .25s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;border:1px solid transparent;padding:.8rem 1.2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:var(--transition)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{filter:brightness(.95)}.btn-outline{border-color:var(--brand);color:var(--brand);background:transparent}.btn-outline:hover{background:#3b82f614}.hero{padding:5rem 0 6rem}.hero h1{font-size:2.5rem;margin:0 0 1rem}.hero p{color:var(--muted);font-size:1.1rem}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-3{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 14px 36px #0000001f}.card .body{padding:1.25rem}.badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem}.badge{font-size:.72rem;background:#e8f1ff;color:#1e40af;padding:.35rem .6rem;border-radius:999px}.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}.nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0}.brand{display:flex;align-items:center;gap:.6rem}.logo{width:44px;height:44px;border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}.navlinks{display:flex;gap:1.2rem}.navlink{color:#374151;text-decoration:none;font-weight:600;position:relative}.navlink:hover{color:var(--brand)}.navlink:hover:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--brand)}.mobile-toggle{display:none;background:none;border:0;font-size:1.6rem}@media (max-width:900px){.navlinks{display:none}.mobile-toggle{display:block;color:#374151}.mobile-menu{display:block}.mobile-menu .navlink{display:block;padding:.8rem 0;border-bottom:1px solid #eee}}.section{padding:4rem 0}.section h2{font-size:2rem;margin:0 0 .7rem}.muted{color:var(--muted)}.img-rounded{border-radius:16px;box-shadow:var(--shadow);width:100%;height:auto}.footer{background:#0b1220;color:#cbd5e1;padding:3rem 0}.footer h4{color:#fff;margin:0 0 .8rem}.footer a{color:#94a3b8;text-decoration:none}.footer a:hover{color:#fff}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.float-blob{position:absolute;border-radius:999px;background:#dbeafe;opacity:.7;filter:blur(1px);animation:floaty 5s ease-in-out infinite}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.logoh{width:73px;border-radius:42px;height:71px;margin-right:20px;margin-bottom:0}.border-radius{border-radius:25px}.text-blue{color:#00f}.text-center{text-align:center}.bg-black{background-color:#000}.ml{margin-left:13px}.text-white{color:#fff}