:root {
      --red: #0b5cad;
      --red-dark: #083f7a;
      --black: #0b1f35;
      --ink: #12233a;
      --muted: #66758a;
      --line: #dbe7f4;
      --soft: #f4f8fd;
      --green: #0b5cad;
      --radius: 8px;
      --shadow: 0 18px 45px rgba(10, 15, 25, .14);
    }

/* Premium theme refresh */
:root {
  --red: #0b5cad;
  --red-dark: #083f7a;
  --black: #0b1f35;
  --ink: #12233a;
  --muted: #66758a;
  --line: #dbe7f4;
  --soft: #f4f8fd;
  --green: #0b5cad;
  --gold: #c99a2e;
  --gold-soft: #f6e7bf;
  --platinum: #fbfdff;
  --charcoal: #0e2138;
  --radius: 14px;
  --shadow: 0 22px 55px rgba(8, 45, 89, .14);
}

body {
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 5%, rgba(201, 154, 46, .12), transparent 24%),
    radial-gradient(circle at 92% 12%, rgba(11, 92, 173, .08), transparent 26%),
    linear-gradient(180deg, #fff, var(--platinum) 42%, #fff);
}
img.logo {
    margin-bottom: -1px;
    width: 150px;
    background: #01011a;
    height: 80px;
    
}
.poster-logo {
    width: 100px !important;
    height: 50px !important;
    background: #01011a !important;
}

.container {
  width: min(1480px, calc(100% - 56px));
}

.topbar {
  background: linear-gradient(90deg, #081d34, #0f3e73);
  border-top: 0;
  color: #fff;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .08);
}

.topbar .icon {
  color: var(--gold);
}

.navbar {
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(11, 92, 173, .16);
  box-shadow: 0 12px 35px rgba(8, 45, 89, .08);
}

.brand-mark {
  filter: drop-shadow(0 9px 14px rgba(11, 92, 173, .18));
}

.brand-name {
  color: #16395f;
}

.nav-links {
  color: #242730;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--red);
}

.btn {
  border-radius: 999px;
  background: linear-gradient(135deg, #0b5cad, #1283d8);
  box-shadow: 0 16px 28px rgba(11, 92, 173, .22);
}

.btn:hover {
  background: linear-gradient(135deg, #083f7a, #0b5cad);
}

.btn.dark {
  background: linear-gradient(135deg, #081d34, #113f70);
  border: 1px solid rgba(246, 231, 191, .5);
}

.btn.green,
.cta-panel .btn {
  background: linear-gradient(135deg, #c99a2e, #0b5cad);
  border: 1px solid rgba(246, 231, 191, .58);
}

.red,
.wide-red,
.section-title .wide-red,
.rooms-band span,
.poster-ribbon span,
.buyer-title span,
.testimonial-title span,
.cta-panel h2 span {
  color: var(--red);
}

.hero {
  background:
    linear-gradient(100deg, rgba(255,255,255,.95), rgba(244,248,253,.86) 48%, rgba(11,92,173,.2)),
    radial-gradient(circle at 74% 36%, rgba(201, 154, 46, .25), transparent 28%),
    linear-gradient(120deg, #ffffff, #eaf3fb);
}

.hero::before {
  content: "";
  position: absolute;
  inset: 34px;
  pointer-events: none;
  border: 1px solid rgba(201, 154, 46, .24);
  border-radius: 26px;
}

.hero-grid {
  position: relative;
  z-index: 1;
}

.hero h1,
.section-title,
.testimonial-title,
.buyer-title {
  letter-spacing: 0;
}

.hero-lead {
  color: #171a20;
}

.bang {
  background: linear-gradient(135deg, #0b5cad, #c99a2e);
  box-shadow: 0 8px 18px rgba(11, 92, 173, .2);
}

.lead-card,
.compact-form,
.buyer-form {
  border: 1px solid rgba(201, 154, 46, .22);
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(201, 154, 46, .58), rgba(11, 92, 173, .2)) border-box;
  box-shadow: 0 28px 70px rgba(8, 45, 89, .14);
}

.field,
.buyer-form input,
.buyer-form textarea,
.compact-form input,
.compact-form textarea,
.contact-form input,
.contact-form textarea {
  border-color: #d8e5f1;
  background: #fbfdff;
}

.field:focus-within,
.buyer-form input:focus,
.buyer-form textarea:focus,
.compact-form input:focus,
.compact-form textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(201, 154, 46, .14);
}

.intro,
.solutions,
.offer-section,
.faq-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(201, 154, 46, .09), transparent 23%),
    radial-gradient(circle at 88% 4%, rgba(11, 92, 173, .08), transparent 25%),
    linear-gradient(180deg, #fff, #f4f8fd);
}

.showcase,
.poster,
.solution-card,
.client-quote,
.logo-card,
.buyer-card,
.cta-panel,
.footer-box {
  border: 1px solid rgba(201, 154, 46, .22);
  box-shadow: 0 22px 48px rgba(8, 45, 89, .11);
}

.showcase,
.poster,
.solution-card {
  border-radius: 18px;
}

.tick,
.stat strong,
.client-quote strong,
.buyer-card strong,
.buyer-form h3,
.faq-item span:last-child {
  color: var(--red);
}

.why {
  background:
    linear-gradient(90deg, rgba(255,255,255,.95), rgba(242,248,255,.9)),
    radial-gradient(circle at 72% 20%, rgba(201, 154, 46, .15), transparent 28%),
    #f4f8fd;
}

.stat {
  border-left-color: var(--gold);
  border-radius: 0 14px 14px 0;
  background: rgba(255,255,255,.93);
}

.poster-ribbon {
  background: rgba(255, 252, 247, .92);
}

.solutions {
  padding-top: 60px;
}

.solution-card {
  transition: transform .22s ease, box-shadow .22s ease;
}

.solution-card:hover,
.logo-card:hover,
.buyer-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 30px 62px rgba(17, 21, 28, .16);
}

.testimonial-section,
.partners-section,
.buyer-section {
  background: linear-gradient(180deg, #fff, #f7fbff);
}

.client-quote {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.96));
}

.offer-pill {
  background: #f6e7bf;
  color: #6d4b09;
}

.partners-section {
  padding-top: 92px;
}

.logo-card {
  background: linear-gradient(180deg, #fff, #f7fbff);
}

.cta-section {
  background:
    radial-gradient(circle at 50% 0, rgba(201, 154, 46, .2), transparent 32%),
    linear-gradient(180deg, #f7fbff, #eef6ff);
}

.cta-panel {
  border-top-color: var(--gold);
}

.short-rule {
  background: linear-gradient(90deg, var(--gold), var(--red));
}

.rooms-band {
  background:
    linear-gradient(135deg, rgba(201, 154, 46, .14), transparent 40%),
    linear-gradient(180deg, #0f3e73, #081d34);
}

.faq-item {
  border: 1px solid rgba(11, 92, 173, .12);
}

.buyer-card {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.98));
}

footer {
  background:
    radial-gradient(circle at 50% 0, rgba(201, 154, 46, .16), transparent 30%),
    linear-gradient(180deg, #0e3a68, #071a30);
}

.footer-box {
  border-color: rgba(246, 231, 191, .65);
  background: rgba(255, 255, 255, .03);
}

.float-whatsapp {
  box-shadow: 0 14px 28px rgba(0, 0, 0, .28);
}

.back-top {
  background: linear-gradient(135deg, #0b5cad, #c99a2e);
}

@media (max-width: 760px) {
  .container {
    width: min(100% - 30px, 1480px);
  }

  .hero::before {
    inset: 14px;
    border-radius: 18px;
  }

  .partners-section {
    padding-top: 54px;
  }
}

/* Premium full-page redesign */
:root {
  --blue-950: #071a30;
  --blue-900: #0b2542;
  --blue-800: #0c3d72;
  --blue-700: #0b5cad;
  --blue-500: #1687d9;
  --gold-600: #c99a2e;
  --gold-300: #f0d893;
  --white: #ffffff;
  --paper: #f7fbff;
  --glass: rgba(255, 255, 255, .82);
  --premium-border: rgba(201, 154, 46, .28);
  --premium-shadow: 0 28px 80px rgba(7, 26, 48, .14);
}

body {
  font-family: "Segoe UI", Inter, Arial, sans-serif;
  background:
    radial-gradient(circle at 12% 4%, rgba(22, 135, 217, .1), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(201, 154, 46, .12), transparent 26%),
    linear-gradient(180deg, #fff 0%, #f5f9ff 45%, #fff 100%);
}

section {
  position: relative;
}

.topbar {
  font-size: 18px;
  background: var(--blue-950);
}

.topbar .container {
  min-height: 42px;
}

.navbar .container {
  min-height: 84px;
}

.brand-mark {
  width: 58px;
  height: 58px;
}

.brand-mark path {
  fill: url(#shield);
}

.brand-name {
  font-size: 30px;
  color: var(--blue-900);
}

.hero {
  min-height: calc(100vh - 126px);
  align-items: stretch;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.92) 48%, rgba(247,251,255,.9)),
    radial-gradient(circle at 49% 52%, rgba(201, 154, 46, .16), transparent 24%),
    radial-gradient(circle at 86% 18%, rgba(11, 92, 173, .12), transparent 25%);
}

.hero::before {
  inset: 0 42px;
  border-color: rgba(201, 154, 46, .38);
  border-radius: 0 0 26px 26px;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(11, 92, 173, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 92, 173, .045) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.hero-grid {
  min-height: calc(100vh - 126px);
  grid-template-columns: minmax(0, 1.2fr) 540px;
  gap: clamp(46px, 7vw, 110px);
  padding: 34px 0 70px;
}

.hero h1 {
  max-width: 970px;
  margin-bottom: 34px;
  color: #050b14;
  font-size: clamp(52px, 5vw, 78px);
  line-height: .96;
  font-weight: 950;
}

.hero p {
  max-width: 780px;
  color: #082746;
  font-size: clamp(18px, 1.35vw, 23px);
  line-height: 1.45;
}

.risk-list {
  position: relative;
  margin: 30px 0 28px;
  padding-left: 0;
  font-size: clamp(22px, 1.8vw, 31px);
}

.risk-list::before {
  content: "";
  position: absolute;
  top: 21px;
  bottom: 21px;
  left: 14px;
  width: 1px;
  background: linear-gradient(var(--gold-300), rgba(11, 92, 173, .35));
}

.risk-list li {
  grid-template-columns: 44px 1fr;
  gap: 10px;
  margin: 22px 0;
}

.bang {
  width: 31px;
  height: 31px;
  margin-top: 8px;
  border: 8px solid #0b5cad;
  background: #fff;
  color: transparent;
  box-shadow: 0 12px 26px rgba(11, 92, 173, .22);
}

.lead-card {
  max-width: none;
  padding: 54px 48px;
  border-radius: 26px;
  border: 1px solid rgba(201, 154, 46, .36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
    radial-gradient(circle at 100% 0, rgba(201,154,46,.16), transparent 35%);
}

.lead-card h2 {
  color: #020b16;
  font-size: clamp(30px, 2.2vw, 40px);
}

.field {
  height: 90px;
  border-radius: 0 999px 999px 0;
  border-color: #d9dfe8;
}

.field input {
  font-size: 28px;
}

.lead-card .btn {
  min-height: 84px;
  font-size: 27px;
  background: linear-gradient(135deg, var(--blue-700), #0756a4);
}

.intro,
.why,
.solutions,
.testimonial-section,
.offer-section,
.partners-section,
.cta-section,
.rooms-band,
.faq-section,
.buyer-section {
  padding-top: 96px;
  padding-bottom: 96px;
}

.intro > .container,
.solutions > .container,
.why > .container,
.testimonial-section > .container,
.offer-section > .container,
.partners-section > .container,
.faq-section > .container,
.buyer-section > .container {
  position: relative;
}

.intro > .container::before,
.solutions > .container::before,
.why > .container::before,
.testimonial-section > .container::before,
.offer-section > .container::before,
.partners-section > .container::before,
.faq-section > .container::before,
.buyer-section > .container::before {
  content: "";
  display: block;
  width: 86px;
  height: 4px;
  margin: 0 auto 22px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--gold-600), var(--blue-700));
}

.section-title,
.testimonial-title,
.buyer-title {
  color: #06162a;
  font-size: clamp(34px, 3.2vw, 52px);
  line-height: 1.06;
}

.section-title .wide-red {
  margin-top: 8px;
  color: var(--blue-700);
  font-size: clamp(28px, 2.4vw, 42px);
}

.intro-grid,
.why-grid,
.offer-wrap,
.buyer-layout {
  margin-top: 56px;
  padding: 26px;
  border: 1px solid var(--premium-border);
  border-radius: 30px;
  background: rgba(255, 255, 255, .72);
  box-shadow: var(--premium-shadow);
  backdrop-filter: blur(10px);
}

.showcase,
.poster {
  min-height: 100%;
  border-radius: 24px;
}

.tick-list {
  display: grid;
  gap: 14px;
  font-size: 20px;
}

.tick-list li {
  margin: 0;
  padding: 15px 18px;
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 16px;
  background: linear-gradient(180deg, #fff, #f8fbff);
}

.tick {
  color: var(--gold-600);
}

.ready {
  margin-top: 28px;
  padding: 24px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0b5cad, #082744);
  color: #fff;
}

.ready .red {
  color: var(--gold-300);
}

.stat {
  min-height: 78px;
  border-left: 0;
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, #f7fbff);
  box-shadow: 0 18px 38px rgba(8, 45, 89, .08);
}

.stat strong {
  color: var(--gold-600);
}

.cards,
.partner-logo-grid,
.buyer-cards,
.testimonial-grid {
  gap: 26px;
}

.solution-card,
.client-quote,
.logo-card,
.buyer-card,
.compact-form,
.buyer-form,
.faq-item {
  border: 1px solid rgba(201, 154, 46, .22);
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 24px 60px rgba(8, 45, 89, .11);
}

.solution-art {
  background:
    radial-gradient(circle at 18% 20%, rgba(201,154,46,.28), transparent 30%),
    linear-gradient(135deg, #0b5cad, #071a30);
}

.solution-art svg {
  opacity: .44;
  filter: grayscale(.25) sepia(.2) hue-rotate(170deg) saturate(.8);
}

.solution-card h3 {
  min-height: 70px;
  color: var(--blue-900);
  font-size: 21px;
}

.testimonial-title {
  margin-bottom: 38px;
}

.client-quote {
  min-height: 190px;
  padding: 34px;
}

.quote-mark {
  color: var(--gold-600);
}

.offer-wrap {
  grid-template-columns: 1fr minmax(380px, 520px);
}

.offer-copy h2 {
  max-width: 720px;
  font-size: clamp(36px, 3.2vw, 56px);
}

.offer-copy p {
  font-size: 22px;
}

.compact-form {
  padding: 34px;
}

.compact-form h3,
.buyer-form h3 {
  color: var(--blue-700);
}

.partners-subtitle {
  color: var(--muted);
}

.cta-panel {
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.9)),
    radial-gradient(circle at 50% 0, rgba(201,154,46,.18), transparent 36%);
}

.cta-panel h2 {
  color: var(--blue-950);
}

.rooms-band {
  background:
    radial-gradient(circle at 50% 0, rgba(201,154,46,.18), transparent 32%),
    linear-gradient(180deg, #0b3a69, #06162a);
}

.faq-item {
  padding: 18px 24px;
  min-height: auto;
}

.faq-item span:first-child {
  color: var(--blue-950);
}

.faq-item span:last-child {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

.buyer-layout {
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, 520px);
}

.buyer-card {
  min-height: auto;
}

.buyer-card strong {
  color: var(--blue-700);
}

footer {
  border-top: 4px solid var(--gold-600);
}

.footer-box {
  background: rgba(255, 255, 255, .06);
}

@media (max-width: 1180px) {
  .hero-grid,
  .offer-wrap,
  .buyer-layout {
    grid-template-columns: 1fr;
  }

  .hero-grid {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  .hero {
    min-height: auto;
  }

  .hero::before {
    display: none;
  }

  .hero h1 {
    font-size: 42px;
  }

  .lead-card {
    padding: 28px 18px;
  }

  .field {
    height: 62px;
  }

  .field input {
    font-size: 18px;
  }

  .lead-card .btn {
    min-height: 58px;
    font-size: 17px;
  }

  .intro,
  .why,
  .solutions,
  .testimonial-section,
  .offer-section,
  .partners-section,
  .cta-section,
  .rooms-band,
  .faq-section,
  .buyer-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .intro-grid,
  .why-grid,
  .offer-wrap,
  .buyer-layout {
    padding: 16px;
    border-radius: 22px;
  }

  .tick-list li {
    padding: 12px;
  }
}

    * { box-sizing: border-box; }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: "Segoe UI", Arial, sans-serif;
      color: var(--ink);
      background: #fff;
      line-height: 1.5;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img, svg {
      max-width: 100%;
      display: block;
    }

    .container {
      width: min(1560px, calc(100% - 48px));
      margin: 0 auto;
    }

    .topbar {
      background: linear-gradient(#f5f5f5, #ececec);
      border-top: 1px solid #cbd2dc;
      font-size: 25px;
      color: #050505;
    }

    .topbar .container {
      min-height: 49px;
      display: flex;
      align-items: center;
      gap: 30px;
    }

    .top-item {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      white-space: nowrap;
    }

    .icon {
      width: 24px;
      height: 24px;
      color: var(--red);
      fill: currentColor;
      flex: 0 0 auto;
    }

    .navbar {
      position: sticky;
      top: 0;
      z-index: 20;
      background: #fff;
      box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    }

    .navbar .container {
      min-height: 100px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      min-width: 230px;
    }

    .brand-mark {
      width: 72px;
      height: 72px;
    }

    .brand-name {
      font-size: 32px;
      font-weight: 700;
      color: #777;
      letter-spacing: .02em;
    }

    .nav-links {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(22px, 3vw, 46px);
      font-size: 23px;
      font-weight: 600;
    }

    .nav-links a {
      transition: color .2s ease;
    }

    .nav-links a:hover,
    .nav-links a.active {
      color: #43b6e8;
    }

    .btn {
      border: 0;
      border-radius: var(--radius);
      min-height: 58px;
      padding: 0 30px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      font-size: 20px;
      font-weight: 800;
      color: #fff;
      background: var(--red);
      cursor: pointer;
      box-shadow: none;
      transition: transform .2s ease, background .2s ease;
    }

    .btn:hover {
      background: var(--red-dark);
      transform: translateY(-1px);
    }

    .btn.dark {
      background: var(--black);
      border-radius: 999px;
      min-width: 555px;
    }

    .btn.green {
      background: linear-gradient(180deg, #0d4b18, #061008);
      border-radius: 999px;
      min-width: 100%;
    }

    .hero {
      position: relative;
      overflow: hidden;
      min-height: 760px;
      display: flex;
      align-items: center;
      background:
        linear-gradient(90deg, rgba(6,16,30,.96), rgba(8,34,61,.9) 48%, rgba(6,16,30,.8)),
        radial-gradient(circle at 78% 18%, rgba(201,154,46,.28), transparent 25%),
        radial-gradient(circle at 32% 80%, rgba(15,126,210,.28), transparent 28%),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760'%3E%3Crect width='1600' height='760' fill='%23dce5eb'/%3E%3Cg opacity='.34'%3E%3Crect x='0' y='80' width='230' height='620' fill='%23b8aa9a'/%3E%3Crect x='260' y='0' width='210' height='760' fill='%23fff7ec'/%3E%3Crect x='930' y='95' width='240' height='560' fill='%23c9d2d7'/%3E%3Crect x='1240' y='45' width='290' height='610' fill='%23d7dde1'/%3E%3Cpath d='M730 285c70 0 126 57 126 126v270H604V411c0-69 56-126 126-126z' fill='%23e9aa4c'/%3E%3Crect x='695' y='185' width='70' height='120' rx='28' fill='%23e7b45f'/%3E%3Crect x='618' y='395' width='224' height='28' rx='14' fill='%23b86c15'/%3E%3Cpath d='M640 655l-60 90M817 655l65 90' stroke='%23865314' stroke-width='18'/%3E%3C/g%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 26px;
      pointer-events: none;
      border: 1px solid rgba(246, 231, 191, .3);
      border-radius: 28px;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
      background-size: 72px 72px;
      mask-image: linear-gradient(90deg, #000, #000 72%, transparent);
    }

    .hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.18fr) minmax(420px, .52fr);
      gap: 56px;
      align-items: center;
      padding: 70px 0 84px;
    }

    .hero-copy {
      max-width: 980px;
      
    }

    .hero-kicker,
    .form-kicker {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 16px;
      border: 1px solid rgba(246, 231, 191, .42);
      border-radius: 999px;
      color: #f6e7bf;
      background: rgba(255,255,255,.08);
      font-size: 13px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    .hero h1 {
      margin: 20px 0 24px;
      font-size: clamp(46px, 4.4vw, 76px);
      line-height: .98;
      max-width: 960px;
      color: #fff;
      text-wrap: balance;
      text-shadow: 0 18px 38px rgba(0,0,0,.35);
    }

    .red {
      color: var(--red);
    }

    .hero-lead {
      font-size: clamp(25px, 2vw, 33px);
      font-weight: 800;
      line-height: 1.35;
      max-width: 1080px;
      margin-bottom: 22px;
    }

    .hero p {
      max-width: 760px;
      color: rgba(238, 246, 255, .88);
      font-size: clamp(17px, 1.2vw, 22px);
      line-height: 1.5;
    }

    .hero p strong {
      color: #fff;
    }

    .risk-list {
      margin: 26px 0 28px;
      padding: 0;
      list-style: none;
      font-size: clamp(17px, 1.28vw, 22px);
      color: #f7fbff;
    }

    .risk-list li {
      display: grid;
      grid-template-columns: 30px 1fr;
      gap: 14px;
      align-items: start;
      margin: 15px 0;
      max-width: 820px;
    }

    .risk-list b {
      font-weight: 850;
    }

    .bang {
      width: 22px;
      height: 22px;
      margin-top: 4px;
      display: inline-grid;
      place-items: center;
      border-radius: 50%;
      background: linear-gradient(135deg, #c99a2e, #f6e7bf);
      color: #07192c;
      font-weight: 900;
      font-size: 14px;
      line-height: 1;
      box-shadow: 0 10px 24px rgba(201,154,46,.22);
    }

    .hero-actions {
      margin-top: 30px;
    }

    .hero-proof {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px;
    }

    .hero-proof span {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 0 18px;
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 999px;
      color: rgba(238,246,255,.86);
      background: rgba(255,255,255,.08);
      backdrop-filter: blur(14px);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
      font-size: 15px;
      font-weight: 700;
    }

    .hero-proof strong {
      color: #f6e7bf;
      font-size: 19px;
    }

    .lead-card {
      position: relative;
      border: 1px solid rgba(246, 231, 191, .36);
      background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,251,255,.9)),
        radial-gradient(circle at 100% 0, rgba(201,154,46,.2), transparent 34%);
      border-radius: 24px;
      padding: 44px 39px 45px;
      box-shadow: 0 30px 80px rgba(0,0,0,.32);
      max-width: 525px;
      margin-left: auto;
      overflow: hidden;
    }

    .lead-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 5px;
      background: linear-gradient(90deg, #c99a2e, #43b6e8, #0b5cad);
    }

    .form-kicker {
      display: flex;
      width: max-content;
      min-height: 30px;
      margin: 0 auto 17px;
      color: #0b5cad;
      background: #eef6ff;
      border-color: rgba(11, 92, 173, .16);
      font-size: 12px;
    }

    .lead-card h2 {
      margin: 0 0 29px;
      text-align: center;
      font-size: 30px;
      line-height: 1.02;
      color: #07192c;
    }

    .field {
      height: 72px;
      display: flex;
      align-items: center;
      gap: 12px;
      border: 1px solid #d8e5f1;
      border-radius: 999px;
      padding: 0 20px;
      margin-bottom: 23px;
      color: #7e8790;
      background: #fbfdff;
      transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    }

    .field:focus-within {
      border-color: #c99a2e;
      box-shadow: 0 0 0 4px rgba(201,154,46,.14);
      transform: translateY(-1px);
    }

    .field input {
      border: 0;
      outline: 0;
      flex: 1;
      min-width: 0;
      font: inherit;
      font-size: 23px;
      color: #4b5560;
    }

    .field input::placeholder {
      color: #737b84;
    }

    .lead-card .btn {
      width: 100%;
      border-radius: 999px;
      min-height: 68px;
      margin-top: 12px;
      background: linear-gradient(135deg, #0b5cad, #083f7a);
      box-shadow: 0 18px 30px rgba(11,92,173,.24);
    }

    section {
      scroll-margin-top: 115px;
    }

    .intro {
      padding: 88px 0 96px;
      background: #f7f8fa;
    }

    .section-title {
      margin: 0;
      text-align: center;
      font-size: clamp(33px, 3vw, 45px);
      line-height: 1.16;
      color: #02060c;
      font-weight: 900;
    }

    .section-title .wide-red {
      display: block;
      color: var(--red);
      font-size: clamp(32px, 2.75vw, 43px);
    }

    .intro-grid {
      margin-top: 76px;
      display: grid;
      grid-template-columns: minmax(360px, 600px) 1fr;
      gap: 56px;
      align-items: center;
      justify-content: center;
    }

    .showcase {
      border-radius: 18px;
      overflow: hidden;
      box-shadow: var(--shadow);
      background: #263238;
    }

    .showcase svg {
      width: 100%;
      height: auto;
    }

    .tick-list {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 23px;
    }

    .tick-list li {
      display: grid;
      grid-template-columns: 26px 1fr;
      gap: 16px;
      margin: 21px 0;
    }

    .tick {
      color: var(--red);
      font-weight: 900;
      font-size: 29px;
      line-height: 1;
    }

    .ready {
      margin-top: 22px;
      font-size: 23px;
    }

    .ready h3 {
      margin: 0 0 2px;
      font-size: 28px;
      line-height: 1.1;
    }

    .why {
      padding: 58px 0 4px;
      min-height: 710px;
      background:
        linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,249,241,.76)),
        radial-gradient(circle at 22% 35%, rgba(238, 205, 142, .42), transparent 28%),
        #fbf5ee;
    }

    .why-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 28px;
      align-items: center;
      margin-top: 50px;
    }

    .stats {
      display: grid;
      gap: 19px;
    }

    .stat {
      display: grid;
      grid-template-columns: 110px 1fr;
      align-items: center;
      min-height: 62px;
      padding: 12px 26px;
      background: rgba(255, 255, 255, .88);
      border-left: 4px solid var(--red);
      box-shadow: 0 10px 22px rgba(0, 0, 0, .04);
      font-size: 22px;
    }

    .stat strong {
      color: var(--red);
      font-size: 27px;
      font-style: italic;
      font-weight: 950;
    }

    .poster {
      position: relative;
      overflow: hidden;
      min-height: 632px;
      border-radius: 16px;
      box-shadow: var(--shadow);
      background:
        linear-gradient(155deg, rgba(255, 180, 54, .82), rgba(128, 8, 9, .72)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 620'%3E%3Crect width='760' height='620' fill='%238d380e'/%3E%3Cg opacity='.5'%3E%3Ccircle cx='520' cy='120' r='240' fill='%23ffb537'/%3E%3Cpath d='M0 460 C130 330 250 360 360 250 C520 95 620 150 760 80 L760 620 L0 620z' fill='%23301610'/%3E%3C/g%3E%3Cg fill='%232a1d18'%3E%3Cpath d='M190 195h62v225h-62zM180 178h82l-10 30h-62zM170 245h100v45H170z'/%3E%3Cpath d='M330 210h58v220h-58zM320 193h78l-9 28h-60zM310 255h98v42h-98z'/%3E%3Cpath d='M500 190h64v235h-64zM490 173h84l-10 30h-64zM478 252h110v44H478z'/%3E%3C/g%3E%3Cg stroke='%23f4d15f' stroke-width='8'%3E%3Cpath d='M180 275h90M310 284h96M480 280h108M190 370h62M330 380h58M500 372h64'/%3E%3C/g%3E%3C/svg%3E");
      background-size: cover;
      background-position: center;
    }

    .poster-logo {
      position: absolute;
      top: 12px;
      left: 12px;
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 8px 14px 8px 8px;
      background: rgba(255, 255, 255, .92);
      color: #777;
      font-size: 26px;
      font-weight: 800;
    }

    .poster-ribbon {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 56px;
      padding: 10px 58px;
      background: rgba(255,255,255,.9);
      color: #0b0b0b;
      font-size: 32px;
      font-weight: 900;
    }

    .poster-ribbon span {
      color: var(--red);
    }

    .solutions {
      padding: 8px 0 56px;
      background: #f8f9fb;
      text-align: center;
    }

    .solutions p {
      margin: 9px auto 0;
      max-width: 780px;
      font-size: 17px;
      color: #060606;
    }

    .cards {
      width: min(1100px, 100%);
      margin: 42px auto 40px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .solution-card {
      overflow: hidden;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 18px 36px rgba(0, 0, 0, .08);
      text-align: center;
    }

    .solution-art {
      height: 234px;
      position: relative;
      overflow: hidden;
      background: linear-gradient(120deg, #747a7e, #22282c);
      color: #fff;
    }

    .solution-art svg {
      width: 100%;
      height: 100%;
    }

    .solution-card h3 {
      margin: 0;
      padding: 13px 12px;
      min-height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 19px;
      line-height: 1.2;
      color: #000;
    }

    .content-section {
      padding: 70px 0;
      background: #fff;
    }

    .content-section.alt {
      background: #f7f8fa;
    }

    .testimonial-section {
      padding: 86px 0 54px;
      background: #fff;
    }

    .testimonial-title {
      margin: 0 0 26px;
      text-align: center;
      font-size: clamp(23px, 2vw, 30px);
      line-height: 1.2;
      font-weight: 900;
      color: #000;
    }

    .testimonial-title span {
      color: var(--red);
    }

    .testimonial-grid {
      width: min(1250px, 100%);
      margin: 0 auto;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 22px;
    }

    .client-quote {
      min-height: 152px;
      padding: 26px 34px 22px;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 14px 28px rgba(0, 0, 0, .09);
      text-align: center;
    }

    .quote-mark {
      display: block;
      margin-bottom: 2px;
      text-align: left;
      color: #000;
      font-size: 32px;
      font-weight: 900;
      line-height: .75;
    }

    .client-quote p {
      margin: 0 auto 12px;
      max-width: 530px;
      color: #4d4d4d;
      font-size: 15px;
      font-style: italic;
      font-weight: 650;
      line-height: 1.45;
    }

    .client-quote strong {
      display: block;
      color: var(--red);
      font-size: 17px;
      font-weight: 900;
      line-height: 1.2;
    }

    .client-quote small {
      display: block;
      margin-top: 3px;
      color: #232323;
      font-size: 13px;
      font-weight: 800;
    }

    .offer-section {
      padding: 62px 0 60px;
      background: #f6f7f9;
    }

    .offer-wrap {
      display: grid;
      grid-template-columns: 1fr 405px;
      gap: clamp(44px, 8vw, 120px);
      align-items: center;
    }

    .offer-copy h2 {
      margin: 0 0 7px;
      max-width: 470px;
      color: #000;
      font-size: clamp(29px, 2.5vw, 36px);
      line-height: 1.22;
      font-weight: 950;
    }

    .offer-copy h2 span {
      display: block;
      color: var(--red);
    }

    .offer-pill {
      display: inline-flex;
      align-items: center;
      min-height: 27px;
      margin: 7px 0 9px;
      padding: 0 14px;
      border-radius: 999px;
      background: #ffe1e4;
      color: var(--red);
      font-size: 13px;
      font-weight: 900;
    }

    .offer-copy p {
      margin: 0;
      color: #050505;
      font-size: 17px;
      font-weight: 850;
    }

    .compact-form {
      padding: 24px 19px 23px;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 18px 34px rgba(0, 0, 0, .12);
    }

    .compact-form h3 {
      margin: 0 0 16px;
      text-align: center;
      color: #000;
      font-size: 18px;
      font-weight: 900;
    }

    .compact-form input,
    .compact-form textarea,
    .contact-form input,
    .contact-form textarea {
      width: 100%;
      border: 1px solid #d4d4d4;
      border-radius: 5px;
      padding: 11px 12px;
      font: inherit;
      font-size: 13px;
      color: #141414;
    }

    .compact-form input,
    .compact-form textarea {
      margin-bottom: 9px;
    }

    .compact-form textarea {
      min-height: 63px;
      resize: vertical;
    }

    .compact-form .btn {
      width: 100%;
      min-height: 32px;
      padding: 0 14px;
      border-radius: 5px;
      font-size: 12px;
      font-weight: 900;
    }

    .partners-section {
      padding: 76px 0 80px;
      background: #fff;
      text-align: center;
    }

    .partners-section .section-title {
      font-size: clamp(34px, 3vw, 45px);
    }

    .partners-subtitle {
      margin: 4px 0 0;
      font-size: 21px;
      color: #090909;
    }

    .partner-logo-grid {
      margin-top: 62px;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 24px;
    }

    .logo-card {
      min-height: 111px;
      display: grid;
      place-items: center;
      padding: 16px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 12px 31px rgba(0, 0, 0, .08);
      color: #444;
      font-weight: 900;
      overflow: hidden;
    }

    .logo-card svg {
      width: 130px;
      height: 65px;
    }

    .cta-section {
      padding: 90px 0;
      background: #fff1f2;
    }

    .cta-panel {
      width: min(1316px, 100%);
      margin: 0 auto;
      padding: 70px 28px 65px;
      border-top: 5px solid var(--red);
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 20px 45px rgba(0, 0, 0, .09);
      text-align: center;
    }

    .cta-panel h2 {
      margin: 0 auto;
      max-width: 850px;
      color: #000;
      font-size: clamp(30px, 2.6vw, 40px);
      line-height: 1.2;
      font-weight: 950;
    }

    .cta-panel h2 span {
      color: var(--red);
    }

    .short-rule {
      width: 99px;
      height: 4px;
      margin: 31px auto 38px;
      border-radius: 99px;
      background: var(--red);
    }

    .cta-panel .btn {
      min-width: 360px;
      min-height: 62px;
      border-radius: 999px;
      background: linear-gradient(180deg, #0d4b18, #050505);
      font-size: 17px;
    }

    .rooms-band {
      padding: 78px 0 58px;
      background: #333;
      color: #fff;
      text-align: center;
    }

    .rooms-band h2 {
      margin: 0;
      font-size: clamp(32px, 3vw, 42px);
      line-height: 1.28;
      font-weight: 950;
    }

    .rooms-band span {
      color: var(--red);
    }

    .rooms-band .short-rule {
      margin: 24px auto 0;
    }

    .faq-section {
      position: relative;
      overflow: hidden;
      padding: 104px 0 128px;
      background: #f8f9fb;
    }

    .faq-section::before,
    .faq-section::after {
      content: "";
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: #f5e7ea;
      z-index: 0;
    }

    .faq-section::before {
      top: -118px;
      left: -150px;
    }

    .faq-section::after {
      right: -120px;
      bottom: -130px;
    }

    .faq-section .container {
      position: relative;
      z-index: 1;
    }

    .faq-list {
      width: min(843px, 100%);
      margin: 44px auto 0;
      display: grid;
      gap: 17px;
    }

    .faq-item {
      min-height: 51px;
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 20px;
      padding: 0 24px;
      border: 0;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 15px 32px rgba(0, 0, 0, .08);
      color: #000;
      text-align: left;
      font: inherit;
      font-size: 16px;
      font-weight: 900;
      cursor: pointer;
    }

    .faq-item span:last-child {
      color: var(--red);
      font-size: 28px;
      line-height: 1;
    }

    .contact-form {
      display: grid;
      gap: 14px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: 24px;
      box-shadow: 0 12px 26px rgba(0, 0, 0, .05);
    }

    .contact-form textarea {
      min-height: 120px;
      resize: vertical;
    }

    .buyer-section {
      padding: 8px 0 15px;
      background: #fff;
    }

    .buyer-title {
      margin: 0 0 44px;
      text-align: center;
      color: #000;
      font-size: clamp(28px, 2.4vw, 34px);
      line-height: 1.15;
      font-weight: 950;
    }

    .buyer-title span {
      color: var(--red);
    }

    .buyer-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) 500px;
      gap: 22px;
      align-items: start;
    }

    .buyer-cards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }

    .buyer-card {
      min-height: 243px;
      padding: 16px 20px 20px;
      border-radius: 13px;
      background: #fff;
      box-shadow: 0 12px 26px rgba(0, 0, 0, .08);
      color: #000;
    }

    .buyer-card.wide {
      grid-column: 1 / -1;
      min-height: 187px;
    }

    .buyer-card strong {
      display: block;
      margin-bottom: 4px;
      color: var(--red);
      font-size: 16px;
      font-weight: 950;
    }

    .buyer-card p {
      margin: 0 0 9px;
      font-size: 17px;
      line-height: 1.7;
      color: #000;
    }

    .buyer-form {
      padding: 32px 34px 38px;
      border-radius: 13px;
      background: #fff;
      box-shadow: 0 18px 36px rgba(0, 0, 0, .11);
    }

    .buyer-form h3 {
      margin: 0 0 19px;
      text-align: center;
      color: var(--red);
      font-size: 24px;
      line-height: 1.15;
      font-weight: 950;
    }

    .buyer-form input,
    .buyer-form textarea {
      width: 100%;
      margin-bottom: 16px;
      border: 1px solid #d7d7d7;
      border-radius: 8px;
      padding: 0 17px;
      font: inherit;
      font-size: 17px;
      color: #222;
      outline: none;
    }

    .buyer-form input {
      min-height: 59px;
    }

    .buyer-form textarea {
      min-height: 104px;
      padding-top: 17px;
      resize: vertical;
    }

    .buyer-form .btn {
      width: 100%;
      min-height: 54px;
      margin-top: 7px;
      border-radius: 999px;
      box-shadow: 0 16px 22px rgba(237, 0, 20, .25);
      font-size: 16px;
      font-weight: 950;
    }

    footer {
      padding: 19px 0 20px;
      background: #222;
      color: #fff;
      text-align: center;
      font-size: 17px;
      font-weight: 650;
    }

    .footer-contact {
      width: min(1234px, 100%);
      margin: 0 auto 54px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .footer-box {
      min-height: 112px;
      display: grid;
      place-items: center;
      padding: 16px;
      border: 1px solid #fff;
      border-radius: 8px;
      color: #fff;
      line-height: 1.45;
    }

    .footer-box strong {
      display: block;
      font-size: 22px;
      font-weight: 950;
    }

    .footer-box span {
      display: block;
      font-size: 18px;
      font-weight: 750;
    }

    .footer-copy {
      line-height: 1.7;
    }

    .float-whatsapp,
    .back-top {
      position: fixed;
      z-index: 30;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #fff;
      box-shadow: 0 9px 20px rgba(0, 0, 0, .25);
    }

    .float-whatsapp {
      left: 30px;
      bottom: 47px;
      background: #08d96d;
      border: 3px solid #fff;
    }

    .back-top {
      right: 36px;
      bottom: 38px;
      background: var(--red);
      font-size: 30px;
      font-weight: 900;
    }

    .mobile-menu {
      display: none;
      width: 44px;
      height: 44px;
      border: 0;
      background: #111;
      color: #fff;
      border-radius: var(--radius);
      font-size: 24px;
      cursor: pointer;
    }

    @media (max-width: 1180px) {
      .topbar {
        font-size: 20px;
      }

      .navbar .container {
        min-height: 82px;
      }

      .brand {
        min-width: auto;
      }

      .brand-mark {
        width: 58px;
        height: 58px;
      }

      .brand-name {
        font-size: 26px;
      }

      .mobile-menu {
        display: grid;
        place-items: center;
      }

      .nav-links {
        position: absolute;
        left: 0;
        right: 0;
        top: 82px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: #fff;
        border-top: 1px solid var(--line);
        box-shadow: 0 16px 24px rgba(0,0,0,.08);
      }

      .nav-links a {
        padding: 15px 24px;
        border-bottom: 1px solid var(--line);
      }

      .navbar.open .nav-links {
        display: flex;
      }

      .navbar .btn {
        display: none;
      }

      .hero-grid,
      .intro-grid,
      .why-grid,
      .offer-wrap {
        grid-template-columns: 1fr;
      }

      .lead-card {
        margin: 0;
        max-width: 640px;
      }

      .poster {
        min-height: 460px;
      }

      .cards {
        grid-template-columns: repeat(2, 1fr);
      }

      .offer-wrap {
        gap: 32px;
      }

      .compact-form {
        max-width: 520px;
      }

      .partner-logo-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .buyer-layout {
        grid-template-columns: 1fr;
      }

      .buyer-form {
        max-width: 620px;
      }

      .footer-contact {
        grid-template-columns: 1fr;
        max-width: 620px;
      }
    }

    @media (max-width: 760px) {
      .container {
        width: min(100% - 28px, 1560px);
      }

      .topbar .container {
        min-height: 42px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 7px 0;
        font-size: 16px;
      }

      .brand-name {
        font-size: 23px;
      }

      .hero {
        min-height: auto;
      }

      .hero::before {
        display: none;
      }

      .hero-grid {
        padding: 44px 0 58px;
        gap: 34px;
      }

      .hero h1 {
        font-size: 36px;
      }

      .hero-proof span {
        width: 100%;
        justify-content: center;
      }

      .hero-lead,
      .risk-list,
      .tick-list,
      .stat {
        font-size: 18px;
      }

      .btn.dark,
      .btn.green {
        min-width: 100%;
      }

      .lead-card {
        padding: 28px 20px;
        border-radius: 18px;
      }

      .lead-card h2 {
        font-size: 25px;
      }

      .field {
        height: 58px;
      }

      .field input {
        font-size: 18px;
      }

      .intro,
      .testimonial-section,
      .offer-section,
      .partners-section,
      .cta-section,
      .rooms-band,
      .faq-section {
        padding: 54px 0;
      }

      .why {
        padding: 48px 0 34px;
      }

      .intro-grid {
        margin-top: 36px;
      }

      .stat {
        grid-template-columns: 72px 1fr;
        padding: 11px 16px;
      }

      .stat strong {
        font-size: 22px;
      }

      .cards,
      .testimonial-grid,
      .offer-wrap,
      .partner-logo-grid {
        grid-template-columns: 1fr;
      }

      .client-quote {
        padding: 24px 18px;
      }

      .offer-copy h2 {
        font-size: 28px;
      }

      .compact-form {
        max-width: none;
      }

      .logo-card {
        min-height: 96px;
      }

      .cta-panel {
        padding: 45px 18px;
      }

      .cta-panel .btn {
        min-width: 100%;
        font-size: 15px;
      }

      .faq-item {
        min-height: 58px;
        padding: 10px 16px;
        font-size: 14px;
      }

      .buyer-section {
        padding: 42px 0 10px;
      }

      .buyer-title {
        margin-bottom: 26px;
      }

      .buyer-cards {
        grid-template-columns: 1fr;
      }

      .buyer-card,
      .buyer-card.wide {
        min-height: auto;
        padding: 18px 16px;
      }

      .buyer-card p {
        font-size: 16px;
        line-height: 1.55;
      }

      .buyer-form {
        max-width: none;
        padding: 26px 18px;
      }

      .buyer-form input {
        min-height: 54px;
      }

      .footer-contact {
        margin-bottom: 34px;
      }

      .footer-box strong {
        font-size: 20px;
      }

      .footer-box span,
      .footer-copy {
        font-size: 15px;
      }

      .solution-art {
        height: 210px;
      }

      .poster-ribbon {
        bottom: 34px;
        padding: 8px 20px;
        font-size: 25px;
      }

      .float-whatsapp {
        left: 18px;
        bottom: 22px;
        width: 50px;
        height: 50px;
      }

      .back-top {
        right: 18px;
        bottom: 22px;
        width: 50px;
        height: 50px;
      }
    }

/* First screen fit and header polish */
.topbar {
  background: linear-gradient(90deg, #07192c, #0b3158);
  border: 0;
  color: #eef6ff;
  font-size: 16px;
}

.topbar .container {
  min-height: 36px;
  gap: 24px;
}

.top-item {
  gap: 8px;
}

.topbar .icon {
  width: 17px;
  height: 17px;
  color: #d7a83a;
}

.navbar {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(11, 92, 173, .12);
  box-shadow: 0 8px 24px rgba(8, 30, 54, .08);
}

.navbar .container {
  min-height: 70px;
}

.brand {
  gap: 12px;
  min-width: auto;
}

.brand-mark {
  width: 48px;
  height: 48px;
}

.brand-name {
  color: #24364a;
  font-size: 26px;
  font-weight: 900;
}

.hero {
  min-height: calc(100vh - 106px);
  align-items: center;
  background:
    linear-gradient(90deg, rgba(7, 18, 33, .97), rgba(13, 48, 82, .93) 54%, rgba(10, 20, 31, .92)),
    radial-gradient(circle at 76% 22%, rgba(201,154,46,.2), transparent 24%),
    radial-gradient(circle at 42% 76%, rgba(11,92,173,.18), transparent 28%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760'%3E%3Crect width='1600' height='760' fill='%23122133'/%3E%3Cg opacity='.18'%3E%3Crect x='0' y='80' width='230' height='620' fill='%23c9d2d7'/%3E%3Crect x='930' y='95' width='240' height='560' fill='%23c9d2d7'/%3E%3Crect x='1240' y='45' width='290' height='610' fill='%23d7dde1'/%3E%3Cpath d='M730 285c70 0 126 57 126 126v270H604V411c0-69 56-126 126-126z' fill='%23e9aa4c'/%3E%3Crect x='618' y='395' width='224' height='28' rx='14' fill='%23b86c15'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
}

.hero::before {
  inset: 18px;
  border-radius: 18px;
  border-color: rgba(246, 231, 191, .18);
}

.hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 430px);
  gap: clamp(28px, 4vw, 64px);
  padding: 34px 20px 38px;
}

.hero-copy {
  max-width: 780px;
}

.hero-kicker,
.form-kicker {
  min-height: 28px;
  padding: 0 14px;
  font-size: 11px;
  letter-spacing: .07em;
}

.hero h1 {
  max-width: 760px;
  margin: 16px 0 16px;
  font-size: clamp(38px, 3.55vw, 58px);
  line-height: 1.04;
}

.hero p {
  max-width: 680px;
  margin: 8px 0;
  font-size: clamp(15px, 1.05vw, 18px);
  line-height: 1.42;
}

.hero .risk-list {
  display: grid;
  gap: 9px;
  margin: 18px 0;
  font-size: clamp(15px, 1.08vw, 18px);
  line-height: 1.35;
}

.hero .risk-list::before {
  display: none;
}

.hero .risk-list li {
  grid-template-columns: 22px 1fr;
  gap: 10px;
  margin: 0;
  max-width: 720px;
}

.hero .bang {
  width: 14px;
  height: 14px;
  margin-top: 5px;
  background: #d7a83a;
  color: transparent;
  font-size: 0;
  box-shadow: 0 0 0 5px rgba(215, 168, 58, .13);
}

.hero-actions {
  margin-top: 18px;
}

.hero .btn.dark {
  min-width: 0;
  max-width: 100%;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d7a83a, #0b5cad);
  font-size: 15px;
  white-space: normal;
  text-align: center;
}

.hero-proof {
  gap: 8px;
  margin-top: 16px;
}

.hero-proof span {
  min-height: 38px;
  padding: 0 13px;
  font-size: 13px;
}

.hero-proof strong {
  font-size: 15px;
}

.lead-card {
  max-width: 430px;
  padding: 30px 28px 32px;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0,0,0,.24);
}

.lead-card h2 {
  margin-bottom: 22px;
  font-size: clamp(24px, 2vw, 31px);
  line-height: 1.08;
}

.field {
  height: 56px;
  margin-bottom: 14px;
  padding: 0 17px;
}

.field .icon {
  width: 20px;
  height: 20px;
}

.field input {
  font-size: 17px;
}

.lead-card .btn {
  min-height: 54px;
  margin-top: 10px;
  font-size: 16px;
}

@media (max-width: 1180px) {
  .hero {
    min-height: auto;
  }

  .hero-grid {
    grid-template-columns: 1fr;
  }

  .lead-card {
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .topbar .container {
    align-items: flex-start;
    min-height: auto;
    padding: 7px 0;
    gap: 4px;
    font-size: 14px;
  }

  .navbar .container {
    min-height: 64px;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
  }

  .brand-name {
    font-size: 22px;
  }

  .hero {
    overflow: visible;
  }

  .hero-grid {
    padding: 30px 0 36px;
  }

  .hero h1 {
    font-size: 34px;
  }

  .hero .risk-list,
  .hero p {
    font-size: 15px;
  }

  .hero-proof span {
    width: auto;
    min-height: 36px;
  }

  .lead-card {
    max-width: none;
    padding: 26px 18px;
  }
}

/* Premium styling for sections 2-5 */
#about,
#why,
#solutions,
#iot-solutions {
  position: relative;
  overflow: hidden;
}

#about,
#solutions {
  background:
    radial-gradient(circle at 14% 12%, rgba(215, 168, 58, .12), transparent 24%),
    radial-gradient(circle at 86% 4%, rgba(11, 92, 173, .1), transparent 26%),
    linear-gradient(180deg, #f8fbff, #ffffff);
}

#why,
#iot-solutions {
  background:
    linear-gradient(120deg, rgba(7, 18, 33, .97), rgba(12, 43, 74, .95)),
    radial-gradient(circle at 78% 20%, rgba(215, 168, 58, .18), transparent 28%);
  color: #eef6ff;
}

#about,
#why,
#solutions,
#iot-solutions {
  padding: clamp(58px, 6vw, 92px) 0;
}

#about .container,
#why .container,
#solutions .container,
#iot-solutions .container {
  position: relative;
  z-index: 1;
}

#about .section-title,
#solutions .section-title {
  color: #07192c;
}

#why .section-title,
#iot-solutions .section-title {
  color: #ffffff;
}

#about .section-title,
#why .section-title,
#solutions .section-title,
#iot-solutions .section-title {
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(30px, 3vw, 46px);
  line-height: 1.12;
}

#about .wide-red {
  display: block;
  margin-top: 10px;
  color: #0b5cad;
  font-size: clamp(18px, 1.55vw, 24px);
  font-weight: 800;
}

#about .intro-grid,
#why .why-grid {
  margin-top: 44px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: clamp(26px, 4vw, 54px);
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#about .showcase {
  overflow: hidden;
  border: 1px solid rgba(11, 92, 173, .14);
  border-radius: 20px;
  background: #0f2438;
  box-shadow: 0 28px 70px rgba(8, 30, 54, .16);
}
.custom-img {
    height: 485px !important;
}
/*#about .showcase svg {*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: auto;*/
/*}*/

#about .tick-list,
#iot-solutions .tick-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  font-size: 16px;
}

#about .tick-list li,
#iot-solutions .tick-list li,
#why .stat {
  margin: 0;
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 16px 34px rgba(8, 30, 54, .08);
}

#about .tick-list li,
#iot-solutions .tick-list li {
  grid-template-columns: 24px 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px;
  line-height: 1.45;
}

#about .tick,
#iot-solutions .tick {
  color: #d7a83a;
  font-weight: 950;
}

#about .ready {
  margin-top: 18px;
  padding: 22px 24px;
  border: 1px solid rgba(215, 168, 58, .28);
  border-radius: 18px;
  background: linear-gradient(135deg, #07192c, #0b3158);
  color: #eef6ff;
  box-shadow: 0 22px 50px rgba(7, 25, 44, .18);
}

#about .ready h3 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 22px;
}

#about .ready .red {
  color: #f6e7bf;
}

#why .why-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 470px);
}

#why .stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#why .stat {
  min-height: 116px;
  display: block;
  padding: 20px;
  color: #203247;
}

#why .stat strong {
  display: block;
  margin-bottom: 8px;
  color: #0b5cad;
  font-size: 30px;
  line-height: 1;
}

#why .stat span {
  display: block;
  color: #516173;
  font-size: 15px;
  line-height: 1.45;
}

#why .btn.green {
  grid-column: 1 / -1;
  min-width: 0;
  min-height: 54px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d7a83a, #0b5cad);
  box-shadow: 0 18px 36px rgba(0, 0, 0, .2);
}

#why .poster {
  min-height: 430px;
  border: 1px solid rgba(246, 231, 191, .24);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(8, 29, 52, .88), rgba(11, 92, 173, .58)),
    radial-gradient(circle at 72% 24%, rgba(215, 168, 58, .34), transparent 30%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 620'%3E%3Crect width='760' height='620' fill='%230b1f35'/%3E%3Cg opacity='.45' fill='%23d7a83a'%3E%3Crect x='120' y='250' width='82' height='220' rx='10'/%3E%3Crect x='330' y='190' width='92' height='280' rx='10'/%3E%3Crect x='545' y='280' width='74' height='190' rx='10'/%3E%3C/g%3E%3Cg opacity='.32' stroke='%23ffffff' stroke-width='6' fill='none'%3E%3Cpath d='M150 185h470M150 230h470M150 520h470'/%3E%3Ccircle cx='238' cy='136' r='52'/%3E%3Ccircle cx='516' cy='142' r='36'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
}

#why .poster-logo {
  top: 18px;
  left: 18px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  color: #24364a;
  font-size: 20px;
}

#why .poster-ribbon {
  left: 22px;
  right: 22px;
  bottom: 26px;
  padding: 18px 22px;
  border: 1px solid rgba(246, 231, 191, .28);
  border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  color: #07192c;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.12;
}

#solutions {
  text-align: center;
}

#solutions p {
  max-width: 760px;
  margin: 10px auto 0;
  color: #516173;
  font-size: 17px;
  line-height: 1.55;
}

#solutions .cards {
  width: min(1180px, 100%);
  margin: 42px auto 36px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#solutions .solution-card {
  overflow: hidden;
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(8, 30, 54, .1);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

#solutions .solution-card:hover {
  transform: translateY(-5px);
  border-color: rgba(215, 168, 58, .38);
  box-shadow: 0 28px 62px rgba(8, 30, 54, .16);
}

#solutions .solution-art {
  height: 190px;
  background: #0f2438;
}

#solutions .solution-card h3 {
  min-height: 62px;
  padding: 14px 16px;
  color: #07192c;
  font-size: 18px;
  font-weight: 900;
}

#solutions .btn.dark {
  min-width: 0;
  min-height: 54px;
  padding: 0 28px;
  background: linear-gradient(135deg, #07192c, #0b5cad);
}

#iot-solutions .intro-grid {
  width: min(1120px, 100%);
  margin: 44px auto 0;
  display: block;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid rgba(246, 231, 191, .2);
  border-radius: 22px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .22);
  backdrop-filter: blur(12px);
}

#iot-solutions h3,
#iot-solutions h4 {
  color: #ffffff;
}

#iot-solutions h3 {
  margin-top: 0;
  font-size: clamp(24px, 2.2vw, 34px);
}

#iot-solutions h4 {
  margin: 26px 0 14px;
  color: #f6e7bf;
  font-size: 19px;
}

#iot-solutions p {
  max-width: 880px;
  color: rgba(238, 246, 255, .84);
  font-size: 17px;
  line-height: 1.65;
}

#iot-solutions p strong {
  color: #f6e7bf;
}

#iot-solutions .tick-list li {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .08);
  box-shadow: none;
  color: rgba(238, 246, 255, .9);
}

@media (max-width: 1180px) {
  #about .intro-grid,
  #why .why-grid,
  #solutions .cards {
    grid-template-columns: 1fr 1fr;
  }

  #why .why-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  #about .intro-grid,
  #solutions .cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #about,
  #why,
  #solutions,
  #iot-solutions {
    padding: 46px 0;
  }

  #about .intro-grid,
  #why .why-grid,
  #why .stats,
  #solutions .cards,
  #about .tick-list,
  #iot-solutions .tick-list {
    grid-template-columns: 1fr;
  }

  #about .intro-grid,
  #why .why-grid,
  #iot-solutions .intro-grid {
    margin-top: 28px;
  }

  #why .poster {
    min-height: 320px;
  }

  #solutions .solution-art {
    height: 170px;
  }
}

/* Premium styling for lower content sections */
#industry-4-0,
#offers,
#industries-we-serve,
#rooms,
#why-choose-us,
#made-in-india,
#end-to-end-iot-company,
#secure-cloud-platform {
  position: relative;
  overflow: hidden;
}

#scalable-solutions {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 5.5vw, 88px) 0;
  background:
    radial-gradient(circle at 16% 12%, rgba(215, 168, 58, .12), transparent 24%),
    radial-gradient(circle at 84% 8%, rgba(11, 92, 173, .1), transparent 26%),
    linear-gradient(180deg, #f7fbff, #ffffff);
}

#scalable-solutions > .container {
  width: min(1120px, calc(100% - 56px));
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,251,255,.9)),
    radial-gradient(circle at 90% 12%, rgba(215, 168, 58, .14), transparent 28%);
  box-shadow: 0 26px 68px rgba(8, 30, 54, .12);
}

#scalable-solutions .section-title {
  max-width: 920px;
  margin: 0 auto 16px;
  color: #07192c;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}

#scalable-solutions p {
  margin: 0 auto 28px;
  color: #516173;
  text-align: center;
  font-size: 18px;
}

#scalable-solutions .tick-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  font-size: 15px;
}

#scalable-solutions .tick-list li {
  min-height: 118px;
  margin: 0;
  padding: 20px 16px;
  display: grid;
  place-items: center;
  gap: 10px;
  text-align: center;
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 16px;
  background: #ffffff;
  color: #24364a;
  box-shadow: 0 16px 36px rgba(8, 30, 54, .08);
}

#scalable-solutions .tick {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #d7a83a, #f6e7bf);
  color: #07192c;
  font-weight: 950;
}

#industry-4-0,
#industries-we-serve,
#end-to-end-iot-company {
  background:
    radial-gradient(circle at 12% 8%, rgba(215, 168, 58, .12), transparent 24%),
    radial-gradient(circle at 88% 12%, rgba(11, 92, 173, .1), transparent 26%),
    linear-gradient(180deg, #ffffff, #f7fbff);
}

#offers,
#rooms,
#why-choose-us,
#made-in-india,
#secure-cloud-platform {
  background:
    linear-gradient(120deg, rgba(7, 18, 33, .97), rgba(13, 48, 82, .95)),
    radial-gradient(circle at 78% 18%, rgba(215, 168, 58, .2), transparent 28%);
  color: #eef6ff;
}

#industry-4-0,
#offers,
#industries-we-serve,
#rooms,
#why-choose-us,
#made-in-india,
#end-to-end-iot-company,
#secure-cloud-platform {
  padding: clamp(54px, 5.5vw, 88px) 0;
}

#industry-4-0 .container,
#offers .container,
#industries-we-serve .container,
#rooms .container,
#why-choose-us .container,
#made-in-india .container,
#end-to-end-iot-company .container,
#secure-cloud-platform .container {
  position: relative;
  z-index: 1;
}

#industry-4-0 .section-title,
#industries-we-serve .section-title,
#end-to-end-iot-company .section-title {
  color: #07192c;
}

#why-choose-us .section-title,
#made-in-india .section-title,
#secure-cloud-platform .section-title {
  color: #ffffff;
}

#industry-4-0 .section-title,
#industries-we-serve .section-title,
#why-choose-us .section-title,
#made-in-india .section-title,
#end-to-end-iot-company .section-title,
#secure-cloud-platform .section-title {
  max-width: 960px;
  margin: 0 auto 28px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}

#industry-4-0 .intro-grid,
#why-choose-us .container,
#made-in-india .container,
#secure-cloud-platform .container {
  width: min(1120px, calc(100% - 56px));
}

#industry-4-0 .intro-grid {
  margin: 36px auto 0;
  display: block;
  padding: clamp(26px, 3vw, 42px);
  border: 1px solid rgba(11, 92, 173, .14);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(248,251,255,.88)),
    radial-gradient(circle at 90% 10%, rgba(215, 168, 58, .16), transparent 28%);
  box-shadow: 0 26px 68px rgba(8, 30, 54, .12);
}

#industry-4-0 .intro-grid > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

#industry-4-0 p {
  margin: 0;
  min-height: 118px;
  padding: 20px;
  border: 1px solid rgba(11, 92, 173, .1);
  border-radius: 16px;
  background: #ffffff;
  color: #4f6175;
  font-size: 16px;
  line-height: 1.55;
  box-shadow: 0 16px 36px rgba(8, 30, 54, .08);
}

#industry-4-0 p:first-child {
  background: linear-gradient(135deg, #07192c, #0b5cad);
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
}

#offers .offer-wrap {
  width: min(1180px, calc(100% - 56px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
  gap: clamp(28px, 5vw, 70px);
  align-items: center;
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid rgba(246, 231, 191, .22);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    radial-gradient(circle at 16% 18%, rgba(215, 168, 58, .16), transparent 28%);
  box-shadow: 0 30px 82px rgba(0, 0, 0, .26);
}

#offers .offer-copy h2 {
  max-width: 680px;
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.02;
}

#offers .offer-copy h2 span {
  display: block;
  color: #f6e7bf;
}

#offers .offer-pill {
  min-height: 34px;
  margin: 22px 0 14px;
  padding: 0 16px;
  border: 1px solid rgba(246, 231, 191, .28);
  border-radius: 999px;
  background: rgba(215, 168, 58, .14);
  color: #f6e7bf;
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

#offers .offer-copy p {
  color: rgba(238, 246, 255, .88);
  font-size: clamp(18px, 1.5vw, 23px);
  font-weight: 800;
}

#offers .compact-form {
  border: 1px solid rgba(246, 231, 191, .28);
  border-radius: 20px;
  padding: 28px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
  margin-top : -600px;
}

#offers .compact-form h3 {
  color: #07192c;
  font-size: 22px;
}

#offers .compact-form input,
#offers .compact-form textarea {
  min-height: 48px;
  border-color: #d8e5f1;
  border-radius: 12px;
  background: #fbfdff;
  font-size: 15px;
}

#offers .compact-form textarea {
  min-height: 86px;
}

#offers .compact-form .btn {
  min-height: 50px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d7a83a, #0b5cad);
}

#industries-we-serve > .container {
  width: min(1180px, calc(100% - 56px));
}

#industries-we-serve > .container > p {
  max-width: 680px;
  margin: 0 auto 34px;
  color: #516173;
  text-align: center;
  font-size: 18px;
}

#industries-we-serve h3 {
  margin: 28px 0 14px;
  color: #07192c;
  font-size: 22px;
}

#industries-we-serve .tick-list,
#end-to-end-iot-company .tick-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  font-size: 15px;
}

#industries-we-serve .tick-list li,
#end-to-end-iot-company .tick-list li {
  margin: 0;
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 14px;
  background: #ffffff;
  color: #3d5066;
  box-shadow: 0 14px 32px rgba(8, 30, 54, .08);
}

#industries-we-serve .tick,
#end-to-end-iot-company .tick {
  color: #d7a83a;
}

#rooms {
  text-align: center;
}

#rooms .container {
  width: min(1120px, calc(100% - 56px));
  padding: clamp(34px, 5vw, 62px);
  border: 1px solid rgba(246, 231, 191, .22);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    radial-gradient(circle at 50% 0, rgba(215, 168, 58, .16), transparent 34%);
  box-shadow: 0 30px 82px rgba(0, 0, 0, .25);
}

#rooms h2 {
  color: #ffffff;
  font-size: clamp(34px, 4.5vw, 64px);
  line-height: 1.05;
}

#rooms h2 span {
  color: #f6e7bf;
}

#rooms .short-rule {
  width: 120px;
  height: 4px;
  margin-top: 28px;
  background: linear-gradient(90deg, #d7a83a, #43b6e8);
}

#why-choose-us .container,
#made-in-india .container,
#secure-cloud-platform .container {
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(246, 231, 191, .2);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.04)),
    radial-gradient(circle at 90% 16%, rgba(215, 168, 58, .16), transparent 28%);
  box-shadow: 0 28px 74px rgba(0, 0, 0, .22);
}

#why-choose-us h3 {
  margin: 0 0 12px;
  color: #f6e7bf;
  font-size: clamp(22px, 2vw, 30px);
}

#why-choose-us p,
#made-in-india p,
#secure-cloud-platform p {
  max-width: 820px;
  margin: 0 auto;
  color: rgba(238, 246, 255, .88);
  text-align: center;
  font-size: clamp(17px, 1.4vw, 21px);
  line-height: 1.65;
}

#why-choose-us h3,
#why-choose-us p {
  text-align: center;
}

#end-to-end-iot-company > .container {
  width: min(1120px, calc(100% - 56px));
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 26px 68px rgba(8, 30, 54, .12);
}

#end-to-end-iot-company p {
  max-width: 720px;
  margin: 0 auto 28px;
  color: #516173;
  text-align: center;
  font-size: 18px;
}

@media (max-width: 1180px) {
  #industry-4-0 .intro-grid > div,
  #industries-we-serve .tick-list,
  #scalable-solutions .tick-list,
  #end-to-end-iot-company .tick-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #offers .offer-wrap {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #industry-4-0,
  #offers,
  #industries-we-serve,
  #rooms,
  #why-choose-us,
  #made-in-india,
  #end-to-end-iot-company,
  #scalable-solutions,
  #secure-cloud-platform {
    padding: 44px 0;
  }

  #industry-4-0 .intro-grid,
  #offers .offer-wrap,
  #rooms .container,
  #why-choose-us .container,
  #made-in-india .container,
  #end-to-end-iot-company > .container,
  #scalable-solutions > .container,
  #secure-cloud-platform .container {
    width: min(100% - 28px, 1120px);
    padding: 24px 18px;
    border-radius: 18px;
  }

  #industry-4-0 .intro-grid > div,
  #industries-we-serve .tick-list,
  #scalable-solutions .tick-list,
  #end-to-end-iot-company .tick-list {
    grid-template-columns: 1fr;
  }

  #industry-4-0 p {
    min-height: auto;
  }

  #offers .offer-copy h2,
  #rooms h2 {
    font-size: 34px;
  }

  #industries-we-serve > .container {
    width: min(100% - 28px, 1180px);
  }
}

/* Premium styling for final content sections */
#hidden-costs,
#faqs,
#final-cta,
#seo-keywords {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 5.5vw, 88px) 0;
}

#hidden-costs,
#seo-keywords {
  background:
    radial-gradient(circle at 12% 10%, rgba(215, 168, 58, .12), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(11, 92, 173, .1), transparent 26%),
    linear-gradient(180deg, #ffffff, #f7fbff);
}

#faqs,
#final-cta {
  background:
    linear-gradient(120deg, rgba(7, 18, 33, .97), rgba(13, 48, 82, .95)),
    radial-gradient(circle at 78% 18%, rgba(215, 168, 58, .2), transparent 28%);
  color: #eef6ff;
}

#hidden-costs > .container,
#seo-keywords > .container {
  width: min(1180px, calc(100% - 56px));
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 26px 68px rgba(8, 30, 54, .12);
}

#hidden-costs .section-title,
#seo-keywords .section-title {
  max-width: 960px;
  margin: 0 auto 18px;
  color: #07192c;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}

#hidden-costs p,
#seo-keywords > .container > h3 {
  max-width: 760px;
  margin: 0 auto 28px;
  color: #516173;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
}

#hidden-costs p:last-child {
  margin: 28px auto 0;
  padding: 18px 22px;
  border: 1px solid rgba(215, 168, 58, .24);
  border-radius: 16px;
  background: linear-gradient(135deg, #07192c, #0b3158);
  color: #f6e7bf;
  font-weight: 800;
}

#hidden-costs .tick-list,
#seo-keywords .tick-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  font-size: 15px;
  margin-top: 10px;
}

#hidden-costs .tick-list li,
#seo-keywords .tick-list li {
  margin: 0;
  padding: 14px;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(11, 92, 173, .12);
  border-radius: 14px;
  background: #ffffff;
  color: #3d5066;
  box-shadow: 0 14px 32px rgba(8, 30, 54, .08);
}

#hidden-costs .tick {
  color: #d7533a;
}

#seo-keywords .tick {
  color: #d7a83a;
}

#seo-keywords > .container > h3 {
  margin-top: 34px;
  color: #07192c;
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 900;
}

#faqs::before,
#faqs::after {
  display: none;
}

#faqs .container {
  width: min(980px, calc(100% - 56px));
  position: relative;
  z-index: 1;
}

#faqs .section-title {
  max-width: 760px;
  margin: 0 auto 36px;
  color: #ffffff;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}

#faqs .faq-list {
  width: 100%;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

#faqs .faq-item {
  min-height: auto;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 22px;
  align-items: start;
  padding: 22px 24px;
  border: 1px solid rgba(246, 231, 191, .18);
  border-radius: 18px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .18);
  cursor: default;
}

#faqs .faq-item span:first-child {
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
}

#faqs .faq-item span:last-child {
  color: rgba(238, 246, 255, .82);
  font-size: 15px;
  line-height: 1.55;
}

#final-cta .container {
  width: min(1120px, calc(100% - 56px));
}

#final-cta .cta-panel {
  width: 100%;
  padding: clamp(34px, 5vw, 64px);
  border: 1px solid rgba(246, 231, 191, .24);
  border-top: 0;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.04)),
    radial-gradient(circle at 50% 0, rgba(215, 168, 58, .16), transparent 34%);
  box-shadow: 0 30px 82px rgba(0, 0, 0, .26);
  color: #eef6ff;
}

#final-cta .cta-panel h2 {
  max-width: 840px;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.04;
}

#final-cta .cta-panel h3 {
  margin: 26px auto 12px;
  color: #f6e7bf;
  font-size: clamp(22px, 2vw, 30px);
}

#final-cta .cta-panel p {
  max-width: 820px;
  margin: 14px auto 0;
  color: rgba(238, 246, 255, .84);
  font-size: 17px;
  line-height: 1.65;
}

#final-cta .short-rule {
  background: linear-gradient(90deg, #d7a83a, #43b6e8);
}

#final-cta .cta-panel .btn {
  min-width: 0;
  min-height: 54px;
  margin-top: 30px;
  padding: 0 32px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d7a83a, #0b5cad);
  box-shadow: 0 18px 36px rgba(0, 0, 0, .22);
}

@media (max-width: 1180px) {
  #hidden-costs .tick-list,
  #seo-keywords .tick-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  #hidden-costs,
  #faqs,
  #final-cta,
  #seo-keywords {
    padding: 44px 0;
  }

  #hidden-costs > .container,
  #faqs .container,
  #final-cta .container,
  #seo-keywords > .container {
    width: min(100% - 28px, 1180px);
  }

  #hidden-costs > .container,
  #seo-keywords > .container,
  #final-cta .cta-panel {
    padding: 24px 18px;
    border-radius: 18px;
  }

  #hidden-costs .tick-list,
  #seo-keywords .tick-list,
  #faqs .faq-item {
    grid-template-columns: 1fr;
  }

  #faqs .faq-item {
    gap: 8px;
    padding: 18px;
  }
}