:root{
  --ink:#0b1b3a;--ink-2:#16284c;--muted:#64728a;--blue:#0789d7;--blue-2:#006fe6;
  --line:#dfe7f1;--soft:#f4f8fc;--white:#fff;--shadow:0 24px 70px rgba(20,52,90,.10);
  --radius:24px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,241,.7)}
.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:185px;height:auto}
.main-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600;color:#33435f}.main-nav a{transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--blue-2)}
.nav-cta{padding:12px 17px;border-radius:12px;background:var(--ink);color:#fff!important}.nav-cta span{margin-left:5px}
.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px}

.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);padding:94px 0 88px}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,137,215,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,137,215,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--blue-2)}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#16a7e8;box-shadow:0 0 0 5px rgba(22,167,232,.10)}
.hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,5vw,70px);line-height:1.04;letter-spacing:-.045em;margin:19px 0 23px;max-width:760px}
.hero h1 em{font-style:normal;color:var(--blue-2)}
.hero-text{max-width:650px;color:var(--muted);font-size:18px;line-height:1.75;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 21px;border-radius:13px;font-weight:800;font-size:14px;transition:.2s}.btn-primary{background:var(--blue-2);color:#fff;box-shadow:0 13px 28px rgba(0,111,230,.20)}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{border:1px solid var(--line);background:#fff}.btn-secondary:hover{border-color:#a9c5e5}
.hero-proof{display:flex;align-items:center;gap:13px}.avatar-stack{display:flex}.avatar-stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e9f5fc;border:2px solid #fff;margin-left:-7px;font-size:9px;font-weight:800}.avatar-stack span:first-child{margin-left:0;background:#dff4ff}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:13px}.hero-proof small{color:var(--muted);font-size:11px;margin-top:2px}

.hero-visual{position:relative;min-height:490px;display:grid;place-items:center}.glow{position:absolute;width:400px;height:400px;border-radius:50%;background:rgba(0,141,226,.13);filter:blur(55px)}
.dashboard-card{background:rgba(255,255,255,.94);border:1px solid #dce7f2;box-shadow:var(--shadow);border-radius:22px;position:relative;z-index:2}.dashboard-main{width:min(100%,470px);padding:28px}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-title{font-weight:800}.status{font-size:11px;color:#14855c;background:#e9fbf3;padding:5px 9px;border-radius:999px}.status i{display:inline-block;width:6px;height:6px;background:#22a56e;border-radius:50%;margin-right:5px}
.metric-row{display:flex;justify-content:space-between;align-items:end;margin-top:38px}.metric-row small{display:block;color:var(--muted);font-size:12px}.metric-row strong{display:block;font:800 36px/1.1 Manrope}.metric-up{background:#e9f8f0;color:#16875b;padding:8px 10px;border-radius:10px}
.chart{height:170px;margin:25px 0 10px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #dce6ef;padding:0 4px}.chart span{flex:1;background:linear-gradient(to top,#0b85d5,#71d1ff);border-radius:7px 7px 0 0;opacity:.88}.chart-labels{display:flex;justify-content:space-between;color:#8996a8;font-size:10px}
.mini-card{position:absolute;z-index:3;padding:15px 17px;display:flex;align-items:center;gap:10px;min-width:210px}.mini-icon{width:36px;height:36px;border-radius:10px;background:#eaf6fd;display:grid;place-items:center;color:var(--blue-2);font-weight:800}.mini-card div{flex:1}.mini-card strong,.mini-card small{display:block}.mini-card strong{font-size:13px}.mini-card small{font-size:10px;color:var(--muted)}.mini-card b{font-size:11px;color:#15835b}.mini-seo{left:0;top:72px}.mini-web{right:-12px;bottom:76px}.floating-pill{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#0d1e3f;color:#fff;padding:11px 17px;border-radius:999px;font-size:11px;font-weight:700;z-index:4;box-shadow:0 15px 35px rgba(10,27,58,.2)}

.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-inner{min-height:72px;display:flex;align-items:center;justify-content:center;gap:24px;color:#53647e;font-size:12px;font-weight:700}.trust-inner>span{color:var(--blue-2);letter-spacing:.09em}.trust-inner i{width:4px;height:4px;border-radius:50%;background:#a9b7c8}

.section{padding:105px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-heading h2{font:800 clamp(34px,4vw,52px)/1.1 Manrope;letter-spacing:-.035em;margin:12px 0 0;max-width:720px}.section-heading p{color:var(--muted);max-width:470px;margin:0;font-size:15px}.centered{display:block;text-align:center;max-width:760px;margin:0 auto 60px}.centered h2{margin-left:auto;margin-right:auto}.centered p{margin:18px auto 0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{position:relative;padding:29px;border:1px solid var(--line);border-radius:20px;background:#fff;min-height:310px;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(20,52,90,.09);border-color:#b8d6ee}.service-featured{background:#092047;color:#fff;border-color:#092047}.service-number{position:absolute;right:22px;top:20px;font-size:11px;opacity:.55;font-weight:800}.service-icon{width:47px;height:47px;border-radius:14px;background:#e9f6fd;color:var(--blue-2);display:grid;place-items:center;font-weight:800;font-size:20px;margin-bottom:48px}.service-featured .service-icon{background:rgba(255,255,255,.12);color:#fff}.service-card h3{font:800 20px Manrope;margin:0 0 10px}.service-card p{color:var(--muted);font-size:13px;line-height:1.7}.service-featured p{color:#bdcbe0}.service-card a{position:absolute;left:29px;bottom:25px;color:var(--blue-2);font-size:12px;font-weight:800}.service-featured a{color:#fff}.service-card a span,.text-link span{margin-left:6px}

.process-grid{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr;align-items:start}.process-item{text-align:center}.process-item>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 20px;border-radius:50%;background:#fff;border:1px solid #cfe0ef;color:var(--blue-2);font-weight:800;font-size:12px}.process-item h3{font:800 18px Manrope;margin:0 0 8px}.process-item p{font-size:13px;color:var(--muted);margin:0}.process-line{height:1px;background:#d4e0eb;margin-top:24px}

.text-link{color:var(--blue-2);font-size:13px;font-weight:800;white-space:nowrap}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.work-image{height:230px;padding:25px;display:flex;flex-direction:column;justify-content:end;color:#fff;position:relative;overflow:hidden}.work-image:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12);right:-70px;top:-70px}.work-blue{background:linear-gradient(135deg,#006fe6,#1fb6e9)}.work-purple{background:linear-gradient(135deg,#4e39a8,#9b6bf1)}.work-green{background:linear-gradient(135deg,#086f67,#20b58c)}.work-image span{font:800 24px Manrope;position:relative;z-index:2}.work-image small{position:relative;z-index:2;opacity:.8;margin-top:4px}.work-content{padding:22px}.work-content h3{font:800 19px Manrope;margin:0 0 7px}.work-content p{font-size:13px;color:var(--muted);margin:0}

.stats{padding-top:0}.stats-panel{background:#092047;color:#fff;border-radius:24px;padding:40px 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.stats-panel div{padding-right:25px;border-right:1px solid rgba(255,255,255,.14)}.stats-panel div:last-child{border:0}.stats-panel strong{display:block;font:800 42px Manrope}.stats-panel span{color:#aebed4;font-size:12px}
.cta{padding-top:60px}.cta-panel{background:linear-gradient(120deg,#087dd0,#0067db);color:#fff;border-radius:28px;padding:58px 65px;display:flex;justify-content:space-between;align-items:center;gap:40px;overflow:hidden;position:relative}.cta-panel:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-90px;top:-140px}.cta-panel h2{font:800 clamp(30px,4vw,48px)/1.08 Manrope;letter-spacing:-.03em;max-width:760px;margin:13px 0}.cta-panel p{max-width:690px;color:#d9efff;margin:0;font-size:14px}.btn-light{background:#fff;color:#092047;position:relative;z-index:2;white-space:nowrap}

.site-footer{background:#071631;color:#fff;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.2fr 1.2fr;gap:45px}.footer-logo{width:190px;height:auto;filter:brightness(0) invert(1);margin-bottom:20px}.footer-grid p{color:#9baac1;font-size:13px;max-width:350px}.footer-grid h3{font:700 13px Manrope;text-transform:uppercase;letter-spacing:.1em;margin:5px 0 18px}.footer-grid a,.footer-grid span{display:block;color:#aab7ca;font-size:13px;margin:9px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;color:#7888a1;font-size:11px}

@media(max-width:1000px){.main-nav{gap:16px}.hero-inner{grid-template-columns:1fr}.hero-visual{min-height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.process-line{display:none}.stats-panel{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .container{width:min(calc(100% - 28px),var(--container))}.nav-wrap{min-height:70px}.brand img{width:160px}.nav-toggle{display:block}.main-nav{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:11px 12px}.nav-cta{text-align:center}
  .hero{padding:65px 0}.hero h1{font-size:43px}.hero-text{font-size:16px}.hero-visual{min-height:400px}.dashboard-main{width:92%;padding:21px}.mini-seo{left:-2px;top:35px}.mini-web{right:-2px;bottom:45px}.floating-pill{font-size:9px}.trust-inner{overflow:auto;justify-content:flex-start;white-space:nowrap;padding:0 14px;gap:15px}
  .section{padding:75px 0}.section-heading{display:block;margin-bottom:34px}.section-heading h2{font-size:34px}.section-heading p{margin-top:18px}.service-grid,.work-grid{grid-template-columns:1fr}.service-card{min-height:280px}.process-grid{grid-template-columns:1fr 1fr}.stats-panel{padding:30px;gap:25px}.stats-panel div{border-right:0}.cta-panel{padding:40px 28px;display:block}.cta-panel .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}
}
@media(max-width:480px){.hero-actions .btn{width:100%}.hero-visual{transform:scale(.92);margin:-10px -15px}.process-grid{grid-template-columns:1fr}.stats-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-logo{width:170px}}