:root {
  --navy: #03153d;
  --navy-deep: #010a24;
  --blue: #0e67ff;
  --blue-soft: #38d5ff;
  --purple: #7a3ff2;
  --purple-deep: #121b52;
  --purple-pink: #b832e6;
  --red: #ff1836;
  --ink: #061641;
  --muted: #5d6784;
  --panel: #ffffff;
  --line: #dce4f5;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html { scroll-behavior: smooth; }
.lmm-home { min-height: 100%; background: #f4f8ff; color: var(--ink); font-family: "Poppins", "Roboto", Arial, sans-serif; font-weight: 400; }
.lmm-home img { max-width: 100%; height: auto; }
.site-shell { overflow: hidden; background: #f4f8ff; }
.site-header, .hero-content, .who-section, .services-section, .process-section, .work-section, .industries-section, .proof-section, .contact-section, .site-footer { position: relative; z-index: 1; }

.hero-section {
  min-height: 760px;
  color: #fff;
  position: relative;
  overflow: hidden;
  background-color: #050b1f;
  background-image: url(../images/ai-hero-banner.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto;
}
.hero-dots {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: .55;
  pointer-events: auto;
}
.site-header { width: min(1320px, calc(100% - 40px)); margin: 0 auto; padding: 24px 0; display: flex; align-items: center; gap: 24px; }
.brand { width: 132px; flex: 0 0 auto; }
.main-nav { margin: 0 auto; display: flex; align-items: center; gap: 8px; }
.main-nav a { color: #fff; font-size: 14px; font-weight: 700; padding: 10px 15px; border-radius: 4px; transition: .2s ease; }
.main-nav a:hover, .main-nav a.active { background: var(--blue); }
.call-link { color: #fff; display: grid; gap: 2px; font-weight: 800; text-align: right; }
.call-link small { color: rgba(255,255,255,.75); text-transform: uppercase; font-size: 11px; letter-spacing: .08em; }
.menu-toggle { display: none; width: 44px; height: 40px; border: 1px solid rgba(255,255,255,.25); border-radius: 5px; background: rgba(255,255,255,.08); z-index: 10000; }
.menu-toggle span { display: block; height: 2px; margin: 6px 10px; background: #fff; transition: transform .25s ease, opacity .2s ease; }
.menu-toggle.is-active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.menu-toggle.is-active span:nth-child(2) { opacity: 0; }
.menu-toggle.is-active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.hero-content { width: min(1320px, calc(100% - 40px)); margin: 0 auto; padding: 110px 0 118px; max-width: 680px; margin-left: max(20px, calc((100% - 1320px) / 2)); }
.eyebrow, .section-kicker { color: var(--red); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 14px; }
.section-kicker.center { text-align: center; }
.hero-content h1 { color: #fff; font-size: var(--h1-hero-size); line-height: var(--h1-hero-lh); font-weight: 700; margin-bottom: 18px; text-wrap: balance; }
.hero-content h1 span { color: var(--blue-soft); }
.hero-content p:not(.eyebrow) { max-width: 590px; color: rgba(255,255,255,.9); font-size: 17px; line-height: 1.8; margin-bottom: 28px; }
.hero-actions, .cta-section div { display: flex; flex-wrap: wrap; gap: 16px; }
.btn { border: 0; border-radius: 5px; min-height: 46px; padding: 14px 24px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-weight: 800; font-size: 14px; cursor: pointer; transition: .2s ease; }
.btn:after { content: "\2192"; }
.btn.primary { background: linear-gradient(135deg, #0c73ff, #2454ff); color: #fff; box-shadow: 0 12px 28px rgba(15, 91, 255, .25); }
.btn.ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.7); }
.btn.outline { color: var(--blue); border: 1px solid var(--blue); background: #fff; margin: 24px auto 0; }
.btn.light { background: #fff; color: #1732b2; }
.btn:hover { transform: translateY(-2px); }
.quick-contact { position: fixed; right: 24px; top: 220px; z-index: 5; background: #fff; border-radius: 14px; padding: 12px 10px; box-shadow: 0 18px 40px rgba(0,0,0,.18); display: grid; gap: 14px; }
.quick-contact a { color: #25345f; font-size: 11px; font-weight: 800; text-align: center; display: grid; gap: 5px; }
.quick-contact span { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto; background: #eef4ff; box-shadow: 0 8px 18px rgba(36,84,255,.16); overflow: hidden; }
.quick-contact img { width: 100%; height: 100%; object-fit: contain; }

.lmm-home .trusted-strip { position: relative; left: auto; right: auto; bottom: auto; z-index: 2; background: #fff !important; color: var(--ink); padding: 58px 32px 48px; text-align: center; box-shadow: 0 -18px 46px rgba(6, 22, 65, .08); overflow: hidden; }
.lmm-home .trusted-eyebrow { display: inline-flex; align-items: center; gap: 16px; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: .18em; font-weight: 900; margin: 0 0 18px; color: #0e67ff !important; padding: 0; }
.lmm-home .trusted-eyebrow:before, .lmm-home .trusted-eyebrow:after { content: ""; width: 48px; height: 1px; background: #dce7fb; }
.lmm-home .trusted-eyebrow:before { box-shadow: 18px 0 0 #0e67ff, 24px 0 0 #0e67ff; }
.lmm-home .trusted-eyebrow:after { box-shadow: -18px 0 0 #0e67ff, -24px 0 0 #0e67ff; }
.lmm-home .trusted-strip h2 { color: #061641; font-size: clamp(34px, 4vw, 48px); line-height: 1.12; font-weight: 900; letter-spacing: 0; margin: 0 0 14px; }
.lmm-home .trusted-copy { max-width: 620px; margin: 0 auto 48px; color: #6b7593 !important; font-size: 16px; line-height: 1.7; font-weight: 500; padding: 0; text-transform: none; letter-spacing: 0; }
.lmm-home .trusted-carousel { width: min(1360px, 100%); margin: 0 auto; display: grid; grid-template-columns: 56px minmax(0, 1fr) 56px; align-items: center; gap: 28px; }
.lmm-home .trusted-window { overflow: hidden; padding: 0 2px; }
.lmm-home .brand-row.trusted-track { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center; gap: 18px; transition: transform .45s ease; will-change: transform; }
.lmm-home .trusted-logo { flex: 0 0 calc((100% - 72px) / 5); height: 142px; display: grid; place-items: center; padding: 22px 28px; background: #fff; border: 1px solid #dfe8f7; border-radius: 10px; box-shadow: 0 18px 42px rgba(23, 51, 112, .08); }
.lmm-home .trusted-logo img { width: auto; max-width: 100%; max-height: 82px; object-fit: contain; filter: none; }
.lmm-home .trusted-arrow { width: 56px; height: 56px; border: 1px solid #e3ecfb; border-radius: 50%; background: #fff; color: var(--blue); box-shadow: 0 18px 34px rgba(14, 103, 255, .16); font-size: 34px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.lmm-home .trusted-arrow:disabled { opacity: .45; cursor: default; }
.mini-dots, .testimonial-dots, .trusted-dots { display: flex; justify-content: center; gap: 8px; margin-top: 30px; grid-column: 1 / -1; }
.mini-dots span, .testimonial-dots button, .trusted-dots button { width: 9px; height: 9px; border-radius: 50%; border: 0; background: #c9d6eb; padding: 0; cursor: pointer; }
.mini-dots .active, .testimonial-dots button.active, .trusted-dots button.active { width: 16px; border-radius: 99px; background: var(--blue); }

.who-section { width: min(75%, 1500px); margin: 48px auto; background: #fff; border: 1px solid rgba(12, 35, 80, .08); border-radius: 16px; box-shadow: 0 20px 70px rgba(17, 34, 82, .08); padding: clamp(28px, 5vw, 70px); display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.who-visual { position: relative; min-height: 360px; display: grid; place-items: center; }
.who-visual img { border-radius: 18px; box-shadow: 0 24px 45px rgba(0,0,0,.18); background: #f8fbff; }
.who-visual .ring { position: absolute; width: 160px; height: 160px; border: 34px solid #ffb21e; border-radius: 50%; left: 0; top: 5px; z-index: -1; }
.who-visual:after { content: ""; position: absolute; width: 150px; height: 150px; border: 34px solid #173fb8; border-radius: 0 50% 50% 50%; right: -10px; bottom: 0; z-index: -1; }
.experience-card { position: absolute; left: 20px; bottom: 20px; background: var(--red); color: #fff; padding: 24px 26px; border-radius: 10px; box-shadow: 0 22px 36px rgba(255, 24, 54, .28); display: grid; gap: 5px; }
.experience-card strong { font-size: 40px; line-height: 1; }
.experience-card span { font-size: 16px; line-height: 1.35; max-width: 120px; }
.who-content h2, .services-section h2, .process-section h2, .work-section h2, .industries-section h2, .proof-section h2, .contact-section h2, .cta-section h2 { font-size: clamp(28px, 4vw, 48px); line-height: 1.18; font-weight: 700; color: var(--ink); margin-bottom: 18px; }
.who-content h2 span { color: var(--red); }
.who-content > p:not(.section-kicker) { color: var(--muted); font-size: 17px; line-height: 1.8; margin-bottom: 28px; }
.stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.stats-grid div { background: #fff; border: 1px solid #edf1f7; border-radius: 10px; padding: 24px; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 18px; box-shadow: 0 12px 32px rgba(24, 40, 85, .08); position: relative; overflow: hidden; }
.stats-grid div:before { content: ""; position: absolute; left: 0; top: 0; width: 35px; height: 3px; background: var(--red); }
.stats-grid span { width: 52px; height: 52px; border-radius: 50%; background: #fff0f3; display: grid; place-items: center; font-size: 24px; grid-row: span 2; }
.stats-grid strong { font-size: 36px; font-weight: 700; }
.stats-grid small { color: #34405f; font-size: 15px; }

.services-section { width: min(75%, 1500px); margin: 0 auto 48px; padding: 54px clamp(24px, 4vw, 56px); text-align: center; background: #fff; border: 1px solid rgba(12, 35, 80, .08); border-radius: 16px; box-shadow: 0 20px 70px rgba(17, 34, 82, .08); }
.services-section .section-kicker { color: var(--purple); }
.work-section, .contact-section { width: min(1320px, calc(100% - 40px)); margin: 0 auto; padding: 54px 0; text-align: center; }
.service-tabs { display: grid; grid-template-columns: 300px 1fr; gap: 26px; align-items: stretch; text-align: left; margin-top: 30px; }
.tab-list { background: #fff; border-radius: 7px; padding: 0; box-shadow: 0 16px 42px rgba(24, 40, 85, .1); overflow: hidden; }
.tab-list button { width: 100%; border: 0; background: #fff; color: var(--ink); padding: 17px 22px; text-align: left; font-weight: 800; cursor: pointer; border-bottom: 1px solid #eef2f8; }
.tab-list button.active { background: linear-gradient(135deg, var(--purple), var(--purple-pink)); color: #fff; box-shadow: 0 12px 24px rgba(122, 63, 242, .24); }
.tab-panel { background: #fff; border-radius: 7px; padding: clamp(24px, 4vw, 48px); box-shadow: 0 16px 42px rgba(24, 40, 85, .1); display: grid; grid-template-columns: 1fr .9fr; gap: 25px; align-items: center; min-height: 370px; }
.tab-panel .btn.primary { background: linear-gradient(135deg, var(--purple), var(--purple-pink)); box-shadow: 0 14px 30px rgba(122, 63, 242, .24); }
.tab-panel h3 { font-size: 28px; line-height: 1.2; font-weight: 700; color: var(--ink); margin-bottom: 8px; }
.tab-panel h4 { color: var(--purple); font-size: 15px; font-weight: 700; margin-bottom: 20px; }
.tab-panel p, .tab-panel li { color: var(--muted); line-height: 1.75; font-size: 15px; }
.tab-panel ul { margin: 18px 0 24px; display: grid; gap: 8px; }
.tab-panel li:before { content: "\2713"; width: 18px; height: 18px; margin-right: 8px; border-radius: 50%; display: inline-grid; place-items: center; background: var(--purple-deep); color: #fff; font-size: 11px; }
.service-art { min-height: 260px; position: relative; display: grid; place-items: center; }
.dashboard-card { width: min(360px, 100%); height: 215px; background: linear-gradient(145deg, #ffffff, #f3edff); border-radius: 12px; box-shadow: 0 22px 55px rgba(105, 55, 215, .22); padding: 28px; display: grid; gap: 16px; border-left: 56px solid var(--purple-deep); }
.dashboard-card span { height: 28px; border-radius: 18px; background: #e2d5ff; }
.dashboard-card span:nth-child(2) { width: 70%; }
.dashboard-card span:nth-child(3) { width: 84%; }
.chart-line { height: 70px; border-bottom: 4px solid var(--purple); border-radius: 0 0 50% 20%; }
.bot-face { position: absolute; right: 5%; bottom: 6%; width: 112px; height: 112px; border-radius: 50% 50% 44% 44%; background: #fff; color: var(--purple); display: grid; place-items: center; font-size: 34px; font-weight: 700; box-shadow: 0 20px 45px rgba(105, 55, 215, .2); }

.process-section, .industries-section { padding: 48px 20px; text-align: center; color: #fff; background: linear-gradient(180deg, #031940, #010b27); }
.process-section h2, .industries-section h2, .cta-section h2 { color: #fff; }
.process-line { width: min(1320px, 100%); margin: 32px auto 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; }
.process-line div { position: relative; display: grid; justify-items: center; gap: 10px; color: rgba(255,255,255,.8); }
.process-line b { position: relative; z-index: 1; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg, #126eff, #6e48ff); color: #fff; box-shadow: 0 0 0 8px rgba(255,255,255,.05); }
.process-line strong { color: #fff; }
.process-line span { font-size: 13px; line-height: 1.5; }
.process-line div:not(:last-child):before {
  content: "";
  position: absolute;
  top: 29px;
  left: 50%;
  width: calc(100% + 18px);
  height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,.4), rgba(255,255,255,.15));
  z-index: 0;
}
.process-line div:not(:last-child):after {
  content: "";
  position: absolute;
  top: 29px;
  left: calc(100% + 9px);
  width: 9px;
  height: 9px;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top: 2px solid rgba(255,255,255,.55);
  border-right: 2px solid rgba(255,255,255,.55);
  z-index: 0;
}

.switch-tabs { max-width: 460px; margin: 0 auto 24px; background: #fff; border-radius: 5px; display: grid; grid-template-columns: 1fr 1fr; padding: 4px; box-shadow: 0 12px 26px rgba(24, 40, 85, .1); }
.switch-tabs button { border: 0; background: transparent; border-radius: 4px; padding: 13px; font-weight: 700; color: var(--muted); cursor: pointer; }
.switch-tabs button.active { background: var(--blue); color: #fff; }
.portfolio-grid { display: none; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: left; }
.portfolio-grid.active { display: grid; }
.portfolio-grid article { background: #fff; border-radius: 9px; box-shadow: 0 16px 36px rgba(24, 40, 85, .1); overflow: hidden; position: relative; min-height: 270px; transition: transform .2s ease, box-shadow .2s ease; }
.portfolio-grid article:hover { transform: translateY(-5px); box-shadow: 0 24px 46px rgba(24, 40, 85, .14); }
.portfolio-grid img { width: 100%; height: 150px; object-fit: cover; object-position: top center; background: #eaf0fb; }
.portfolio-grid h3 { font-size: 16px; line-height: 1.35; margin: 16px 18px 6px; font-weight: 700; color: var(--ink); }
.portfolio-grid p { margin: 0 56px 18px 18px; color: var(--muted); font-size: 13px; }
.portfolio-grid a { position: absolute; right: 15px; bottom: 15px; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--blue); color: var(--blue); border-radius: 50%; }

.lmm-home .industries-section { padding: 72px 20px 64px; text-align: center; color: var(--ink); background: linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%); }
.lmm-home .industries-section .section-kicker { color: var(--blue); font-size: 12px; line-height: 1; font-weight: 900; letter-spacing: .18em; margin-bottom: 20px; }
.lmm-home .industries-section h2 { color: var(--ink); font-size: clamp(34px, 4vw, 52px); line-height: 1.1; font-weight: 900; letter-spacing: 0; margin-bottom: 36px; }
.industry-grid { width: min(1720px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 16px; }
.industry-grid div { min-height: 222px; border: 1px solid #e3ebf7; border-radius: 8px; display: grid; place-items: center; align-content: center; gap: 16px; color: var(--ink); background: #fff; box-shadow: 0 16px 34px rgba(22, 47, 96, .08); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; position: relative; overflow: hidden; }
.industry-grid div:hover { transform: translateY(-5px); border-color: rgba(14, 103, 255, .32); box-shadow: 0 22px 42px rgba(22, 47, 96, .13); }
.industry-grid div:before { content: ""; width: 112px; height: 112px; border-radius: 50%; background: #eef5ff; grid-row: 1; grid-column: 1; align-self: center; justify-self: center; }
.industry-grid div:after { content: ""; width: 34px; height: 3px; border-radius: 99px; background: var(--blue); margin-top: 2px; }
.industry-grid img { width: 76px; height: 76px; object-fit: contain; filter: drop-shadow(0 14px 16px rgba(4, 20, 58, .16)); grid-row: 1; grid-column: 1; position: relative; z-index: 1; }
.industry-grid span { color: var(--ink); font-size: 15px; font-weight: 900; line-height: 1.25; }

.proof-section { width: min(1420px, calc(100% - 40px)); margin: 0 auto; display: grid; grid-template-columns: .95fr 1.15fr; gap: 48px; align-items: start; padding: 70px 0; background: #f8fbff; }
.why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 28px; }
.why-grid div, .testimonial-track article { background: #fff; border-radius: 10px; padding: 22px 20px; box-shadow: 0 14px 36px rgba(24, 40, 85, .1); }
.why-grid b { color: var(--red); font-size: 26px; display: block; margin-bottom: 10px; }
.why-grid strong { display: block; font-size: 14px; line-height: 1.3; margin-bottom: 8px; }
.why-grid span { color: var(--muted); font-size: 12.5px; line-height: 1.6; }
.testimonial-box { position: relative; overflow: visible; padding: 0 42px; }
.testimonial-window { overflow: hidden; margin-top: 28px; }
.testimonial-track { display: flex; transition: transform .45s ease; gap: 22px; }
.testimonial-track article { flex: 0 0 calc((100% - 44px) / 3); min-height: 275px; display: flex; flex-direction: column; justify-content: space-between; }
.testimonial-track b { color: var(--red); font-size: 44px; line-height: .7; }
.testimonial-track p { color: #34405f; font-size: 14px; line-height: 1.8; margin: 10px 0 22px; }
.testimonial-track div { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
.testimonial-track span { grid-row: span 2; width: 38px; height: 38px; border-radius: 50%; background: #d9e7ff; display: grid; place-items: center; color: var(--blue); font-weight: 900; }
.testimonial-track strong { font-size: 13px; font-weight: 700; }
.testimonial-track small { color: var(--muted); }
.slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border: 0; border-radius: 50%; background: #fff; color: var(--blue); box-shadow: 0 10px 25px rgba(24, 40, 85, .15); font-size: 32px; cursor: pointer; }
.slider-arrow.prev { left: 0; }
.slider-arrow.next { right: 0; }

.cta-section { background: linear-gradient(90deg, #1a42ff 0%, #2835ff 42%, #8320ff 100%); color: #fff; padding: 36px max(20px, calc((100% - 1320px)/2)); display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.cta-section h2 { max-width: 650px; margin: 0; font-size: clamp(24px, 3vw, 36px); }
.contact-section { width: 100%; max-width: none; background: radial-gradient(circle at 12% 0, rgba(122, 63, 242, .12), transparent 24%), radial-gradient(circle at 88% 0, rgba(14, 103, 255, .1), transparent 24%), #f6f9ff; padding: 72px max(20px, calc((100% - 1320px)/2)); }
.contact-section .section-kicker { color: #6d2cff; font-size: 12px; line-height: 1; font-weight: 900; letter-spacing: .2em; margin-bottom: 18px; }
.contact-section h2 { max-width: 980px; margin: 0 auto 14px; font-size: clamp(30px, 4vw, 44px); font-weight: 900; }
.contact-intro { max-width: 650px; margin: 0 auto 12px; color: #687394; font-size: 16px; line-height: 1.7; }
.contact-section h2:after { content: ""; display: block; width: 56px; height: 4px; margin: 22px auto 0; border-radius: 99px; background: linear-gradient(90deg, #6227ff 0 82%, transparent 82%); box-shadow: 18px 0 0 -5px #6227ff; }
.consultation-alert { width: min(700px, 100%); margin: 24px auto 0; border-radius: 8px; padding: 14px 18px; font-size: 14px; font-weight: 700; text-align: center; }
.consultation-alert.success { color: #176a31; background: #e9f9ef; border: 1px solid #bce8ca; }
.consultation-alert.error { color: #8a1c1c; background: #fff0f0; border: 1px solid #f0c1c1; }
.contact-grid.consultation-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; text-align: left; margin: 34px auto 0; align-items: stretch; width: min(1180px, 100%); }
.consultation-form, .whatsapp-card, .consultation-benefits span { background: rgba(255,255,255,.96); border: 1px solid #e3ebf7; border-radius: 8px; box-shadow: 0 18px 48px rgba(34, 51, 100, .1); }
.consultation-form { padding: clamp(22px, 3vw, 34px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 18px 20px; }
.consultation-form:before { display: none; }
.consultation-form label { display: grid; align-self: start; gap: 7px; }
.consultation-form label span { color: #1a2548; font-size: 13px; font-weight: 800; }
.consultation-form label b { color: #ff1836; }
.consultation-form input, .consultation-form select, .consultation-form textarea { width: 100%; height: 48px; border: 1px solid #dce5f3; border-radius: 5px; background: #fff; color: #283452; font-family: inherit; font-size: 14px; padding: 0 16px; margin: 0; outline: none; transition: border-color .15s ease, box-shadow .15s ease; }
.consultation-form input:focus, .consultation-form select:focus, .consultation-form textarea:focus { border-color: #7a3ff2; box-shadow: 0 0 0 4px rgba(122, 63, 242, .1); }
.consultation-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #6c7894 50%), linear-gradient(135deg, #6c7894 50%, transparent 50%); background-position: calc(100% - 20px) 22px, calc(100% - 15px) 22px; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.consultation-message { grid-column: span 2; }
.consultation-form textarea { height: 80px; padding-top: 12px; resize: vertical; }
.consultation-field-check { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.consultation-form .g-recaptcha { grid-column: 1 / -1; width: -moz-fit-content; width: fit-content; min-width: 304px; max-width: 100%; margin-top: 2px; }
.field-error { display: none; color: #e0293f; font-size: 12px; font-weight: 600; }
.consultation-form label.invalid .field-error { display: block; }
.consultation-form label.invalid input,
.consultation-form label.invalid select,
.consultation-form label.invalid textarea { border-color: #e0293f; }
.consultation-form label.invalid input:focus,
.consultation-form label.invalid select:focus,
.consultation-form label.invalid textarea:focus { box-shadow: 0 0 0 4px rgba(224, 41, 63, .1); }
.consultation-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px 28px; margin-top: 0; padding-top: 16px; border-top: 1px solid #eef1f8; }
.quick-response { position: relative; min-height: 64px; max-width: 232px; color: #687394; font-size: 13px; line-height: 1.45; display: grid; align-content: center; padding-left: 78px; }
.quick-response strong { position: absolute; left: 0; top: 6px; width: 54px; height: 54px; border-radius: 9px; background: #efe4ff; }
.quick-response strong:before { content: ""; position: absolute; inset: 14px; border: 3px solid #6d2cff; border-radius: 50%; }
.quick-response strong:after { content: ""; position: absolute; left: 26px; top: 11px; width: 3px; height: 15px; background: #6d2cff; box-shadow: 7px 16px 0 -1px #6d2cff; transform-origin: bottom; }
.quick-response em { color: #1a2548; font-style: normal; font-weight: 900; }
.consultation-form .btn.primary { justify-self: center; min-width: 250px; background: linear-gradient(135deg, #6927ff, #9d22f0); box-shadow: 0 16px 34px rgba(111, 39, 255, .28); }
.secure-note { justify-self: end; color: #687394; font-size: 13px; font-weight: 700; }
.secure-note:before { content: "\2713"; width: 18px; height: 18px; margin-right: 8px; border: 1px solid #aab6ca; border-radius: 50%; color: #6d2cff; display: inline-grid; place-items: center; font-size: 11px; }
.whatsapp-card { padding: 24px; display: grid; align-content: start; gap: 16px; background: linear-gradient(135deg, #fff 0%, #f3f7ff 100%); }
.whatsapp-head { display: grid; grid-template-columns: 58px 1fr; gap: 16px; align-items: center; }
.whatsapp-head img { width: 58px; height: 58px; border-radius: 50%; box-shadow: 0 8px 18px rgba(14, 103, 255, .22); }
.whatsapp-head h3 { color: #1a2548; font-size: 20px; line-height: 1.25; font-weight: 900; margin: 0 0 8px; }
.whatsapp-card p { color: #687394; font-size: 13px; line-height: 1.6; margin: 0; }
.whatsapp-card ul { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.whatsapp-card li { position: relative; display: grid; gap: 3px; min-height: 40px; padding-left: 54px; color: #687394; font-size: 12px; }
.whatsapp-card li:before { content: "\2713"; position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; color: #0e67ff; background: #e8f0ff; box-shadow: inset 0 0 0 5px #f3f7ff; font-weight: 900; }
.whatsapp-card b { color: #1a2548; font-size: 13px; }
.whatsapp-btn { width: 100%; color: #fff; background: linear-gradient(135deg, #33c84a, #1db13a); box-shadow: 0 12px 24px rgba(29, 177, 58, .24); }
.whatsapp-btn img { width: 20px; height: 20px; object-fit: contain; }
.email-btn { width: 100%; color: #fff; background: linear-gradient(135deg, #0c73ff, #2454ff); box-shadow: 0 12px 24px rgba(15, 91, 255, .24); }
.whatsapp-card .secondary-whatsapp { min-height: 42px; background: #eafbec; color: #189a2f; border: 1px solid rgba(29, 177, 58, .32); box-shadow: none; }
.whatsapp-card .secondary-whatsapp:hover { background: #dff6e2; }
.whatsapp-status { text-align: center; }
.whatsapp-status:before { content: ""; width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #0e67ff; margin-right: 7px; }
.consultation-benefits { width: min(1180px, 100%); margin: 18px auto 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; text-align: left; }
.consultation-benefits span { position: relative; min-height: 68px; padding: 16px 18px 16px 66px; color: #687394; font-size: 12px; line-height: 1.45; display: grid; align-content: center; }
.consultation-benefits span:before { content: "\2713"; position: absolute; left: 18px; top: 18px; width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; color: #6d2cff; background: #efe4ff; font-weight: 900; }
.consultation-benefits b { display: block; color: #1a2548; font-size: 13px; margin-bottom: 3px; }

.site-footer { background: #010b24; color: rgba(255,255,255,.76); padding: 50px max(20px, calc((100% - 1320px)/2)) 22px; display: grid; grid-template-columns: 1.25fr .75fr .95fr .8fr 1fr; gap: 36px; }
.site-footer > div > img { width: 120px; margin-bottom: 16px; }
.site-footer h3 { color: #fff; font-size: 16px; margin-bottom: 14px; font-weight: 900; }
.site-footer a { color: rgba(255,255,255,.76); display: block; margin: 8px 0; }
.site-footer p { line-height: 1.7; }
.site-footer form { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 12px; }
.site-footer input { background: transparent; border: 1px solid rgba(255,255,255,.25); border-radius: 4px; padding: 13px; color: #fff; }
.site-footer button { border: 0; border-radius: 4px; background: var(--blue); color: #fff; padding: 13px; font-weight: 800; }
.footer-social { display: flex; gap: 10px; margin-top: 20px; }
.footer-social a { width: auto; height: auto; margin: 0; display: grid; place-items: center; background: transparent; transition: transform .2s ease; }
.footer-social a:hover { transform: translateY(-3px); }
.footer-social img { width: 26px; height: 26px; object-fit: contain; margin: 0; }
.footer-contact { display: grid; align-content: start; gap: 12px; }
.footer-contact p { margin: 0; display: grid; gap: 4px; }
.footer-contact b { color: #fff; font-size: 13px; }
.footer-contact a, .footer-contact span { margin: 0; color: rgba(255,255,255,.76); font-style: normal; line-height: 1.55; }
.copyright { grid-column: 1 / 4; border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px; margin-top: 10px; font-size: 13px; }
.policy { grid-column: 4 / 6; border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px; margin-top: 10px; display: flex; justify-content: flex-end; gap: 18px; font-size: 13px; }
.policy a, .policy span { margin: 0; }

@media (max-width: 1100px) {
  .site-header { align-items: center; position: sticky; top: 0; z-index: 9999; background: var(--navy); }
  .menu-toggle { display: block; margin-left: auto; }
  .main-nav { position: fixed; inset: 0; width: 100%; height: 100%; margin: 0; transform: none; flex-direction: column; align-items: stretch; justify-content: center; gap: 6px; background: rgba(1, 11, 43, .98); padding: 90px 28px 40px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, visibility .25s ease; overflow-y: auto; z-index: 9998; }
  .main-nav.open { opacity: 1; visibility: visible; pointer-events: auto; }
  .main-nav a { font-size: 18px; padding: 14px 16px; min-height: 44px; display: flex; align-items: center; }
  .call-link { display: none; }
  .proof-section { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: repeat(2, 1fr); }
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
  .industry-grid { grid-template-columns: repeat(4, 1fr); }
  .industry-grid div { min-height: 210px; }
}

@media (max-width: 1320px) and (min-width: 901px) {
  .testimonial-track article { flex-basis: calc((100% - 22px) / 2); }
}

@media (max-width: 900px) {
  .hero-section { min-height: auto; background-position: right center; background-size: contain; }
  .hero-content { padding: 70px 0 90px; max-width: none; margin-left: auto; }
  .who-section, .service-tabs, .tab-panel, .contact-grid { grid-template-columns: 1fr; }
  .contact-grid.consultation-grid, .consultation-form, .consultation-actions, .consultation-benefits { grid-template-columns: 1fr; }
  .consultation-message { grid-column: auto; }
  .consultation-actions { flex-direction: column; align-items: stretch; gap: 14px; }
  .consultation-form .btn.primary { width: 100%; min-width: 0; }
  .secure-note { text-align: center; }
  .whatsapp-card { max-width: 520px; width: 100%; margin: 0 auto; }
  .process-line { grid-template-columns: repeat(3, 1fr); row-gap: 34px; }
  .process-line div:nth-child(3):before,
  .process-line div:nth-child(3):after,
  .process-line div:last-child:before,
  .process-line div:last-child:after { display: none; }
  .lmm-home .trusted-strip { padding: 46px 18px 38px; }
  .lmm-home .trusted-carousel { grid-template-columns: 48px minmax(0, 1fr) 48px; gap: 16px; }
  .lmm-home .trusted-logo { flex-basis: calc((100% - 36px) / 3); height: 124px; }
  .testimonial-track article { flex-basis: calc((100% - 18px) / 2); }
  .lmm-home .industries-section { padding: 58px 14px 50px; }
  .lmm-home .industries-section h2 { margin-bottom: 28px; }
  .cta-section { flex-direction: column; align-items: flex-start; }
  .site-footer { grid-template-columns: repeat(2, 1fr); }
  .copyright, .policy { grid-column: 1 / -1; justify-content: flex-start; }
  .quick-contact { display: none; }
}

@media (max-width: 640px) {
  .site-header { width: calc(100% - 28px); padding: 12px 0; }
  .brand { width: 48px; }
  .hero-content, .who-section, .services-section, .work-section, .contact-section { width: calc(100% - 28px); }
  .contact-section { width: 100%; padding-left: 14px; padding-right: 14px; }
  .hero-content { padding: 48px 0 70px; }
  .hero-content p:not(.eyebrow) { font-size: 15px; }
  .hero-actions, .cta-section div { flex-direction: column; align-items: stretch; }
  .hero-actions .btn, .cta-section .btn { width: 100%; }
  .lmm-home .trusted-strip { padding: 36px 10px 30px; }
  .lmm-home .trusted-eyebrow { gap: 10px; font-size: 10px; letter-spacing: .12em; line-height: 1.45; }
  .lmm-home .trusted-eyebrow:before, .lmm-home .trusted-eyebrow:after { width: 22px; }
  .lmm-home .trusted-strip h2 { font-size: 28px; }
  .lmm-home .trusted-copy { font-size: 14px; margin-bottom: 28px; }
  .lmm-home .trusted-carousel { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 8px; }
  .lmm-home .trusted-arrow { width: 34px; height: 34px; font-size: 24px; }
  .lmm-home .brand-row.trusted-track { gap: 18px; }
  .lmm-home .trusted-logo { flex-basis: calc((100% - 18px) / 2); height: 104px; padding: 16px; }
  .lmm-home .trusted-logo img { max-height: 64px; }
  .who-section { margin: 28px auto; padding: 22px; gap: 26px; }
  .who-visual { min-height: 260px; }
  .experience-card { left: 0; bottom: 0; padding: 16px 18px; }
  .experience-card strong { font-size: 28px; }
  .stats-grid, .why-grid, .portfolio-grid, .industry-grid, .process-line, .contact-grid form div, .site-footer { grid-template-columns: 1fr; }
  .process-line div:before, .process-line div:after { display: none; }
  .industry-grid { gap: 14px; }
  .industry-grid div { min-height: 190px; }
  .industry-grid div:before { width: 96px; height: 96px; }
  .industry-grid img { width: 66px; height: 66px; }
  .tab-list { display: grid; grid-template-columns: 1fr; }
  .tab-panel { padding: 22px; }
  .process-section, .industries-section { padding-left: 14px; padding-right: 14px; }
  .testimonial-box { padding-right: 0; }
  .testimonial-track article { flex-basis: 100%; }
  .slider-arrow { top: auto; bottom: 0; }
  .slider-arrow.prev { left: calc(50% - 52px); }
  .slider-arrow.next { right: calc(50% - 52px); }
  .testimonial-dots { margin-bottom: 54px; }
  .cta-section { padding: 28px 14px; }
}
