*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --primary: #f05c62;
    --secondary: #2f3440;
    --white: #ffffff;
    --light: #f9f9f9;
    --text-dark: #1e1e2e;
    --text-muted: #5a6070;
    --radius: 16px;
    --shadow: 0 8px 40px rgba(0,0,0,0.10);
  }

  .th-exclusive-teamhomepage-body {
    font-family: Arial, Helvetica, sans-serif;
    background: var(--white);
    color: var(--text-dark);
    overflow-x: hidden;
  }

  /* ── HERO ──────────────────────────────────── */
  .th-exclusive-teamhomepage-hero {
    position: relative;
    min-height: 420px;
    background: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .th-exclusive-teamhomepage-glow-container {
    position: relative;
    width: 100%;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .th-exclusive-teamhomepage-circle {
    position: absolute;
    border-radius: 50%;
    opacity: .18;
    animation: pulse 4s ease-in-out infinite alternate;
  }
  .th-exclusive-teamhomepage-circle1 { width:320px;height:320px;background:var(--primary);top:-80px;left:-80px; animation-delay:0s; }
  .th-exclusive-teamhomepage-circle2 { width:240px;height:240px;background:var(--primary);top:30px;right:120px; animation-delay:.6s; }
  .th-exclusive-teamhomepage-circle3 { width:180px;height:180px;background:#fff;bottom:-40px;left:200px; animation-delay:1.1s; }
  .th-exclusive-teamhomepage-circle4 { width:260px;height:260px;background:var(--primary);bottom:-60px;right:-60px; animation-delay:1.6s; }
  .th-exclusive-teamhomepage-circle5 { width:140px;height:140px;background:#fff;top:60px;left:46%; animation-delay:2s; }
  @keyframes pulse { from{transform:scale(1);}to{transform:scale(1.15);} }

  .th-exclusive-teamhomepage-glow-line {
    position: absolute;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--primary), transparent);
    border-radius: 2px;
    opacity: .5;
  }
  .th-exclusive-teamhomepage-title {
    position: relative;
    z-index: 10;
    font-size: 3.5rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--white);
    text-align: center;
    text-shadow: 0 4px 24px rgba(240,92,98,.4);
  }
  .th-exclusive-teamhomepage-title span {
    color: var(--primary);
  }

  /* ── CONTAINER ─────────────────────────────── */
  .th-exclusive-teamhomepage-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 32px;
  }

  /* ── PINK BAR ──────────────────────────────── */
  .th-exclusive-teamhomepage-pink-bar {
    width: 56px;
    height: 5px;
    background: var(--primary);
    border-radius: 4px;
    margin-bottom: 22px;
  }
  .th-exclusive-teamhomepage-pink-underline {
    width: 80px;
    height: 5px;
    background: var(--primary);
    border-radius: 4px;
    margin: 20px auto 36px;
  }

  /* ── SECTION TITLE ─────────────────────────── */
  .th-exclusive-teamhomepage-section-title {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.15;
    color: var(--secondary);
    margin-bottom: 28px;
  }

  /* ── LIST ──────────────────────────────────── */
  .th-exclusive-teamhomepage-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .th-exclusive-teamhomepage-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: .9rem;
    color: var(--text-dark);
    font-weight: 500;
    padding: 12px 18px;
    background: var(--light);
    border-radius: 10px;
    border-left: 4px solid var(--primary);
    transition: transform .2s, box-shadow .2s;
  }
  .th-exclusive-teamhomepage-list li:hover {
    transform: translateX(6px);
    box-shadow: var(--shadow);
  }
  .th-exclusive-teamhomepage-list li i {
    color: var(--primary);
    font-size: 1.15rem;
    min-width: 22px;
    text-align: center;
  }

  /* ── BTN ───────────────────────────────────── */
  .th-exclusive-teamhomepage-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 44px;
    background: var(--primary);
    color: var(--white);
    font-size: 1.05rem;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    letter-spacing: .5px;
    box-shadow: 0 6px 30px rgba(240,92,98,.35);
    transition: transform .2s, box-shadow .2s, background .2s;
    text-decoration: none;
  }
  .th-exclusive-teamhomepage-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(240,92,98,.45);
    background: #d94a50;
  }

  /* ── SMART HOME LAYOUT ─────────────────────── */
  .th-exclusive-teamhomepage-smart-home,
  .th-exclusive-teamhomepage-material-supply,
  .th-exclusive-teamhomepage-plan-approval,
  .th-exclusive-teamhomepage-documentation,
  .th-exclusive-teamhomepage-financial {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: stretch;
  }

  /* image wrapper columns stretch to full grid-row height */
  .th-exclusive-teamhomepage-smart-home-left,
  .th-exclusive-teamhomepage-plan-left,
  .th-exclusive-teamhomepage-financial-left {
    display: flex;
    flex-direction: column;
  }

  /* ── IMAGE BLOCKS ──────────────────────────── */
  .th-exclusive-teamhomepage-smart-home-image,
  .th-exclusive-teamhomepage-material-supply-image,
  .th-exclusive-teamhomepage-plan-image,
  .th-exclusive-teamhomepage-financial-image,
  .th-exclusive-teamhomepage-solution-image {
    border-radius: var(--radius);
    overflow: hidden;
    height: 100%;
    min-height: 340px;
    position: relative;
    box-shadow: var(--shadow);
    flex: 1;
  }
  .th-exclusive-teamhomepage-smart-home-image img,
  .th-exclusive-teamhomepage-material-supply-image img,
  .th-exclusive-teamhomepage-plan-image img,
  .th-exclusive-teamhomepage-financial-image img,
  .th-exclusive-teamhomepage-solution-image img {
    width: 100%; height: 100%; object-fit: cover;
    display: block;
    transition: transform .5s;
  }
  .th-exclusive-teamhomepage-smart-home-image:hover img,
  .th-exclusive-teamhomepage-material-supply-image:hover img,
  .th-exclusive-teamhomepage-plan-image:hover img,
  .th-exclusive-teamhomepage-financial-image:hover img,
  .th-exclusive-teamhomepage-solution-image:hover img {
    transform: scale(1.06);
  }
  .th-exclusive-teamhomepage-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(47,52,64,.75) 0%, transparent 55%);
    border-radius: var(--radius);
  }
  .th-exclusive-teamhomepage-smart-home-text {
    position: absolute;
    bottom: 28px;
    left: 28px;
    right: 28px;
    z-index: 2;
    color: var(--white);
  }
  .th-exclusive-teamhomepage-smart-home-title {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.15;
    margin-bottom: 8px;
  }
  .th-exclusive-teamhomepage-smart-home-text p {
    font-size: 1rem;
    line-height: 1.5;
    opacity: .9;
  }

  /* ── DISCOVER HERO ─────────────────────────── */
  .th-exclusive-teamhomepage-discover-hero {
    position: relative;
    min-height: 380px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .th-exclusive-teamhomepage-discover-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=1400&q=80') center/cover no-repeat;
    filter: brightness(.35);
  }
  .th-exclusive-teamhomepage-discover-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 60px 32px;
    max-width: 700px;
  }
  .th-exclusive-teamhomepage-discover-title {
    font-size: 2.2rem;
    font-weight: 500;
    color: var(--white);
    /* line-height: 1.1; */
    margin-bottom: 36px;
    text-shadow: 0 4px 20px rgba(0,0,0,.4);
  }
  .th-exclusive-teamhomepage-discover-title span {
    color: var(--primary);
  }

  /* ── MATERIAL GRID ─────────────────────────── */
  .th-exclusive-teamhomepage-materials-grid {
    background: var(--light);
    padding: 80px 32px;
  }
  .th-exclusive-teamhomepage-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .th-exclusive-teamhomepage-grid-card {
    background: var(--white);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
    transition: transform .3s, box-shadow .3s;
    cursor: pointer;
  }
  .th-exclusive-teamhomepage-grid-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(240,92,98,.18);
  }
  .th-exclusive-teamhomepage-grid-card-image {
    height: 180px;
    overflow: hidden;
  }
  .th-exclusive-teamhomepage-grid-card-image img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .4s;
  }
  .th-exclusive-teamhomepage-grid-card:hover .th-exclusive-teamhomepage-grid-card-image img {
    transform: scale(1.08);
  }
  .th-exclusive-teamhomepage-grid-card-label {
    padding: 14px 16px;
    font-weight: 800;
    font-size: 1rem;
    color: var(--secondary);
    text-align: center;
    letter-spacing: .3px;
    border-top: 3px solid var(--primary);
  }

  /* ── CTA BLOCKS ────────────────────────────── */
  .th-exclusive-teamhomepage-foundation-cta {
    background: var(--secondary);
    padding: 90px 40px;
    text-align: center;
  }
  .th-exclusive-teamhomepage-foundation-title {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.15;
    color: var(--white);
  }
  .th-exclusive-teamhomepage-dream-cta {
    background: var(--primary);
    padding: 90px 40px;
    text-align: center;
  }
  .th-exclusive-teamhomepage-dream-title {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.15;
    color: var(--white);
    max-width: 720px;
    margin: 0 auto;
  }
  .th-exclusive-teamhomepage-dream-cta .th-exclusive-teamhomepage-btn {
    background: var(--white);
    color: var(--primary);
    box-shadow: 0 6px 30px rgba(0,0,0,.15);
  }
  .th-exclusive-teamhomepage-dream-cta .th-exclusive-teamhomepage-btn:hover {
    background: var(--secondary);
    color: var(--white);
  }

  /* ── AQUA + ENERGY ─────────────────────────── */
  .th-exclusive-teamhomepage-aqua-energy {}
  .th-exclusive-teamhomepage-solution-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    align-items: stretch;
    min-height: 480px;
  }
  .th-exclusive-teamhomepage-smart-home-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .th-exclusive-teamhomepage-solution-row .th-exclusive-teamhomepage-smart-home-right {
    padding: 70px 60px;
    background: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .th-exclusive-teamhomepage-solution-image {
    height: auto;
    min-height: 480px;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    overflow: hidden;
  }
  .th-exclusive-teamhomepage-solution-image img {
    width: 100%; height: 100%; object-fit: cover;
    display: block;
  }
  .th-exclusive-teamhomepage-solution-image .th-exclusive-teamhomepage-image-overlay {
    border-radius: 0;
  }
  .th-exclusive-teamhomepage-solution-text {
    position: absolute;
    bottom: 32px;
    left: 32px;
    right: 32px;
    z-index: 2;
    color: var(--white);
  }
  .th-exclusive-teamhomepage-solution-text h3 {
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.15;
    margin-bottom: 8px;
  }
  .th-exclusive-teamhomepage-solution-text p { font-size: 1rem; opacity: .9; }

  /* trust banner inside aqua section */
  .th-exclusive-teamhomepage-trust-banner {
    background: var(--secondary);
    text-align: center;
    padding: 90px 40px;
    color: var(--white);
  }
  .th-exclusive-teamhomepage-trust-banner h2 {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.1;
  }

  /* ── FINANCIAL ─────────────────────────────── */
  /* financial-image inherits from shared image block rule above */

  /* ── SECTION BADGE ─────────────────────────── */
  .section-badge {
    display: inline-block;
    background: rgba(240,92,98,.1);
    color: var(--primary);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 6px 16px;
    /* border-radius: 50px; */
    margin-bottom: 18px;
  }

  /* ── RESPONSIVE ────────────────────────────── */
  @media(max-width: 900px){
    .th-exclusive-teamhomepage-smart-home,
    .th-exclusive-teamhomepage-material-supply,
    .th-exclusive-teamhomepage-plan-approval,
    .th-exclusive-teamhomepage-documentation,
    .th-exclusive-teamhomepage-financial,
    .th-exclusive-teamhomepage-solution-row {
      grid-template-columns: 1fr;
    }
    .th-exclusive-teamhomepage-smart-home-image,
    .th-exclusive-teamhomepage-material-supply-image,
    .th-exclusive-teamhomepage-plan-image,
    .th-exclusive-teamhomepage-financial-image {
      height: 300px;
      min-height: 300px;
    }
    .th-exclusive-teamhomepage-grid { grid-template-columns: repeat(2, 1fr); }
    .th-exclusive-teamhomepage-title,
    .th-exclusive-teamhomepage-discover-title,
    .th-exclusive-teamhomepage-trust-banner h2 { font-size: 1.4rem; }
    .th-exclusive-teamhomepage-solution-row .th-exclusive-teamhomepage-smart-home-right { padding: 48px 28px; }
    .th-exclusive-teamhomepage-solution-image { min-height: 280px; }
    .th-exclusive-teamhomepage-section-title { font-size: 1rem; font-weight:400}
    .th-exclusive-teamhomepage-smart-home-title{ font-size:1.2rem}
    .th-exclusive-teamhomepage-smart-home-text{font-size:.9rem}
    .th-exclusive-teamhomepage-list li { font-size: .8rem; }
    .th-exclusive-teamhomepage-dream-title{ font-size: 1.4rem}
  }
  @media(max-width:540px){
    .th-exclusive-teamhomepage-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .th-exclusive-teamhomepage-container { padding: 56px 20px; }
    .th-exclusive-teamhomepage-smart-home-title{ font-size:1.2rem}
    .th-exclusive-teamhomepage-smart-home-text{font-size:.9rem}
    .th-exclusive-teamhomepage-foundation-title{font-size:1.4rem;font-weight:500; }
    .th-exclusive-teamhomepage-solution-text h3 {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 1.15;
    margin-bottom: 8px;
  }
  .th-exclusive-teamhomepage-solution-text p { font-size: .8rem; opacity: .9; }

  
  }

  /* ── FADE-IN ANIMATION ─────────────────────── */
  .fade-in { opacity: 0; transform: translateY(32px); transition: opacity .7s ease, transform .7s ease; }
  .fade-in.visible { opacity: 1; transform: none; }