:root{--blue:#135ae6;--navy:#0b1f44;--sky:#eef6ff;--text:#10213d;--muted:#64748b;--green:#0f9f6e;--line:#dbe4f0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #edf2f7;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:20}.nav nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.brand{font-size:26px;font-weight:900;color:#12a9db;display:flex;gap:8px;align-items:center}.brand span{color:#173d88}.btn{display:inline-block;background:var(--blue);color:white;border:0;border-radius:10px;padding:14px 20px;font-weight:800;cursor:pointer}.btn.small{padding:10px 15px}.btn.ghost{background:white;color:var(--blue);border:1px solid #9ebbf5}
.hero{min-height:610px;padding:70px 5vw;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;background:linear-gradient(120deg,#fff 0%,#f4f9ff 58%,#e7f2ff 100%)}.hero h1{font-size:54px;line-height:1.05;margin:16px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:20px;color:#52647e;line-height:1.55;max-width:650px}.pill,.eyebrow{font-size:12px;font-weight:900;letter-spacing:.08em;color:var(--blue)}.pill{display:inline-block;background:#e6f0ff;padding:8px 12px;border-radius:999px}.pill.green{background:#e5faf1;color:#087d58}.actions{display:flex;gap:12px;margin:28px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#30415c;font-weight:700;font-size:13px}.hero-art{overflow:hidden;border-radius:24px;box-shadow:0 25px 70px rgba(33,74,134,.18)}.hero-art img{width:100%;display:block}
.section{padding:80px 5vw}.section>h2{font-size:38px;text-align:center;margin:8px 0 38px}.section>.eyebrow{display:block;text-align:center}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:18px;padding:24px;min-height:250px;transition:.25s;background:linear-gradient(180deg,#fff,#fbfdff)}.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(23,61,136,.12);border-color:#a7c3ff}.icon{font-size:54px;height:75px}.card h3{font-size:19px;margin:10px 0}.card p{color:var(--muted);line-height:1.5;min-height:72px}.card span{color:var(--blue);font-weight:800}
.crm-section{margin:20px 5vw 70px;border:1px solid var(--line);border-radius:25px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;background:linear-gradient(120deg,#fbfdff,#f3f8ff)}.crm-section h2{font-size:38px;margin:12px 0}.crm-section p,.crm-section li{color:var(--muted);line-height:1.55}.crm-section ul{columns:2;padding-left:20px}.crm-panel{background:#0c2248;border-radius:22px;padding:28px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--navy);display:flex;flex-direction:column}.metric b{font-size:26px}.metric span{color:var(--muted);font-size:13px;margin-top:5px}.metric.wide{grid-column:span 2}.pipeline{grid-column:span 2;background:#12376d;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.pipeline i{height:18px;background:linear-gradient(90deg,#33b8ff,#38e1bd);display:block;border-radius:5px}
.tech{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;background:#f8fbff}.tech h2{text-align:left!important;margin-bottom:12px!important}.tech p{color:var(--muted);font-size:17px;line-height:1.6}.tech-items{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-content:center}.tech-items span{border:1px solid var(--line);padding:18px;border-radius:14px;background:#fff;font-weight:800}
.cta{background:linear-gradient(120deg,#0e3f9f,#135ae6);color:#fff;padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:50px}.cta h2{font-size:34px}.cta form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta input,.cta select,.cta textarea{border:0;border-radius:9px;padding:13px;font:inherit}.cta textarea{grid-column:span 2;height:90px}.cta button,.cta small{grid-column:span 2}.cta small{min-height:20px}
footer{padding:40px 5vw;background:#071831;color:#cbd5e1}.product-detail{max-width:900px;margin:auto;padding:100px 5vw}.product-detail h1{font-size:48px}.product-detail p{font-size:19px;color:var(--muted);line-height:1.6}.huge{font-size:80px}
.dashboard{padding:50px 5vw}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.panel{border:1px solid var(--line);border-radius:18px;padding:22px}.stage,.lead-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf2f7}.lead-row small{display:block;color:var(--muted);margin-top:4px}
@media(max-width:900px){.nav nav a:not(.btn){display:none}.hero,.crm-section,.tech,.cta{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.metrics{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero h1{font-size:36px}.cta form{grid-template-columns:1fr}.cta textarea,.cta button,.cta small{grid-column:span 1}.crm-section{padding:28px}.crm-section ul{columns:1}}