@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
  --ink:#0b1930; --ink-soft:#526075; --navy:#081426; --blue:#1c66e6; --sky:#dfeaff;
  --line:#dce4ef; --surface:#f5f8fc; --white:#ffffff; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:"DM Sans",Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.section{padding:112px 0}
.section-muted{background:var(--surface)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:"Manrope",Arial,sans-serif;line-height:1.12;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,5vw,5.3rem);max-width:780px;margin-bottom:24px}
h2{font-size:clamp(2rem,3.4vw,3.6rem);margin-bottom:0}
h3{font-size:1.28rem;margin-bottom:12px}
.eyebrow{display:flex;gap:8px;align-items:center;color:var(--blue);font-size:.75rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}
.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(220,228,239,.8)}
.nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:"Manrope";font-weight:800;letter-spacing:.05em}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--blue);color:#fff;border-radius:8px;font-size:1rem}
.brand-name{font-size:1.2rem}
.nav-links{display:flex;align-items:center;gap:30px;font-size:.94rem;font-weight:600}
.nav-links>a:not(.button){color:#46546a}
.nav-links>a:not(.button):hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;transition:.2s transform,.2s background}
.button:hover{background:#1557cb;transform:translateY(-2px)}
.button-small{padding:10px 16px;font-size:.9rem}
.button-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.button-ghost:hover{background:var(--surface);color:var(--ink)}
.button-light{background:#fff;color:var(--navy)}
.button-light:hover{background:#eaf1ff;color:var(--navy)}
.hero{overflow:hidden;padding-top:92px;padding-bottom:92px;background:linear-gradient(135deg,#fff 5%,#f3f7ff 100%)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:42px}
.hero-description{max-width:665px;color:var(--ink-soft);font-size:1.16rem;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-points{display:flex;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin:36px 0 0;font-size:.87rem;font-weight:600;color:#526075}
.hero-points li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:7px}
.hero-visual{position:relative;min-height:410px}
.dashboard-card{position:absolute;inset:22px 0 17px 47px;border:1px solid #cbd9ed;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 26px 60px rgba(24,61,118,.16);transform:rotate(-2deg);overflow:hidden}
.dashboard-top{height:44px;border-bottom:1px solid #e4ebf4;display:flex;align-items:center;gap:6px;padding:0 17px}
.dashboard-top span{height:7px;width:7px;border-radius:50%;background:#cbd6e5}
.dashboard-content{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metric{border:1px solid #e0e8f3;border-radius:10px;padding:15px;background:#fff}
.metric.wide{grid-column:1/-1;background:#0f2c5c;color:#fff;border:none}
.metric small{display:block;color:#8290a5;font-size:.72rem;font-weight:600;margin-bottom:6px}
.metric.wide small{color:#aac3ed}
.metric strong{font:700 1.2rem "Manrope"}
.chart{grid-column:1/-1;height:146px;padding:15px;border-radius:10px;background:#edf4ff;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.chart i{width:10%;border-radius:5px 5px 1px 1px;background:#2c74ec}
.chart i:nth-child(1){height:25%}.chart i:nth-child(2){height:42%}.chart i:nth-child(3){height:34%}.chart i:nth-child(4){height:62%}.chart i:nth-child(5){height:52%}.chart i:nth-child(6){height:76%}.chart i:nth-child(7){height:100%}
.orb{position:absolute;border-radius:50%;filter:blur(2px)}
.orb-one{right:-32px;top:0;width:180px;height:180px;background:#cee0ff}
.orb-two{left:4px;bottom:0;width:110px;height:110px;background:#bbd1ff}
.floating-card{position:absolute;border-radius:9px;padding:10px 14px;background:#fff;box-shadow:0 10px 26px rgba(27,58,105,.16);font-size:.73rem;font-weight:700;color:#264264}
.card-left{bottom:17px;left:0}.card-right{top:44px;right:-15px}
.trust-bar{padding:24px 0;background:var(--navy);color:#dce8ff;text-align:center;font-weight:600}
.trust-bar p{margin:0}
.two-column{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.prose{font-size:1.1rem;color:var(--ink-soft)}
.prose strong{color:var(--ink)}
.company-data{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}
.company-data div{border-left:2px solid var(--blue);padding:5px 0 5px 14px}
.company-data span{display:block;color:#708099;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.company-data strong{display:block;color:var(--ink);margin-top:4px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px}
.section-heading>p{max-width:360px;color:var(--ink-soft);margin:0}
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.service-card{padding:29px;border:1px solid var(--line);background:#fff;min-height:270px;transition:.2s transform,.2s box-shadow}
.service-card:hover{transform:translateY(-5px);box-shadow:0 17px 35px rgba(25,53,91,.09)}
.service-card p{color:var(--ink-soft);font-size:.94rem;margin-bottom:0}
.icon-box{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#e4edff;color:var(--blue);font-size:.75rem;font-weight:800;margin-bottom:37px}
.benefits-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}
.benefits-intro{color:var(--ink-soft);font-size:1.08rem;max-width:450px;margin:26px 0 0}
.benefit-list{border-top:1px solid var(--line)}
.benefit-list article{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}
.benefit-list span{font:700 .85rem "Manrope";color:var(--blue);padding-top:4px}
.benefit-list h3{font-size:1.18rem;margin-bottom:6px}
.benefit-list p{color:var(--ink-soft);margin:0}
.cta-section{background:linear-gradient(115deg,#071a38,#174fbd);color:#fff;padding:76px 0}
.cta-content{display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-content .eyebrow{color:#b9d2ff}.cta-content h2{max-width:680px;margin-bottom:13px}.cta-content p:not(.eyebrow){margin:0;color:#cfddf5;font-size:1.08rem;max-width:600px}
.site-footer{padding:53px 0 24px;background:#071224;color:#c0cce0}
.footer-content{display:flex;justify-content:space-between;align-items:start;gap:32px}
.site-footer .brand{color:#fff}.site-footer p{margin:15px 0 0;font-size:.91rem}
.footer-links{display:flex;gap:24px;font-size:.9rem}.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #20304a;margin-top:45px;padding-top:20px;font-size:.78rem;color:#8291a9}
.menu-button{display:none;background:none;border:0;padding:8px;cursor:pointer}.menu-button span{display:block;width:24px;height:2px;margin:5px;background:#0b1930}
.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;z-index:100;padding:10px;background:#fff;border:2px solid var(--blue)}
@media(max-width:900px){.hero-grid,.two-column,.benefits-grid{grid-template-columns:1fr;gap:50px}.hero-visual{max-width:540px;width:100%;margin:auto}.cards-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:18px}.cta-content{align-items:start;flex-direction:column}}
@media(max-width:640px){.container{width:min(var(--max),calc(100% - 34px))}.section{padding:75px 0}.site-header .nav{min-height:68px}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:68px;padding:22px 18px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-links .button{text-align:center}.hero{padding-top:68px}.hero-visual{min-height:330px}.dashboard-card{inset:15px 8px 5px 19px}.dashboard-content{padding:17px}.floating-card{font-size:.65rem}.card-right{right:0}.company-data,.cards-grid{grid-template-columns:1fr}.footer-content,.footer-bottom{flex-direction:column}.footer-bottom{gap:7px}.cta-section{padding:62px 0}}