@font-face {
      font-family: 'DB Heavent';
      src: url('assets/fonts/db-heavent-v3-2-1.ttf') format('truetype');
      font-weight: 400; font-style: normal;
    }
    @font-face {
      font-family: 'DB Heavent';
      src: url('assets/fonts/db-heavent-it-v3-2.ttf') format('truetype');
      font-weight: 400; font-style: italic;
    }
    @font-face {
      font-family: 'DB Heavent';
      src: url('assets/fonts/db-heavent-med-v3-2-1.ttf') format('truetype');
      font-weight: 500; font-style: normal;
    }
    @font-face {
      font-family: 'DB Heavent';
      src: url('assets/fonts/db-heavent-bd-v3-2-1.ttf') format('truetype');
      font-weight: 700; font-style: normal;
    }
    @font-face {
      font-family: 'DB Heavent';
      src: url('assets/fonts/db-heavent-blk-v3-2.ttf') format('truetype');
      font-weight: 600 900; font-style: normal;
    }
  


    *, .business-landing-page *::before, .business-landing-page *::after{ box-sizing: border-box; margin: 0; padding: 0; }

    .business-landing-page{
      --green: #00CB9F;
      --dark-green: #004B43;
      --heading-green: #116D3E;
      --text-dark: #231F20;
      --text-gray: #797879;
      --white: #ffffff;
      --bg-light: #F8FFFE;
      --bg-gray: #F5F5F5;
      --border: #E0E0E0;

      
      --section-spacing: 80px;

      
      --t-display: 64px;
      --t-heading: 48px;
      --t-subheading: 30px;
      --t-body-l: 26px;
      --t-body-s: 20px;
      --t-label: 16px;

      
      --fw-black: 700;
      --fw-bold: 700;
      --fw-semibold: 500;
      --fw-regular: 400;

      
      --lh-heading: 1.2;
      --lh-sub: 1.4;
      --lh-body: 1.75;
      --lh-label: 1.4;
    }

    @media (max-width: 768px) {
      .business-landing-page{
        --t-display: 40px;
        --t-heading: 32px;
        --t-subheading: 24px;
        --t-body-l: 20px;
        --t-body-s: 18px;
        --t-label: 16px;
        --section-spacing: 48px;
      }
    }

    .business-landing-page{ scroll-behavior: smooth; scroll-padding-top: 160px; }

    .business-landing-page{
      font-family: 'DB Heavent', sans-serif;
      color: var(--text-dark);
      background: var(--white);
      overflow-x: hidden;
    }

    
    .business-landing-page nav{
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 1000;
      background: rgba(255,255,255,0.97);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--border);
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }

    
    .business-landing-page .nav-top{
      display: block;
      background: #ffffff;
      border-bottom: 1px solid #EEF0EE;
      width: 100%;
      text-decoration: none;
    }
    .business-landing-page .nav-top-img{
      width: 100%;
      height: auto;
      display: block;
    }
    .business-landing-page .nav-top-links{
      display: flex;
      align-items: center;
      gap: 28px;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .business-landing-page .nav-top-links a{
      text-decoration: none;
      color: var(--text-dark);
      font-size: 14px;
      font-weight: 500;
      transition: color 0.2s;
    }
    .business-landing-page .nav-top-links a:hover{ color: var(--green); }
    .business-landing-page .nav-top-cta{
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .business-landing-page .nav-login{
      text-decoration: none;
      color: var(--dark-green);
      font-size: 14px;
      font-weight: 500;
      transition: color 0.2s;
    }
    .business-landing-page .nav-login:hover{ color: var(--green); }
    .business-landing-page .nav-signup{
      text-decoration: none;
      color: var(--white);
      background: var(--dark-green);
      padding: 8px 18px;
      border-radius: 50px;
      font-size: 14px;
      font-weight: 500;
      transition: background 0.2s, transform 0.15s;
    }
    .business-landing-page .nav-signup:hover{ background: var(--green); transform: translateY(-1px); }

    
    .business-landing-page .nav-bottom-bg{
      background: linear-gradient(180deg, #E6F0EB 0%, #F0F5F1 100%);
      padding: 12px 40px;
    }
    .business-landing-page .nav-bottom{
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 28px;
      background: #ffffff;
      border-radius: 16px;
      padding: 0 24px;
      height: 56px;
      box-shadow: 0 2px 12px rgba(0,75,67,0.08);
    }
    .business-landing-page .nav-section-logo{
      display: flex;
      align-items: center;
      padding-right: 20px;
      border-right: 1px solid #E4E8E5;
      text-decoration: none;
      flex-shrink: 0;
    }
    .business-landing-page .nav-section-logo img{
      width: 140px;
      height: 44px;
      object-fit: contain;
      display: block;
    }

    .business-landing-page .nav-back{
      position: absolute;
      top: 14px;
      left: 40px;
      font-size: 14px;
      color: #B5B5B6;
      text-decoration: none;
      font-weight: 500;
      letter-spacing: 0.2px;
      transition: color 0.2s;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }
    .business-landing-page .nav-back svg{
      width: 16px;
      height: 16px;
      fill: currentColor;
      flex-shrink: 0;
    }
    .business-landing-page .nav-back:hover{ color: var(--dark-green); }

    .business-landing-page .nav-logo{
      display: flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
    }

    .business-landing-page .nav-logo svg{
      width: 36px; height: 36px;
    }

    .business-landing-page .nav-logo{
      display: flex;
      align-items: center;
    }
    .business-landing-page .nav-logo img{
      height: 56px !important;
      width: auto;
      display: block;
    }

    .business-landing-page .nav-logo-text{
      font-size: var(--t-body-l);
      font-weight: 700;
      color: var(--dark-green);
      line-height: 1;
    }

    .business-landing-page .nav-logo-sub{
      font-size: 9px;
      color: var(--green);
      font-weight: 500;
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .business-landing-page .nav-links{
      display: flex;
      align-items: center;
      gap: 28px;
      list-style: none;
      margin: 0;
      padding: 0;
      flex: 1;
    }

    .business-landing-page .nav-links a{
      text-decoration: none;
      color: var(--text-dark);
      font-size: 18px;
      font-weight: 500;
      transition: color 0.2s;
    }

    .business-landing-page .nav-links a:hover{ color: var(--green); }

    .business-landing-page .btn-contact{
      background: var(--green);
      color: var(--white) !important;
      padding: 8px 22px;
      border-radius: 50px;
      font-weight: 500 !important;
      font-size: 14px;
      text-decoration: none !important;
      letter-spacing: 0.3px;
      transition: background 0.2s, transform 0.2s !important;
    }

    .business-landing-page .btn-contact:hover{
      background: var(--dark-green) !important;
      transform: translateY(-1px);
      color: var(--white) !important;
    }

    
    .business-landing-page .mobile-menu{
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: #ffffff;
      border-radius: 0 0 16px 16px;
      box-shadow: 0 8px 24px rgba(0,75,67,0.12);
      padding: 8px 0;
      margin-top: 8px;
      z-index: 999;
    }
    .business-landing-page .mobile-menu.open{ display: block; }
    .business-landing-page .mobile-menu a{
      display: block;
      padding: 14px 24px;
      text-decoration: none;
      color: var(--text-dark);
      font-size: 16px;
      font-weight: 500;
      border-bottom: 1px solid #F0F4F0;
      transition: background 0.15s, color 0.15s;
    }
    .business-landing-page .mobile-menu a:last-child{ border-bottom: none; }
    .business-landing-page .mobile-menu a:hover{ background: #F7FAF8; color: var(--green); }
    .business-landing-page .mobile-menu-cta{
      color: var(--white) !important;
      background: var(--green);
      margin: 8px 16px 4px;
      border-radius: 50px;
      text-align: center;
    }
    .business-landing-page .mobile-menu-cta:hover{ background: var(--dark-green) !important; color: var(--white) !important; }

    .business-landing-page .nav-bottom{ position: relative; }

    .business-landing-page .hamburger{
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 4px;
    }

    .business-landing-page .hamburger span{
      display: block;
      width: 24px;
      height: 2px;
      background: var(--text-dark);
      border-radius: 2px;
      transition: all 0.3s;
    }

    
    .business-landing-page .hero{
      background: none;
      position: relative;
      overflow: hidden;
    }

    .business-landing-page .hero::before{ display: none; }

    .business-landing-page .hero-inner{
      max-width: 1200px;
      margin: 0 auto;
      padding: 80px 40px;
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      gap: 60px;
      align-items: center;
      width: 100%;
    }

    .business-landing-page .hero-badge{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(0,203,159,0.1);
      border: 1px solid rgba(0,203,159,0.3);
      color: var(--dark-green);
      padding: 6px 16px;
      border-radius: 50px;
      font-size: var(--t-label);
      font-weight: 700;
      margin-bottom: 20px;
      line-height: var(--lh-label);
    }

    .business-landing-page .hero-badge::before{
      content: '';
      width: 8px; height: 8px;
      background: var(--green);
      border-radius: 50%;
    }

    .business-landing-page .hero h1{
      font-size: var(--t-display);
      font-weight: 700;
      color: var(--heading-green);
      line-height: var(--lh-heading);
      margin-bottom: 16px;
    }

    .business-landing-page .hero h2{
      font-size: var(--t-body-l);
      font-weight: 700;
      color: var(--text-dark);
      line-height: var(--lh-body);
      margin-bottom: 10px;
    }

    .business-landing-page .hero-sub{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      line-height: var(--lh-body);
      margin-bottom: 36px;
      max-width: 440px;
    }

    .business-landing-page .hero-cta{
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
    }

    .business-landing-page .btn-primary{
      background: var(--green);
      color: var(--white);
      padding: 14px 32px;
      border-radius: 50px;
      font-weight: 500;
      font-size: var(--t-body-s);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s;
      border: 2px solid var(--green);
    }

    .business-landing-page .btn-primary:hover{
      background: var(--dark-green);
      border-color: var(--dark-green);
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(0,203,159,0.3);
    }

    .business-landing-page .btn-secondary{
      background: transparent;
      color: var(--dark-green);
      padding: 14px 32px;
      border-radius: 50px;
      font-weight: 500;
      font-size: var(--t-body-s);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s;
      border: 2px solid var(--dark-green);
    }

    .business-landing-page .btn-secondary:hover{
      background: var(--dark-green);
      color: var(--white);
      transform: translateY(-2px);
    }

    .business-landing-page .hero-visual{
      position: relative;
    }

    .business-landing-page .hero-card{
      background: white;
      border-radius: 16px;
      padding: 20px;
      box-shadow: 0 4px 30px rgba(0,0,0,0.08);
      position: relative;
      overflow: hidden;
    }

    .business-landing-page .hero-card-header{
      background: linear-gradient(135deg, var(--dark-green), #007a6a);
      border-radius: 10px;
      padding: 16px;
      margin-bottom: 16px;
      color: white;
    }

    .business-landing-page .hero-card-header p{
      font-size: var(--t-label);
      opacity: 0.85;
      margin-bottom: 6px;
      line-height: var(--lh-label);
    }

    .business-landing-page .hero-card-header h3{
      font-size: var(--t-body-s);
      font-weight: 700;
      line-height: var(--lh-body);
    }

    .business-landing-page .hero-icons{
      display: flex;
      gap: 12px;
      margin-top: 10px;
    }

    .business-landing-page .hero-icon-item{
      background: rgba(255,255,255,0.15);
      border-radius: 8px;
      padding: 8px;
      font-size: var(--t-subheading);
    }

    .business-landing-page .hero-img-placeholder{
      width: 100%;
      height: 380px;
      background: linear-gradient(135deg, #e8f9f5, #c5f0e4);
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 80px;
      position: relative;
      overflow: hidden;
    }

    .business-landing-page .hero-img-placeholder::after{
      content: '';
      position: absolute;
      bottom: -30px;
      right: -30px;
      width: 150px;
      height: 150px;
      background: rgba(0,203,159,0.2);
      border-radius: 50%;
    }

    .business-landing-page .floating-badge{
      position: absolute;
      background: white;
      border-radius: 12px;
      padding: 12px 16px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: var(--t-label);
      font-weight: 700;
      color: var(--text-dark);
      line-height: var(--lh-label);
    }

    .business-landing-page .floating-badge.top-right{
      top: 20px;
      right: -20px;
      font-size: var(--t-label);
    }

    .business-landing-page .floating-badge.bottom-left{
      bottom: 30px;
      left: -10px;
    }

    .business-landing-page .badge-icon{
      width: 36px; height: 36px;
      background: linear-gradient(135deg, var(--green), #007a6a);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-body-l);
    }

    
    .business-landing-page .stats{
      background: white;
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 0;
    }

    .business-landing-page .stats-inner{
      max-width: 1200px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr auto;
      align-items: stretch;
    }

    .business-landing-page .stat-item{
      text-align: center;
      padding: 40px 20px;
      border-right: 1px solid var(--border);
    }

    .business-landing-page .stat-item:last-child{ border-right: none; }

    .business-landing-page .stat-number{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--green);
      line-height: var(--lh-heading);
      margin-bottom: 8px;
    }

    .business-landing-page .stat-label{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      font-weight: 500;
    }

    .business-landing-page .stat-cta{
      padding: 24px 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--bg-light);
      min-width: 280px;
    }

    
    .business-landing-page section{
      padding: 80px 0;
    }

    .business-landing-page .container{
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 40px;
    }

    .business-landing-page .section-tag{
      display: inline-block;
      background: rgba(0,203,159,0.1);
      color: var(--dark-green);
      padding: 5px 14px;
      border-radius: 50px;
      font-size: var(--t-label);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 12px;
      line-height: var(--lh-label);
    }

    .business-landing-page .section-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 14px;
      line-height: var(--lh-heading);
    }

    .business-landing-page .section-title span{ color: var(--heading-green); }

    .business-landing-page .section-desc{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      line-height: var(--lh-body);
      max-width: 600px;
    }

    .business-landing-page .section-header{
      margin-bottom: 48px;
    }

    .business-landing-page .section-header.center{
      text-align: center;
    }

    .business-landing-page .section-header.center .section-desc{
      margin: 0 auto;
    }

    
    .business-landing-page .products{ background: var(--bg-light); }

    .business-landing-page .products-intro{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: start;
      margin-bottom: 60px;
    }

    .business-landing-page .products-intro-right{
      padding-top: 20px;
    }

    .business-landing-page .problem-cards{
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .business-landing-page .problem-card{
      background: white;
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 16px 20px;
      display: flex;
      align-items: center;
      gap: 14px;
      font-size: var(--t-body-s);
      color: var(--text-dark);
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      position: relative;
    }

    .business-landing-page .problem-card:hover{
      border-color: var(--green);
      box-shadow: 0 4px 16px rgba(0,203,159,0.1);
    }

    .business-landing-page .problem-card.active{
      border-color: var(--green);
      background: rgba(0,203,159,0.05);
    }

    .business-landing-page .problem-icon{
      width: 40px; height: 40px;
      background: rgba(0,203,159,0.1);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-body-l);
      flex-shrink: 0;
    }

    .business-landing-page .problem-card .arrow{
      margin-left: auto;
      color: var(--green);
      font-size: var(--t-label);
      font-weight: 700;
    }

    
    .business-landing-page .products-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .business-landing-page .product-card{
      background: white;
      border-radius: 16px;
      padding: 28px;
      border: 1px solid var(--border);
      transition: all 0.3s;
      position: relative;
      overflow: hidden;
    }

    .business-landing-page .product-card::before{
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--green), var(--dark-green));
      transform: scaleX(0);
      transition: transform 0.3s;
    }

    .business-landing-page .product-card:hover{
      box-shadow: 0 8px 32px rgba(0,0,0,0.08);
      transform: translateY(-4px);
    }

    .business-landing-page .product-card:hover::before{ transform: scaleX(1); }

    .business-landing-page .product-card-icon{
      width: 52px; height: 52px;
      background: linear-gradient(135deg, var(--green), #007a6a);
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-subheading);
      margin-bottom: 16px;
    }

    .business-landing-page .product-card h3{
      font-size: var(--t-body-l);
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 10px;
      line-height: var(--lh-body);
    }

    .business-landing-page .product-card p{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      line-height: var(--lh-body);
    }

    .business-landing-page .product-card-tag{
      display: inline-block;
      background: rgba(0,203,159,0.08);
      color: var(--dark-green);
      padding: 3px 10px;
      border-radius: 50px;
      font-size: var(--t-label);
      font-weight: 700;
      margin-top: 14px;
      line-height: var(--lh-label);
    }

    
    .business-landing-page .dsd-section{
      background: linear-gradient(135deg, var(--dark-green) 0%, #007a6a 100%);
      color: white;
    }

    .business-landing-page .dsd-inner{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

    .business-landing-page .dsd-content h2{
      font-size: var(--t-heading);
      font-weight: 700;
      margin-bottom: 14px;
      color: white;
      line-height: var(--lh-heading);
    }

    .business-landing-page .dsd-content p{
      font-size: var(--t-body-s);
      opacity: 0.85;
      line-height: var(--lh-body);
      margin-bottom: 28px;
    }

    .business-landing-page .dsd-checks{
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 32px;
    }

    .business-landing-page .dsd-check{
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: var(--t-body-s);
      opacity: 0.9;
      line-height: var(--lh-body);
    }

    .business-landing-page .check-icon{
      width: 22px; height: 22px;
      background: rgba(0,203,159,0.25);
      border: 1px solid var(--green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      margin-top: 1px;
    }

    .business-landing-page .check-icon::after{
      content: '✓';
      color: var(--green);
      font-size: var(--t-label);
      font-weight: 700;
    }

    .business-landing-page .dsd-visual{
      background: rgba(255,255,255,0.08);
      border-radius: 20px;
      padding: 32px;
      border: 1px solid rgba(255,255,255,0.15);
    }

    .business-landing-page .dsd-tag{
      display: inline-block;
      background: rgba(0,203,159,0.2);
      color: var(--green);
      padding: 6px 16px;
      border-radius: 50px;
      font-size: var(--t-label);
      font-weight: 700;
      margin-bottom: 16px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      line-height: var(--lh-label);
    }

    .business-landing-page .dsd-visual h3{
      font-size: var(--t-subheading);
      font-weight: 700;
      margin-bottom: 10px;
      color: white;
      line-height: var(--lh-sub);
    }

    .business-landing-page .dsd-visual p{
      font-size: var(--t-body-s);
      opacity: 0.75;
      line-height: var(--lh-body);
      margin-bottom: 20px;
    }

    .business-landing-page .dsd-stats-grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 16px;
    }

    .business-landing-page .dsd-stat{
      background: rgba(255,255,255,0.08);
      border-radius: 10px;
      padding: 14px;
      text-align: center;
    }

    .business-landing-page .dsd-stat strong{
      display: block;
      font-size: var(--t-subheading);
      font-weight: 700;
      color: var(--green);
      line-height: var(--lh-sub);
    }

    .business-landing-page .dsd-stat span{
      font-size: var(--t-label);
      opacity: 0.75;
      line-height: var(--lh-label);
    }

    .business-landing-page .btn-white{
      background: white;
      color: var(--dark-green);
      padding: 12px 28px;
      border-radius: 50px;
      font-weight: 500;
      font-size: var(--t-body-s);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: all 0.3s;
    }

    .business-landing-page .btn-white:hover{
      background: var(--green);
      color: white;
      transform: translateY(-2px);
    }

    
    .business-landing-page .lms-section{ background: white; }

    .business-landing-page .lms-inner{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

    .business-landing-page .lms-features{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }

    .business-landing-page .lms-feature{
      background: var(--bg-light);
      border-radius: 12px;
      padding: 20px;
      border: 1px solid var(--border);
    }

    .business-landing-page .lms-feature-icon{
      font-size: var(--t-subheading);
      margin-bottom: 10px;
    }

    .business-landing-page .lms-feature h4{
      font-size: var(--t-body-s);
      font-weight: 700;
      margin-bottom: 6px;
      color: var(--text-dark);
      line-height: var(--lh-body);
    }

    .business-landing-page .lms-feature p{
      font-size: var(--t-label);
      color: var(--text-gray);
      line-height: var(--lh-label);
    }

    .business-landing-page .lms-visual{
      background: linear-gradient(135deg, #e8f9f5 0%, #f0fefa 100%);
      border-radius: 20px;
      padding: 32px;
      position: relative;
    }

    .business-landing-page .lms-mockup{
      background: white;
      border-radius: 12px;
      padding: 20px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    }

    .business-landing-page .lms-mockup-header{
      display: flex;
      gap: 6px;
      margin-bottom: 16px;
    }

    .business-landing-page .dot{ width: 10px; height: 10px; border-radius: 50%; }
    .business-landing-page .dot.red{ background: #ff5f57; }
    .business-landing-page .dot.yellow{ background: #ffbd2e; }
    .business-landing-page .dot.green{ background: #28c840; }

    .business-landing-page .lms-bar{
      height: 10px;
      border-radius: 50px;
      margin-bottom: 10px;
    }

    .business-landing-page .lms-bar.full{ background: var(--green); width: 100%; }
    .business-landing-page .lms-bar.w80{ background: rgba(0,203,159,0.3); width: 80%; }
    .business-landing-page .lms-bar.w60{ background: rgba(0,203,159,0.2); width: 60%; }
    .business-landing-page .lms-bar.w45{ background: rgba(0,203,159,0.15); width: 45%; }

    .business-landing-page .lms-progress-item{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px;
    }

    .business-landing-page .lms-progress-info{
      flex: 1;
      margin-right: 16px;
    }

    .business-landing-page .lms-progress-name{
      font-size: var(--t-label);
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 6px;
      line-height: var(--lh-label);
    }

    .business-landing-page .progress-bar-wrap{
      height: 6px;
      background: var(--bg-gray);
      border-radius: 50px;
      overflow: hidden;
    }

    .business-landing-page .progress-bar-fill{
      height: 100%;
      background: linear-gradient(90deg, var(--green), var(--dark-green));
      border-radius: 50px;
    }

    .business-landing-page .lms-progress-pct{
      font-size: var(--t-label);
      font-weight: 700;
      color: var(--green);
      line-height: var(--lh-label);
    }

    
    .business-landing-page .training-section{ background: var(--bg-light); }

    .business-landing-page .training-grid{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
      margin-top: 48px;
    }

    .business-landing-page .training-card{
      background: white;
      border-radius: 16px;
      padding: 28px;
      border: 1px solid var(--border);
      display: flex;
      gap: 20px;
      align-items: flex-start;
      transition: all 0.3s;
    }

    .business-landing-page .training-card:hover{
      box-shadow: 0 8px 32px rgba(0,0,0,0.08);
      transform: translateY(-3px);
    }

    .business-landing-page .training-card-icon{
      width: 54px; height: 54px;
      background: linear-gradient(135deg, rgba(0,203,159,0.15), rgba(0,75,67,0.1));
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-subheading);
      flex-shrink: 0;
    }

    .business-landing-page .training-card h3{
      font-size: var(--t-body-s);
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 8px;
      line-height: var(--lh-body);
    }

    .business-landing-page .training-card p{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      line-height: var(--lh-body);
    }

    
    .business-landing-page .cpd-section{
      background: white;
    }

    .business-landing-page .cpd-inner{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

    .business-landing-page .cpd-features{
      display: flex;
      flex-direction: column;
      gap: 18px;
      margin-top: 32px;
    }

    .business-landing-page .cpd-feature{
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

    .business-landing-page .cpd-icon{
      width: 44px; height: 44px;
      background: linear-gradient(135deg, var(--green), #007a6a);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-subheading);
      flex-shrink: 0;
    }

    .business-landing-page .cpd-feature h4{
      font-size: var(--t-body-s);
      font-weight: 700;
      color: var(--text-dark);
      margin-bottom: 5px;
      line-height: var(--lh-body);
    }

    .business-landing-page .cpd-feature p{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      line-height: var(--lh-body);
    }

    .business-landing-page .cpd-visual{
      background: linear-gradient(135deg, var(--dark-green) 0%, #007a6a 100%);
      border-radius: 24px;
      padding: 40px;
      color: white;
      position: relative;
      overflow: hidden;
    }

    .business-landing-page .cpd-visual::before{
      content: '';
      position: absolute;
      bottom: -50px; right: -50px;
      width: 200px; height: 200px;
      background: rgba(255,255,255,0.05);
      border-radius: 50%;
    }

    .business-landing-page .cpd-visual h3{
      font-size: var(--t-subheading);
      font-weight: 700;
      margin-bottom: 8px;
      line-height: var(--lh-sub);
    }

    .business-landing-page .cpd-visual p{
      font-size: var(--t-body-s);
      opacity: 0.8;
      margin-bottom: 24px;
      line-height: var(--lh-body);
    }

    .business-landing-page .cpd-logos{
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .business-landing-page .cpd-logo-badge{
      background: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 8px;
      padding: 8px 14px;
      font-size: var(--t-label);
      font-weight: 700;
      line-height: var(--lh-label);
    }

    
    .business-landing-page .why-us{ background: var(--bg-light); }

    .business-landing-page .why-inner{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
    }

    .business-landing-page .why-points{
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 28px;
    }

    .business-landing-page .why-point{
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 20px;
      background: white;
      border-radius: 14px;
      border: 1px solid var(--border);
      transition: all 0.2s;
    }

    .business-landing-page .why-point:hover{
      border-color: var(--green);
      box-shadow: 0 4px 16px rgba(0,203,159,0.1);
    }

    .business-landing-page .why-point-num{
      width: 36px; height: 36px;
      background: linear-gradient(135deg, var(--green), var(--dark-green));
      color: white;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-body-s);
      font-weight: 700;
      flex-shrink: 0;
    }

    .business-landing-page .why-point h4{
      font-size: var(--t-body-s);
      font-weight: 700;
      margin-bottom: 5px;
      color: var(--text-dark);
      line-height: var(--lh-body);
    }

    .business-landing-page .why-point p{
      font-size: var(--t-body-s);
      color: var(--text-gray);
      line-height: var(--lh-body);
    }

    .business-landing-page .why-quote{
      background: linear-gradient(135deg, var(--dark-green), #007a6a);
      border-radius: 20px;
      padding: 40px;
      color: white;
      position: relative;
    }

    .business-landing-page .why-quote::before{
      content: '"';
      position: absolute;
      top: 20px; left: 30px;
      font-size: 80px;
      color: rgba(255,255,255,0.1);
      font-family: Georgia, serif;
      line-height: 1;
    }

    .business-landing-page .why-quote p{
      font-size: var(--t-body-l);
      font-weight: 500;
      line-height: var(--lh-body);
      margin-bottom: 24px;
      position: relative;
    }

    .business-landing-page .why-quote-author{
      display: flex;
      align-items: center;
      gap: 14px;
    }

    .business-landing-page .why-avatar{
      width: 48px; height: 48px;
      background: rgba(255,255,255,0.2);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-subheading);
    }

    .business-landing-page .why-author-info strong{
      display: block;
      font-size: var(--t-body-s);
      font-weight: 700;
      line-height: var(--lh-body);
    }

    .business-landing-page .why-author-info span{
      font-size: var(--t-label);
      opacity: 0.75;
      line-height: var(--lh-label);
    }

    
    .business-landing-page .categories{ background: white; }

    .business-landing-page .categories-tabs{
      display: flex;
      gap: 8px;
      margin-bottom: 32px;
      flex-wrap: wrap;
    }

    .business-landing-page .tab-btn{
      padding: 10px 20px;
      border-radius: 50px;
      border: 1px solid var(--border);
      background: white;
      font-size: var(--t-body-s);
      font-weight: 700;
      cursor: pointer;
      transition: all 0.2s;
      color: var(--text-gray);
      line-height: var(--lh-label);
    }

    .business-landing-page .tab-btn.active, .business-landing-page .tab-btn:hover{
      background: var(--green);
      color: white;
      border-color: var(--green);
    }

    
    .business-landing-page .hero{
      position: relative;
    }

    
    .business-landing-page .hero-bg-img{
      width: 100%;
      height: auto;
      display: block;
    }

    
    .business-landing-page .hero-text{
      position: absolute;
      top: 28%;
      left: 6%;
    }
    .business-landing-page .hero-brand{
      font-size: var(--t-display);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
      margin: 0 0 6px 0;
    }
    .business-landing-page .hero-tagline-main{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
      margin: 0;
    }
    .business-landing-page .hero-tagline-sub{
      font-size: var(--t-heading);
      font-weight: 700;
      color: #5a7a75;
      line-height: var(--lh-heading);
      margin: 0;
    }

    
    .business-landing-page .btn-quote{
      position: absolute;
      top: 62%;
      left: 6%;
      transform: none;
      background: var(--green);
      color: var(--white);
      padding: 18px 48px;
      border-radius: 50px;
      font-weight: 500;
      font-size: var(--t-body-l);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 12px;
      transition: background 0.25s ease, transform 0.25s ease;
      box-shadow: 0 8px 28px rgba(0,203,159,0.4);
      white-space: nowrap;
    }

    .business-landing-page .btn-quote:hover{
      background: #004B43;
      transform: scale(1.05);
    }

    
    .business-landing-page .hf-info{
      position: absolute;
      top: 28px;
      left: -24px;
      background: white;
      border-radius: 16px;
      padding: 16px 18px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.13);
      max-width: 255px;
      z-index: 10;
    }

    .business-landing-page .hf-info p{
      font-size: var(--t-label);
      font-weight: 700;
      color: var(--text-dark);
      line-height: var(--lh-label);
      margin-bottom: 12px;
    }

    .business-landing-page .hf-icons{
      display: flex;
      gap: 8px;
    }

    .business-landing-page .hf-icon{
      width: 40px; height: 40px;
      border-radius: 10px;
      border: 1.5px solid #e8e8e8;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: var(--t-body-l);
      background: #fafafa;
    }

    
    .business-landing-page .hf-logo{
      position: absolute;
      top: 30px;
      right: 10px;
      background: white;
      border-radius: 16px;
      width: 56px; height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 24px rgba(0,0,0,0.13);
      z-index: 10;
    }

    .business-landing-page .hf-logo-circle{
      width: 40px; height: 40px;
      background: var(--green);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .business-landing-page .hf-logo-circle svg{ width: 22px; height: 22px; }

    
    .business-landing-page .hf-thumb{
      position: absolute;
      top: 55%;
      left: 38%;
      transform: translate(-50%, -50%);
      background: white;
      border-radius: 18px;
      width: 58px; height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 28px rgba(0,0,0,0.15);
      z-index: 10;
    }

    .business-landing-page .hf-thumb svg{ width: 30px; height: 30px; }

    
    .business-landing-page .hf-bottom-left{
      position: absolute;
      bottom: 20px;
      left: -10px;
      background: white;
      border-radius: 16px;
      padding: 14px 16px;
      box-shadow: 0 8px 28px rgba(0,0,0,0.12);
      display: flex;
      align-items: center;
      gap: 12px;
      max-width: 220px;
      z-index: 10;
    }

    .business-landing-page .hf-bottom-right{
      position: absolute;
      bottom: 20px;
      right: -8px;
      background: white;
      border-radius: 16px;
      padding: 14px 16px;
      box-shadow: 0 8px 28px rgba(0,0,0,0.12);
      display: flex;
      align-items: center;
      gap: 12px;
      max-width: 230px;
      z-index: 10;
    }

    .business-landing-page .hf-card-icon{
      width: 40px; height: 40px;
      flex-shrink: 0;
      background: rgba(0,203,159,0.1);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .business-landing-page .hf-card-icon svg{ width: 22px; height: 22px; }

    .business-landing-page .hf-card-text strong{
      display: block;
      font-size: var(--t-label);
      font-weight: 700;
      color: var(--text-dark);
      line-height: var(--lh-label);
    }

    .business-landing-page .hf-card-text span{
      font-size: var(--t-label);
      color: var(--text-gray);
      line-height: var(--lh-label);
    }

    
    .business-landing-page .section-two{
      background: var(--white);
      margin-top: -180px;
      padding: var(--section-spacing) 0;
    }

    .business-landing-page .s2-layout{
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 40px 24px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 56px;
      align-items: stretch;
    }

    
    .business-landing-page .s2-left{ display: flex; flex-direction: column; gap: 0; min-width: 0; overflow: hidden; justify-content: space-between; }

    .business-landing-page .stats-container{
      display: flex;
      background: #ffffff;
      border-radius: 14px;
      overflow: hidden;
      margin-bottom: 12px;
      border: 1px solid #e8e8e8;
      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }

    .business-landing-page .stat-box{
      flex: 1;
      padding: 16px 12px;
      text-align: center;
      position: relative;
      background: #ffffff;
    }

    .business-landing-page .stat-box + .stat-box::before{
      content: '';
      position: absolute;
      left: 0; top: 18%; bottom: 18%;
      width: 1px;
      background: #e0e0e0;
    }

    .business-landing-page .stat-number{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--green);
      line-height: var(--lh-heading);
    }

    .business-landing-page .stat-label{
      font-size: var(--t-label);
      color: var(--text-gray);
      margin-top: 4px;
      font-weight: 500;
      line-height: var(--lh-label);
    }

    
    .business-landing-page .logo-track-wrapper{
      overflow: hidden;
      background: transparent;
      padding: 12px 0;
      margin-bottom: 12px;
      position: relative;
      border-radius: 10px;
    }

    .business-landing-page .logo-track-wrapper::before, .business-landing-page .logo-track-wrapper::after{
      content: '';
      position: absolute;
      top: 0; bottom: 0;
      width: 60px;
      z-index: 2;
    }

    .business-landing-page .logo-track-wrapper::before{
      left: 0;
      background: linear-gradient(to right, #ffffff, transparent);
    }

    .business-landing-page .logo-track-wrapper::after{
      right: 0;
      background: linear-gradient(to left, #ffffff, transparent);
    }

    .business-landing-page .logo-track{
      display: flex;
      align-items: center;
      gap: 40px;
      animation: marquee 44s linear infinite;
      width: max-content;
    }

    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }

    .business-landing-page .logo-item{
      height: 32px;
      width: auto;
      object-fit: contain;
      opacity: 0.8;
      filter: grayscale(20%);
      flex-shrink: 0;
    }

    .business-landing-page .section-heading{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      margin-bottom: 10px;
      line-height: var(--lh-heading);
    }

    .business-landing-page .section-body{
      font-size: var(--t-body-s);
      color: var(--text-dark);
      line-height: var(--lh-body);
    }

    
    .business-landing-page .section-four{
      background: #F7F7F7;
      padding: var(--section-spacing) 0;
    }

    .business-landing-page .s4-inner{
      width: 100%;
    }

    .business-landing-page .s4-header{
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 56px;
      margin-bottom: 32px;
    }

    .business-landing-page .s4-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
      margin-bottom: 8px;
    }

    .business-landing-page .s4-subtitle{
      font-size: var(--t-body-l);
      color: var(--text-gray);
      font-weight: 400;
      line-height: var(--lh-body);
    }

    .business-landing-page .s4-wheel{
      width: 100%;
      max-width: 1200px;
      height: auto;
      display: block;
      margin: 0 auto;
      padding: 0 40px;
      box-sizing: border-box;
    }

    
    .business-landing-page .section-five{
      background: var(--white);
      padding: var(--section-spacing) 40px;
    }

    .business-landing-page .s5-layout{
      max-width: 1340px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1fr 1.15fr;
      gap: 48px;
      align-items: center;
    }

    .business-landing-page .s5-img-wrap{ min-width: 0; }

    .business-landing-page .s5-img{
      width: 100%;
      height: auto;
      display: block;
    }

    .business-landing-page .s5-content{
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .business-landing-page .s5-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
      max-width: 1340px;
      margin: 0 auto 32px;
      text-align: left;
    }

    .business-landing-page .s5-desc{
      font-size: var(--t-body-l);
      color: var(--text-dark);
      line-height: var(--lh-body);
    }

    .business-landing-page .s5-checklist{
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .business-landing-page .s5-checklist li{
      display: flex;
      align-items: flex-start;
      gap: 14px;
      font-size: var(--t-body-s);
      color: var(--text-dark);
      line-height: var(--lh-body);
    }

    .business-landing-page .s5-check{
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      margin-top: 1px;
    }

    .business-landing-page .s5-check svg{ width: 100%; height: 100%; }

    .business-landing-page .s5-btn{
      display: inline-block;
      background: var(--dark-green);
      color: #fff;
      font-family: 'DB Heavent', sans-serif;
      font-size: var(--t-body-l);
      font-weight: 500;
      padding: 14px 36px;
      border-radius: 50px;
      text-decoration: none;
      align-self: flex-start;
      transition: background 0.2s, transform 0.2s;
    }

    .business-landing-page .s5-btn:hover{ background: #003530; transform: scale(1.03); }

    
    .business-landing-page .section-six{
      background: var(--white);
      padding: var(--section-spacing) 40px;
      border-top: 1.5px solid #E4EDEA;
      border-bottom: 1.5px solid #E4EDEA;
    }

    .business-landing-page .s6-inner{
      max-width: 1400px;
      margin: 0 auto;
    }

    .business-landing-page .s6-header{
      padding-top: 0;
      margin-bottom: 16px;
    }

    .business-landing-page .s6-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
      margin-bottom: 8px;
    }

    .business-landing-page .s6-subtitle{
      font-size: var(--t-body-l);
      font-weight: 400;
      color: var(--text-gray);
      line-height: var(--lh-body);
    }

    .business-landing-page .s6-img{
      width: 98%;
      height: auto;
      display: block;
      margin: 0 auto;
    }

    
    .business-landing-page .tcs-section{
      background: #ffffff;
      width: 100%;
    }
    .business-landing-page .tcs-layout{
      max-width: 1340px;
      margin: 0 auto;
      display: grid;
      grid-template-columns: 42% 58%;
      gap: 48px;
      align-items: start;
      padding: 0 40px;
    }
    .business-landing-page .tcs-container{
      min-width: 0;
    }
    .business-landing-page .tcs-img-wrap{
      min-width: 0;
      align-self: stretch;
      border-radius: 28px;
      overflow: hidden;
    }
    .business-landing-page .tcs-photo{
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }
    
    .business-landing-page .tcs-headline{ margin: 0 0 6px 0; }
    .business-landing-page .headline-line{
      display: block;
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
    }
    
    .business-landing-page .tcs-intro{ margin: 0 0 28px 0; }
    .business-landing-page .intro-line{
      display: block;
      font-size: var(--t-body-l);
      font-weight: 400;
      color: var(--text-dark);
      line-height: var(--lh-body);
    }
    
    .business-landing-page .tcs-checklist{
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .business-landing-page .tcs-check-item{
      display: flex;
      align-items: flex-start;
      gap: 14px;
    }
    .business-landing-page .tcs-check-icon{
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #00CB9F;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 9px;
    }
    .business-landing-page .tcs-check-icon svg{ width: 14px; height: 14px; }
    .business-landing-page .tcs-check-text{
      display: flex;
      flex-direction: column;
      gap: 1px;
    }
    .business-landing-page .check-title{
      font-size: var(--t-subheading);
      font-weight: 500;
      color: var(--dark-green);
      line-height: var(--lh-sub);
    }
    .business-landing-page .check-desc{
      font-size: var(--t-body-s);
      font-weight: 400;
      color: var(--text-dark);
      line-height: var(--lh-body);
    }
    
    .business-landing-page .tcs-cta{
      display: inline-block;
      margin-top: 0;
      background: var(--dark-green);
      color: #fff;
      font-family: 'DB Heavent', sans-serif;
      font-size: var(--t-body-l);
      font-weight: 700;
      padding: 14px 36px;
      border-radius: 50px;
      text-decoration: none;
      transition: background 0.2s, transform 0.2s;
    }
    .business-landing-page .tcs-cta:hover{ background: #003530; transform: scale(1.03); }

    
    .business-landing-page .s9-section{
      background: #EEF2F0;
      overflow: hidden;
      padding: 40px 0;
    }
    .business-landing-page .s9-layout{
      display: grid;
      grid-template-columns: 52% 48%;
      align-items: end;
      max-width: 1300px;
      margin: 0 auto;
    }
    .business-landing-page .s9-left{
      padding: 0 56px 0 80px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
    .business-landing-page .s9-logo{
      height: auto;
      width: 182px;
      margin-bottom: 24px;
      display: block;
    }
    .business-landing-page .s9-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-heading);
      margin: 0 0 16px 0;
    }
    .business-landing-page .s9-subtitle{
      font-size: var(--t-subheading);
      font-weight: 500;
      color: var(--dark-green);
      line-height: var(--lh-sub);
      margin: 0 0 24px 0;
    }
    .business-landing-page .s9-divider{
      border: none;
      border-top: 1.5px solid #b8ccc7;
      margin: 0 0 24px 0;
      width: 80%;
    }
    .business-landing-page .s9-desc{
      font-size: var(--t-body-s);
      color: var(--text-dark);
      line-height: var(--lh-body);
      margin: 0;
    }
    
    .business-landing-page .s9-gallery{
      overflow: hidden;
      display: flex;
      align-items: flex-end;
      padding-bottom: 0;
      max-width: 520px;
    }
    .business-landing-page .s9-track{
      display: flex;
      gap: 14px;
      animation: marquee 44s linear infinite;
      width: max-content;
      padding: 28px 0 0;
    }
    .business-landing-page .s9-track img{
      height: 430px;
      width: auto;
      border-radius: 18px;
      flex-shrink: 0;
      display: block;
      cursor: pointer;
    }
    .business-landing-page .s9-gallery:hover .s9-track{
      animation-play-state: paused;
    }

    
    .business-landing-page .s13-section{
      background: #F7F8F7;
      padding: var(--section-spacing) 0;
      overflow: hidden;
    }
    .business-landing-page .s13-layout{
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 64px;
      display: grid;
      grid-template-columns: 380px 1fr;
      align-items: center;
      gap: 48px;
    }
    .business-landing-page .s13-left{ flex-shrink: 0; }
    .business-landing-page .s13-title{
      font-size: 30px;
      font-weight: 700;
      color: var(--dark-green);
      margin: 0 0 8px 0;
      line-height: var(--lh-sub);
    }
    .business-landing-page .s13-sub{
      font-size: var(--t-body-s);
      font-weight: 400;
      color: var(--text-dark);
      margin: 0;
      line-height: var(--lh-body);
      line-height: 1.6;
    }
    .business-landing-page .s13-gallery{
      min-width: 0;
    }
    .business-landing-page .s13-img{
      width: 100%;
      height: auto;
      display: block;
      object-fit: contain;
    }

    
    .business-landing-page .site-footer{
      background: #1C1C1C;
      padding: 56px 0 48px;
    }
    .business-landing-page .footer-container{
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 64px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: start;
    }
    .business-landing-page .footer-logo{
      height: 60px;
      width: auto;
      display: block;
      margin-bottom: 24px;
      filter: brightness(0) invert(1);
    }
    .business-landing-page .footer-address{
      font-size: var(--t-body-s);
      color: rgba(255,255,255,0.65);
      line-height: var(--lh-body);
      margin: 0;
    }
    .business-landing-page .footer-address strong{
      color: rgba(255,255,255,0.9);
      font-size: 30px;
      font-weight: 450;
      display: block;
      margin-bottom: 4px;
    }
    .business-landing-page .footer-contact-title{
      font-size: 30px;
      font-weight: 450;
      color: var(--green);
      margin: 0 0 24px 0;
      line-height: var(--lh-body);
    }
    .business-landing-page .footer-contact-list{
      display: flex;
      flex-direction: column;
      gap: 14px;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .business-landing-page .footer-contact-list a{
      display: flex;
      align-items: center;
      gap: 14px;
      text-decoration: none;
      color: rgba(255,255,255,0.85);
      font-size: var(--t-body-s);
      font-weight: 500;
      transition: color 0.2s;
      line-height: 1.4;
    }
    .business-landing-page .footer-contact-list a:hover{ color: var(--green); }
    .business-landing-page .footer-icon{
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: rgba(255,255,255,0.12);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: background 0.2s;
    }
    .business-landing-page .footer-contact-list a:hover .footer-icon{ background: var(--green); }
    .business-landing-page .footer-icon svg{
      width: 20px;
      height: 20px;
      fill: #ffffff;
      display: block;
    }
    .business-landing-page .footer-divider{
      border: none;
      border-top: 1px solid rgba(255,255,255,0.08);
      margin: 40px 64px 24px;
    }
    .business-landing-page .footer-bottom{
      text-align: center;
      font-size: var(--t-label);
      color: rgba(255,255,255,0.35);
      line-height: var(--lh-label);
    }

    
    .business-landing-page .s15-section{
      background: #F7F8F7;
      padding: var(--section-spacing) 0;
    }
    .business-landing-page .s15-container{
      max-width: 780px;
      margin: 0 auto;
      padding: 0 48px;
    }
    .business-landing-page .s15-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      text-align: center;
      margin: 0 0 40px 0;
      line-height: var(--lh-heading);
    }
    .business-landing-page .s15-card{
      background: #ffffff;
      border-radius: 20px;
      box-shadow: 0 4px 32px rgba(0,0,0,0.07);
      overflow: hidden;
    }
    .business-landing-page .s15-card iframe{
      display: block;
      width: 100%;
      border: none;
      margin-top: -200px;
      margin-bottom: 0;
    }
    .business-landing-page .s15-row{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      margin-bottom: 20px;
    }
    .business-landing-page .s15-field{
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-bottom: 20px;
    }
    .business-landing-page .s15-field:last-of-type{ margin-bottom: 0; }
    .business-landing-page .s15-row .s15-field{ margin-bottom: 0; }
    .business-landing-page .s15-label{
      font-size: var(--t-body-s);
      font-weight: 700;
      color: var(--green);
      line-height: var(--lh-label);
    }
    .business-landing-page .s15-input{
      width: 100%;
      padding: 13px 16px;
      border: none;
      border-radius: 10px;
      background: #F2F4F3;
      font-size: var(--t-body-s);
      color: var(--text-dark);
      outline: none;
      box-sizing: border-box;
      transition: background 0.2s, box-shadow 0.2s;
      font-family: inherit;
    }
    .business-landing-page .s15-input::placeholder{ color: #aab5b2; }
    .business-landing-page .s15-input:focus{
      background: #e8f5f2;
      box-shadow: 0 0 0 2px rgba(0,203,159,0.3);
    }
    .business-landing-page .s15-submit-wrap{
      display: flex;
      justify-content: center;
      margin-top: 32px;
    }
    .business-landing-page .s15-submit{
      background: var(--dark-green);
      color: #ffffff;
      font-size: var(--t-body-s);
      font-weight: 500;
      padding: 16px 80px;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      font-family: inherit;
      transition: background 0.2s, transform 0.15s;
    }
    .business-landing-page .s15-submit:hover{
      background: var(--green);
      transform: translateY(-1px);
    }

    
    .business-landing-page .s14-section{
      background: var(--dark-green);
      padding: var(--section-spacing) 0;
      overflow: hidden;
    }
    .business-landing-page .s14-container{
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 64px;
      display: grid;
      grid-template-columns: 1fr 240px;
      gap: 48px;
      align-items: stretch;
    }
    
    .business-landing-page .s14-left{
      display: flex;
      flex-direction: column;
      gap: 40px;
      min-width: 0;
    }
    .business-landing-page .s14-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: #ffffff;
      margin: 0 0 12px 0;
      line-height: var(--lh-heading);
    }
    .business-landing-page .s14-desc{
      font-size: var(--t-body-s);
      color: rgba(255,255,255,0.8);
      line-height: var(--lh-body);
      margin: 0;
    }
    
    .business-landing-page .s14-gallery-wrap{ overflow: hidden; padding-top: 32px; }
    .business-landing-page .s14-marquee{
      display: flex;
      gap: 16px;
      width: max-content;
      animation: s14Scroll 120s linear infinite;
    }
    .business-landing-page .s14-marquee:hover{ animation-play-state: paused; }
    @keyframes s14Scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    .business-landing-page .s14-img-card{
      border-radius: 16px;
      overflow: hidden;
      flex-shrink: 0;
      box-shadow: 0 4px 16px rgba(0,0,0,0.18);
    }
    .business-landing-page .s14-img-card img{
      height: 200px;
      width: auto;
      display: block;
    }
    .business-landing-page .s14-avatar-wrap{
      position: absolute;
      top: -36px;
      left: 28px;
    }
    .business-landing-page .s14-avatar{
      width: 72px;
      height: 72px;
      border-radius: 50%;
      background: #c8d8d4;
      border: 3px solid var(--dark-green);
      overflow: hidden;
    }
    .business-landing-page .s14-avatar img{ width: 100%; height: 100%; object-fit: cover; display: block; }
    .business-landing-page .s14-quote{
      font-size: var(--t-subheading);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-sub);
      margin: 24px 0 20px 0;
    }
    .business-landing-page .s14-divider{
      border: none;
      border-top: 1px solid #e0e8e5;
      margin: 0 0 16px 0;
    }
    .business-landing-page .s14-meta{
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
    }
    .business-landing-page .s14-name{
      font-size: var(--t-body-s);
      font-weight: 700;
      color: var(--dark-green);
      line-height: var(--lh-body);
    }
    .business-landing-page .s14-role{ font-weight: 400; color: var(--text-dark); }
    .business-landing-page .s14-stars{
      font-size: var(--t-body-s);
      font-weight: 700;
      color: #F5A623;
      white-space: nowrap;
    }
    
    .business-landing-page .s14-right{
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .business-landing-page .s14-video-wrap{
      width: 240px;
      flex-shrink: 0;
      border-radius: 20px;
      overflow: hidden;
      aspect-ratio: 9/16;
      background: #000;
      position: relative;
    }
    .business-landing-page .s14-video-wrap video{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    
    .business-landing-page .video-mute-btn{
      position: absolute;
      bottom: 14px;
      right: 14px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(0,0,0,0.5);
      border: none;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10;
      transition: background 0.2s, transform 0.15s;
      backdrop-filter: blur(4px);
    }
    .business-landing-page .video-mute-btn:hover{
      background: var(--dark-green);
      transform: scale(1.1);
    }
    .business-landing-page .video-mute-btn svg{
      width: 18px;
      height: 18px;
      fill: #ffffff;
    }

    
    .business-landing-page .s12-section{
      background: #ffffff;
      padding: var(--section-spacing) 0;
    }
    .business-landing-page .s12-container{
      max-width: 1340px;
      margin: 0 auto;
      padding: 0 48px;
      display: grid;
      grid-template-columns: 58% 42%;
      gap: 48px;
      align-items: stretch;
    }
    .business-landing-page .s12-logo{
      height: 52px;
      width: auto;
      display: block;
      margin-bottom: 20px;
    }
    .business-landing-page .s12-heading{
      font-size: 30px;
      font-weight: 700;
      color: var(--dark-green);
      margin: 0 0 20px 0;
      line-height: var(--lh-sub);
    }
    .business-landing-page .s12-preview-card{
      border: 1.5px solid #d0ddd9;
      border-radius: 18px;
      overflow: hidden;
      background: #fff;
    }
    
    .business-landing-page .s12-video-wrap{
      width: 100%;
      aspect-ratio: 16/9;
      border-radius: 12px;
      overflow: hidden;
      position: relative;
      background: #000;
    }
    .business-landing-page .s12-video-wrap video{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .business-landing-page .s12-preview-text{
      font-size: var(--t-body-l);
      font-weight: 400;
      color: var(--text-dark);
      line-height: var(--lh-body);
      margin: 0;
    }
    .business-landing-page .s12-preview-text strong{
      font-weight: 700;
      color: var(--dark-green);
    }
    
    .business-landing-page .s12-right{ display: flex; flex-direction: column; justify-content: center; gap: 32px; }
    .business-landing-page .s12-desc{
      font-size: var(--t-body-l);
      color: var(--text-dark);
      line-height: var(--lh-body);
      margin: 0;
      text-align: center;
    }
    .business-landing-page .s12-desc strong{ color: var(--dark-green); font-weight: 500; }
    .business-landing-page .s12-grid{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .business-landing-page .s12-icon-card{
      border-radius: 20px;
      overflow: hidden;
      cursor: default;
    }
    .business-landing-page .s12-icon-card img{
      width: 100%;
      height: auto;
      display: block;
    }

    
    .business-landing-page .s10-section{
      background: #ffffff;
      padding: var(--section-spacing) 0;
    }
    .business-landing-page .s10-container{
      max-width: 960px;
      margin: 0 auto;
      padding: 0 48px;
    }
    .business-landing-page .s10-title{
      font-size: var(--t-heading);
      font-weight: 700;
      color: var(--dark-green);
      margin: 0 0 8px 0;
      line-height: var(--lh-heading);
    }
    .business-landing-page .s10-desc{
      font-size: var(--t-body-l);
      color: var(--text-dark);
      line-height: var(--lh-body);
      margin: 0 0 20px 0;
    }
    .business-landing-page .s10-plus-row{
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 12px;
    }
    .business-landing-page .s10-plus-logo{
      display: flex;
      align-items: center;
    }
    
    .business-landing-page .s10-plus-logo img{
      height: 36px;
      width: auto;
    }
    .business-landing-page .s10-sub{
      font-size: 30px;
      font-weight: 700;
      color: var(--dark-green);
      margin: 0;
      line-height: var(--lh-sub);
    }
    
    .business-landing-page .s10-tabs{
      display: flex;
      width: 100%;
      margin-bottom: 24px;
      border-radius: 0;
      overflow: hidden;
    }
    .business-landing-page .s10-tab{
      flex: 1;
      padding: 12px 10px;
      font-size: var(--t-body-s);
      font-weight: 300;
      text-align: center;
      cursor: pointer;
      background: var(--dark-green);
      color: #ffffff;
      border: none;
      transition: background 0.2s, color 0.2s;
      font-family: 'DB Heavent', sans-serif;
    }
    .business-landing-page .s10-tab.active{
      background: #ffffff;
      color: var(--dark-green);
      border-bottom: 3px solid var(--dark-green);
    }
    .business-landing-page .s10-tab:hover:not(.active){
      background: #003530;
    }
    
    .business-landing-page .s10-grid{
      display: none;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }
    .business-landing-page .s10-grid.active{
      display: grid;
    }
    .business-landing-page .s10-card img{
      width: 100%;
      height: 170px;
      border-radius: 12px;
      display: block;
      object-fit: cover;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .business-landing-page .s10-card img:hover{
      transform: translateY(-4px);
      box-shadow: 0 10px 28px rgba(0,0,0,0.14);
    }

    
    .business-landing-page .s3-cards{
      max-width: 1500px;
      margin: 0 auto;
      padding: 40px 24px 0;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 14px;
    }

    .business-landing-page .s3-card{
      background: #ffffff;
      border-radius: 28px;
      border: 1px solid #e4eeeb;
      box-shadow: 0 4px 16px rgba(0,0,0,0.05), 0 8px 24px rgba(0,203,159,0.12);
      padding: 28px 12px 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
                  box-shadow 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    .business-landing-page .s3-card::after{
      content: '';
      position: absolute;
      bottom: 0; left: 0; right: 0;
      height: 7px;
      background: var(--green);
      border-radius: 0 0 20px 20px;
    }

    .business-landing-page .s3-card:hover{
      transform: translateY(-10px) scale(1.03);
      box-shadow: 0 24px 48px rgba(0,203,159,0.18), 0 8px 20px rgba(0,0,0,0.08);
    }

    .business-landing-page .s3-icon{
      width: 80px; height: 80px;
      margin-bottom: 18px;
      flex-shrink: 0;
    }

    .business-landing-page .s3-icon img{
      width: 100%; height: 100%;
      object-fit: contain;
    }

    .business-landing-page .s3-text{
      font-size: var(--t-body-s);
      color: var(--text-dark);
      line-height: var(--lh-body);
      flex: 1;
      margin-bottom: 20px;
    }

    .business-landing-page .s3-emphasis{
      font-size: calc(var(--t-body-s) + 3px);
      font-weight: 500;
      color: var(--dark-green);
    }

    .business-landing-page .s3-btn{
      background: var(--dark-green);
      color: #ffffff;
      border: none;
      border-radius: 50px;
      padding: 10px 26px;
      font-size: var(--t-body-s);
      font-weight: 500;
      font-family: 'DB Heavent', sans-serif;
      cursor: pointer;
      text-decoration: none;
      display: inline-block;
      transition: background 0.2s, transform 0.2s;
      margin-bottom: 10px;
    }

    .business-landing-page .s3-btn:hover{ background: #003530; }

    
    .business-landing-page .section-two-video{
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 10px 40px rgba(0,0,0,0.18);
      aspect-ratio: 16/9;
      min-width: 0;
      align-self: start;
      position: relative;
    }

    .business-landing-page .section-two-video video{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    
    @media (min-width: 769px) and (max-width: 1366px) {
      .business-landing-page .hero{
        position: relative;
        margin-top: 130px;
        overflow: hidden;
        background: #ffffff;
        height: 480px;
      }
      
      .business-landing-page .hero-bg-img{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: right top;
      }
      
      .business-landing-page .hero::before{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 55%;
        background: linear-gradient(to right, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.85) 60%, rgba(255,255,255,0) 100%);
        z-index: 2;
        pointer-events: none;
      }
      
      
      .business-landing-page .hero-text{
        position: absolute !important;
        top: 14% !important;
        left: 5% !important;
        bottom: auto !important;
        z-index: 5;
        text-align: left;
        max-width: 45%;
        padding: 0;
      }
      .business-landing-page .hero-brand-w1, .business-landing-page .hero-brand-w2{ display: block; }
      .business-landing-page .hero-brand{ font-size: 42px; line-height: 1.1; margin: 0 0 14px 0; }
      .business-landing-page .hero-text .hero-tagline-main, .business-landing-page .hero-text .hero-tagline-sub{
        display: block;
        font-size: 18px;
        line-height: 1.4;
        margin: 0;
        color: var(--dark-green);
        font-weight: 700;
      }
      .business-landing-page .btn-quote{
        position: absolute !important;
        top: 64% !important;
        bottom: auto !important;
        left: 5% !important;
        right: auto !important;
        transform: none !important;
        margin: 0;
        padding: 12px 32px;
        font-size: 16px;
        font-weight: 500;
        z-index: 6;
        white-space: nowrap;
      }

      
      .business-landing-page .section-two{ margin-top: 0 !important; padding-top: 32px !important; }

      
      .business-landing-page .section-heading{ text-align: center; font-size: 36px; margin-top: 20px; }
      .business-landing-page .section-body{ text-align: center; font-size: 16px; line-height: 1.6; }
      .business-landing-page .s2-left{ text-align: center; }
      .business-landing-page .s2-layout{ grid-template-columns: 1fr; gap: 24px; }
      .business-landing-page .section-two-video{ max-width: 600px; margin: 0 auto; aspect-ratio: 16/9; }
      .business-landing-page .s4-header{ text-align: center; }
      .business-landing-page .s5-desc{ text-align: left; }
      .business-landing-page .s5-btn{ align-self: center !important; margin-left: auto !important; margin-right: auto !important; }
      .business-landing-page .s6-title, .business-landing-page .s6-subtitle{ text-align: center; }
      .business-landing-page .tcs-headline, .business-landing-page .tcs-intro, .business-landing-page .tcs-container > p.intro-line{ text-align: center; }
      
      .business-landing-page .s9-section{ padding: var(--section-spacing) 24px; }
      .business-landing-page .s9-layout{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-areas:
          "logo logo"
          "title title"
          "subtitle subtitle"
          "divider divider"
          "gallery desc";
        gap: 4px 32px;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
      }
      .business-landing-page .s9-left{ display: contents; }
      .business-landing-page .s9-logo{
        grid-area: logo;
        justify-self: center;
        margin: 0 0 8px 0;
      }
      .business-landing-page .s9-title{
        grid-area: title;
        text-align: center;
        white-space: nowrap;
        font-size: 36px !important;
        margin: 0;
      }
      .business-landing-page .s9-subtitle{
        grid-area: subtitle;
        text-align: center;
        margin: 8px 0 0 0;
        font-size: 18px !important;
      }
      .business-landing-page .s9-divider{
        grid-area: divider;
        width: 50%;
        margin: 24px auto;
      }
      .business-landing-page .s9-desc{
        grid-area: desc;
        text-align: left;
        font-size: 15px !important;
        line-height: 1.65;
        align-self: center;
      }
      .business-landing-page .s9-gallery{
        grid-area: gallery;
        max-width: 100%;
        padding: 0;
        padding-bottom: 0;
      }
      .business-landing-page .s9-track img{ height: 280px; }
      .business-landing-page .s12-desc{ text-align: center; }
      .business-landing-page .s13-layout{ text-align: center; }
      .business-landing-page .s14-title, .business-landing-page .s14-desc{ text-align: center; }
      .business-landing-page .s15-title{ text-align: center; }

      
      .business-landing-page .s3-cards{
        grid-template-columns: repeat(6, 1fr);
        gap: 14px;
        padding: 32px 24px 0;
      }
      .business-landing-page .s3-cards .s3-card:nth-child(1){ grid-column: 1 / 3; }
      .business-landing-page .s3-cards .s3-card:nth-child(2){ grid-column: 3 / 5; }
      .business-landing-page .s3-cards .s3-card:nth-child(3){ grid-column: 5 / 7; }
      .business-landing-page .s3-cards .s3-card:nth-child(4){ grid-column: 2 / 4; }
      .business-landing-page .s3-cards .s3-card:nth-child(5){ grid-column: 4 / 6; }

      
      .business-landing-page .tcs-layout{
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 0 48px;
        max-width: 100%;
      }
      .business-landing-page .tcs-img-wrap{
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
        align-self: center;
      }
      .business-landing-page .tcs-photo{ height: auto; }
      .business-landing-page .tcs-container{ max-width: 720px; margin: 0 auto; width: 100%; }
      
      .business-landing-page .tcs-checklist{
        padding-left: 18%;
      }

      
      .business-landing-page .s12-container{
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 0 48px;
        max-width: 100%;
      }
      .business-landing-page .s12-left, .business-landing-page .s12-right{
        max-width: 720px;
        width: 100%;
        margin: 0 auto;
      }
      .business-landing-page .s12-heading{ text-align: center; }
      .business-landing-page .s12-logo{ margin-left: auto; margin-right: auto; }

      
    }

    
    @media (max-width: 768px) {
      
      .business-landing-page{ overflow-x: hidden; }

      
      .business-landing-page nav{ padding: 0; }
      .business-landing-page .nav-top{ padding: 0; }

      .business-landing-page .nav-bottom-bg{ padding: 8px 12px; }
      .business-landing-page .nav-bottom{
        height: 48px;
        padding: 0 14px;
        gap: 10px;
        justify-content: space-between;
        border-radius: 12px;
      }
      .business-landing-page .nav-section-logo{
        padding-right: 0;
        border-right: none;
      }
      .business-landing-page .nav-section-logo img{ width: 110px; height: 34px; }
      .business-landing-page .nav-links{ display: none; }
      .business-landing-page .btn-contact{ display: none; }
      .business-landing-page .hamburger{ display: flex; }

      
      .business-landing-page .hero{
        min-height: auto;
        margin-top: 80px;
        padding: 0 0 16px;
        position: relative;
        display: flex;
        flex-direction: column;
      }
      .business-landing-page .hero-bg-img{
        order: 1;
        width: 100%;
        height: auto;
        max-height: 387px;
        object-fit: cover;
        object-position: center right;
        display: block;
        margin: 0;
      }
      
      .business-landing-page .hero-text{
        order: 0;
        position: absolute !important;
        top: 24px !important;
        left: 20px !important;
        padding: 0;
        text-align: left;
        z-index: 5;
        pointer-events: none;
      }
      .business-landing-page .hero-brand{ font-size: 26px; line-height: 1.15; margin-bottom: 0; }
      .business-landing-page .hero-brand-w1, .business-landing-page .hero-brand-w2{ display: block; }
      
      .business-landing-page .hero-text .hero-tagline-main, .business-landing-page .hero-text .hero-tagline-sub{ display: none; }
      
      .business-landing-page .hero::after{
        content: 'พาร์ทเนอร์ด้านการพัฒนาคน ให้ตรงกลยุทธ์องค์กร';
        order: 2;
        display: block;
        text-align: center;
        padding: 16px 12px 0;
        font-size: 15px;
        font-weight: 700;
        color: var(--dark-green);
        line-height: 1.4;
        white-space: nowrap;
      }
      .business-landing-page .btn-quote{
        order: 3;
        position: relative !important;
        top: auto !important; left: auto !important;
        margin: 14px auto 0;
        padding: 11px 26px;
        font-size: 14px;
        align-self: center;
      }
      .business-landing-page .hero-card{
        position: absolute;
        left: 16px; right: 16px;
        top: 12px;
        max-width: none;
        padding: 12px;
      }
      .business-landing-page .hero-card-header h3{ font-size: 14px; }
      .business-landing-page .hero-card-header p{ font-size: 11px; }
      .business-landing-page .hero-card-icons{ gap: 8px; }
      .business-landing-page .hero-card-icon{ width: 36px; height: 36px; }

      
      .business-landing-page .section-two{ margin-top: 0; padding: 16px 0 var(--section-spacing); }
      .business-landing-page .s2-layout{
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 0 16px;
      }
      .business-landing-page .stats-container{ flex-wrap: nowrap; }
      .business-landing-page .stat-box{ padding: 10px 4px; min-width: 0; flex: 1; box-sizing: border-box; }
      .business-landing-page .stat-box + .stat-box::before{ display: block; }
      .business-landing-page .stat-number{ font-size: 19px; }
      .business-landing-page .stat-label{ font-size: 11px; margin-top: 2px; }
      .business-landing-page .logo-track-wrapper{ padding: 6px 0; margin-bottom: 0; }
      .business-landing-page .section-two-video{
        aspect-ratio: 16/10;
        max-width: 100%;
        border-radius: 12px;
        overflow: hidden;
      }
      .business-landing-page .logo-item{ height: 24px; }

      .business-landing-page .section-heading{
        font-size: 22px !important;
        line-height: 1.25;
        text-align: center;
        margin-top: 32px;
        white-space: nowrap;
      }
      .business-landing-page .section-body{ font-size: 15px; text-align: center; }
      .business-landing-page .hide-on-mobile{ display: none; }

      
      .business-landing-page .s2-left{ text-align: center; }
      .business-landing-page .s4-header{ text-align: center; }
      .business-landing-page .s5-desc{ text-align: center; }
      .business-landing-page .s6-title, .business-landing-page .s6-subtitle{ text-align: center; }
      .business-landing-page .tcs-headline-wrap, .business-landing-page .tcs-headline{ text-align: center; }
      .business-landing-page .s9-left{ text-align: center; align-items: center; }
      .business-landing-page .s9-divider{ margin-left: auto; margin-right: auto; }
      .business-landing-page .s10-plus-row{ align-items: center; }
      .business-landing-page .s10-sub{ text-align: center; }
      .business-landing-page .s12-desc{ text-align: center; }
      .business-landing-page .s13-layout{ text-align: center; }
      .business-landing-page .s14-title, .business-landing-page .s14-desc{ text-align: center; }
      .business-landing-page .s15-title{ text-align: center; }

      
      .business-landing-page .s3-cards{
        grid-template-columns: repeat(6, 1fr);
        padding: 24px 12px 0;
        gap: 10px;
        max-width: 100%;
      }
      
      .business-landing-page .s3-cards .s3-card:nth-child(1){ grid-column: 1 / 3; }
      .business-landing-page .s3-cards .s3-card:nth-child(2){ grid-column: 3 / 5; }
      .business-landing-page .s3-cards .s3-card:nth-child(3){ grid-column: 5 / 7; }
      
      .business-landing-page .s3-cards .s3-card:nth-child(4){ grid-column: 2 / 4; }
      .business-landing-page .s3-cards .s3-card:nth-child(5){ grid-column: 4 / 6; }
      .business-landing-page .s3-card{ padding: 18px 8px 14px; border-radius: 16px; }
      .business-landing-page .s3-icon{ width: 56px; height: 56px; margin-bottom: 10px; }
      .business-landing-page .s3-text{ font-size: 14px; }
      .business-landing-page .s3-emphasis{ font-size: 16px; }
      .business-landing-page .s3-btn{ font-size: 13px; padding: 8px 18px; }

      
      .business-landing-page .section-four{ padding: var(--section-spacing) 0; }
      .business-landing-page .s4-header{ padding: 0 20px; margin-bottom: 20px; }
      .business-landing-page .s4-title{ font-size: 26px !important; line-height: 1.25; }
      .business-landing-page .s4-subtitle{ font-size: 15px; }
      .business-landing-page .s4-wheel{ width: 100%; max-width: 100%; padding: 0 12px; }

      
      .business-landing-page .section-five{ padding: var(--section-spacing) 16px; }
      .business-landing-page .s5-title{
        white-space: normal;
        padding: 0;
        margin: 0 auto 20px;
        max-width: 100%;
        font-size: 26px !important;
        text-align: center;
      }
      .business-landing-page .s5-layout{ grid-template-columns: 1fr; gap: 24px; }
      .business-landing-page .s5-img-wrap{ max-width: 100%; }
      .business-landing-page .s5-img{ width: 100%; height: auto; max-height: 360px; object-fit: contain; }
      .business-landing-page .s5-desc{ font-size: 16px; }
      .business-landing-page .s5-checklist li{ font-size: 15px; }
      .business-landing-page .s5-btn{ font-size: 15px; padding: 12px 24px; align-self: center; }

      
      .business-landing-page .section-six{ padding: var(--section-spacing) 16px; }
      .business-landing-page .s6-title{ font-size: 26px !important; text-align: center; }
      .business-landing-page .s6-subtitle{ font-size: 16px; text-align: center; }
      .business-landing-page .lms-inner{ grid-template-columns: 1fr !important; gap: 24px; }
      .business-landing-page .lms-visual img{ max-width: 100%; height: auto; }

      
      .business-landing-page .tcs-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .tcs-layout{
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 20px;
        justify-items: center;
      }
      .business-landing-page .tcs-container{ width: 100%; }
      .business-landing-page .tcs-headline, .business-landing-page .headline-line{ font-size: 26px !important; line-height: 1.25; }
      .business-landing-page .tcs-intro, .business-landing-page .intro-line{ text-align: center; }
      .business-landing-page .tcs-image, .business-landing-page .tcs-image img{ max-width: 100%; height: auto; }
      .business-landing-page .tcs-check-list{ max-width: 320px; margin: 0 auto; text-align: left; }
      .business-landing-page .check-title{ font-size: 18px !important; }
      .business-landing-page .check-desc{ font-size: 15px; }
      .business-landing-page .tcs-check-icon{ margin-top: 1px; }
      .business-landing-page .tcs-cta{ font-size: 15px; padding: 12px 24px; align-self: center; }

      
      .business-landing-page .s9-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .s9-layout{ grid-template-columns: 1fr; gap: 24px; }
      .business-landing-page .s9-left{ padding: 0 20px; }
      .business-landing-page .s9-title{ font-size: 28px !important; }
      .business-landing-page .s9-subtitle{ font-size: 18px !important; }
      .business-landing-page .s9-desc{ font-size: 15px; }
      .business-landing-page .s9-divider{ width: 100%; }
      .business-landing-page .s9-gallery{ max-width: 100%; padding: 0; padding-bottom: 0; overflow: hidden; }
      .business-landing-page .s9-track img{ height: 220px; border-radius: 14px; }
      .business-landing-page .s9-track{ padding: 0 16px; gap: 10px; }

      
      .business-landing-page .s10-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .s10-container{ padding: 0 16px; max-width: 100%; }
      .business-landing-page .s10-plus-row{ gap: 12px; }
      .business-landing-page .s10-plus-logo img{ height: 28px; }
      .business-landing-page .s10-sub{ font-size: 20px !important; line-height: 1.3; }
      .business-landing-page .s10-tabs{
        overflow-x: auto;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
      }
      .business-landing-page .s10-tabs::-webkit-scrollbar{ display: none; }
      .business-landing-page .s10-tab{ flex: 0 0 auto; padding: 10px 16px; font-size: 13px; white-space: nowrap; }
      .business-landing-page .s10-grid{ grid-template-columns: repeat(3, 1fr) !important; gap: 8px; }
      .business-landing-page .s10-card img{ width: 100%; height: auto; display: block; }

      
      .business-landing-page .s12-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .s12-container{
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 16px;
        max-width: 100%;
      }
      .business-landing-page .s12-heading{ font-size: 24px !important; }
      .business-landing-page .s12-logo{ max-width: 200px; }
      .business-landing-page .s12-desc{ font-size: 15px; text-align: center; }
      .business-landing-page .s12-grid{ grid-template-columns: repeat(3, 1fr); gap: 8px; }
      .business-landing-page .s12-right{ justify-content: flex-start; }

      
      .business-landing-page .s13-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .s13-layout{
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 20px;
        text-align: center;
      }
      .business-landing-page .s13-title{ font-size: 24px !important; }
      .business-landing-page .s13-sub{ font-size: 14px; }
      .business-landing-page .s13-gallery{ width: 100%; }
      .business-landing-page .s13-img{ width: 100% !important; height: auto !important; max-width: 100%; }

      
      .business-landing-page .s14-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .s14-container{
        grid-template-columns: 1fr !important;
        padding: 0 16px;
        gap: 24px;
      }
      .business-landing-page .s14-title{ font-size: 26px !important; }
      .business-landing-page .s14-desc{ font-size: 15px; }
      .business-landing-page .s14-vdo-col{
        max-width: 220px;
        margin: 0 auto;
        order: 2;
      }
      .business-landing-page .s14-vdo-col video, .business-landing-page .s14-vdo-col iframe{ width: 100%; height: auto; }
      .business-landing-page .s14-gallery-wrap{ order: 1; overflow: hidden; }
      .business-landing-page .s14-img-card{ border-radius: 12px; }
      .business-landing-page .s14-img-card img{ height: 160px; }

      
      .business-landing-page .s15-section{ padding: var(--section-spacing) 0; }
      .business-landing-page .s15-container{ padding: 0 16px; max-width: 100%; }
      .business-landing-page .s15-title{ text-align: center; font-size: 26px !important; }
      .business-landing-page .s15-card{ border-radius: 14px; }

      
      .business-landing-page .site-footer{ padding: 40px 0 32px; }
      .business-landing-page .footer-container{
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 0 24px;
        text-align: center;
      }
      .business-landing-page .footer-logo{ height: 36px; margin: 0 auto 16px; }
      .business-landing-page .footer-contact-list{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        margin: 0;
        padding: 0;
        width: 100%;
      }
      .business-landing-page .footer-contact-list li{
        width: 100%;
        text-align: center;
      }
      .business-landing-page .footer-contact-list a{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        font-size: 15px;
      }
      .business-landing-page .footer-contact-list a > *{ flex-shrink: 0; }
      .business-landing-page .footer-contact-title{ margin-bottom: 20px; }
      .business-landing-page .footer-address strong{ font-size: 20px; }
      .business-landing-page .footer-contact-title{ font-size: 20px; text-align: center; margin-bottom: 16px; }
      .business-landing-page .footer-divider{ margin: 24px 16px; }
      .business-landing-page .footer-bottom{ font-size: 12px; padding: 0 16px; }
    }

    
    @media (min-width: 760px) and (max-width: 780px) and (orientation: portrait) {
      
      .business-landing-page .section-body{ font-size: 25px !important; line-height: 1.5; }
    }
    @media (min-width: 1020px) and (max-width: 1030px) and (max-height: 800px) and (orientation: landscape) {
      
      .business-landing-page .section-body{ font-size: 26px !important; line-height: 1.5; }
    }

    
    @media (min-width: 1160px) and (max-width: 1200px) and (orientation: landscape) {
      .business-landing-page .section-body{
        font-size: 26px !important;
        line-height: 1.5;
        white-space: nowrap;
      }
      .business-landing-page .section-body br.hide-on-mobile{ display: none; }
    }

    
    .business-landing-page .brk-ipad-air-p{ display: none; }

    
    @media (min-width: 800px) and (max-width: 840px) and (orientation: portrait) {
      .business-landing-page .section-body{
        font-size: 31px !important;
        line-height: 1.5;
      }
      
      .business-landing-page .brk-default{ display: none; }
      .business-landing-page .brk-ipad-air-p{ display: inline; }
      
      .business-landing-page .s5-title{ text-align: center !important; }
      .business-landing-page .s5-btn{ align-self: center !important; }

      
      .business-landing-page .s9-subtitle{ font-size: 28px !important; line-height: 1.5; }
      .business-landing-page .s9-desc{ font-size: 25px !important; line-height: 1.6; }

      
      .business-landing-page .footer-address{ font-size: 13px; }
      .business-landing-page .footer-address strong{ font-size: 25px; }
    }

  

.business-landing-page .business-inline-001{white-space:nowrap}
.business-landing-page .business-inline-002{white-space:nowrap}
.business-landing-page .business-inline-003{background:#F7F8F7;}
.business-landing-page .business-inline-004{object-fit:contain; object-position:center;}
.business-landing-page .business-inline-005{margin-bottom:8px;}
.business-landing-page .business-inline-006{margin:0 0 24px 0;}
.business-landing-page .business-inline-007{background: #F7F8F7;}
.business-landing-page .business-inline-008{white-space:nowrap}
.business-landing-page .business-inline-009{white-space:nowrap}