:root {
      --brand: #181818;
      --brand-dark: #0f0f0f;
      --accent: #FBB918;
      --text: #1C1C1C;
      --muted: #4f4f4f;
      --bg: #FFFFFF;
      --card: #ffffff;
      --radius: 18px;
      --radius-sm: 12px;
      --shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
      --shadow-hover: 0 16px 30px rgba(0, 0, 0, 0.14);
      --max: 1140px;
      --space-1: 0.5rem;
      --space-2: 0.75rem;
      --space-3: 1rem;
      --space-4: 1.5rem;
      --space-5: 2rem;
      --space-6: 3rem;
      --space-7: 4rem;
      --space-8: 5rem;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }

    #features,
    #find-job,
    #faq,
    #contact {
      scroll-margin-top: 96px;
    }

    #post-job {
      scroll-margin-top: 122px;
    }
    body {
      margin: 0;
      font-family: "Poppins", sans-serif;
      color: var(--text);
      background: var(--bg);
      line-height: 1.5;
    }

    .container {
      width: min(calc(100% - 2rem), var(--max));
      margin-inline: auto;
    }

    .section { padding: var(--space-8) 0; }
    .section.alt { background: #fff; }
    .section.alt.market-section { background: #faf9f5; }
    .market-section { padding: 3.25rem 0 3.7rem; }
    .market-section { padding-top: clamp(1.25rem, 2.2vw, 2.1rem); }
    .eyebrow {
      margin: 0 0 var(--space-2);
      text-transform: uppercase;
      letter-spacing: 0.16em;
      font-size: 0.75rem;
      color: var(--accent);
      font-weight: 700;
    }

    h1, h2, h3, .logo {
      font-family: "Poppins", sans-serif;
      line-height: 1.08;
      margin: 0;
    }

    h1 { font-size: clamp(1.9rem, 4.4vw, 3.5rem); color: var(--brand); font-weight: 800; letter-spacing: -0.02em; }
    h2 { font-size: clamp(1.9rem, 5vw, 3rem); color: var(--brand); margin-bottom: var(--space-3); }
    h3 { font-size: 1.35rem; margin-bottom: 0.45rem; color: var(--brand); }

    p { margin: 0 0 var(--space-3); color: var(--muted); }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      text-decoration: none;
      border-radius: 999px;
      padding: 0.9rem 1.25rem;
      font-weight: 700;
      transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
      border: 0;
      cursor: pointer;
    }

    .btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
    .btn-primary { background: var(--brand); color: #fff; }
    .btn-secondary { background: var(--accent); color: #1c1c1c; }
    .btn-outline { border: 2px solid var(--brand); color: var(--brand); background: transparent; }

    a,
    button {
      touch-action: manipulation;
    }

    .navbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      padding: 0.7rem 0;
      background: rgba(255, 255, 255, 0.97);
      border-bottom: 1px solid #ececec;
      transition: background-color 220ms ease, box-shadow 220ms ease;
    }

    .scroll-progress {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      z-index: 1200;
      background: transparent;
      pointer-events: none;
    }

    .scroll-progress-bar {
      height: 100%;
      width: 0%;
      background: #FBB918;
      transform-origin: left center;
      transition: width 80ms linear;
    }

    .navbar.scrolled {
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
      backdrop-filter: blur(4px);
    }

    .nav-inner {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      padding: 0.2rem 0;
      position: relative;
    }

    .logo {
      text-decoration: none;
      color: var(--brand);
      font-weight: 800;
      font-size: 2rem;
      letter-spacing: 0.01em;
    }
    .logo img {
      height: 36px;
      width: auto;
      display: block;
    }

    .nav-menu {
      display: flex;
      align-items: center;
      gap: 1rem;
      flex: 1;
      justify-content: flex-end;
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 2.1rem;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }

    .nav-links a {
      color: var(--brand-dark);
      text-decoration: none;
      font-weight: 600;
      font-size: 0.98rem;
      line-height: 1;
      transition: color 160ms ease;
    }

    .nav-links a:hover {
      color: #000;
    }

    .nav-cta {
      display: flex;
      gap: 0.55rem;
      align-items: center;
    }

    .nav-cta .btn {
      padding: 0.68rem 1.06rem;
      font-size: 0.94rem;
      min-height: 43px;
      box-shadow: none;
    }

    .nav-cta .btn-secondary {
      border-radius: 12px;
      font-weight: 700;
    }

    .nav-cta .btn-outline {
      border-width: 1.6px;
      border-radius: 12px;
      background: #fff;
    }

    .hamburger {
      display: none !important;
      border: 1px solid #d9d9d9;
      background: #fff;
      color: var(--brand);
      font-size: 1.25rem;
      width: 40px;
      height: 40px;
      border-radius: 10px;
      line-height: 1;
      padding: 0;
      place-items: center;
      font-weight: 500;
      text-align: center;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
      cursor: pointer;
    }

    .hero {
      padding-top: calc(var(--space-8) + 3.2rem);
      padding-bottom: clamp(2.2rem, 3.2vw, 2.9rem);
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: center;
      gap: var(--space-4);
    }

    .hero-copy {
      max-width: 860px;
      display: grid;
      gap: 0.62rem;
      justify-items: center;
      text-align: center;
    }

    .hero-stage {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background: transparent;
    }

    .hero-visual {
      width: 100%;
      max-width: 840px;
    }

    .hero-image {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 0;
    }

    .hero-copy .eyebrow {
      margin-bottom: 0.08rem;
      color: #FBB918;
      background: transparent;
      border: none;
      border-radius: 0;
      padding: 0;
      font-size: 0.72rem;
      letter-spacing: 0.16em;
      font-weight: 700;
    }

    .hero-copy h1 {
      max-width: none;
      color: #121212;
      font-size: clamp(1.2rem, 2.2vw, 1.95rem);
      line-height: 1.14;
      white-space: nowrap;
      font-weight: 800;
      letter-spacing: -0.015em;
      display: inline-flex;
      align-items: baseline;
      justify-content: center;
      gap: 0.26rem;
    }

    .hero-copy h1 .line-1 {
      display: inline-block;
      color: #131313;
    }

    .hero-copy h1 .line-2 {
      display: inline-block;
      color: #FBB918;
      position: relative;
    }

    .hero-copy h1 .line-2::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: -0.16em;
      height: 0.08em;
      background: rgba(251, 185, 24, 0.45);
      border-radius: 999px;
    }

    .hero-sub {
      margin-top: 0.3rem;
      font-size: clamp(0.92rem, 1.05vw, 1.03rem);
      line-height: 1.66;
      color: #4b4b4b;
      max-width: 66ch;
      text-align: center;
    }


    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 0.8rem;
      margin-top: 0.55rem;
    }

    .hero-actions .btn {
      padding: 0.9rem 1.5rem;
      font-size: 0.96rem;
      min-height: 50px;
    }

    .hero-actions .btn-outline {
      border-color: #2b2b2b;
      color: #1f1f1f;
      background: #fff;
    }

    .hero-points {
      display: flex;
      flex-wrap: wrap;
      gap: 0.6rem;
      margin-top: 0.45rem;
    }

    .hero-pill {
      border: 1px solid #e8e8e8;
      border-radius: 999px;
      padding: 0.48rem 0.72rem;
      font-size: 0.87rem;
      font-weight: 500;
      color: #3d3d3d;
      background: #fff;
    }

    .market-wrap {
      display: grid;
      grid-template-columns: 1.08fr 0.92fr;
      gap: clamp(1.5rem, 2.8vw, 2.8rem);
      align-items: start;
      margin-left: 0;
    }

    .market-title {
      margin: 0;
      font-size: clamp(2.1rem, 4.05vw, 3.48rem);
      line-height: 1.17;
      letter-spacing: -0.03em;
      font-weight: 700;
      color: #101010;
      max-width: 12.2ch;
    }

    .market-title .dot {
      color: var(--accent);
    }

    .market-copy {
      margin-top: 1.95rem;
      margin-bottom: 1.85rem;
      max-width: 44ch;
      font-size: clamp(1rem, 1.06vw, 1.1rem);
      line-height: 1.72;
      color: #404040;
    }

    .market-metrics {
      margin-top: 1rem;
      padding-top: 1rem;
      display: grid;
      grid-template-columns: repeat(3, max-content);
      justify-content: start;
      column-gap: 1.2rem;
      row-gap: 0;
      width: max-content;
      position: relative;
    }

    .market-metrics::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      border-top: 1px solid #e7e7e7;
    }

    .metric {
      padding: 0 0.55rem;
      border-right: 1px solid #ececec;
    }

    .metric:last-child {
      border-right: 0;
    }

    .metric-icon {
      width: 28px;
      height: 28px;
      display: block;
      margin-bottom: 0.56rem;
      color: #121212;
    }

    .metric strong {
      display: block;
      font-size: clamp(1.65rem, 1.74vw, 2rem);
      line-height: 1;
      color: #121212;
      margin-bottom: 0.15rem;
      letter-spacing: -0.02em;
    }

    .metric span {
      font-size: 0.92rem;
      line-height: 1.5;
      color: #4a4a4a;
    }

    .market-features {
      border-top: 1px solid #ececec;
      margin-left: 2.7rem;
      display: grid;
      grid-template-rows: repeat(4, minmax(0, 1fr));
    }

    .market-feature {
      display: grid;
      grid-template-columns: 86px 1fr;
      gap: 0;
      align-items: center;
      border-bottom: 1px solid #ececec;
      padding: 0.9rem 0;
    }

    .mf-icon-wrap {
      height: 100%;
      display: grid;
      place-items: center;
      border-right: 1px solid #ececec;
      padding-right: 0.65rem;
    }

    .mf-icon {
      width: 34px;
      height: 34px;
      color: #141414;
    }

    .mf-icon-whatsapp {
      width: 34px;
      height: 34px;
    }

    .mf-icon-whatsapp-img {
      width: 40px;
      height: 40px;
      object-fit: contain;
      display: block;
    }

    .mf-body {
      padding-left: 0.85rem;
    }

    .mf-title {
      margin: 0 0 0.18rem;
      font-size: clamp(1.12rem, 1.2vw, 1.3rem);
      font-weight: 700;
      letter-spacing: -0.015em;
      color: #151515;
    }

    .mf-text {
      margin: 0;
      font-size: clamp(0.97rem, 1.02vw, 1.1rem);
      line-height: 1.5;
      color: #454545;
      max-width: 34ch;
    }

    .features-grid {
      margin-top: var(--space-5);
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--space-4);
    }

    .feature-card {
      background: #fff;
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: var(--space-5);
      display: flex;
      flex-direction: column;
      gap: var(--space-3);
      min-height: 780px;
    }

    .feature-subtitle {
      color: var(--accent);
      font-weight: 700;
      font-size: 0.9rem;
      margin: -0.2rem 0 0;
    }

    .bullets {
      margin: 0;
      padding-left: 1.1rem;
      color: #3f3f3f;
    }

    .bullets li { margin: 0.2rem 0; }

    .phone-placeholder {
      margin-top: auto;
      min-height: 260px;
      border-radius: var(--radius-sm);
      background: #fff8e4;
      border: 1px solid #f1db9e;
      display: grid;
      place-items: center;
      text-align: center;
      padding: var(--space-3);
      color: #5f5f5f;
      font-size: 0.96rem;
    }
    .phone-placeholder img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: inherit;
      display: block;
    }

    .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
    }

    .badge-placeholder {
      border-radius: 10px;
      background: #fff9e8;
      border: 1px dashed #e3c977;
      padding: 0.7rem 1rem;
      font-weight: 700;
      color: #505050;
      font-size: 0.88rem;
    }

    .features-shell {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: clamp(2.4rem, 4vw, 4.2rem);
      align-items: center;
    }

    .features-stack {
      display: grid;
      gap: clamp(4.2rem, 7vw, 6.6rem);
    }

    .features-left {
      max-width: 540px;
    }

    .features-label {
      margin: 0 0 1rem;
      text-transform: uppercase;
      letter-spacing: 0.24em;
      font-size: 0.76rem;
      font-weight: 700;
      color: #E2A400;
    }

    .features-switch {
      display: inline-flex;
      align-items: center;
      gap: 0.2rem;
      border: 1px solid #dfdfdf;
      border-radius: 999px;
      background: #f8f8f8;
      padding: 0.2rem;
      margin-bottom: 1.9rem;
    }

    .features-switch button {
      border: 0;
      background: transparent;
      color: #4b4b4b;
      padding: 0.58rem 1.42rem;
      border-radius: 999px;
      font: inherit;
      font-weight: 600;
      font-size: 0.92rem;
      cursor: default;
    }

    .features-switch .active {
      background: #fff;
      color: #121212;
      box-shadow: inset 0 0 0 2px #f0deb0;
      position: relative;
      padding-left: 1.95rem;
    }

    .features-switch .active::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #FBB918;
      position: absolute;
      left: 0.82rem;
      top: 50%;
      transform: translateY(-50%);
    }

    .features-heading {
      margin: 0 0 0.35rem;
      font-size: clamp(1.95rem, 4.1vw, 3.5rem);
      line-height: 1.03;
      letter-spacing: -0.03em;
      color: #0f0f0f;
      font-weight: 700;
    }

    .features-subheading {
      margin: 0 0 1rem;
      font-size: clamp(1.02rem, 1.45vw, 1.5rem);
      color: #565656;
      font-weight: 500;
    }

    .features-desc {
      margin: 0 0 1.45rem;
      font-size: clamp(0.92rem, 0.98vw, 1.03rem);
      line-height: 1.5;
      color: #585858;
      max-width: 35ch;
    }

    .features-points {
      margin: 0 0 1.95rem;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 0.78rem;
    }

    .features-points li {
      display: flex;
      align-items: center;
      gap: 0.72rem;
      font-size: clamp(0.92rem, 0.96vw, 1.05rem);
      color: #222;
    }

    .features-points li::before {
      content: "\2713";
      width: 23px;
      height: 23px;
      border-radius: 50%;
      border: 1.7px solid #FBB918;
      color: #D39A00;
      display: grid;
      place-items: center;
      font-size: 0.78rem;
      font-weight: 700;
      flex: 0 0 23px;
    }

    .store-row {
      display: flex;
      gap: 0.85rem;
      flex-wrap: wrap;
    }

    .store-row-mobile { display: none; }

    .store-chip {
      display: inline-grid;
      grid-template-columns: auto 1fr;
      column-gap: 0.72rem;
      align-items: start;
      border: 1px solid #d6d6d6;
      border-radius: 13px;
      background: #fff;
      padding: 0.62rem 0.82rem;
      min-width: 185px;
      color: #0f0f0f;
      text-decoration: none;
    }

    .store-chip .mark {
      width: 26px;
      height: 26px;
      display: grid;
      place-items: center;
      line-height: 1;
      margin-top: 0.2rem;
    }

    .store-chip .mark svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    .store-chip:not(.whatsapp-chip) .mark {
      width: 22px;
      height: 22px;
    }

    .store-chip.whatsapp-chip .mark {
      width: 40px;
      height: 40px;
      margin-top: 0;
      background: transparent;
      border: 0;
      box-shadow: none;
      flex: 0 0 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .store-chip.whatsapp-chip .mark img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      display: block;
      transform: translate(0, 0);
      transform-origin: center;
    }

    .store-chip.whatsapp-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.36rem;
      min-width: 210px;
      padding: 0.58rem 0.92rem;
    }

    .store-chip.whatsapp-chip strong {
      margin: 0;
      font-size: 1.28rem;
      line-height: 1.03;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: none;
      display: flex;
      align-items: center;
    }

    .store-chip strong {
      display: block;
      font-size: 1rem;
      line-height: 1.05;
      margin-top: 0.16rem;
      color: #111;
    }

    .store-chip span {
      display: block;
      font-size: 0.64rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #666;
    }

    .features-right {
      border: none;
      border-radius: 0;
      background: transparent;
      padding: 0;
      box-shadow: none;
      overflow: visible;
      margin-left: -2.4rem;
    }

    .image-lang-switch {
      display: inline-flex;
      align-items: center;
      gap: 0.2rem;
      border: 1px solid #dfdfdf;
      border-radius: 999px;
      background: #f8f8f8;
      padding: 0.2rem;
      margin: 0 0 0.8rem 0;
    }

    .image-lang-switch button {
      border: 0;
      background: transparent;
      color: #4b4b4b;
      font: inherit;
      font-size: 0.92rem;
      font-weight: 600;
      padding: 0.58rem 1.15rem;
      min-width: 78px;
      border-radius: 999px;
      cursor: pointer;
      position: relative;
    }

    .image-lang-switch button.active {
      background: #fff;
      color: #121212;
      box-shadow: inset 0 0 0 2px #f0deb0;
      padding-left: 1.95rem;
    }

    .image-lang-switch button.active::after {
      content: "";
      position: absolute;
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #FBB918;
      left: 0.82rem;
      top: 50%;
      transform: translateY(-50%);
    }

    .features-right img {
      width: 132%;
      height: auto;
      display: block;
      border-radius: 20px;
      margin-left: -22%;
      border: 1px solid #e7e7e7;
      transition: opacity 240ms ease, transform 240ms ease;
    }

    .features-right img.is-switching {
      opacity: 0.18;
      transform: scale(0.992);
    }

    .kerala-opps {
      border: 1px solid #ececec;
      border-radius: 30px;
      background: #fbfbfb;
      box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
      padding: 0.75rem;
      display: grid;
      grid-template-columns: 1.14fr 0.96fr;
      gap: 1.2rem;
    }

    .kerala-map-panel {
      position: relative;
      border-radius: 24px;
      overflow: hidden;
      min-height: 840px;
      background: linear-gradient(120deg, #e6eef8 0%, #f4f5f7 48%, #f8f8f8 100%);
      border: 1px solid #e7e7e7;
    }

    .kerala-map-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      padding: 1.2rem 1.2rem 4.8rem;
    }

    .map-badge {
      position: absolute;
      left: 1.6rem;
      bottom: 1.4rem;
      display: inline-flex;
      align-items: center;
      gap: 0.7rem;
      padding: 0.74rem 1rem;
      border-radius: 12px;
      border: 1px solid #d9d9d9;
      background: #ffffff;
      color: #444;
      font-size: 0.92rem;
      font-weight: 500;
    }

    .map-badge::before {
      content: "";
      width: 14px;
      height: 14px;
      border-radius: 999px;
      background: var(--accent);
      flex: 0 0 auto;
    }

    .kerala-data-panel {
      padding: 2.1rem 1.25rem 1.2rem 0.2rem;
    }

    .kerala-data-panel .section-mark {
      width: 72px;
      height: 4px;
      border-radius: 999px;
      background: var(--accent);
      margin-bottom: 1.2rem;
    }

    .kerala-data-panel h2 {
      font-size: clamp(2.1rem, 3.8vw, 3.15rem);
      line-height: 1.02;
      margin-bottom: 1rem;
      letter-spacing: -0.02em;
    }

    .kerala-data-panel > p {
      font-size: 1.02rem;
      margin-bottom: 1.1rem;
      padding-bottom: 0.65rem;
      border-bottom: 1px solid #e5e5e5;
      color: #5d5d5d;
    }

    .kerala-kpis {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.75rem;
      margin-bottom: 1rem;
    }

    .kpi-card {
      border-radius: 14px;
      border: 1px solid #e7e7e7;
      background: #f3f3f3;
      padding: 0.85rem 1rem;
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.75rem;
      align-items: center;
    }

    .kpi-card.active { background: #f5ecd3; }

    .kpi-icon {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      border: 1px solid #cfcfcf;
      display: grid;
      place-items: center;
      background: #fff;
    }

    .kpi-card.active .kpi-icon { background: #fbd047; border-color: #fbd047; }
    .kpi-value { margin: 0; font-size: 2rem; font-weight: 700; line-height: 1; color: #111; }
    .kpi-label { margin: 0.1rem 0 0; color: #545454; font-size: 0.82rem; font-weight: 500; }

    .district-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.7rem;
      margin-top: 0.5rem;
    }

    .district-row {
      border: 1px solid #dddddd;
      border-radius: 13px;
      background: #fff;
      padding: 0.58rem 0.75rem;
      display: grid;
      grid-template-columns: auto 1fr auto;
      align-items: center;
      gap: 0.68rem;
    }

    .district-row .icon {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      background: #f5ecd3;
      display: grid;
      place-items: center;
      font-size: 1.25rem;
      color: #161616;
      font-weight: 700;
    }

    .district-row .name { font-size: 1rem; font-weight: 500; color: #242424; }
    .district-row .count { text-align: right; color: #181818; font-weight: 700; font-size: 2rem; line-height: 0.96; }
    .district-row .count span { display: block; font-size: 0.74rem; font-weight: 500; color: #606060; margin-top: 0.12rem; }
    .sample-note { border-top: 1px solid #e5e5e5; margin-top: 1rem; padding-top: 0.8rem; font-size: 0.95rem; color: #666; }

    #faq.section {
      background: #faf9f5;
      padding-top: clamp(1.8rem, 3.8vw, 2.8rem);
      padding-bottom: clamp(1.8rem, 3.8vw, 2.8rem);
    }

    .faq-head {
      text-align: center;
      max-width: 900px;
      margin: 0 auto;
    }

    .faq-kicker {
      width: fit-content;
      margin: 0 auto 0.65rem;
      background: #0f0f0f;
      color: #fff;
      border-radius: 999px;
      padding: 0.38rem 0.95rem;
      font-size: 0.76rem;
      font-weight: 500;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      line-height: 1;
    }

    .faq-heading {
      margin: 0;
      font-size: clamp(1.95rem, 4.4vw, 3rem);
      line-height: 1.02;
      letter-spacing: -0.03em;
      color: #101010;
      font-weight: 600;
    }

    .faq-subtitle {
      margin: clamp(0.55rem, 1.2vw, 0.85rem) 0 0;
      color: var(--accent);
      font-size: clamp(0.92rem, 1.4vw, 1.35rem);
      font-weight: 400;
      text-align: center;
    }

    .faq-list {
      margin: clamp(0.9rem, 1.8vw, 1.3rem) auto 0;
      display: grid;
      gap: 0.55rem;
      max-width: 860px;
    }

    .faq-item {
      border: 1px solid #f1f1f1;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.025);
      padding: 0;
      overflow: hidden;
    }

    .faq-q {
      width: 100%;
      border: 0;
      background: transparent;
      padding: 0.9rem 1.05rem;
      text-align: left;
      font: inherit;
      font-weight: 500;
      font-size: clamp(0.92rem, 1.25vw, 1.18rem);
      color: #121212;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      cursor: pointer;
      gap: 0.8rem;
    }

    .faq-sign {
      width: auto;
      height: auto;
      border-radius: 0;
      background: transparent;
      color: transparent;
      font-size: 0;
      position: relative;
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      line-height: 1;
      align-self: center;
    }

    .faq-sign::before {
      content: "+";
      color: var(--accent);
      font-size: 1.7rem;
      line-height: 1;
      font-weight: 500;
      transform: none;
      display: block;
    }

    .faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height 320ms ease;
      color: #5b5b5b;
      font-size: clamp(0.9rem, 1.05vw, 1.02rem);
      line-height: 1.48;
      padding: 0 1.05rem;
    }

    .faq-item.open .faq-a { max-height: 280px; padding-bottom: 0.95rem; }
    .faq-item.open .faq-sign::before { content: "\2212"; transform: translateY(-1px); }

    .contact-shell {
      background: #fff;
      border: 1px solid #ececec;
      border-radius: 12px;
      box-shadow: none;
      padding: clamp(0.55rem, 1.15vw, 0.85rem);
      max-width: 920px;
      margin-inline: auto;
    }

    .contact-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.55rem;
      align-items: start;
    }

    .contact-left-panel {
      padding: 0.1rem 0.7rem 0.1rem 0;
      border-right: 1px solid #f0f0f0;
    }

    .contact-kicker {
      margin: 0 0 0.55rem;
      display: inline-flex;
      align-items: center;
      gap: 0.45rem;
      color: var(--accent);
      font-size: 0.72rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.14em;
    }

    .contact-kicker::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--accent);
      flex: 0 0 auto;
    }

    .contact-title {
      margin: 0;
      font-size: clamp(1.38rem, 2.1vw, 1.85rem);
      line-height: 1.06;
      color: #161616;
      letter-spacing: -0.01em;
    }

    .contact-rule {
      display: none;
    }

    .contact-intro {
      margin: 0.72rem 0 0;
      max-width: 33ch;
      color: #545b63;
      font-size: clamp(0.84rem, 0.98vw, 0.9rem);
      line-height: 1.5;
    }

    .contact-right-panel {
      display: grid;
      gap: 0.36rem;
      padding-left: 0.1rem;
    }

    .contact-info-card {
      border: 1px solid #ececec;
      border-radius: 9px;
      background: #fff;
      padding: 0.38rem 0.52rem;
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.42rem;
      align-items: center;
    }

    .contact-icon-box {
      width: 34px;
      height: 34px;
      border-radius: 7px;
      background: #fffaf0;
      border: 1px solid #f2e4bc;
      display: grid;
      place-items: center;
      color: var(--accent);
    }

    .contact-icon-box svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.8;
    }

    .contact-meta-label {
      display: block;
      font-size: 0.6rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #747474;
      font-weight: 600;
      margin-bottom: 0.08rem;
    }

    .contact-meta-value {
      margin: 0;
      color: #111;
      font-size: clamp(0.82rem, 1.02vw, 0.94rem);
      line-height: 1.2;
      font-weight: 600;
      text-decoration: none;
      word-break: break-word;
    }

    #contact.section.alt {
      padding-top: 1.2rem;
      padding-bottom: 1.3rem;
    }

    .footer {
      padding: 1.2rem 0 0.95rem;
      border-top: 1px solid #f0dfad;
      margin-top: 1.6rem;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 1.45rem;
      align-items: start;
    }

    .footer .logo img { height: 46px; }
    .footer-tag { margin: 0; color: #5d5d5d; font-size: 0.72rem; line-height: 1.25; }
    .footer-brand {
      max-width: 620px;
    }
    .footer-actions {
      align-self: start;
    }
    .footer-store-row {
      margin-top: 0.22rem;
      display: flex;
      gap: 0.5rem;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end;
    }
    .footer-store-chip {
      display: inline-grid;
      grid-template-columns: auto 1fr;
      column-gap: 0.48rem;
      align-items: center;
      text-decoration: none;
      color: #101010;
      border: 1px solid #d8d8d8;
      border-radius: 11px;
      background: #fff;
      min-width: 146px;
      min-height: 56px;
      padding: 0.76rem 0.62rem;
    }
    .footer-store-chip .mark {
      width: 18px;
      height: 18px;
      display: grid;
      place-items: center;
    }
    .footer-store-chip .mark svg {
      width: 100%;
      height: 100%;
      display: block;
    }
    .footer-store-chip span > span {
      display: block;
      font-size: 0.52rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #5f5f5f;
      line-height: 1.05;
    }
    .footer-store-chip strong {
      display: block;
      font-size: 0.9rem;
      line-height: 1.05;
      font-weight: 800;
      color: #101010;
      margin-top: 0.03rem;
    }
    .footer-actions .footer-store-row {
      gap: 0.38rem;
      justify-content: flex-end;
    }
    .footer-actions .footer-store-chip {
      min-width: 132px;
      min-height: 54px;
      padding: 0.72rem 0.54rem;
      border-radius: 10px;
      column-gap: 0.4rem;
    }
    .footer-actions .footer-store-chip .mark {
      width: 20px;
      height: 20px;
    }
    .footer-actions .footer-store-chip span > span {
      font-size: 0.48rem;
    }
    .footer-actions .footer-store-chip strong {
      font-size: 0.72rem;
      margin-top: 0;
    }
    .footer-links {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;
      margin-top: 0.15rem;
    }

    .footer-links-wrap {
      display: grid;
      justify-items: end;
      gap: 0.52rem;
    }

    .footer-links-main {
      margin-top: 0;
      gap: 1.25rem;
    }

    .footer-links-main a {
      font-size: 1.18rem;
      font-weight: 700;
    }

    .footer-links-legal {
      margin-top: 0.55rem;
      gap: 0.92rem;
      padding-top: 0.18rem;
      border-top: 0;
      justify-content: flex-start;
      margin-right: auto;
    }

    .footer-links a {
      display: inline-flex;
      align-items: center;
      color: var(--brand);
      text-decoration: none;
      font-weight: 600;
      font-size: 0.82rem;
      line-height: 1;
    }

    .footer-links-legal a {
      font-size: 0.75rem;
      font-weight: 500;
      color: #545454;
    }

    .copy {
      margin-top: 0.75rem;
      color: #6b6b6b;
      font-size: 0.68rem;
      line-height: 1.2;
      border-top: 0;
      padding-top: 0.22rem;
    }

    @media (max-width: 980px) {
      .hero-grid,
      .features-grid,
      .features-shell,
      .kerala-opps {
        grid-template-columns: 1fr;
      }
      .feature-card { min-height: auto; }
      .placeholder { min-height: 360px; }
      .hero-copy { max-width: 100%; justify-items: center; text-align: center; }
      .hero-copy h1 { max-width: 16ch; }
      .hero-sub { text-align: center; max-width: 44ch; }
      .hero-stage { justify-content: center; }
      .hero-visual { max-width: 740px; }
      .features-left { max-width: 100%; }
      .features-right { max-width: 980px; margin-inline: auto; margin-left: 0; }
      .contact-grid { grid-template-columns: 1fr; gap: 1.1rem; }
      .contact-left-panel { border-right: 0; border-bottom: 1px solid #ebebeb; padding: 0 0 1.2rem; }
      .contact-right-panel { padding-left: 0; }
    }

    @media (max-width: 760px) {
      #features,
      #find-job,
      #faq,
      #contact {
        scroll-margin-top: 84px;
      }

      #post-job {
        scroll-margin-top: 102px;
      }

      .container { width: min(calc(100% - 0.9rem), var(--max)); }

      .navbar { padding: 0.42rem 0 0.36rem; }
      .nav-inner {
        padding: 0.06rem 0.04rem;
        gap: 0.5rem;
        align-items: center;
      }
      .logo img {
        height: 38px;
        width: auto;
        max-width: 132px;
      }
      .hamburger {
        display: grid !important;
        width: 44px;
        height: 44px;
        font-size: 1.38rem;
        border-radius: 12px;
        border-color: #d4d4d4;
        justify-self: end;
        align-self: center;
      }
      .nav-menu {
        position: absolute;
        top: calc(100% + 0.45rem);
        left: 0;
        right: 0;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        background: #fff;
        border: 1px solid #ececec;
        border-radius: 14px;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
        padding: 0.6rem;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-8px);
        transition: opacity 160ms ease, transform 180ms ease;
      }
      .nav-menu.open {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0);
      }
      .nav-links {
        display: grid;
        position: static;
        left: auto;
        transform: none;
        gap: 0.3rem;
      }
      .nav-links a {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        font-weight: 600;
        padding: 0.54rem 0.65rem;
        border-radius: 10px;
        background: #fafafa;
      }
      .nav-cta {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.42rem;
        width: 100%;
      }
      .nav-cta .btn {
        min-height: 40px;
        padding: 0.42rem 0.7rem;
        font-size: 0.74rem;
        border-radius: 12px;
        font-weight: 700;
      }

      .section { padding: 3rem 0; }
      .hero { padding-top: 6.9rem; padding-bottom: 2.35rem; }
      .hero-grid { gap: 1.35rem; }
      .hero-copy { gap: 0.65rem; max-width: 100%; }
      .hero-copy .eyebrow {
        font-size: 0.66rem;
        letter-spacing: 0.13em;
        font-weight: 600;
        color: #E8AE2A;
      }
      .hero-copy h1 {
        font-size: clamp(1.52rem, 7.2vw, 2.12rem);
        line-height: 1.1;
        white-space: normal;
        display: block;
        max-width: 100%;
      }
      .hero-copy h1 .line-1,
      .hero-copy h1 .line-2 { display: block; white-space: nowrap; }
      .hero-copy h1 .line-2 { margin-top: 0.14em; }
      .hero-copy h1 .line-2::after { display: none; }
      .hero-sub {
        font-size: 0.9rem;
        line-height: 1.48;
        max-width: 36ch;
        margin-top: 0.3rem;
      }
      .hero-copy { order: 1; }
      .hero-stage { order: 2; }
      .hero-sub { order: 3; }
      .hero-visual { max-width: 100%; }
      .hero-image { width: 100%; border-radius: 0; }

      .market-section { padding: 2rem 0; }
      .market-wrap { grid-template-columns: 1fr; gap: 1.4rem; }
      .market-title {
        font-size: clamp(1.78rem, 9vw, 2.44rem);
        max-width: 100%;
        line-height: 1.28;
        letter-spacing: -0.012em;
        margin-top: 0.28rem;
        margin-bottom: 0.52rem;
      }
      .market-copy {
        max-width: 100%;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: 0.92rem;
        line-height: 1.62;
      }
      .market-metrics {
        width: 100%;
        margin-top: 0.2rem;
        padding-top: 0;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem;
      }
      .market-metrics::before { display: none; }
      .metric {
        padding: 0.5rem 0.28rem 0.5rem;
        border: 1px solid #ece7dc;
        border-radius: 10px;
        text-align: center;
      }
      .metric:last-child { border-right: 1px solid #ece7dc; }
      .metric-icon {
        width: 22px;
        height: 22px;
        margin-inline: auto;
        margin-bottom: 0.28rem;
      }
      .metric strong { font-size: clamp(1.18rem, 6.4vw, 1.55rem); margin-bottom: 0.08rem; }
      .metric span { font-size: 0.72rem; line-height: 1.3; }

      .market-features {
        margin-top: 0.75rem;
        margin-left: 0;
        border-top: 0;
        gap: 0.45rem;
      }
      .market-feature {
        grid-template-columns: 62px 1fr;
        border: 1px solid #ececec;
        border-radius: 14px;
        padding: 0.72rem 0.65rem 0.72rem 0;
        position: relative;
      }
      .market-feature::after {
        display: none;
      }
      .mf-icon-wrap {
        border-right: 0;
        padding-right: 0;
      }
      .mf-icon, .mf-icon-whatsapp-img { width: 30px; height: 30px; }
      .mf-body { padding-left: 0.2rem; padding-right: 1.7rem; }
      .mf-title { font-size: 0.96rem; margin-bottom: 0.15rem; }
      .mf-text { font-size: 0.86rem; line-height: 1.4; max-width: none; }

      .features-stack { gap: 2.95rem; }
      .features-shell { gap: 1.25rem; }
      .features-label { margin-bottom: 0.85rem; font-size: 0.75rem; letter-spacing: 0.18em; }
      .features-heading { font-size: clamp(2.25rem, 13vw, 3.3rem); line-height: 1.04; }
      .features-subheading { font-size: 1.03rem; margin-bottom: 0.9rem; }
      .features-desc {
        max-width: 100%;
        font-size: 0.98rem;
        margin-bottom: 1.15rem;
        line-height: 1.58;
      }
      .features-points { gap: 0.75rem; margin-bottom: 1.2rem; }
      .features-points li { font-size: 0.98rem; gap: 0.62rem; }
      .features-points li::before { width: 21px; height: 21px; flex-basis: 21px; }

      .store-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
      }
      #find-job > .store-row { display: none; }
      #post-job > .store-row { display: none; }
      .store-row-mobile {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-top: 0.72rem;
      }
      .store-chip {
        width: 100%;
        min-width: 0;
        border-radius: 13px;
        padding: 0.68rem 0.64rem;
      }
      .store-chip .mark { width: 22px; height: 22px; }
      .store-chip strong { font-size: 0.92rem; font-weight: 800; margin-top: 0.08rem; }
      .store-chip span { font-size: 0.55rem; letter-spacing: 0.06em; }
      .store-chip.whatsapp-chip {
        grid-column: 1 / -1;
        justify-content: center;
        align-items: center;
        width: fit-content;
        min-width: 0;
        max-width: none;
        margin-inline: auto;
        padding: 0.7rem 0.92rem;
        border-radius: 12px;
      }
      .store-chip.whatsapp-chip .mark { width: 36px; height: 36px; flex-basis: 36px; margin-top: 0; }
      .store-chip.whatsapp-chip strong { font-size: 1.08rem; font-weight: 800; margin-top: 0; }
      .store-row-mobile .store-chip.whatsapp-chip {
        gap: 0.42rem;
      }
      .store-row-mobile .store-chip.whatsapp-chip .mark {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
      }
      .store-row-mobile .store-chip.whatsapp-chip .mark img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
      }

      .features-right {
        margin-left: 0;
        max-width: 100%;
      }
      .image-lang-switch {
        width: 100%;
        border-radius: 999px;
        margin-bottom: 0.75rem;
      }
      .image-lang-switch button {
        flex: 1 1 33%;
        min-width: 0;
        font-size: 1rem;
        padding: 0.68rem 0.42rem;
      }
      .image-lang-switch button.active { padding-left: 1.7rem; }
      .image-lang-switch button.active::after {
        left: 0.72rem;
        width: 9px;
        height: 9px;
      }
      .features-right img {
        width: 100%;
        margin-left: 0;
        border-radius: 18px;
      }

      #faq.section { padding-top: 2.05rem; padding-bottom: 1.9rem; }
      .faq-kicker { font-size: 0.72rem; padding: 0.4rem 0.88rem; margin-bottom: 0.7rem; }
      .faq-heading { font-size: clamp(1.9rem, 11vw, 2.75rem); line-height: 1.02; font-weight: 600; }
      .faq-subtitle { font-size: 0.86rem; margin-top: 0.62rem; }
      .faq-list { margin-top: 0.9rem; gap: 0.56rem; }
      .faq-item { border-radius: 12px; }
      .faq-q { font-size: 0.9rem; padding: 0.82rem 0.82rem; gap: 0.48rem; }
      .faq-sign { margin-top: 0; }
      .faq-sign::before { font-size: 1.35rem; }
      .faq-a { font-size: 0.84rem; padding: 0 0.82rem; line-height: 1.46; }
      .faq-item.open .faq-a { max-height: 290px; padding-bottom: 0.72rem; }

      #contact.section.alt { padding-top: 1rem; padding-bottom: 1rem; }
      .contact-shell {
        max-width: 100%;
        padding: 0.78rem;
        border-radius: 18px;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
      }
      .contact-grid { grid-template-columns: 1fr; gap: 0.72rem; }
      .contact-left-panel {
        border-right: 0;
        border-bottom: 1px solid #ededed;
        padding: 0 0 0.68rem;
      }
      .contact-kicker { font-size: 0.76rem; margin-bottom: 0.42rem; }
      .contact-kicker::before { width: 9px; height: 9px; }
      .contact-title { font-size: clamp(1.8rem, 9.2vw, 2.45rem); }
      .contact-intro {
        margin-top: 0.45rem;
        font-size: 0.94rem;
        line-height: 1.5;
      }
      .contact-right-panel { gap: 0.56rem; padding-left: 0; }
      .contact-info-card {
        border-radius: 14px;
        padding: 0.62rem 0.62rem;
      }
      .contact-icon-box { width: 56px; height: 56px; border-radius: 12px; }
      .contact-icon-box svg { width: 24px; height: 24px; }
      .contact-meta-label { font-size: 0.68rem; margin-bottom: 0.1rem; }
      .contact-meta-value { font-size: 0.9rem; line-height: 1.3; }

      .footer {
        padding: 1.45rem 0 1.25rem;
        margin-top: 1.25rem;
      }
      .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 1.12rem;
      }
      .footer-actions {
        order: 1;
        background: #ffffff;
        border: 1px solid #ececec;
        border-radius: 16px;
        padding: 0.84rem 0.72rem 0.72rem;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.04);
      }
      .footer-brand {
        order: 2;
        margin-top: 0.1rem;
        padding-top: 0.65rem;
        border-top: 1px solid #ececec;
      }
      .footer .logo {
        display: inline-flex;
      }
      .footer .logo img { height: 72px; margin-inline: auto; }
      .footer-tag { font-size: 0.92rem; margin-top: 0.05rem; }
      .footer-brand {
        max-width: 100%;
      }
      .footer-store-row {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        margin-top: 0.62rem;
        gap: 0.34rem;
      }
      .footer-store-chip {
        min-width: auto;
        width: auto;
        flex: 0 0 auto;
        grid-template-columns: auto auto;
        justify-content: center;
        min-width: 122px;
        padding: 0.46rem 0.62rem;
        column-gap: 0.18rem;
        border-radius: 12px;
        border-color: #d5d5d5;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
      }
      .footer-actions .footer-store-chip {
        min-width: auto;
        width: auto;
        flex: 0 0 auto;
        grid-template-columns: auto auto;
        justify-content: center;
        min-width: 118px;
        padding: 0.42rem 0.58rem;
        column-gap: 0.16rem;
      }
      .footer-links-wrap {
        justify-items: center;
        gap: 0.6rem;
      }
      .footer-actions {
        justify-items: center;
        width: 100%;
      }
      .footer-actions .footer-store-row {
        justify-content: center;
        margin-inline: auto;
      }
      .footer-links {
        justify-content: center;
        gap: 1.6rem;
        margin-top: 0.08rem;
      }
      .footer-links-main a {
        font-size: 1.02rem;
        font-weight: 700;
      }
      .footer-links-legal {
        margin-top: 0.56rem;
        margin-right: 0;
        gap: 0.9rem;
        padding-top: 0.32rem;
        justify-content: center;
        border-top: 1px solid #ededed;
      }
      .footer-links a { font-size: 0.9rem; }
      .footer-links-legal a { font-size: 0.79rem; color: #616161; }
      .copy {
        text-align: center;
        font-size: 0.84rem;
        margin-top: 0.7rem;
        color: #676767;
      }
    }

    @media (max-width: 420px) {
      .container { width: min(calc(100% - 0.75rem), var(--max)); }
      .logo img { height: 36px; max-width: 124px; }
      .hamburger {
        width: 42px;
        height: 42px;
        font-size: 1.24rem;
      }
      .nav-menu { padding: 0.52rem; border-radius: 12px; gap: 0.42rem; }
      .nav-links a { font-size: 0.84rem; padding: 0.5rem 0.6rem; }
      .nav-cta { gap: 0.32rem; }
      .nav-cta .btn { min-height: 38px; font-size: 0.68rem; padding: 0.38rem 0.55rem; }
      .hero { padding-top: 6.55rem; }
      .hero-copy h1 { font-size: clamp(1.22rem, 6.4vw, 1.58rem); }
      .hero-copy h1 .line-1,
      .hero-copy h1 .line-2 { display: block; white-space: nowrap; }
      .features-switch button { font-size: 0.86rem; padding: 0.56rem 0.42rem; }
      .image-lang-switch button { font-size: 0.86rem; }
      .image-lang-switch button.active { padding-left: 1.45rem; }
      .store-chip.whatsapp-chip .mark { width: 30px; height: 30px; }
      .store-chip.whatsapp-chip strong { font-size: 0.98rem; }
      .faq-list { gap: 0.5rem; margin-top: 0.78rem; }
      .faq-item { border-radius: 11px; }
      .faq-q { font-size: 0.85rem; padding: 0.74rem 0.74rem; gap: 0.42rem; }
      .faq-sign::before { font-size: 1.22rem; }
      .faq-a { font-size: 0.8rem; padding: 0 0.74rem; }
      .faq-item.open .faq-a { max-height: 260px; padding-bottom: 0.64rem; }
      .contact-title { font-size: clamp(1.62rem, 10vw, 2.05rem); }
      .contact-meta-value { font-size: 0.84rem; }
      .footer .logo img { height: 66px; }
      .footer-actions {
        border-radius: 14px;
        padding: 0.72rem 0.56rem 0.6rem;
      }
      .footer-brand {
        padding-top: 0.54rem;
      }
      .footer-store-row {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0.24rem;
      }
      .footer-store-chip {
        min-width: auto;
        width: auto;
        flex: 0 0 auto;
        grid-template-columns: auto auto;
        justify-content: center;
        min-width: 112px;
        padding: 0.4rem 0.52rem;
        column-gap: 0.12rem;
        border-radius: 11px;
      }
      .footer-actions .footer-store-chip {
        width: auto;
        min-width: auto;
        flex: 0 0 auto;
        grid-template-columns: auto auto;
        justify-content: center;
        min-width: 108px;
        padding: 0.36rem 0.48rem;
        column-gap: 0.1rem;
      }
      .footer-store-chip .mark {
        width: 22px;
        height: 22px;
      }
      .footer-store-chip span > span { font-size: 0.47rem; }
      .footer-store-chip strong { font-size: 0.78rem; }
      .footer-links-wrap { width: 100%; gap: 0.42rem; }
      .footer-actions {
        justify-items: center;
      }
      .footer-actions .footer-store-row {
        justify-content: center;
        margin-inline: auto;
      }
      .footer-links {
        gap: 0.9rem;
      }
      .footer-links-legal {
        width: 100%;
        justify-content: center;
        gap: 0.56rem 0.82rem;
        padding-top: 0.34rem;
        margin-top: 0.46rem;
      }
      .footer-links-main a { font-size: 0.95rem; }
      .footer-links a { font-size: 0.8rem; }
      .footer-links-legal a { font-size: 0.69rem; }
    }
  
    .legal-section {
      background: #faf9f5;
      padding-top: 2.4rem;
      padding-bottom: 2.4rem;
    }

    .legal-wrap {
      width: min(920px, 100%);
      margin: 0 auto;
      background: #fff;
      border: 1px solid #ececec;
      border-radius: 16px;
      padding: 1.4rem 1.3rem;
    }

    .legal-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1.1rem;
    }

    .legal-brand {
      font-weight: 700;
      text-decoration: none;
      color: #111;
      font-size: 1.05rem;
    }

    .legal-back {
      color: #111;
      text-decoration: none;
      border: 1px solid #d9d9d9;
      border-radius: 10px;
      padding: 0.4rem 0.72rem;
      font-size: 0.86rem;
      line-height: 1;
    }

    .legal-wrap h2 {
      margin: 0 0 0.35rem;
      font-size: clamp(1.55rem, 4vw, 2.1rem);
      line-height: 1.2;
      color: #171717;
    }

    .legal-wrap h3 {
      margin: 1.15rem 0 0.4rem;
      font-size: 1.06rem;
      line-height: 1.35;
      color: #171717;
    }

    .legal-meta {
      margin: 0 0 1.1rem;
      color: #5b5b5b;
      font-size: 0.92rem;
    }

    .legal-wrap p {
      margin: 0.4rem 0;
      color: #3d3d3d;
    }

    .legal-wrap ul,
    .legal-wrap ol {
      margin: 0.4rem 0 0.55rem 1.1rem;
      padding: 0;
      color: #3d3d3d;
    }

    .legal-wrap li {
      margin: 0.18rem 0;
    }

    .legal-contact-box {
      margin-top: 1.25rem;
      padding-top: 0.9rem;
      border-top: 1px solid #ececec;
    }

    .legal-contact-box a {
      color: #111;
    }

    @media (max-width: 640px) {
      .legal-wrap {
        padding: 1rem 0.9rem 1.2rem;
        border-radius: 12px;
      }

      .legal-top {
        margin-bottom: 0.9rem;
      }
    }
  
      .market-title {
        line-height: 1.32;
        margin-top: 0.34rem;
        margin-bottom: 0.62rem;
      }
      .market-copy {
        margin-top: 1.08rem;
        line-height: 1.66;
      }