*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#f4f7fb;--text:#0f172a;--muted:#64748b;--border:#dbe4f0;--accent:#2563eb;--accent-light:#dbeafe;--dark:#0f172a;--card:#ffffff;--card-alt:#f8fbff;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);color:var(--text);overflow-x:hidden;}
.container{width:100%;max-width:1250px;margin:auto;padding:0 28px;}
header{position:sticky;top:0;background:rgba(255,255,255,0.75);backdrop-filter:blur(10px);border-bottom:1px solid #f1f5f9;z-index:1000;}
.header-inner{height:100px;display:flex;align-items:center;justify-content:center;}.logo{display:flex;align-items:center;justify-content:center;gap:14px;font-size:1.15rem;font-weight:700;text-decoration:none;color:var(--text);}
.logo img{width:400px;}
.hero{padding:120px 0 100px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(37,99,235,0.12),transparent 70%);top:-300px;right:-200px;pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:70px;align-items:center;}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--accent);font-weight:600;font-size:0.92rem;}
.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);}
h1{font-size:clamp(3.2rem,7vw,5.8rem);line-height:1;letter-spacing:-4px;margin-bottom:30px;max-width:700px;}
.hero p{color:var(--muted);font-size:1.1rem;line-height:1.9;max-width:620px;margin-bottom:40px;}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap;}
.btn{padding:16px 28px;border-radius:14px;text-decoration:none;font-weight:600;transition:0.25s ease;display:inline-flex;align-items:center;justify-content:center;}
.btn-primary{background:var(--accent);color:white;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,0.18);}
.btn-secondary{border:1px solid var(--border);color:var(--text);background:white;}
.btn-secondary:hover{background:#f8fafc;}
.hero-card{background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid var(--border);border-radius:28px;padding:35px;box-shadow:0 30px 80px rgba(15,23,42,0.06);}
.hero-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;}
.hero-card-title{font-size:1rem;font-weight:600;}
.status{display:flex;align-items:center;gap:8px;color:#16a34a;font-size:0.92rem;font-weight:600;}
.status-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;}
.metric{padding:22px 0;border-top:1px solid #f1f5f9;}
.metric small{display:block;color:var(--muted);margin-bottom:8px;}
.metric strong{font-size:2rem;letter-spacing:-1px;}
section{padding:110px 0;}
.section-title{text-align:center;margin-bottom:70px;}
.section-title h2{font-size:3rem;letter-spacing:-2px;margin-bottom:18px;}
.section-title p{color:var(--muted);max-width:720px;margin:auto;line-height:1.8;}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.service{padding:36px;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff,#f8fbff);transition:0.25s ease;}
.service:hover{transform:translateY(-6px);box-shadow:0 25px 50px rgba(15,23,42,0.06);}
.service-icon{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--accent);font-size:1.5rem;margin-bottom:24px;}
.service h3{margin-bottom:14px;font-size:1.25rem;}
.service p{color:var(--muted);line-height:1.8;}
.feature-band{background:linear-gradient(135deg,#0f172a,#1e293b);color:white;border-radius:40px;padding:80px 60px;position:relative;overflow:hidden;}
.feature-band::before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,0.18),transparent 70%);top:-200px;right:-150px;}
.feature-band-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;position:relative;z-index:2;}
.feature-band h4{margin-bottom:14px;font-size:1.2rem;}
.feature-band p{color:#94a3b8;line-height:1.8;}
.dashboard-preview{position:relative;}
.dashboard-preview img{width:100%;border-radius:28px;border:1px solid var(--border);box-shadow:0 30px 80px rgba(15,23,42,0.12);display:block;background:white;}
.dashboard-preview::before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(37,99,235,0.12),transparent 70%);z-index:-1;}
footer{padding:50px 20px;text-align:center;color:#94a3b8;}
@media(max-width:768px){h1{letter-spacing:-2px;}.section-title h2{font-size:2.2rem;}.feature-band{padding:50px 30px;}}