:root{--ink:#101828;--muted:#667085;--blue:#155eef;--purple:#7c3aed;--teal:#12b8a6;--bg:#e6eaf2;--white:#fff;--line:#e6eaf2}

:root{--ink:#101828;--muted:#667085;--blue:#155eef;--purple:#7c3aed;--teal:#12b8a6;--bg:#e6eaf2;--white:#fff;--line:#e6eaf2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#e6eaf2;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(230,234,242,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,234,242,.8)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px}.brand b{color:var(--blue)}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 12px 25px #155eef26}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.nav a:hover{color:var(--blue)}.cta{padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff!important;box-shadow:0 10px 22px #10182820}.hero{position:relative;overflow:hidden;padding:95px 0 80px}.hero-bg{position:absolute;inset:0;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(4px);opacity:.7}.b1{width:480px;height:480px;background:#dbeafe;top:-230px;left:-150px}.b2{width:420px;height:420px;background:#ede9fe;right:-120px;top:40px}.b3{width:300px;height:300px;background:#ccfbf1;left:42%;bottom:-230px}.grid{position:absolute;inset:0;background-image:linear-gradient(#10182808 1px,transparent 1px),linear-gradient(90deg,#10182808 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em}.eyebrow span{width:22px;height:2px;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:2px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.99;letter-spacing:-.055em;margin:18px 0}.hero h1 em,h2 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:13px;font-weight:750;border:1px solid var(--line)}.primary{background:linear-gradient(135deg,var(--blue),var(--purple));color:white;border:0;box-shadow:0 15px 30px #155eef2b}.secondary{background:white}.proof{display:flex;align-items:center;gap:14px;margin-top:28px}.avatars{display:flex}.avatars i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:white;border:2px solid var(--bg);margin-left:-7px;font-size:11px;font-weight:800}.avatars i:first-child{margin-left:0}.proof strong,.proof small{display:block}.proof small{color:var(--muted)}.visual{min-height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #155eef22;border-radius:50%;transform:rotate(-18deg)}.o1{width:440px;height:300px}.o2{width:520px;height:360px;border-color:#7c3aed22}.dashboard{width:min(480px,90%);border-radius:24px;background:#111827;padding:12px;box-shadow:0 30px 70px #1018282e;transform:rotate(-3deg)}.screen{background:linear-gradient(145deg,#fff,#eef4ff);border-radius:17px;padding:24px;min-height:300px}.screen-top{display:flex;justify-content:space-between;color:#98a2b3;font-size:11px}.screen-title{font-size:27px;font-weight:800;line-height:1.05;margin:30px 0}.chart{height:105px;display:flex;align-items:end;gap:9px}.chart i{display:block;flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--purple),var(--blue));min-height:18px}.metrics{display:flex;gap:12px;margin-top:20px}.metric{flex:1;background:white;border:1px solid var(--line);border-radius:12px;padding:11px}.metric small,.metric b{display:block}.metric small{font-size:10px;color:var(--muted)}.metric b{font-size:18px}.float{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 16px 35px #10182820;padding:12px 15px;border-radius:14px;font-size:12px}.float b,.float small{display:block}.float small{color:var(--muted)}.f1{top:55px;right:15px}.f2{bottom:72px;left:0}.f3{bottom:18px;right:45px}.section{padding:100px 0}.light{background:#fff}.center{text-align:center}.section-intro{max-width:760px;margin:0 auto 55px}.section h2{font-size:clamp(36px,4vw,55px);line-height:1.05;letter-spacing:-.04em;margin:14px 0}.section-intro p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:.3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #10182812}.num{font-size:12px;color:var(--blue);font-weight:800}.icon{width:46px;height:46px;border-radius:14px;background:#eef4ff;color:var(--blue);display:grid;place-items:center;font-size:22px;margin:22px 0}.card h3{font-size:21px;margin:0 0 10px}.card p{color:var(--muted);font-size:14px}.link{color:var(--blue);font-weight:750;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{background:linear-gradient(145deg,#111827,#1d2939);color:#fff;border-radius:28px;padding:35px;min-height:330px;position:relative;overflow:hidden}.panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-80px;background:#7c3aed55}.panel h3{font-size:30px;position:relative;z-index:1}.panel p{color:#cbd5e1;position:relative;z-index:1}.steps{display:grid;gap:15px}.step{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.step b{color:var(--blue);font-size:13px}.step strong{display:block}.step span{color:var(--muted);font-size:14px}.band{background:linear-gradient(135deg,#eef4ff,#f5f3ff);padding:80px 0}.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:#667085;font-weight:800;letter-spacing:.08em}.ticker span{margin-right:45px}.quote{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote .card{min-height:190px}.quote mark{background:none;color:var(--blue);font-weight:800}.final{padding:90px 0}.finalbox{background:linear-gradient(135deg,#111827,#253b70);color:white;border-radius:30px;padding:65px;text-align:center;position:relative;overflow:hidden}.finalbox h2{font-size:clamp(36px,5vw,60px);margin:10px 0}.finalbox p{color:#d0d5dd;max-width:650px;margin:0 auto 25px}.finalbox .btn{background:white;color:var(--ink);border:0}.footer{background:#f7faff;color:#475467;color:#cbd5e1;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.footer h4{color:#101828;margin:0 0 14px}.footer a{display:block;margin:8px 0;color:#475467;font-size:14px}.footer p{color:#667085;max-width:360px;font-size:14px}.bottom{border-top:1px solid #e6eaf2;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px;color:#667085}.page{padding:90px 0}.page h1{font-size:clamp(45px,6vw,70px);line-height:1;letter-spacing:-.05em;max-width:850px}.service-list{display:grid;gap:20px;margin-top:45px}.service{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;grid-template-columns:80px 1fr;gap:20px}.service .num{font-size:25px}.service h3{margin:0 0 8px;font-size:25px}.service p{margin:0;color:var(--muted)}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.form{background:#fff;border:1px solid var(--line);padding:30px;border-radius:22px}.form label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid #d8dee9;border-radius:10px;font:inherit;background:#fff}.form textarea{min-height:130px;resize:vertical}.mobile{display:none}
@media(max-width:850px){.nav{display:none}.mobile{display:block}.hero-grid,.split,.contact{grid-template-columns:1fr}.hero{padding-top:65px}.visual{min-height:390px}.cards,.quote{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.page{padding:65px 0}.finalbox{padding:45px 25px}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:48px}.cards,.quote,.footer-grid{grid-template-columns:1fr}.visual{min-height:330px}.dashboard{width:94%}.o1{width:320px}.o2{width:370px}.f1{right:-4px}.f2{left:-3px}.f3{right:0}.service{grid-template-columns:55px 1fr}.bottom{display:block}.bottom span{display:block;margin:6px 0}}

/* Premium brand system */
.logo{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.03em}
.header .logo{color:inherit}
.nav a.active{color:var(--blue)}
.page-hero{padding:105px 0 70px;position:relative;overflow:hidden}
.page-hero:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:#dbeafe;filter:blur(10px);opacity:.6;right:-180px;top:-220px}
.page-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:#ede9fe;filter:blur(10px);opacity:.6;left:-180px;bottom:-220px}
.page-hero>*{position:relative;z-index:1}
.page-kicker{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.14em}
.page-hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:15px 0 20px}
.page-hero p{max-width:720px;color:var(--muted);font-size:18px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;transition:.3s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #10182814}
.service-card .service-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#eef4ff,#f4efff);display:grid;place-items:center;color:var(--blue);font-size:23px;margin-bottom:22px}
.service-card h3{font-size:24px;margin:0 0 9px}
.service-card p{color:var(--muted);font-size:15px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.about-card{background:linear-gradient(145deg,#111827,#253b70);color:white;border-radius:28px;padding:42px;min-height:360px;position:relative;overflow:hidden}
.about-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-110px;bottom:-110px;background:#7c3aed55}
.about-card h2{font-size:42px;line-height:1.05;position:relative;z-index:1}
.about-card p{color:#d0d5dd;position:relative;z-index:1}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}
.contact-info{padding-top:12px}
.contact-info h2{font-size:44px;line-height:1.05}
.contact-info p{color:var(--muted);font-size:16px}
.contact-item{padding:18px 0;border-bottom:1px solid var(--line)}
.contact-item strong,.contact-item span{display:block}
.contact-item span{color:var(--muted);font-size:14px;margin-top:4px}
@media(max-width:850px){.service-grid,.about-grid,.contact-layout{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.value-grid{grid-template-columns:1fr}.page-hero{padding:70px 0 50px}.about-card{padding:30px}.about-card h2,.contact-info h2{font-size:36px}}

/* v2 hero visual corrections */
.visual{min-height:500px;position:relative;display:grid;place-items:center;overflow:visible}
.dashboard{width:min(460px,82%);position:relative;z-index:3;transform:none!important}
.float{z-index:6!important;white-space:nowrap}
.f1{top:52px!important;right:-6px!important}
.f2{bottom:98px!important;left:-8px!important}
.f3{bottom:20px!important;right:22px!important}
.orbit{z-index:1}
.o1{width:470px;height:330px}
.o2{width:540px;height:380px}
.logo{gap:0}
.logo-img{display:block;width:250px;height:auto}
.footer .logo-img{width:230px;filter:brightness(0) invert(1) opacity(.96)}
@media(max-width:1000px){
  .logo-img{width:220px}
  .visual{min-height:470px}
  .dashboard{width:min(440px,78%)}
  .f1{right:0!important}
  .f2{left:0!important}
}
@media(max-width:850px){
  .visual{min-height:430px}
  .dashboard{width:min(430px,82%)}
  .f1{top:35px!important;right:0!important}
  .f2{left:0!important;bottom:75px!important}
  .f3{right:0!important;bottom:8px!important}
}
@media(max-width:560px){
  .logo-img{width:195px}
  .footer .logo-img{width:195px}
  .visual{min-height:360px}
  .dashboard{width:88%}
  .o1{width:320px;height:250px}
  .o2{width:370px;height:280px}
  .float{font-size:10px;padding:9px 11px}
  .f1{top:18px!important;right:-2px!important}
  .f2{left:-2px!important;bottom:72px!important}
  .f3{right:0!important;bottom:-4px!important}
}


/* Continuous bouncing opportunity cards on the home-page hero */
@keyframes opportunityBounce {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  20% {
    transform: translate3d(0, -5px, 0);
  }
  40% {
    transform: translate3d(0, 0, 0);
  }
  60% {
    transform: translate3d(0, -15px, 0);
  }
  80% {
    transform: translate3d(0, -4px, 0);
  }
}

.hero .float {
  animation: opportunityBounce 2.8s cubic-bezier(.45,.05,.55,.95) infinite;
  will-change: transform;
}

.hero .f2 {
  animation-delay: .45s;
}

.hero .f3 {
  animation-delay: .9s;
}

/* The supplied logo is a raster image with a white canvas. */
.logo-img {
  width: 250px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}

.footer .logo {
  width: max-content;
  padding: 6px 10px;
  background: #e6eaf2;
  border-radius: 10px;
}

.footer .logo-img {
  width: 220px;
  max-height: 52px;
  filter: none;
}

@media (max-width: 560px) {
  .logo-img {
    width: 195px;
    max-height: 48px;
  }
  .footer .logo-img {
    width: 195px;
    max-height: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero .float {
    animation: none;
  }
}

/* Final visual refinements */
/* The supplied logo now has a transparent canvas, so it inherits the page background. */
.header .logo-img,
.footer .logo-img {
  background: transparent;
}
.footer .logo {
  background: transparent;
  padding: 0;
}

/* Center Targeted Research over the dashboard, intentionally overlapping its content. */
.hero .f2 {
  left: 0% !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%);
  animation-name: opportunityBounceCenter;
  z-index: 8 !important;
}

@keyframes opportunityBounceCenter {
  0%, 100% { transform: translate(-50%, -50%) translateY(0); }
  20% { transform: translate(-50%, -50%) translateY(-5px); }
  40% { transform: translate(-50%, -50%) translateY(0); }
  60% { transform: translate(-50%, -50%) translateY(-15px); }
  80% { transform: translate(-50%, -50%) translateY(-4px); }
}

@media (max-width: 850px) {
  .hero .f2 { left: 50% !important; top: 50% !important; }
}