<style>
  .me-landing {
    --bg: #0f1412;
    --bg-soft: #f7f4ee;
    --text: #1d1d1b;
    --muted: #666;
    --gold: #c8a45d;
    --gold-dark: #9b7838;
    --card: #ffffff;
    --border: rgba(0,0,0,.08);
    font-family: inherit;
    color: var(--text);
    line-height: 1.7;
  }

  .me-landing * {
    box-sizing: border-box;
  }

  .me-container {
    width: min(1120px, 92%);
    margin: 0 auto;
  }

  .me-hero {
    background:
      linear-gradient(135deg, rgba(15,20,18,.96), rgba(15,20,18,.82)),
      radial-gradient(circle at top right, rgba(200,164,93,.28), transparent 35%);
    color: #fff;
    padding: 110px 0 90px;
  }

  .me-tag {
    display: inline-block;
    color: var(--gold);
    border: 1px solid rgba(200,164,93,.45);
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 14px;
    margin-bottom: 24px;
  }

  .me-hero h1 {
    font-size: clamp(36px, 6vw, 68px);
    line-height: 1.05;
    max-width: 980px;
    margin: 0 0 22px;
  }

  .me-hero h2 {
    font-size: clamp(21px, 3vw, 34px);
    line-height: 1.25;
    max-width: 850px;
    font-weight: 500;
    color: rgba(255,255,255,.88);
    margin: 0 0 28px;
  }

  .me-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 32px 0;
  }

  .me-points span {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    padding: 9px 13px;
    border-radius: 999px;
    font-size: 14px;
  }

  .me-cta {
    display: inline-block;
    background: var(--gold);
    color: #111;
    padding: 15px 24px;
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
  }

  .me-cta:hover {
    background: #fff;
    color: #111;
  }

  .me-section {
    padding: 82px 0;
    background: #fff;
  }

  .me-section.alt {
    background: var(--bg-soft);
  }

  .me-section h2 {
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.15;
    margin: 0 0 24px;
  }

  .me-section h3 {
    margin-top: 0;
  }

  .me-section p {
    font-size: 18px;
    max-width: 860px;
    margin: 0 0 18px;
  }

  .me-intro {
    font-size: 24px !important;
    font-weight: 650;
    line-height: 1.45;
  }

  .me-highlight {
    font-size: 22px !important;
    font-weight: 750;
    color: var(--gold-dark);
    margin-top: 28px !important;
  }

  .me-list {
    margin: 26px 0;
    padding: 0;
    list-style: none;
    max-width: 850px;
  }

  .me-list li {
    position: relative;
    padding: 10px 0 10px 32px;
    border-bottom: 1px solid var(--border);
    font-size: 18px;
  }

  .me-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--gold-dark);
    font-weight: 800;
  }

  .me-quote {
    background: #111;
    color: #fff;
    border-left: 5px solid var(--gold);
    padding: 28px;
    border-radius: 18px;
    margin: 34px 0;
    max-width: 860px;
  }

  .me-quote p {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
  }

  .me-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 36px;
  }

  .me-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 14px 35px rgba(0,0,0,.06);
  }

  .me-card h3 {
    font-size: 21px;
    margin-bottom: 10px;
  }

  .me-card p {
    font-size: 16px;
    margin: 0;
  }

  .me-example {
    background: #fff;
    border-radius: 24px;
    border: 1px solid var(--border);
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
    padding: 32px;
    margin: 34px 0;
    max-width: 780px;
  }

  .me-example h3 {
    font-size: 26px;
    margin-bottom: 22px;
  }

  .me-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 0;
    border-bottom: 1px solid var(--border);
    font-size: 18px;
  }

  .me-row strong {
    white-space: nowrap;
  }

  .me-total {
    background: #111;
    color: #fff;
    margin: 18px -12px 0;
    padding: 18px 12px;
    border-radius: 14px;
    border-bottom: 0;
    font-size: 21px;
  }

  .me-warning {
    background: rgba(200,164,93,.13);
    border: 1px solid rgba(200,164,93,.35);
    padding: 22px;
    border-radius: 18px;
    max-width: 860px;
    margin-top: 28px;
  }

  .me-faq details {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 20px 24px;
    margin-bottom: 14px;
  }

  .me-faq summary {
    cursor: pointer;
    font-weight: 750;
    font-size: 19px;
  }

  .me-faq p {
    margin-top: 14px;
    font-size: 17px;
  }

  .me-lead {
    background: #101411;
    color: #fff;
    padding: 90px 0;
  }

  .me-lead h2 {
    font-size: clamp(32px, 5vw, 54px);
    line-height: 1.1;
    margin-bottom: 18px;
  }

  .me-lead p {
    color: rgba(255,255,255,.82);
    font-size: 19px;
    max-width: 760px;
  }

  .me-form-box {
    background: #fff;
    color: #111;
    border-radius: 24px;
    padding: 30px;
    margin-top: 34px;
    max-width: 760px;
  }

  @media (max-width: 820px) {
    .me-hero {
      padding: 80px 0 70px;
    }

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

    .me-section {
      padding: 64px 0;
    }

    .me-row {
      font-size: 16px;
    }

    .me-cta {
      width: 100%;
      text-align: center;
    }
  }
</style>

<article class="me-landing">

  <section class="me-hero">
    <div class="me-container">
      <span class="me-tag">Delivery • Κοστολόγηση • Κερδοφορία</span>

      <h1>Έχετε delivery κατάστημα και “νομίζετε” ότι έχετε κάνει κοστολόγηση;</h1>

      <h2>
        Πουλάτε delivery χωρίς σωστή κοστολόγηση;
        Τότε πιθανότατα δουλεύετε με πολύ μικρότερο κέρδος απ’ όσο νομίζετε.
      </h2>

      <div class="me-points">
        <span>Πρώτες ύλες</span>
        <span>Φύρες</span>
        <span>Εργατικά</span>
        <span>Προμήθειες delivery</span>
        <span>Συσκευασίες</span>
        <span>Καθημερινά έξοδα</span>
        <span>Τι μένει καθαρά</span>
      </div>

      <a href="#lead-form" class="me-cta">Ζητήστε δωρεάν αξιολόγηση επιχείρησης</a>
    </div>
  </section>

  <section class="me-section">
    <div class="me-container">
      <p class="me-intro">
        Η μεγαλύτερη παγίδα στην αγορά delivery σήμερα είναι ότι πολλές επιχειρήσεις
        δεν τιμολογούν με βάση πραγματικά δεδομένα. Τιμολογούν με βάση τον ανταγωνισμό.
      </p>

      <p>
        “Ο δίπλα το πουλάει 8.90€”, “η αγορά εκεί κινείται”, “αν το βάλω πιο πάνω δεν θα πουλήσει”.
      </p>

      <p>
        Όμως αν η τιμή βγαίνει μόνο επειδή έτσι πουλάει ο ανταγωνισμός,
        χωρίς να έχουν υπολογιστεί όλα τα έξοδα, τότε η επιχείρηση μπορεί να δουλεύει πολύ
        και να κρατάει ελάχιστα.
      </p>

      <ul class="me-list">
        <li>Κόστος πρώτων υλών</li>
        <li>Φύρες και καθημερινές απώλειες</li>
        <li>Εργατικά</li>
        <li>Προμήθειες από eFood, Wolt ή άλλες πλατφόρμες</li>
        <li>Συσκευασίες και αναλώσιμα</li>
        <li>Καθημερινά έξοδα λειτουργίας</li>
        <li>Πραγματικό καθαρό κέρδος ανά προϊόν</li>
      </ul>

      <p class="me-highlight">
        Το ότι ένα προϊόν πουλάει, δεν σημαίνει απαραίτητα ότι αφήνει και σωστό κέρδος.
      </p>
    </div>
  </section>

  <section class="me-section alt">
    <div class="me-container">
      <h2>Ο τζίρος δεν σημαίνει απαραίτητα κέρδος</h2>

      <p>
        Πολλά delivery καταστήματα βλέπουν καθημερινά παραγγελίες, τζίρο και γεμάτο ταμείο.
        Αυτό όμως δεν σημαίνει ότι στο τέλος της ημέρας μένουν πραγματικά χρήματα.
      </p>

      <div class="me-quote">
        <p>Στο τέλος του μήνα δεν μετράει τι μπήκε στο ταμείο. Μετράει τι έμεινε.</p>
      </div>

      <p>
        Αν δεν υπάρχει καθημερινή παρακολούθηση εσόδων και εξόδων,
        ο επιχειρηματίας βλέπει μόνο την κίνηση — όχι την πραγματική εικόνα της επιχείρησης.
      </p>

      <ul class="me-list">
        <li>Τι ξοδεύετε κάθε μέρα;</li>
        <li>Τι αφήνει καθαρά κάθε πιάτο;</li>
        <li>Ποια προϊόντα αποδίδουν πραγματικά;</li>
        <li>Ποια προϊόντα δουλεύουν σχεδόν χωρίς κέρδος;</li>
      </ul>
    </div>
  </section>

  <section class="me-section">
    <div class="me-container">
      <h2>Τα έξοδα που οι περισσότεροι δεν υπολογίζουν ποτέ</h2>

      <p>
        Τα χρήματα συχνά δεν χάνονται από ένα μεγάλο λάθος.
        Χάνονται από μικρά καθημερινά έξοδα που δεν παρακολουθούνται σωστά.
      </p>

      <div class="me-grid">
        <div class="me-card">
          <h3>Φύρες & απώλειες</h3>
          <p>Προϊόντα που πετιούνται, αλλοιώνονται ή δεν αξιοποιούνται σωστά.</p>
        </div>

        <div class="me-card">
          <h3>Συσκευασίες delivery</h3>
          <p>Κουτιά, σακούλες, χαρτιά, σάλτσες, συνοδευτικά και αναλώσιμα.</p>
        </div>

        <div class="me-card">
          <h3>Προμήθειες πλατφορμών</h3>
          <p>Κρατήσεις από πλατφόρμες delivery που μειώνουν σημαντικά το τελικό αποτέλεσμα.</p>
        </div>

        <div class="me-card">
          <h3>Νεκρές ώρες προσωπικού</h3>
          <p>Ώρες με χαμηλή παραγωγικότητα, αλλά με κανονικό εργατικό κόστος.</p>
        </div>

        <div class="me-card">
          <h3>Λάθη παραγωγής</h3>
          <p>Λάθος παραγγελίες, επιστροφές, επαναπαρασκευές και χαμένες πρώτες ύλες.</p>
        </div>

        <div class="me-card">
          <h3>Καθημερινά μικροέξοδα</h3>
          <p>Ανατιμήσεις, αναλώσιμα, ρεύμα, καθαριστικά και έξοδα που συσσωρεύονται.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="me-section alt">
    <div class="me-container">
      <h2>Παράδειγμα πραγματικής κοστολόγησης delivery</h2>

      <p>
        Ας δούμε ένα απλό παράδειγμα με σουβλάκι delivery.
        Τα νούμερα είναι ενδεικτικά, αλλά δείχνουν καθαρά το πρόβλημα.
      </p>

      <div class="me-example">
        <h3>Σουβλάκι delivery — Τελική τιμή: 4.20€</h3>

        <div class="me-row">
          <span>Πρώτες ύλες</span>
          <strong>1.25€</strong>
        </div>

        <div class="me-row">
          <span>Συσκευασία</span>
          <strong>0.22€</strong>
        </div>

        <div class="me-row">
          <span>Προμήθεια πλατφόρμας</span>
          <strong>0.90€</strong>
        </div>

        <div class="me-row">
          <span>Εργατικά</span>
          <strong>0.55€</strong>
        </div>

        <div class="me-row">
          <span>Λειτουργικά έξοδα</span>
          <strong>0.40€</strong>
        </div>

        <div class="me-row me-total">
          <span>Τι μένει πραγματικά;</span>
          <strong>0.88€</strong>
        </div>
      </div>

      <div class="me-warning">
        <p>
          Και αυτό χωρίς να υπολογιστούν πλήρως έκτακτες ζημιές, φύρες, λάθη παραγωγής,
          επιστροφές ή αλλαγές στις τιμές των προμηθευτών.
        </p>
      </div>

      <p>
        Γι’ αυτό πολλές επιχειρήσεις πιστεύουν ότι “δουλεύουν πολύ”,
        αλλά στο τέλος του μήνα δεν βλέπουν τα χρήματα που περίμεναν.
      </p>
    </div>
  </section>

  <section class="me-section">
    <div class="me-container">
      <h2>Γιατί όσοι κάνουν σωστή κοστολόγηση φαίνονται “ακριβοί”</h2>

      <p>
        Όταν μια επιχείρηση υπολογίζει πραγματικά όλα τα κόστη της,
        πολλές φορές φαίνεται ακριβότερη από τον ανταγωνισμό.
      </p>

      <p>
        Η διαφορά είναι ότι δεν μαντεύει. Ξέρει τι πρέπει να αφήνει κάθε προϊόν,
        ποια είναι τα πραγματικά έξοδα και πώς μπορεί να παραμείνει βιώσιμη.
      </p>

      <div class="me-quote">
        <p>
          Η σωστή κοστολόγηση δεν βασίζεται στο “όσο πουλάει και ο δίπλα”.
          Βασίζεται στα πραγματικά δεδομένα της επιχείρησης.
        </p>
      </div>
    </div>
  </section>

  <section class="me-section alt">
    <div class="me-container">
      <h2>Τι κάνει η σωστή παρακολούθηση</h2>

      <p>
        Η σωστή κοστολόγηση και η καθημερινή παρακολούθηση εσόδων-εξόδων
        δεν είναι απλώς ένα αρχείο Excel. Είναι εργαλείο απόφασης.
      </p>

      <ul class="me-list">
        <li>Βλέπετε τι πραγματικά αφήνει κάθε προϊόν</li>
        <li>Εντοπίζετε προϊόντα που δουλεύουν χωρίς ουσιαστικό κέρδος</li>
        <li>Καταλαβαίνετε πότε μια αύξηση τιμής είναι αναγκαία</li>
        <li>Παρακολουθείτε καθημερινά τι μπαίνει και τι φεύγει</li>
        <li>Παίρνετε αποφάσεις με νούμερα, όχι με αίσθηση</li>
      </ul>
    </div>
  </section>

  <section class="me-section me-faq">
    <div class="me-container">
      <h2>Συχνές ερωτήσεις</h2>

      <details>
        <summary>Χρειάζεται κοστολόγηση αν ήδη ξέρω τις τιμές της αγοράς;</summary>
        <p>
          Ναι. Οι τιμές της αγοράς δείχνουν τι κάνει ο ανταγωνισμός, όχι αν η δική σας επιχείρηση
          βγάζει πραγματικά κέρδος με τα δικά της κόστη.
        </p>
      </details>

      <details>
        <summary>Γιατί ο τζίρος δεν αρκεί για να ξέρω αν πάω καλά;</summary>
        <p>
          Γιατί ο τζίρος δείχνει πόσα χρήματα μπήκαν, όχι πόσα έμειναν μετά από πρώτες ύλες,
          εργατικά, προμήθειες, συσκευασίες, λειτουργικά έξοδα και απώλειες.
        </p>
      </details>

      <details>
        <summary>Η αξιολόγηση αφορά μόνο delivery καταστήματα;</summary>
        <p>
          Η βασική στόχευση είναι delivery, fast food, σουβλάκι, burger, pizza και snack καταστήματα,
          αλλά η ίδια λογική μπορεί να εφαρμοστεί σε πολλές επιχειρήσεις εστίασης.
        </p>
      </details>

      <details>
        <summary>Τι κερδίζω από μια πρώτη αξιολόγηση;</summary>
        <p>
          Παίρνετε μια πιο καθαρή εικόνα για το αν οι τιμές, τα κόστη και η καθημερινή λειτουργία
          της επιχείρησης αφήνουν το κέρδος που νομίζετε.
        </p>
      </details>
    </div>
  </section>

  <section class="me-lead" id="lead-form">
    <div class="me-container">
      <h2>Ζητήστε δωρεάν αξιολόγηση επιχείρησης</h2>

      <p>
        Συμπληρώστε τα στοιχεία σας και θα επικοινωνήσουμε μαζί σας
        για μια πρώτη αξιολόγηση της επιχείρησής σας.
      </p>

      <div class="me-form-box">
        <!-- ΒΑΛΕ ΕΔΩ ΤΟ HUBSPOT EMBED -->

        <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script>

        <script>
          hbspt.forms.create({
            region: "eu1",
            portalId: "YOUR_PORTAL_ID",
            formId: "YOUR_FORM_ID"
          });
        </script>
      </div>
    </div>
  </section>

</article>