*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#151323;background:#fff;font-family:"Inter",sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid #eeeaf4}.nav-wrap{height:72px;display:flex;align-items:center;gap:35px}.brand img{width:145px;height:auto;display:block}.nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600;color:#514b60}.nav a:hover{color:#63249b}.nav-cta{font-size:12px;padding:10px 20px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.section{padding:105px 0}.section-sm{padding:40px 0}.hero{min-height:640px;position:relative;overflow:hidden;padding-top:85px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#6d5a81}.eyebrow.orange{color:#ef6b2e}.hero h1,.section-heading h2,.cta h2{font-family:"Plus Jakarta Sans",sans-serif;line-height:.98;letter-spacing:-2.3px}.hero h1{font-size:58px;margin:18px 0 20px}.hero h1 span,.section-heading h2 span,.cta h2 span{color:#7430a3}.hero p{max-width:510px;color:#6e6977;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:25px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-size:12px;font-weight:700;border:1px solid transparent;transition:.25s;cursor:pointer}.btn-primary{background:#65279a;color:#fff;box-shadow:0 10px 25px rgba(101,39,154,.2)}.btn-primary:hover{transform:translateY(-2px)}.btn-outline{border-color:#9b86a8;color:#5d2b7e;background:#fff}.btn-orange{background:#f26b2d;color:#fff;box-shadow:0 10px 25px rgba(242,107,45,.25)}.btn-light-outline{border-color:rgba(255,255,255,.45);color:#fff}.trust-row{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:11px;color:#8a8590}.avatars{display:flex}.avatars i{width:21px;height:21px;border-radius:50%;background:linear-gradient(135deg,#ff7b2e,#6b299a);border:2px solid white;margin-left:-5px}.avatars i:first-child{margin-left:0}.hero-art{height:430px;position:relative}.glow{position:absolute;width:350px;height:350px;border-radius:50%;filter:blur(70px);opacity:.22}.glow-one{background:#f17a42;right:7%;top:8%}.glow-two{background:#8442b8;left:3%;bottom:2%}.floating-card{position:absolute;background:rgba(255,255,255,.94);border:1px solid #ece7f0;box-shadow:0 16px 35px rgba(55,27,70,.12);border-radius:12px}.metric{top:54px;padding:8px 12px;display:flex;flex-direction:column;position:absolute;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0001}.metric strong{color:#6d299c;font-size:16px}.metric small{font-size:8px;color:#888}.metric-left{left:20px}.metric-right{right:20px}.phone-card{width:190px;height:270px;left:50%;top:105px;transform:translateX(-50%);padding:22px;background:linear-gradient(160deg,#8d44bd,#47205f);color:white}.card-top{display:flex;gap:8px;align-items:center;font-size:10px}.dot{width:8px;height:8px;border-radius:50%;background:#ff6d2f}.phone-title{font-family:"Plus Jakarta Sans";font-size:26px;line-height:1.05;margin-top:55px}.mini-bars{display:flex;gap:6px;margin-top:40px}.mini-bars b{height:5px;flex:1;background:#ffffff45;border-radius:4px}.mini-bars b:last-child{background:#ff6d2f}.orange-card{right:42px;bottom:35px;padding:12px 17px;background:#f36d30;color:#fff;font-weight:700}.orange-card small{display:block;font-size:8px;font-weight:400}.tiny-card{left:35px;bottom:68px;padding:10px 13px;font-size:9px}.tiny-card b{color:#5f2a92}.orbit{position:absolute;width:340px;height:340px;border:1px dashed #d8c7e3;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1}.ticker{background:#170922;color:#fff;overflow:hidden;padding:10px 0;font-size:10px;letter-spacing:2px}.ticker-track{display:flex;width:max-content;gap:45px;animation:scroll 25s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.section-heading{margin-bottom:45px}.section-heading.centered{text-align:center}.section-heading h2{font-size:40px;margin:12px 0}.section-heading p{color:#79727f;max-width:580px;margin:0 auto;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;padding:27px;border:1px solid #ebe6ef;border-radius:15px;box-shadow:0 10px 30px #3c1d5208;min-height:250px}.service-card .number{position:absolute;right:25px;top:24px;color:#b9a9c4;font-size:13px}.icon{width:35px;height:35px;border-radius:9px;background:#69309b;color:white;display:grid;place-items:center;font-weight:bold}.orange-icon{background:#f36d30}.service-card h3{font-family:"Plus Jakarta Sans";font-size:18px;margin:22px 0 8px}.service-card p{color:#77717e;font-size:12px}.service-card a{font-size:11px;color:#6a2b99;font-weight:700;position:absolute;bottom:24px}.stats{background:#faf9fc}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats-grid>div{background:#fff;border:1px solid #eee9f1;border-radius:12px;padding:17px;text-align:center;box-shadow:0 6px 20px #00000008}.stats-grid strong{display:block;color:#6e2b9d;font-family:"Plus Jakarta Sans";font-size:23px}.stats-grid span{font-size:9px;color:#88818c}.ai-section{background:radial-gradient(circle at 75% 15%,#5c247d,#261035 48%,#180921);color:white;overflow:hidden}.section-heading.light h2{color:#fff}.section-heading.light p{color:#d2c7d9}.ai-dashboard{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.pill{font-size:9px;border:1px solid #8b54aa;border-radius:999px;padding:6px 10px;color:#e4a5ff}.ai-copy h3{font-family:"Plus Jakarta Sans";font-size:32px;margin:18px 0 10px}.ai-copy p{color:#c9b8d2;font-size:13px}.ai-copy ul{padding:0;list-style:none;color:#e6ddea;font-size:12px}.ai-copy li{margin:10px 0}.ai-copy li:before{content:"✦";color:#ff712e;margin-right:9px}.chat-window{border:1px solid #9a5eb5;background:#ffffff12;border-radius:16px;padding:18px;box-shadow:0 30px 70px #0005;min-height:350px}.chat-head{font-size:12px;border-bottom:1px solid #ffffff18;padding-bottom:14px}.chat-head b{float:right;color:#aa8eb9}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff712e;margin-right:7px}.message{max-width:78%;padding:11px 14px;border-radius:12px;margin-top:18px;font-size:11px}.message.ai{background:#ffffff13}.message.user{background:#70388c;margin-left:auto}.chat-input{margin-top:25px;border:1px solid #ffffff1c;border-radius:9px;padding:10px;color:#a99aaf;font-size:10px}.chat-input span{float:right;color:#ff712e}.ai-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.ai-tools span{padding:14px;border-radius:8px;background:#ffffff0b;border:1px solid #ffffff10;text-align:center;font-size:10px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-grid article{padding:25px;border:1px solid #eee9f1;border-radius:13px}.process-grid b{font-size:10px;color:#6e2c9d}.process-grid h3{font-family:"Plus Jakarta Sans";margin:20px 0 7px}.process-grid p{font-size:11px;color:#7c7680}.partner{background:#faf7fc}.partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.partner h2{font-family:"Plus Jakarta Sans";font-size:40px;line-height:1;margin:12px 0}.partner h2 span{color:#6f2b9e}.partner p{color:#77717e;font-size:13px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid div{background:white;border:1px solid #eee7f1;padding:22px;border-radius:12px;color:#6d2a9b;font-size:14px}.mini-grid strong,.mini-grid small{display:block}.mini-grid strong{color:#201b27;margin:12px 0 3px;font-size:13px}.mini-grid small{color:#817986;font-size:9px}.results-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.case-feature,.case-stack article{border:1px solid #eee8f0;border-radius:15px;padding:28px;background:#fbf9fd}.case-feature{min-height:300px;background:linear-gradient(145deg,#fbf8ff,#f2eafa)}.tag{font-size:9px;color:#6f2b9d;letter-spacing:1.5px}.orange-tag{color:#ef6b2e}.case-feature h3{font-family:"Plus Jakarta Sans";font-size:34px;margin:75px 0 8px}.case-feature p,.case-stack p{font-size:11px;color:#77717f}.case-foot{display:flex;justify-content:space-between;margin-top:50px;font-size:10px;color:#6c2c98}.case-stack{display:grid;gap:18px}.case-stack h3{font-family:"Plus Jakarta Sans";margin:16px 0 5px}.case-stack b{font-size:10px;color:#ef6b2e}.testimonials{background:#faf8fc}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial-grid article{background:#fff;border:1px solid #eee8f1;border-radius:14px;padding:25px}.stars{color:#f36d30;letter-spacing:2px;font-size:11px}.testimonial-grid p{font-size:12px;color:#6e6875;min-height:75px}.testimonial-grid strong{display:block;font-size:12px}.testimonial-grid small{font-size:9px;color:#99919d}.cta{background:radial-gradient(circle at 50% 0,#592176,#210b32 55%,#170720);color:#fff;text-align:center}.cta-inner{max-width:800px}.cta h2{font-size:50px;margin:15px 0}.cta p{color:#c9b9d1;font-size:13px}.centered-actions{justify-content:center}.cta-line{height:1px;background:#ffffff1c;margin:45px 0 15px}.cta small{color:#9685a0;font-size:9px}.footer{background:#100718;color:#b9acbf;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}.footer-logo{width:155px;filter:brightness(0) invert(1);opacity:.9}.footer p{font-size:11px;max-width:260px}.footer h4{color:#fff;font-size:11px;margin-top:0}.footer a,.footer span{display:block;font-size:10px;margin:8px 0}.footer a:hover{color:#fff}.socials{display:flex;gap:7px;margin-top:15px}.socials a{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffffff18;border-radius:50%}.footer-bottom{border-top:1px solid #ffffff10;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#766a7c}@media(max-width:800px){.nav{position:absolute;left:20px;right:20px;top:72px;display:none;flex-direction:column;background:#fff;padding:18px;border:1px solid #eee;border-radius:12px;box-shadow:0 15px 30px #0001}.nav.open{display:flex}.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.hero-grid,.ai-dashboard,.partner-grid,.results-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero h1{font-size:45px}.hero-art{height:390px}.service-grid,.process-grid,.testimonial-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.ai-tools{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-heading h2,.partner h2{font-size:34px}}@media(max-width:480px){.container{width:min(100% - 28px,1120px)}.hero h1{font-size:39px}.hero-art{transform:scale(.9);transform-origin:center}.hero-actions{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.cta h2{font-size:40px}}

/* ===== Unified card styling ===== */
.service-card,
.stats-grid > div,
.process-grid article,
.mini-grid div,
.case-feature,
.case-stack article,
.testimonial-grid article {
  background: #fff;
  border: 1px solid #eee9f2;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(34,18,46,.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.service-card:hover,
.stats-grid > div:hover,
.process-grid article:hover,
.mini-grid div:hover,
.case-feature:hover,
.case-stack article:hover,
.testimonial-grid article:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(34,18,46,.09);
  border-color: #e3d8e9;
}

.service-card { min-height: 265px; padding: 26px; }
.process-grid article { min-height: 190px; padding: 24px; }
.stats-grid > div { min-height: 82px; padding: 16px 12px; }
.mini-grid div { min-height: 125px; padding: 20px; }
.case-feature { min-height: 310px; padding: 28px; background: linear-gradient(145deg,#fff,#faf7fc); }
.case-stack article { min-height: 146px; padding: 24px; background: #fff; }
.testimonial-grid article { min-height: 205px; padding: 24px; }
.ai-tools span { border-radius: 10px; }
.chat-window { border-radius: 14px; }

/* Plus Jakarta Sans for all headings */
h1,h2,h3,h4,h5,h6,
.hero h1,.section-heading h2,.cta h2,
.service-card h3,.process-grid h3,.partner h2,
.case-feature h3,.case-stack h3,.ai-copy h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
}

/* Inter for body/UI copy */
body,button,input,textarea,select {
  font-family: "Inter", sans-serif;
}

/* =========================================================
   REFERENCE CARD SYSTEM
   ========================================================= */
.ref-card {
  position: relative;
  min-height: 286px;
  padding: 22px 24px 20px;
  background: #fff;
  border: 1px solid #eee9f2;
  border-radius: 14px;
  box-shadow: 0 7px 22px rgba(34,18,46,.055);
  overflow: hidden;
}

.ref-card .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.ref-card .card-icon,
.process-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 12px;
}

.card-icon.purple,
.process-icon.purple { background: #6b2b98; }
.card-icon.orange,
.process-icon.orange { background: #ef6b2e; }

.ref-card .card-number,
.process-number {
  color: #b7aabf;
  font-size: 11px;
  font-weight: 600;
}

.ref-card h3 {
  margin: 0 0 9px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -.35px;
}

.ref-card p {
  margin: 0;
  color: #77717d;
  font-size: 10.5px;
  line-height: 1.65;
  max-width: 290px;
}

.ref-card .card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 19px;
}

.ref-card .card-meta span {
  border: 1px solid #ece6ef;
  border-radius: 999px;
  padding: 4px 7px;
  color: #746b79;
  background: #fcfbfd;
  font-size: 7.5px;
  line-height: 1;
}

.ref-card > a {
  position: absolute;
  left: 24px;
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #6b2b98;
  font-size: 9px;
  font-weight: 700;
}

.ref-card > a i {
  font-size: 8px;
}

.ref-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(34,18,46,.09);
}

/* Process cards: same visual language as the screenshot. */
.process-grid {
  gap: 14px;
}

.process-card {
  position: relative;
  min-height: 205px !important;
  padding: 22px !important;
  background: #fff !important;
  border: 1px solid #eee9f2 !important;
  border-radius: 14px !important;
  box-shadow: 0 7px 22px rgba(34,18,46,.055) !important;
}

.process-card .process-number {
  position: absolute;
  top: 24px;
  right: 22px;
}

.process-card h3 {
  margin: 20px 0 7px;
  font-size: 15px;
  line-height: 1.2;
}

.process-card p {
  margin: 0;
  color: #77717d;
  font-size: 10px;
  line-height: 1.65;
}

.process-line {
  width: 100%;
  height: 2px;
  background: #f0ebf3;
  margin-top: 19px;
  overflow: hidden;
}

.process-line span {
  display: block;
  width: 28%;
  height: 100%;
  background: #6b2b98;
  border-radius: 999px;
}

.process-card:nth-child(even) .process-line span {
  background: #ef6b2e;
}

/* Partner feature cards */
.mini-grid {
  gap: 12px;
}

.mini-grid div {
  position: relative;
  min-height: 126px;
  padding: 19px !important;
  color: #6b2b98;
}

.mini-grid div > i {
  font-size: 12px;
}

.mini-grid strong {
  margin: 13px 0 4px !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 11px !important;
}

.mini-grid small {
  font-size: 8.5px !important;
  line-height: 1.5;
}

/* Stats are intentionally smaller and flatter like the reference. */
.stats-grid > div {
  border-radius: 11px;
  box-shadow: 0 5px 18px rgba(34,18,46,.045);
}

.stats-grid strong {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 21px;
}

/* Testimonial cards */
.testimonial-grid article {
  border-radius: 13px;
  box-shadow: 0 7px 22px rgba(34,18,46,.05);
}

@media (max-width: 800px) {
  .ref-card { min-height: 270px; }
  .process-card { min-height: 195px !important; }
}

/* =========================================================
   FIXED MARQUEE / TICKER
   Equal text spacing + orange separators + seamless loop
   ========================================================= */
.ticker {
  width: 100%;
  height: 38px;
  padding: 0;
  background: #180a24;
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  border: 0;
}

.ticker-track {
  width: max-content;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  animation: ticker-scroll 32s linear infinite;
  will-change: transform;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-family: "Inter", sans-serif;
  font-size: 9px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1.7px;
  color: rgba(255,255,255,.92);
  margin: 0;
  padding: 0 22px;
}

.ticker-dot {
  width: 5px;
  height: 5px;
  min-width: 5px;
  border-radius: 50%;
  background: #ef6b2e;
  display: block;
  margin: 0;
  box-shadow: 0 0 0 2px rgba(239,107,46,.08);
}

/* Markup repeats the 6-word set 4x, so shifting by exactly
   one quarter of the track lands on an identical frame —
   no seam, no gap, no jump. */
@keyframes ticker-scroll {
  from {
    transform: translate3d(0,0,0);
  }
  to {
    transform: translate3d(-25%,0,0);
  }
}

.ticker:hover .ticker-track {
  animation-play-state: paused;
}

@media (max-width: 800px) {
  .ticker {
    height: 36px;
  }

  .ticker-item {
    font-size: 8px;
    letter-spacing: 1.35px;
    padding: 0 16px;
  }

  .ticker-dot {
    width: 4px;
    height: 4px;
    min-width: 4px;
  }
}

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