:root{
  --brand-red:#e51f2a;--brand-blue:#1f56a8;--brand-navy:#0b1f3f;--brand-sky:#f3f8ff;--brand-rose:#fff4f5;--ink:#111827;--muted:#64748b;--line:#e7eef8;--white:#fff;--soft:#f8fafc;--shadow:0 12px 34px rgba(15,23,42,.08);--shadow-lg:0 24px 70px rgba(31,86,168,.15);--radius:22px;--grad-blue:linear-gradient(135deg,#1f56a8,#0b1f3f);--grad-red:linear-gradient(135deg,#e51f2a,#ff7043)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden;line-height:1.7}img{max-width:100%}a{text-decoration:none}.container{max-width:1180px}.text-gradient{background:linear-gradient(90deg,var(--brand-blue),var(--brand-red));-webkit-background-clip:text;color:transparent}.fw-black{font-weight:950}.lead{color:#475569;line-height:1.85}.top-strip{background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:#344054;padding:8px 0}.top-strip i{color:var(--brand-red);margin-right:5px}.main-nav{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,238,248,.95);box-shadow:0 8px 28px rgba(15,23,42,.05);z-index:1040}.navbar-brand{padding:0;margin-right:22px}.navbar-brand img{height:56px;width:auto;max-width:250px!important;object-fit:contain;display:block}.nav-link{font-weight:800;color:#1f2937!important;padding:9px 12px!important;border-radius:999px;font-size:15px}.nav-link:hover,.nav-link.active{color:var(--brand-red)!important;background:var(--brand-rose)}.navbar-toggler{border:1px solid var(--line);box-shadow:none!important;border-radius:12px;padding:8px 10px}.btn-brand,.btn-blue,.btn-light-brand{border:0;border-radius:999px;padding:12px 22px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.25s ease;white-space:nowrap}.btn-brand{background:var(--grad-red);color:#fff!important;box-shadow:0 12px 28px rgba(229,31,42,.22)}.btn-blue{background:var(--grad-blue);color:#fff!important;box-shadow:0 12px 28px rgba(31,86,168,.22)}.btn-light-brand{background:#fff;color:var(--brand-blue)!important;border:1px solid var(--line);box-shadow:0 8px 22px rgba(15,23,42,.04)}.btn-brand:hover,.btn-blue:hover,.btn-light-brand:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.hero{position:relative;padding:94px 0 82px;min-height:auto;display:flex;align-items:center;background:radial-gradient(circle at 8% 10%,rgba(229,31,42,.10),transparent 30%),radial-gradient(circle at 84% 8%,rgba(31,86,168,.12),transparent 28%),linear-gradient(180deg,#fff 0%,#f6f9ff 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,86,168,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(31,86,168,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero .container{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:900;color:var(--brand-blue);box-shadow:0 8px 22px rgba(31,86,168,.07)}.hero h1{font-size:clamp(38px,6vw,72px);font-weight:950;letter-spacing:-2.2px;line-height:1.04;margin:18px 0}.hero .lead{font-size:18px;max-width:720px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-visual{position:relative;min-height:430px}.image-stack{position:relative;height:430px}.image-stack .main-img{position:absolute;right:0;top:30px;width:92%;height:350px;object-fit:cover;border-radius:30px;box-shadow:0 34px 86px rgba(15,23,42,.20)}.image-stack:after{content:"";position:absolute;right:18px;top:48px;width:92%;height:350px;border:2px solid rgba(229,31,42,.18);border-radius:30px;transform:translate(18px,18px);z-index:-1}.image-stack .float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;animation:float 4s ease-in-out infinite;min-width:178px}.image-stack .float-card i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--grad-red);font-size:20px}.fc1{left:0;top:0}.fc2{right:0;bottom:28px;animation-delay:.8s!important}.fc3{left:18px;bottom:0;animation-delay:1.4s!important}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-row{margin-top:-34px;position:relative;z-index:5}.stat-box{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:22px;text-align:center;height:100%}.stat-box h3{font-size:34px;font-weight:950;color:var(--brand-blue);margin:0}.stat-box p{margin:3px 0 0;color:var(--muted);font-weight:700}.section{padding:84px 0}.section-soft{background:var(--soft)}.section-title{max-width:850px;margin:0 auto 44px;text-align:center}.section-title small{font-weight:950;text-transform:uppercase;letter-spacing:1.3px;color:var(--brand-red)}.section-title h2{font-size:clamp(30px,4vw,50px);font-weight:950;letter-spacing:-1.2px;margin:8px 0 12px}.section-title p{color:var(--muted);font-size:17px;margin:0}.cardx,.product-card,.blog-card,.info-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:.25s ease;position:relative;overflow:hidden}.cardx,.blog-card,.info-card{padding:26px}.cardx:hover,.product-card:hover,.blog-card:hover,.info-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#d5e4ff}.iconx{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,#fff4f5,#eef5ff);display:grid;place-items:center;color:var(--brand-red);font-size:28px;margin-bottom:18px;border:1px solid #fff}.product-card{display:flex;flex-direction:column}.product-media{height:240px;background:linear-gradient(135deg,#fff,#eef5ff);display:grid;place-items:center;padding:20px;position:relative}.product-media img{max-width:100%;max-height:210px;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(15,23,42,.14))}.product-body{padding:24px;display:flex;flex-direction:column;flex:1}.product-body p{color:#56657a}.product-body .btn{margin-top:auto}.product-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pill{background:#eef5ff;color:var(--brand-blue);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.pill.red{background:#fff1f2;color:var(--brand-red)}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);color:#475569}.feature-list i{color:var(--brand-red);flex:0 0 auto}.split-img,.img-3d{border-radius:28px;width:100%;height:500px;object-fit:cover;box-shadow:0 28px 70px rgba(15,23,42,.14)}.band{background:linear-gradient(135deg,#0b1f3f,#142f61);color:#fff;position:relative;overflow:hidden}.band:before{content:"";position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1600&q=80') center/cover;opacity:.08}.band .container{position:relative}.band .section-title p,.band p{color:#dbeafe}.band .section-title h2{color:#fff}.app-box{text-align:center;padding:24px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:20px;height:100%;color:#fff}.app-box i{font-size:32px;color:#ffc7cc}.page-hero{padding:70px 0;background:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(34px,5vw,58px);font-weight:950;letter-spacing:-1.4px}.breadcrumb-mini{color:#64748b;font-weight:800}.detail-hero-img{background:linear-gradient(135deg,#fff,#eef5ff);border-radius:28px;padding:34px;box-shadow:var(--shadow);display:grid;place-items:center;min-height:390px}.detail-hero-img img{max-width:100%;max-height:340px;filter:drop-shadow(0 18px 26px rgba(15,23,42,.16))}.table-guide{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:20px;box-shadow:var(--shadow);background:#fff}.table-guide th{background:var(--brand-navy);color:#fff}.table-guide th,.table-guide td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}.form-control,.form-select{border-radius:15px;border:1px solid #d9e2ef;padding:13px 15px}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .22rem rgba(31,86,168,.12);border-color:#93b5ff}.alert-soft{background:#f7f9fd;border:1px solid var(--line);border-left:5px solid var(--brand-blue);padding:18px;border-radius:18px;color:#475569}.filter-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.product-filter{border:1px solid var(--line);border-radius:999px;background:#fff;color:#344054;padding:10px 18px;font-weight:900}.product-filter.active{background:var(--grad-blue);color:#fff}.blog-card .date{color:var(--brand-red);font-weight:950;margin-bottom:8px}.footer-cta{background:linear-gradient(135deg,#eef5ff,#fff4f5);padding:56px 0;border-top:1px solid var(--line)}.footer{background:#fff;border-top:1px solid var(--line);padding:62px 0 24px;color:#475569}.footer-logo{height:68px;width:auto;object-fit:contain;margin-bottom:16px}.footer h5{font-weight:950;color:#111827;margin-bottom:16px}.footer a{display:block;color:#475569;margin-bottom:10px;font-weight:700}.footer a:hover{color:var(--brand-red)}.social a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f2f4f7;color:var(--brand-blue);margin-right:8px}.float-wa{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:32px;z-index:999;box-shadow:0 18px 42px rgba(15,23,42,.24)}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.show{opacity:1;transform:none}.mini-divider{width:76px;height:5px;border-radius:99px;background:var(--grad-red);margin:18px 0}.content-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}
@media(max-width:1199px){.container{max-width:960px}.hero-visual{min-height:390px}.image-stack{height:390px}.image-stack .main-img{height:320px;width:95%}.image-stack:after{height:320px;width:95%}}
@media(max-width:991px){.top-strip .container{justify-content:center!important;text-align:center;gap:7px}.navbar-brand img{height:48px}.navbar-collapse{padding:14px 0}.nav-link{padding:10px 12px!important;margin:2px 0}.navbar-nav .btn-brand{width:100%;margin-top:8px}.hero{padding:62px 0 52px;text-align:left}.hero h1{letter-spacing:-1.2px}.hero-visual{margin-top:28px;min-height:330px}.image-stack{height:330px}.image-stack .main-img{height:285px;width:100%;right:auto;left:0;top:24px;border-radius:24px}.image-stack:after{display:none}.fc1{left:12px;top:0}.fc2{right:12px;bottom:8px}.fc3{display:none}.section{padding:62px 0}.section-title{text-align:left;margin-left:0;margin-bottom:32px}.split-img,.img-3d{height:350px}.stats-row{margin-top:20px}.detail-hero-img{min-height:300px;margin-top:24px}.footer{text-align:left}.footer-cta .text-lg-end{text-align:left!important}.btn-brand,.btn-blue,.btn-light-brand{padding:11px 18px}.product-media{height:220px}}
@media(max-width:575px){body{font-size:15px}.top-strip{font-size:12px}.top-strip span.hide-sm{display:none}.hero{padding:46px 0}.hero h1{font-size:36px}.hero .lead{font-size:16px}.hero-actions .btn-brand,.hero-actions .btn-blue,.hero-actions .btn-light-brand{width:100%}.eyebrow{font-size:12px}.image-stack .main-img{height:230px}.hero-visual,.image-stack{min-height:280px;height:280px}.image-stack .float-card{padding:10px 12px;font-size:12px;min-width:150px}.image-stack .float-card i{width:36px;height:36px}.section-title h2{font-size:29px}.product-body,.cardx,.info-card,.blog-card,.content-panel{padding:20px}.page-hero{padding:48px 0}.table-guide{font-size:13px}.table-guide th,.table-guide td{padding:10px}.float-wa{width:52px;height:52px;font-size:28px;right:14px;bottom:14px}.footer-logo{height:58px}.stat-box{padding:18px 10px}.stat-box h3{font-size:28px}.product-media{height:205px}.filter-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.product-filter{flex:0 0 auto}}