:root{--ink:#0c1831;--muted:#63708a;--line:#e6eaf2;--blue:#3478f6;--orange:#ff9c00;--paper:#f6f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}
a{text-decoration:none;color:inherit}
.product-menu{position:relative;padding:28px 0}.product-menu button{padding:0;border:0;background:none;color:#36425b;font:600 14px "DM Sans",sans-serif;cursor:pointer}.product-menu button span{color:var(--blue)}.product-dropdown{display:none;position:absolute;top:67px;left:-25px;width:320px;grid-template-columns:1fr 1fr;gap:2px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 42px #15254a20;z-index:20}.product-menu:hover .product-dropdown,.product-menu:focus-within .product-dropdown{display:grid}.product-dropdown a{padding:10px;border-radius:8px}.product-dropdown a:hover{background:#f1f6ff}.product-dropdown b{display:block;font-size:11px;letter-spacing:-.01em}.product-dropdown small{display:block;font-size:10px;color:var(--muted);line-height:1.3;margin-top:2px}
.nav{height:78px;max-width:1280px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:relative;z-index:5}
.brand{font:800 22px Manrope,sans-serif;letter-spacing:-1.5px;white-space:nowrap}
.brand span:not(.brand-mark){color:var(--blue)}
.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--orange);border-radius:8px;color:white;margin-right:8px;font-size:17px;vertical-align:2px}
nav{display:flex;gap:30px;color:#36425b;font-size:14px;font-weight:600}
nav a:hover,.login:hover{color:var(--blue)}
.nav-actions{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:700}
.button{background:var(--blue);color:#fff!important;border:0;border-radius:9px;padding:15px 21px;font-weight:700;display:inline-flex;gap:18px;align-items:center;box-shadow:0 8px 18px #3478f62b;cursor:pointer}
.button.small{padding:12px 16px}
.menu{display:none}
.hero{min-height:640px;background:var(--ink);position:relative;overflow:hidden;color:#fff;padding:105px max(5vw,calc((100vw - 1120px)/2));display:grid;grid-template-columns:48% 52%;align-items:center}
.grid-glow{position:absolute;inset:0;background:radial-gradient(circle at 73% 45%,#2358b5 0,transparent 24%),linear-gradient(90deg,#0c1831 25%,transparent),linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:auto,auto,32px 32px,32px 32px}
.hero-copy,.hero-product{position:relative}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;color:#afc8ff;margin-bottom:20px}
.eyebrow i{display:inline-block;width:7px;height:7px;background:#4ac6ff;border-radius:50%;margin-right:7px}
.eyebrow.dark{color:#3977eb}
.hero h1{font-size:55px;line-height:1.1;margin-bottom:21px}
.hero h1 em{font-style:normal;color:#52a6ff}
.lead{max-width:550px;color:#c1cae0;line-height:1.65;font-size:17px}
.cta-row{margin:31px 0 20px;display:flex;align-items:center;gap:25px}
.text-link{font-size:14px;font-weight:700}
.text-link span{color:#60aaff;margin-left:8px}
.reassurance{font-size:12px;color:#a9b5cd}
.reassurance span{color:#4dcc9a;font-weight:700}
.hero-product{min-height:400px}
.product-frame{width:640px;position:absolute;left:20px;top:15px;border:8px solid #1b2a46;border-radius:15px;overflow:hidden;box-shadow:0 30px 60px #0005;background:#fff}
.product-frame img{width:100%;display:block}
.window-top{height:31px;background:#1b2a46;display:flex;align-items:center;gap:6px;padding:0 12px}
.window-top span{width:7px;height:7px;border-radius:50%;background:#fa605c}
.window-top span:nth-child(2){background:#fbbb43}
.window-top span:nth-child(3){background:#42c95a}
.window-top label{margin-left:12px;color:#8090af;font-size:10px}
.float-card{position:absolute;background:#fff;color:var(--ink);border-radius:10px;padding:13px 16px;z-index:2;box-shadow:0 18px 30px #0004;width:205px}
.float-card small{font-size:9px;color:#76839c;display:block;margin-bottom:4px}
.float-card strong{font-size:12px}
.today{top:0;right:-12px}
.alert{bottom:-4px;left:-10px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f15062;margin-right:6px}
.dot.amber{background:var(--orange)}
.trust{padding:29px 5%;display:flex;justify-content:center;gap:60px;align-items:center;border-bottom:1px solid var(--line)}
.trust p{margin:0;color:#5d6880;font-size:13px}
.trust div{display:flex;gap:24px;color:#9ba6b8;font-size:11px;letter-spacing:.08em}
.section{padding:112px max(5vw,calc((100vw - 1120px)/2))}
.split{background:#f7f9fd;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.section h2{font-size:42px;line-height:1.18;margin-bottom:20px}
.section-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7}
.pain-list{padding:0;margin:30px 0 0;list-style:none;font-size:14px;line-height:2.6;font-weight:600}
.pain-list span{color:#e16672;border:1px solid #f1ccd0;border-radius:50%;padding:0 5px;margin-right:9px}
.contrast-card{padding:45px;background:var(--ink);color:#fff;border-radius:14px;box-shadow:0 25px 45px #12214a23}
.contrast-card>p{font-size:10px;color:#71a7ff;font-weight:700;letter-spacing:.1em}
.contrast-card h3{font-size:28px;line-height:1.25}
.flow{display:flex;align-items:center;margin:34px 0 18px;gap:8px}
.flow b{font-size:11px;background:#223452;border-radius:6px;padding:11px 9px}
.flow i{height:1px;background:#54709b;width:17px}
.contrast-card small{color:#aebcd2;font-size:12px}
.center{text-align:center}
.center>p:not(.eyebrow){color:var(--muted);font-size:15px}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cap-grid article{padding:32px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;font-size:20px}
.blue{background:#edf4ff;color:#2874f9}
.orange{background:#fff3e2;color:#e98600}
.green{background:#eafaf4;color:#0ba971}
.violet{background:#f4ecff;color:#8054ef}
.cap-grid h3{font-size:18px;margin:18px 0 10px}
.cap-grid p{font-size:13px;color:var(--muted);line-height:1.6;min-height:66px}
.cap-grid a{font-size:12px;font-weight:700;color:var(--blue)}
.showcase{background:#f7f9fd}
.showcase-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}
.showcase-top>p{width:360px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.screenshot{border:8px solid #fff;border-radius:15px;box-shadow:0 25px 50px #152a5424;overflow:hidden}
.screenshot img{display:block;width:100%}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:26px}
.metrics div{border-top:1px solid #cfd8e6;padding-top:15px}
.metrics b{font-size:13px;display:block;margin-bottom:6px}
.metrics span{font-size:12px;color:var(--muted)}
.sectors{background:#fff}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
.sector-grid article{border:1px solid var(--line);border-radius:12px;padding:30px;transition:.2s}
.sector-grid article:hover{border-color:#8db6ff;box-shadow:0 16px 32px #164d9b12;transform:translateY(-3px)}
.sector-grid span{font:700 12px Manrope;color:var(--blue)}
.sector-grid h3{font-size:22px;margin:50px 0 10px}
.sector-grid p{font-size:14px;color:var(--muted);line-height:1.7;min-height:70px}
.sector-grid a{font-size:12px;font-weight:700;color:var(--blue)}
.driver{background:var(--ink);color:#fff;padding:90px max(5vw,calc((100vw - 900px)/2));display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.driver h2{font-size:40px;line-height:1.2}
.driver p:not(.eyebrow){color:#b6c2d8;line-height:1.7;max-width:490px}
.light{background:#fff;color:var(--ink)!important;box-shadow:none;margin-top:15px}
.phone{background:#fff;color:var(--ink);height:400px;width:250px;border:9px solid #243553;border-radius:30px;padding:48px 17px 18px;box-shadow:0 25px 40px #0004;position:relative}
.notch{position:absolute;top:0;left:72px;width:90px;height:18px;border-radius:0 0 12px 12px;background:#243553}
.phone small{color:#7790b3;font-size:10px}
.phone h3{font-size:18px;line-height:1.5;margin:10px 0 20px}
.phone h3 b{font-size:12px;color:#66738d}
.mapline{height:83px;background:linear-gradient(130deg,#dfe9f7,#f4f7fc);border-radius:10px;margin-bottom:15px;position:relative}
.mapline:after{content:"";position:absolute;top:40px;left:30px;width:150px;border-top:3px dashed #397df2;transform:rotate(-15deg)}
.mission-row{font-size:10px;border-top:1px solid #edf0f5;padding:10px 0}
.mission-row span{color:#40ba90}
.mission-row b{float:right;color:#40ba90}
.phone button{font:700 10px "DM Sans";width:100%;border:0;border-radius:6px;padding:10px;background:var(--blue);color:#fff;margin-top:6px}
.final-cta{text-align:center;background:linear-gradient(125deg,#266be7,#4d90ff);color:#fff;padding:100px 20px}
.final-cta .eyebrow{color:#dbeaff}
.final-cta h2{font-size:43px;margin-bottom:15px}
.final-cta>p:not(.eyebrow){color:#e8f0ff}
.final-cta form{display:flex;gap:9px;background:#fff;border-radius:10px;padding:6px;width:min(490px,100%);margin:30px auto 12px}
.final-cta input{border:0;padding:0 12px;outline:0;flex:1;font:14px "DM Sans";min-width:0}
.final-cta form .button{padding:13px 17px}
.final-cta small{color:#dceaff;font-size:11px}
footer{background:#687482;color:#f4f7fa;padding:50px max(5vw,calc((100vw - 1120px)/2)) 25px;display:grid;grid-template-columns:2fr 2fr 3fr;gap:25px;font-size:13px;border-top:3px solid #8c99a7}
footer .brand{color:white}
footer p{color:#edf1f5;line-height:1.6;margin:0}
footer div{display:flex;gap:20px;justify-content:flex-end;font-weight:600}
footer small{grid-column:1/-1;border-top:1px solid #8d99a6;padding-top:22px;color:#edf1f5;font-size:11px}

@media(max-width:850px){.nav{padding:0 20px;height:68px}
.product-menu{padding:0}.product-dropdown{position:static;width:100%;box-shadow:none;border:0}.product-menu:hover .product-dropdown{display:none}
.nav nav,.nav-actions .login{display:none}
.nav nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:white;padding:20px;flex-direction:column;box-shadow:0 8px 16px #0002}
.menu{display:block;border:0;background:none;font-size:21px;margin-left:auto}
.nav-actions{gap:10px}
.nav-actions .button{padding:10px;font-size:12px}
.hero{display:block;padding:70px 24px 45px;min-height:0}
.hero h1{font-size:39px}
.hero-product{min-height:270px;margin-top:35px}
.product-frame{width:94%;left:3%;top:20px}
.float-card{display:none}
.trust{display:block;text-align:center;padding:22px}
.trust div{margin-top:15px;justify-content:center;gap:12px;flex-wrap:wrap;font-size:9px}
.section{padding:70px 24px}
.section h2{font-size:31px}
.split{display:block}
.contrast-card{margin-top:40px;padding:30px}
.cap-grid,.sector-grid{grid-template-columns:1fr}
.cap-grid article{padding:27px}
.cap-grid p{min-height:auto}
.showcase-top{display:block}
.showcase-top>p{width:auto}
.metrics{grid-template-columns:1fr;gap:15px}
.driver{padding:65px 24px;display:block}
.driver h2{font-size:31px}
.phone{margin:40px auto 0}
.final-cta{padding:70px 20px}
.final-cta h2{font-size:31px}
.final-cta form{display:block;background:transparent;padding:0}
.final-cta input{width:100%;height:48px;border-radius:8px;margin-bottom:10px}
.final-cta form .button{width:100%;justify-content:center}
footer{display:block;padding:45px 24px 22px}
footer p{margin:15px 0 25px}
footer div{justify-content:flex-start;flex-wrap:wrap;margin-bottom:30px}
.logo img{width:120px}
.detail-proof{grid-template-columns:1fr;margin-top:55px;gap:22px}
}

.logo img{display:block;width:145px;height:42px;object-fit:contain;object-position:left center;background:transparent}.nav nav{align-items:center;flex-wrap:nowrap;white-space:nowrap}.nav .brand{flex:0 0 145px}.nav-actions{flex:0 0 auto}footer .logo img{height:42px}
.detail-proof{display:grid;grid-template-columns:35% 65%;align-items:center;gap:46px;margin-top:90px}
.detail-proof h3{font-size:29px;line-height:1.25;margin-bottom:15px}
.detail-proof p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}
.detail-proof img{width:100%;border-radius:12px;box-shadow:0 18px 35px #152a5420}
.dark-link{color:var(--ink)}

@media(max-width:850px){.detail-proof{grid-template-columns:1fr;margin-top:55px;gap:22px}
.logo img{width:120px}
}