:root {
        --bg: #fff;
        --text: #131313;
        --muted: #666;
        --line: #e5e5e5;
        --blue: #0079fe;
      }

      * { box-sizing: border-box; }

      body {
        margin: 0;
        background: var(--bg);
        color: var(--text);
        font-family: "Inter", system-ui, -apple-system, sans-serif;
      }

      .page {
        width: min(100% - 40px, 1180px);
        margin: 0 auto;
        padding: 24px 0 90px;
      }

      .top-logo {
        display: flex;
        justify-content: center;
        margin-bottom: 22px;
      }

      .top-logo a {
        display: inline-flex;
      }

      .top-logo img {
        height: 44px;
        width: auto;
      }

      .tag {
        display: inline-block;
        border-radius: 999px;
        background: #0f0f0f;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
        padding: 8px 14px;
      }

      .hero {
        margin-top: 8px;
        display: grid;
        grid-template-columns: 360px 1fr;
        gap: 36px;
        align-items: start;
      }

      .hero-image {
        width: 100%;
        aspect-ratio: 3 / 4;
        border-radius: 20px;
        border: 1px solid #e1e1e1;
        background: #efefef;
        overflow: hidden;
      }

      .hero-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        display: block;
      }

      h1 {
        margin: 16px 0 8px;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 58px;
        line-height: 1.18;
        letter-spacing: -0.035em;
        font-weight: 400;
      }

      .subtitle {
        margin: 0 0 14px;
        color: #3f3f3f;
        font-size: 22px;
        line-height: 1.3;
        font-weight: 300;
      }

      .lead {
        margin: 0;
        color: #666;
        font-size: 20px;
        line-height: 1.45;
        letter-spacing: -0.01em;
        font-weight: 300;
      }

      .hero-links {
        margin-top: 18px;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
      }

      .hero-links a {
        text-decoration: none;
        border-radius: 12px;
        border: 1px solid #d9d9d9;
        padding: 10px 14px;
        color: #222;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 500;
      }

      .hero-links a:hover { border-color: #0079fe; color: #0079fe; }

      .hero-cta {
        margin-top: 16px;
        display: inline-block;
        text-decoration: none;
        border-radius: 14px;
        background: #0079fe;
        color: #fff;
        padding: 13px 22px;
        font-size: 17px;
        line-height: 1.2;
        font-weight: 600;
      }

      .stats {
        margin-top: 40px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .stat-card {
        border: 1px solid #e7e7e7;
        border-radius: 16px;
        padding: 16px;
      }

      .stat-card b {
        display: block;
        color: #0079fe;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 42px;
        line-height: 1.08;
        letter-spacing: -0.02em;
        font-weight: 500;
      }

      .stat-card span {
        display: block;
        margin-top: 6px;
        color: #666;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 400;
      }

      .section {
        margin-top: 70px;
      }

      .section h2 {
        margin: 0 0 14px;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 50px;
        line-height: 1.18;
        letter-spacing: -0.035em;
        font-weight: 400;
      }

      .section p {
        margin: 0;
        color: #555;
        font-size: 20px;
        line-height: 1.5;
        font-weight: 300;
      }

      .chips {
        margin-top: 18px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .chip {
        border-radius: 999px;
        border: 1px solid #dbdbdb;
        padding: 10px 14px;
        background: #fff;
        font-size: 15px;
        line-height: 1.2;
        font-weight: 500;
        color: #353535;
      }

      .timeline {
        margin-top: 18px;
        display: grid;
        gap: 12px;
      }

      .timeline-item {
        border: 1px solid #e6e6e6;
        border-radius: 16px;
        padding: 16px;
      }

      .timeline-head {
        margin: 0 0 8px;
        display: flex;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
      }

      .timeline-head h3 {
        margin: 0;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 25px;
        line-height: 1.16;
        letter-spacing: -0.02em;
        font-weight: 500;
      }

      .timeline-head p {
        margin: 0;
        color: #777;
        font-size: 15px;
        line-height: 1.35;
        font-weight: 500;
      }

      .timeline-item ul {
        margin: 0;
        padding-left: 20px;
      }

      .timeline-item li {
        margin: 0 0 8px;
        color: #555;
        font-size: 17px;
        line-height: 1.4;
        font-weight: 300;
      }

      .two-col {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }

      .panel {
        border: 1px solid #e6e6e6;
        border-radius: 16px;
        padding: 16px;
      }

      .panel h3 {
        margin: 0 0 10px;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 25px;
        line-height: 1.16;
        letter-spacing: -0.02em;
        font-weight: 500;
      }

      .panel ul {
        margin: 0;
        padding-left: 20px;
      }

      .panel li {
        margin: 0 0 8px;
        color: #555;
        font-size: 17px;
        line-height: 1.4;
        font-weight: 300;
      }

      .quote {
        margin-top: 18px;
        border-radius: 20px;
        background: #f7f9fc;
        border: 1px solid #e4e8ee;
        padding: 20px;
      }

      .quote p {
        margin: 0;
        color: #2d3b4a;
        font-size: 20px;
        line-height: 1.45;
        font-weight: 400;
      }

      .quote small {
        display: block;
        margin-top: 12px;
        color: #4f5f73;
        font-size: 14px;
        line-height: 1.35;
        font-weight: 500;
      }

      .articles {
        margin-top: 18px;
        display: grid;
        gap: 12px;
      }

      .article-card {
        border: 1px solid #e6e6e6;
        border-radius: 14px;
        padding: 16px;
      }

      .article-card h3 {
        margin: 0 0 8px;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 34px;
        line-height: 1.14;
        letter-spacing: -0.028em;
        font-weight: 500;
      }

      .article-card h3 a {
        text-decoration: none;
        color: #161616;
      }

      .article-card p {
        margin: 0;
        color: #666;
        font-size: 18px;
        line-height: 1.42;
        font-weight: 300;
      }

      .cta-band {
        margin-top: 74px;
        border-radius: 28px;
        background: #0079fe;
        color: #fff;
        padding: 30px 24px;
        text-align: center;
      }

      .cta-band h2 {
        margin: 0;
        font-family: "Instrument Sans", "Inter", sans-serif;
        font-size: 50px;
        line-height: 1.18;
        letter-spacing: -0.035em;
        font-weight: 400;
      }

      .cta-band p {
        margin: 10px 0 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: 19px;
        line-height: 1.4;
        font-weight: 300;
      }

      .cta-band a {
        margin-top: 16px;
        display: inline-block;
        text-decoration: none;
        border-radius: 14px;
        background: #fff;
        color: #0079fe;
        padding: 12px 20px;
        font-size: 17px;
        line-height: 1.2;
        font-weight: 600;
      }

      @media (max-width: 1050px) {
        .hero {
          grid-template-columns: 1fr;
        }

        .hero-image {
          max-width: 420px;
        }

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

        .two-col {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 900px) {
        .page {
          width: calc(100% - 24px);
          padding-top: 14px;
        }

        .top-logo img {
          height: 36px;
        }

        h1 {
          font-size: clamp(40px, 9vw, 58px);
        }

        .section h2,
        .cta-band h2 {
          font-size: clamp(34px, 6.2vw, 50px);
        }

        .subtitle,
        .lead,
        .section p,
        .quote p {
          font-size: 18px;
        }

        .article-card h3 {
          font-size: 30px;
        }

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