<style>


    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    body {
      font-family: 'Inter', Arial, sans-serif;
      background-color: #f7f8f9;
      color: #333;
      font-size: 15px;
      line-height: 1.75;
      letter-spacing: 0.2px
      -webkit-font-smoothing: antialiased;
    }

    /* ── Top bar ── */
    .topbar {
      width: 100%;
      height: 4px;
      background: linear-gradient(90deg, #333 0%, #333 100%);
    }



    /* ── Page shell ── */
    .page-shell {
      max-width: 1080px;
      margin: 0 auto;
      background: #fff;
      min-height: 100vh;
    }

    /* ── Header ── */
    .site-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 0px 20px;
      border-bottom: 1px solid #eaecef;
    }

    .site-header .breadcrumb {
      font-size: 12px;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #6b7280;
      font-weight: 500;
    }

    .site-header .logo-link img {
      height: 58px;
      display: block;
    }

    @media only screen and (max-device-width: 800px) 
    { 
    .site-header .logo-link img {
      height: 52px;
      display: block; }
    }


    /* ── Hero ── */


    .page-header { font-size: 26px; font-weight: bold; letter-spacing: 2px; }

    @media only screen and (max-device-width: 800px) 
    { 
     .page-header { font-size: 20px; }
    }

    .hero {
      padding: 42px 0px 35px;
      background: linear-gradient(160deg, #fdfdfd 0%, #fdfdfd 60%);
      border-bottom: 1px solid #eaecef;
    }

    .hero-eyebrow {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: #D96000;
      margin-bottom: 12px;
    }

    .hero h1 {
      font-family: 'Sora', sans-serif;
      font-size: clamp(26px, 4vw, 38px);
      font-weight: 700;
      color: #1a1a2e;
      line-height: 1.15;
      letter-spacing: -0.5px;
      margin-bottom: 16px;
    }

    .hero-sub {
      font-size: 15px;
      color: #4b5563;
      max-width: 580px;
      line-height: 1.75;
      letter-spacing: .5px;
    }

    /* ── Content area ── */
    .content {
      padding: 0 0px 56px;
    }

    /* ── Section ── */
    .section {
      padding-top: 40px; 
    }

    .section-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 20px;
    }

    .section-accent {
      width: 3px;
      height: 22px;
      background-color: #D96000;
      border-radius: 2px;
      flex-shrink: 0;
    }

    .section-header h2 {
      font-family: 'Sora', sans-serif;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 1.5px;
      text-transform: uppercase;
      color: #1a1a2e;
    }

    .section p {
      color: #374151;
      margin-bottom: 14px;
      font-size: 15px;
    }

    .section p:last-child { margin-bottom: 0; }


</style>





