<!DOCTYPE html>
<html lang="en">
<head><script async src="https://www.googletagmanager.com/gtag/js?id=G-QF75QTJVNF"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-QF75QTJVNF');</script><base href="/"><script async src="https://www.googletagmanager.com/gtag/js?id=G-QF75QTJVNF"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-QF75QTJVNF');</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>DELIGHT — AI Agents for Small and Mid-Sized Businesses</title>
<meta name="description" content="Delegate customer support, bookings, follow-ups and routine work to AI agents. Keep information connected and see what needs your attention. Free to start.">
<style>
:root{--navy:#0b1f3a;--blue:#2563eb;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--soft:#fafafa}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:flex;align-items:center}
.nav-links{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:600;color:#334155}
.nav-links a.nav-text:hover{color:var(--blue)}
.btn{display:inline-block;padding:12px 24px;border-radius:10px;font-weight:600;font-size:15px;transition:opacity .15s}
.btn:hover{opacity:.88}
.btn-primary{background:var(--blue);color:#fff}
.btn-ghost{border:1px solid var(--line);color:var(--navy);background:#fff}
.btn-sm{padding:9px 18px;font-size:14px}
.lang-switch{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang-switch button{background:none;border:none;padding:6px 12px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.lang-switch button.active{background:var(--blue);color:#fff}
section{padding:76px 0}
.hero{background:var(--soft);border-bottom:1px solid var(--line);padding:84px 0 72px}
.eyebrow,.kicker{color:var(--blue);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:14px}
h1{font-size:clamp(34px,4.4vw,52px);line-height:1.1;letter-spacing:-1.2px;font-weight:800;color:var(--navy);margin-bottom:20px;max-width:18ch}
h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;color:var(--navy);margin-bottom:14px;letter-spacing:-.6px}
.hero p.lede,.lead{font-size:17px;color:var(--muted);max-width:640px;margin-bottom:32px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{border:1px solid var(--line);border-radius:14px;padding:28px 24px;background:#fff;display:flex;flex-direction:column;transition:border-color .18s,box-shadow .18s}
.card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px rgba(11,31,58,.06)}
.card h3{font-size:17px;color:var(--navy);margin-bottom:8px}
.card p{font-size:15px;color:var(--muted)}
.card .more{margin-top:18px;font-size:14px;font-weight:700;color:var(--blue)}
.alt{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.textlink{display:inline-block;font-weight:700;color:var(--blue);font-size:16px}
.textlink:hover{text-decoration:underline}
.s5{text-align:center}
.s5 .lead{margin-left:auto;margin-right:auto}
.s5 .cta{justify-content:center}
.note{max-width:600px;margin:24px auto 0;font-size:14px;color:var(--muted);text-align:center}
.note a{color:var(--blue);font-weight:600}
.note a:hover{text-decoration:underline}
.proof{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:#fff;max-width:780px;margin:44px auto 0;overflow:hidden}
.proof div{flex:1;min-width:200px;padding:22px 26px}
.proof b{display:block;font-size:22px;font-weight:800;color:var(--navy);line-height:1.25}
.proof span{font-size:13px;color:var(--muted)}
.proof div+div{border-left:1px solid var(--line)}
.quote{border:1px solid var(--line);border-radius:14px;background:#fff;padding:32px;max-width:780px;margin:32px auto 0;text-align:left}
.quote p{font-size:16px;line-height:1.7;color:var(--ink);margin-bottom:14px}
.quote .who{font-size:13px;color:var(--muted);font-weight:600}
footer{border-top:1px solid var(--line);padding:32px 0;font-size:14px;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot a:hover{color:var(--blue)}
@media(max-width:820px){
.nav{height:auto;padding:12px 0;flex-wrap:wrap}
.nav-links{gap:12px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a.nav-text{display:none}
h1{max-width:none}
section{padding:56px 0}
.hero{padding:56px 0 48px}
.proof{flex-direction:column}
.proof div+div{border-left:none;border-top:1px solid var(--line)}
.quote{padding:24px 20px}
}
</style>
</head>
<body>

<header>
  <div class="wrap nav">
    <a class="logo" href="/"><img src="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/694fb56ca7c1bc421b486b7b/e0b881b8d_Logo_300.png" alt="DELIGHT" style="height:34px;width:auto;display:block"></a>
    <nav class="nav-links">
      <a class="nav-text" href="/why-delight" data-en="Why DELIGHT" data-ja="ディライトの特徴">Why DELIGHT</a>
      <a class="nav-text" href="https://app.delight.fit/pricing" data-en="Pricing" data-ja="料金">Pricing</a>
      <a class="nav-text" href="https://app.delight.fit/book/delight-free-15" data-en="Contact" data-ja="お問い合わせ">Contact</a>
      <div class="lang-switch">
        <button id="lang-en" class="active" onclick="setLang('en')">EN</button>
        <button id="lang-ja" onclick="setLang('ja')">JA</button>
      </div>
      <a class="btn btn-ghost btn-sm" href="https://app.delight.fit/" data-en="Sign in" data-ja="ログイン">Sign in</a>
      <a class="btn btn-primary btn-sm" href="/new" data-en="Start free" data-ja="無料で始める">Start free</a>
    </nav>
  </div>
</header>

<section class="hero">
  <div class="wrap">
    <p class="eyebrow" data-en="AI agents for your business" data-ja="あなたのビジネスのためのAIエージェント">AI agents for your business</p>
    <h1 data-en="Less chasing. More work done." data-ja="追いかける仕事を減らし、成果を増やす。">Less chasing. More work done.</h1>
    <p class="lede" data-en="Delegate customer support, bookings, follow-ups and routine work to AI agents. Keep information connected and see what needs your attention." data-ja="顧客対応、予約、フォローアップ、定型業務をAIエージェントに任せましょう。情報はつながったまま、対応が必要なことだけが目に入ります。">Delegate customer support, bookings, follow-ups and routine work to AI agents. Keep information connected and see what needs your attention.</p>
    <div class="cta">
      <a class="btn btn-primary" href="/new" data-en="Start free" data-ja="無料で始める">Start free</a>
      <a class="btn btn-ghost" href="https://app.delight.fit/book/delight-free-15" data-en="Talk to us" data-ja="相談する">Talk to us</a>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <p class="kicker" data-en="Practical starting points" data-ja="はじめの一歩">Practical starting points</p>
    <h2 data-en="Start with one job." data-ja="まずは一つの仕事から。">Start with one job.</h2>
    <div class="grid g3" style="margin-top:36px">
      <a class="card" href="/internet-support-agent">
        <h3 data-en="Customer support" data-ja="カスタマーサポート">Customer support</h3>
        <p data-en="Answer questions across available channels using your website and support content." data-ja="自社サイトやサポート情報をもとに、対応可能なチャネルで質問に回答します。">Answer questions across available channels using your website and support content.</p>
        <span class="more" data-en="Learn more →" data-ja="詳しく見る →">Learn more →</span>
      </a>
      <a class="card" href="/booking-agent">
        <h3 data-en="Bookings and follow-ups" data-ja="予約とフォローアップ">Bookings and follow-ups</h3>
        <p data-en="Arrange appointments and keep customer follow-ups moving." data-ja="予約を整え、顧客へのフォローアップを止めずに進めます。">Arrange appointments and keep customer follow-ups moving.</p>
        <span class="more" data-en="Learn more →" data-ja="詳しく見る →">Learn more →</span>
      </a>
      <a class="card" href="/integration-agent">
        <h3 data-en="Routine workflows" data-ja="定型ワークフロー">Routine workflows</h3>
        <p data-en="Automate defined tasks and connect to your existing systems through supported APIs." data-ja="決まった業務を自動化し、対応APIを通じて既存システムとつなぎます。">Automate defined tasks and connect to your existing systems through supported APIs.</p>
        <span class="more" data-en="Learn more →" data-ja="詳しく見る →">Learn more →</span>
      </a>
    </div>
  </div>
</section>

<section class="alt">
  <div class="wrap">
    <p class="kicker" data-en="The bigger picture" data-ja="もっと大きな話">The bigger picture</p>
    <h2 data-en="You have enough tools. You need work done." data-ja="ツールはもう十分。必要なのは、仕事が終わること。">You have enough tools. You need work done.</h2>
    <p class="lead" data-en="Many businesses juggle disconnected apps, spreadsheets and messages. DELIGHT brings information and AI agents together, so you can delegate work instead of copying data and chasing updates." data-ja="今、多くのお店や会社は何十ものバラバラなツールを使い分けています。ディライトはツールをもう一つ増やすのではなく、仕事を任せられるAIエージェントをお届けします。">Many businesses juggle disconnected apps, spreadsheets and messages. DELIGHT brings information and AI agents together, so you can delegate work instead of copying data and chasing updates.</p>
    <a class="textlink" href="/why-delight" data-en="Why DELIGHT →" data-ja="ディライトの特徴を見る →">Why DELIGHT →</a>
  </div>
</section>

<section>
  <div class="wrap">
    <p class="kicker" data-en="Outcome Intelligence" data-ja="アウトカム・インテリジェンス">Outcome Intelligence</p>
    <h2 data-en="See what needs attention." data-ja="対応すべきことが見える。">See what needs attention.</h2>
    <p class="lead" data-en="Know where work is stuck, what needs to happen next, and whether it is moving your business forward." data-ja="仕事がどこで止まっているか、次に何をすべきか、そしてそれがビジネスを前進させているかが分かります。">Know where work is stuck, what needs to happen next, and whether it is moving your business forward.</p>
    <a class="textlink" href="/outcome-intelligence" data-en="Explore Outcome Intelligence →" data-ja="アウトカム・インテリジェンスを見る →">Explore Outcome Intelligence →</a>
  </div>
</section>

<section class="alt s5">
  <div class="wrap">
    <h2 data-en="What would you like to delegate first?" data-ja="まず何を任せますか？">What would you like to delegate first?</h2>
    <p class="lead" data-en="Start with one job and add more when it works. No contracts, no setup required to begin." data-ja="まずは一つの仕事から。うまくいったら増やしていきましょう。契約も初期設定も不要です。">Start with one job and add more when it works. No contracts, no setup required to begin.</p>
    <div class="cta">
      <a class="btn btn-primary" href="/new" data-en="Start free" data-ja="無料で始める">Start free</a>
      <a class="btn btn-ghost" href="https://app.delight.fit/book/delight-free-15" data-en="Talk to us" data-ja="相談する">Talk to us</a>
    </div>
    <p class="note" data-en="Free core workspace. Pay for AI execution. Custom workflows and integrations may require an initial setup fee." data-ja="基本ワークスペースは無料。AIの実行に応じてお支払い。カスタムワークフローや連携は初期費用が必要な場合があります。">Free core workspace. Pay for AI execution. Custom workflows and integrations may require an initial setup fee.</p>
    <p class="note" style="margin-top:8px"><a href="https://app.delight.fit/pricing" data-en="See pricing →" data-ja="料金を見る →">See pricing →</a></p>
    <div class="proof">
      <div><b>117</b><span data-en="AI agents launched" data-ja="AIエージェント稼働中">AI agents launched</span></div>
      <div><b>4.9 / 5</b><span data-en="Customer satisfaction" data-ja="顧客満足度">Customer satisfaction</span></div>
      <div><b>ISO 27001</b><span data-en="Certified operations" data-ja="認証取得の運用体制">Certified operations</span></div>
    </div>
    <p style="margin-top:20px"><a class="textlink" style="font-size:14px" href="/discover" data-en="Read customer reviews →" data-ja="顧客レビューを読む →">Read customer reviews →</a></p>
    <div class="quote">
      <p data-en="“Runners called early in the morning and late at night. With our team deep in final preparations, answering was nearly impossible. DELIGHT streamlined our communication and let us focus on running the event. Highly recommended!”" data-ja="“ランナーからは早朝や深夜に電話がかかってきました。最終準備に追われるチームにとって、電話に出ることはほぼ不可能でした。ディライトがコミュニケーションを合理化し、イベント運営に集中できました。強くお勧めします！”">“Runners called early in the morning and late at night. With our team deep in final preparations, answering was nearly impossible. DELIGHT streamlined our communication and let us focus on running the event. Highly recommended!”</p>
      <div class="who" data-en="Miyajima Marathon — International event organizer" data-ja="宮島マラソン — 国際イベント運営者">Miyajima Marathon — International event organizer</div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap foot">
    <div data-en="© DELIGHT — AI agents for small and mid-sized businesses" data-ja="© ディライト — 中小企業のためのAIエージェント">© DELIGHT — AI agents for small and mid-sized businesses</div>
    <div><a href="/blogs/news" style="margin-right:16px" data-en="Blog" data-ja="ブログ">Blog</a><a href="/blogs/insight" style="margin-right:16px" data-en="Insight" data-ja="インサイト">Insight</a><a href="/pages/about" style="margin-right:16px" data-en="About" data-ja="会社情報">About</a><a href="/pages/trust-security" data-en="Trust &amp; Security" data-ja="信頼性・セキュリティ">Trust &amp; Security</a></div>
  </div>
</footer>

<script>
function setLang(lang){
  document.documentElement.lang=lang;
  document.querySelectorAll('[data-en]').forEach(function(el){
    var txt=lang==='ja'?el.getAttribute('data-ja'):el.getAttribute('data-en');
    if(txt)el.innerHTML=txt;
  });
  document.getElementById('lang-en').className=lang==='en'?'active':'';
  document.getElementById('lang-ja').className=lang==='ja'?'active':'';
  try{localStorage.setItem('delight-lang',lang);}catch(e){}
}
(function(){
  var saved='en';
  try{saved=localStorage.getItem('delight-lang')||'en';}catch(e){}
  if(saved==='ja')setLang('ja');
  else{document.getElementById('lang-en').className='active';}
})();
</script>

</body>
</html>