*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#667085;--primary:#4f46e5;--primary-dark:#3730a3;--border:#e6e8f0;--soft:#eef2ff}
html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
.hero{background:linear-gradient(135deg,#111827 0%,#312e81 55%,#4f46e5 100%);color:white;padding:24px 7% 82px}
.nav{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{font-size:22px;font-weight:800}.nav-links{display:flex;gap:25px}.nav-links a{color:#e0e7ff;text-decoration:none;font-size:14px}.nav-links a:hover{color:#fff}
.hero-content{max-width:1120px;margin:85px auto 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#c7d2fe}.eyebrow.dark{color:#4f46e5}
h1{font-size:clamp(40px,7vw,72px);line-height:1.02;max-width:820px;margin:15px 0}h1 span{color:#c4b5fd}.lead{font-size:18px;color:#dbeafe;max-width:680px}.hero-btn{display:inline-block;margin-top:27px;padding:13px 18px;border-radius:10px;background:#fff;color:#312e81;text-decoration:none;font-weight:800}
.section{max-width:1120px;margin:0 auto;padding:72px 20px}.section-title{margin-bottom:28px}.section-title h2{font-size:32px;margin-top:7px}.feature-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.roadmap-grid div{background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px;box-shadow:0 8px 25px #1f29370a}.feature-icon{font-size:28px;margin-bottom:12px}.feature-grid h3,.roadmap-grid h3{margin-bottom:6px}.feature-grid p,.roadmap-grid p,.about p{color:var(--muted);font-size:14px}
.tools-section{background:transparent}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:25px;box-shadow:0 8px 25px #1f29370b}.card-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.icon{font-size:28px}.card h3{font-size:20px}.card-heading p{color:var(--muted);font-size:14px}
.row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px;margin-bottom:10px}.row input{width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;font-size:14px;outline:none}.row input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf822}
.actions{margin-top:7px}button{border:0;border-radius:9px;padding:11px 14px;font-weight:800;cursor:pointer;margin:5px 5px 5px 0}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-dark)}.secondary{background:var(--soft);color:var(--primary-dark)}
.result{margin-top:15px;padding:17px;border-radius:12px;background:#f0fdf4;border:1px solid #bbf7d0}.result strong{display:block;font-size:29px;color:#166534}.result p{color:#475467;font-size:14px}.hidden{display:none}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stats div{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px}.stats span{font-size:22px;display:block}.stats small{color:var(--muted);display:block}.stats strong{font-size:26px}
.about-box{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;background:#111827;color:white;border-radius:20px;padding:38px}.about-box h2{font-size:32px;margin-top:7px}.about-box p{color:#cbd5e1}.about-box .quote{color:#c4b5fd;font-weight:800;font-size:18px;margin-top:15px}
.roadmap-grid{grid-template-columns:repeat(4,1fr)}.roadmap-grid b{color:var(--primary);font-size:12px}
footer{text-align:center;background:#111827;color:#cbd5e1;padding:35px}footer strong{color:#fff}footer p{font-size:13px;margin-top:5px}
@media(max-width:800px){.nav-links{display:none}.hero{padding-bottom:65px}.hero-content{margin-top:65px}.feature-grid,.dashboard-grid,.roadmap-grid,.stats,.about-box{grid-template-columns:1fr}.row{grid-template-columns:1fr}.section{padding:55px 15px}.section-title h2{font-size:27px}}