채널, 회의, 문서를 한곳에서 이어 갑니다

<div className="uyoo-lp">                       {/* 컨테이너. 블록이 폭 600 · 900 · 960 에서 배치를 바꾼다 */}
  <header className="uyoo-lp-nav" data-scrolled>  {/* 스크롤하면 앱이 data-scrolled 를 단다 */}
    <div className="uyoo-lp-wrap uyoo-lp-nav-in">
      <a className="uyoo-lp-brand" href="/">…</a>
      <nav aria-label="주요 메뉴">
        <ul className="uyoo-lp-links">
          <li><a className="uyoo-lp-link" aria-current="page" href="/">제품</a></li>
        </ul>
      </nav>
      <div className="uyoo-lp-nav-end">
        …버튼…
        <button className="uyoo-lp-menu" aria-label="메뉴 열기" aria-expanded={open} aria-controls="menu">…</button>
      </div>
    </div>
  </header>
  <main>
    <section className="uyoo-lp-hero">
      <div className="uyoo-lp-wrap uyoo-lp-hero-grid">
        <div>
          <p className="uyoo-eyebrow">실시간 협업 플랫폼</p>
          <h1 className="uyoo-display">채널, 회의, 문서를 한곳에서 이어 갑니다</h1>
          <p className="uyoo-lead">…</p>
          <div className="uyoo-lp-actions">…</div>
        </div>
        <div className="uyoo-window">…</div>
      </div>
    </section>
    <section className="uyoo-lp-section"><div className="uyoo-lp-wrap">…</div></section>
  </main>
  <footer className="uyoo-lp-foot">…</footer>
</div>

<div className="uyoo-lp-faq-item">
  <button className="uyoo-lp-faq-q" aria-expanded={open} aria-controls="faq-1" onClick={toggle}>
    무료 체험이 끝나면 요금이 바로 청구됩니까? <IconChevronDown size={18} />
  </button>
  <p className="uyoo-lp-faq-a" id="faq-1" hidden={!open}>…</p>
</div>