<template>
  <section id="home" class="hero-section section-anchor">
    <div class="hero-bg-orb hero-bg-orb--left"></div>
    <div class="hero-bg-orb hero-bg-orb--right"></div>
    <div class="container hero-grid">
      <div class="hero-copy">
        <h1>
          <span class="hero-title-line hero-title-line--main">
            <span>医疗行业</span><span class="hero-title-nowrap">患者全周期管理服务</span>
          </span>
          <span class="hero-title-line">数智化升级服务商</span>
        </h1>
        <div class="hero-badge">专注于医疗服务提质提效增收</div>
        <article id="company" class="intro-card glass-card">
          <p>
            杭州柚康科技有限公司，致力成为医疗机构的长期数据服务商及智能化升级服务商。
            公司聚焦应用医疗大数据技术、医疗大模型及智能体技术、互联网技术，打造院前 + 院中 + 院后全周期、精细化的患者管理服务模式，
            不断提高患者服务体验、提高服务效率、提升服务专业性，增强医患信任，增加医院收入。
          </p>
        </article>
      </div>

      <div class="hero-visual" aria-label="医疗服务场景图片占位">
        <img src="/assets/medical.png" alt="医生与患者沟通场景占位图" />

      </div>
    </div>
  </section>
</template>
