@import url('fonts/_font-face.css');

/* ===================================================================
   Deltio — landing
   Χτισμένο πάνω στο Cuba (bootstrap.css + style.css). Εδώ μένουν ΜΟΝΟ
   όσα το Cuba δεν δίνει: η τυπογραφία με ελληνικά, και τα τμήματα
   της σελίδας. Ό,τι υπάρχει στο Cuba (btn, card, badge, accordion,
   grid) χρησιμοποιείται όπως είναι.
   =================================================================== */

:root{
  /* Ουδέτερα με ζεστή απόχρωση, όχι μπλε-γκρι: πατούν στο ίδιο πορτοκαλί και
     η σελίδα διαβάζεται σαν ένα πράγμα. Σκούρα, όχι ανοιχτόγκριζα — το ink-2
     κουβαλάει όλο το τρεχούμενο κείμενο και στο ανοιχτό γκρι κούραζε σε
     φωτεινή οθόνη αποθήκης. Και τα τρία πάνω από 7:1 αντίθεση σε λευκό. */
  --dt-ink:#241a13;
  --dt-ink-2:#4c4038;
  --dt-ink-3:#7c6c60;
  --dt-line:#ece3da;
  --dt-soft:#faf6f1;

  /* Το πορτοκαλί της ράμπας — όχι το μωβ του Cuba. Δύο αποχρώσεις με
     διαφορετική δουλειά: το brand γεμίζει επιφάνειες (εκεί το κείμενο είναι
     λευκό), το brand-ink γράφει πάνω σε λευκό, όπου το ανοιχτό πορτοκαλί
     δεν θα έπιανε αναγνώσιμη αντίθεση. */
  --dt-brand:#e2590b;
  --dt-brand-2:#c2410c;
  --dt-brand-ink:#9a3412;
  --dt-brand-soft:#fdf0e4;

  --dt-ok:#157347;
  --dt-ok-soft:#e7f3ec;
  --dt-warn:#9a5b06;
  --dt-warn-soft:#fdf2df;
  --dt-radius:16px;
  --dt-shadow:0 1px 2px rgba(60,38,20,.05), 0 12px 32px rgba(60,38,20,.08);
  --dt-shadow-lg:0 2px 6px rgba(60,38,20,.07), 0 28px 64px rgba(60,38,20,.14);
}

/* --- Τυπογραφία: το Rubik του Cuba δεν έχει ελληνικά. --- */
body,
.btn,
input, select, textarea,
.accordion-button{
  font-family:'Commissioner', system-ui, -apple-system, "Segoe UI", sans-serif;
}
body{
  font-size:16px;
  line-height:1.65;
  color:var(--dt-ink-2);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,
.dt-display{
  font-family:'Alegreya Sans', system-ui, sans-serif;
  font-weight:800;
  color:var(--dt-ink);
  letter-spacing:-.015em;
  line-height:1.12;
}
h1{font-size:clamp(34px,5.6vw,60px); font-weight:900}
h2{font-size:clamp(27px,3.7vw,42px)}
h3{font-size:20px; line-height:1.3}
p{margin:0}
a{color:var(--dt-brand-ink); text-decoration:none}
a:hover{color:var(--dt-brand-2); text-decoration:underline}
strong,b{color:var(--dt-ink); font-weight:600}

.dt-lead{font-size:clamp(17px,1.6vw,20px); line-height:1.6; color:var(--dt-ink-2)}
.dt-muted{color:var(--dt-ink-3)}
.dt-kicker{
  font-size:12.5px; font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  color:var(--dt-brand-ink); margin-bottom:14px;
}

/* --- Κουμπιά --- */
.btn{border-radius:12px; font-weight:600; padding:13px 26px; font-size:15.5px; transition:.18s}
.btn-lg{padding:16px 32px; font-size:16.5px}
.btn-sm{padding:9px 18px; font-size:14px}
.dt-btn-primary{
  background:var(--dt-brand); border-color:var(--dt-brand); color:#fff;
  box-shadow:0 6px 18px rgba(226,89,11,.30);
}
.dt-btn-primary:hover{background:var(--dt-brand-2); border-color:var(--dt-brand-2); color:#fff; transform:translateY(-1px)}
.dt-btn-ghost{background:#fff; border:1px solid var(--dt-line); color:var(--dt-ink)}
.dt-btn-ghost:hover{background:var(--dt-soft); border-color:#dccfc3; color:var(--dt-ink)}
.dt-btn-light{background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); color:#fff; backdrop-filter:blur(6px)}
.dt-btn-light:hover{background:rgba(255,255,255,.24); color:#fff}

/* --- Header --- */
.dt-head{
  position:sticky; top:0; z-index:1030;
  background:rgba(255,255,255,.86);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--dt-line);
}
.dt-head__inner{display:flex; align-items:center; gap:28px; height:70px}
.dt-logo{display:flex; align-items:center; gap:10px; font-family:'Alegreya Sans',sans-serif; font-weight:900; font-size:22px; color:var(--dt-ink); letter-spacing:-.02em}
.dt-logo:hover{color:var(--dt-ink); text-decoration:none}
.dt-logo__mark{
  width:34px; height:34px; border-radius:10px; flex:none; display:grid; place-items:center;
  background:linear-gradient(145deg,var(--dt-brand),var(--dt-brand-2));
  color:#fff; box-shadow:0 4px 12px rgba(226,89,11,.34);
}
.dt-nav{margin-left:auto; display:flex; gap:30px; align-items:center}
.dt-nav a{color:var(--dt-ink-2); font-size:15px; font-weight:500}
.dt-nav a:hover{color:var(--dt-ink); text-decoration:none}
@media (max-width:991px){ .dt-nav{display:none} .dt-head__inner{gap:14px} }

/* --- Hero --- */
.dt-hero{
  position:relative; overflow:hidden; color:#fff;
  background:
    radial-gradient(900px 480px at 88% -8%, rgba(255,255,255,.22), transparent 62%),
    radial-gradient(700px 420px at 4% 108%, rgba(0,0,0,.26), transparent 60%),
    linear-gradient(135deg,#b23c07 0%, #e2590b 46%, #f59e0b 100%);
  padding:88px 0 96px;
}
.dt-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(760px 420px at 74% 44%, #000, transparent 72%);
}
.dt-hero > .container{position:relative; z-index:1}
.dt-hero h1{color:#fff}
.dt-hero .dt-lead{color:rgba(255,255,255,.9); max-width:33em; margin-top:22px}
.dt-hero__note{color:rgba(255,255,255,.72); font-size:14.5px; margin-top:18px}
.dt-pill{
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.28);
  color:#fff; padding:7px 16px; border-radius:999px; font-size:13.5px; font-weight:500;
  backdrop-filter:blur(8px);
}
.dt-pill__dot{width:7px; height:7px; border-radius:50%; background:#ffe9b8; flex:none; box-shadow:0 0 0 4px rgba(255,233,184,.26)}

/* --- Κινητό (mock) --- */
.dt-phone{
  width:290px; max-width:100%; margin-inline:auto;
  background:#fff; border-radius:30px; padding:11px;
  box-shadow:0 30px 70px rgba(70,28,4,.40), 0 0 0 1px rgba(255,255,255,.24);
}
.dt-phone__screen{background:#fff; border:1px solid var(--dt-line); border-radius:21px; overflow:hidden}
.dt-phone__top{padding:14px 16px; border-bottom:1px solid var(--dt-line); display:flex; align-items:center; gap:10px}
.dt-phone__top b{font-family:'Alegreya Sans',sans-serif; font-size:16px; color:var(--dt-ink)}
.dt-phone__top span{margin-left:auto; font-size:11.5px; color:var(--dt-ink-3)}
.dt-phone__body{padding:16px}
.dt-scan{
  height:124px; border-radius:13px; background:var(--dt-soft); border:1px solid var(--dt-line);
  display:grid; place-items:center; position:relative; overflow:hidden; color:var(--dt-ink-3);
}
.dt-scan::after{
  content:""; position:absolute; left:15%; right:15%; height:2px; border-radius:2px;
  background:var(--dt-brand); box-shadow:0 0 14px 2px rgba(226,89,11,.70);
  animation:dt-sweep 2.8s ease-in-out infinite;
}
@keyframes dt-sweep{0%,100%{top:22%} 50%{top:76%}}
@media (prefers-reduced-motion:reduce){ .dt-scan::after{animation:none; top:50%} }
.dt-row{display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--dt-line); font-size:13.5px; color:var(--dt-ink-3)}
.dt-row:last-of-type{border-bottom:0}
.dt-row b{margin-left:auto; color:var(--dt-ink); font-weight:600}
.dt-chip{display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:999px; font-size:11.5px; font-weight:600}
.dt-chip--ok{background:var(--dt-ok-soft); color:var(--dt-ok)}
.dt-phone__cta{
  width:100%; margin-top:14px; padding:14px; border:0; border-radius:12px;
  background:var(--dt-ok); color:#fff; font-weight:600; font-size:15px;
  font-family:'Commissioner',sans-serif;
}

/* --- Ενότητες --- */
.dt-sec{padding:92px 0}
.dt-sec--soft{background:var(--dt-soft); border-block:1px solid var(--dt-line)}
.dt-sec__head{max-width:42em; margin-bottom:52px}
.dt-sec__head .dt-lead{margin-top:18px}
.dt-sec__head--center{margin-inline:auto; text-align:center}

/* --- Κάρτες --- */
.dt-card{
  background:#fff; border:1px solid var(--dt-line); border-radius:var(--dt-radius);
  padding:30px; height:100%; transition:.2s;
}
.dt-card:hover{border-color:#d6d9ea; box-shadow:var(--dt-shadow); transform:translateY(-2px)}
.dt-sec--soft .dt-card{background:#fff}
.dt-card h3{margin-bottom:10px}
.dt-card p{font-size:15.5px}
.dt-ico{
  width:46px; height:46px; border-radius:13px; display:grid; place-items:center;
  background:var(--dt-brand-soft); color:var(--dt-brand-ink); font-size:20px; margin-bottom:18px;
}
.dt-ico--ok{background:var(--dt-ok-soft); color:var(--dt-ok)}
.dt-ico--warn{background:var(--dt-warn-soft); color:var(--dt-warn)}
.dt-step{
  width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(145deg,var(--dt-brand),var(--dt-brand-2)); color:#fff;
  font-family:'Alegreya Sans',sans-serif; font-weight:900; font-size:18px; margin-bottom:18px;
  box-shadow:0 5px 14px rgba(226,89,11,.30);
}

/* --- Πίνακας σύγκρισης --- */
.dt-tbl{border:1px solid var(--dt-line); border-radius:var(--dt-radius); overflow:hidden; background:#fff}
.dt-tbl table{width:100%; margin:0; border-collapse:collapse; font-size:15.5px}
.dt-tbl th,.dt-tbl td{padding:16px 20px; border-bottom:1px solid var(--dt-line); vertical-align:middle}
.dt-tbl tbody tr:last-child td{border-bottom:0}
.dt-tbl thead th{background:var(--dt-soft); font-size:13.5px; font-weight:600; color:var(--dt-ink-2); font-family:'Commissioner',sans-serif; letter-spacing:.02em}
.dt-tbl th:first-child{width:46%}
.dt-tbl td:first-child{color:var(--dt-ink); font-weight:500}
.dt-tbl .c{text-align:center; width:27%}
.dt-tbl tbody tr:hover{background:#fffaf5}
.dt-yes{color:var(--dt-ok); font-weight:600}
.dt-no{color:var(--dt-ink-3)}
.dt-tbl col.hl,.dt-tbl .hl{background:rgba(226,89,11,.05)}
@media (max-width:640px){
  .dt-tbl th,.dt-tbl td{padding:12px 11px; font-size:13.5px}
  .dt-tbl th:first-child{width:auto}
}

/* --- Ασφάλεια --- */
.dt-shield{
  background:#fff; border:1px solid var(--dt-line); border-left:4px solid var(--dt-brand);
  border-radius:var(--dt-radius); padding:36px; box-shadow:var(--dt-shadow);
}
.dt-list{list-style:none; padding:0; margin:22px 0 0; display:grid; gap:16px}
.dt-list li{display:flex; gap:14px; align-items:flex-start; font-size:15.5px}
.dt-tick{
  width:22px; height:22px; border-radius:50%; flex:none; margin-top:2px;
  background:var(--dt-ok-soft); color:var(--dt-ok);
  display:grid; place-items:center; font-size:11px; font-weight:700;
}

/* --- Τιμολόγηση --- */
.dt-plan{
  background:#fff; border:1px solid var(--dt-line); border-radius:var(--dt-radius);
  padding:34px; height:100%; display:flex; flex-direction:column;
}
.dt-plan--hero{
  border:2px solid var(--dt-brand); box-shadow:var(--dt-shadow-lg); position:relative;
}
.dt-plan__flag{
  position:absolute; top:-13px; left:34px;
  background:var(--dt-brand); color:#fff; font-size:12px; font-weight:600;
  padding:5px 14px; border-radius:999px; letter-spacing:.03em;
}
.dt-plan__tag{font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--dt-ink-3)}
.dt-plan--hero .dt-plan__tag{color:var(--dt-brand-ink)}
.dt-plan__price{font-family:'Alegreya Sans',sans-serif; font-weight:900; font-size:44px; color:var(--dt-ink); letter-spacing:-.03em; margin:12px 0 2px; line-height:1}
.dt-plan__price small{font-family:'Commissioner',sans-serif; font-size:15px; font-weight:500; color:var(--dt-ink-3); letter-spacing:0}
.dt-plan__price--sm{font-size:26px}
.dt-plan__sub{font-size:14.5px; color:var(--dt-ink-3); margin-top:8px}
.dt-plan .dt-list{margin:24px 0 28px; gap:13px}
.dt-plan .dt-list li{font-size:15px}
.dt-plan .btn{margin-top:auto; width:100%}

/* --- FAQ (accordion του Cuba) --- */
.dt-faq .accordion-item{border:1px solid var(--dt-line); border-radius:13px !important; margin-bottom:12px; overflow:hidden; background:#fff}
.dt-faq .accordion-button{
  font-family:'Alegreya Sans',sans-serif; font-weight:800; font-size:17.5px; color:var(--dt-ink);
  padding:19px 22px; background:#fff; box-shadow:none;
}
.dt-faq .accordion-button:not(.collapsed){color:var(--dt-brand-ink); background:var(--dt-brand-soft)}
.dt-faq .accordion-button:focus{box-shadow:none; border-color:transparent}
.dt-faq .accordion-body{padding:6px 22px 22px; color:var(--dt-ink-2); font-size:15.5px; max-width:60em}

/* --- Τελικό CTA --- */
.dt-final{
  border-radius:24px; padding:clamp(40px,6vw,72px); text-align:center; color:#fff;
  background:
    radial-gradient(620px 320px at 82% 6%, rgba(255,255,255,.2), transparent 60%),
    linear-gradient(135deg,#b23c07,#e2590b 52%,#f59e0b);
  box-shadow:0 26px 60px rgba(178,60,7,.30);
}
.dt-final h2{color:#fff}
.dt-final p{color:rgba(255,255,255,.9); max-width:46em; margin:18px auto 0; font-size:17.5px}

/* --- Footer --- */
.dt-foot{padding:44px 0 56px; border-top:1px solid var(--dt-line); color:var(--dt-ink-3); font-size:14px}
.dt-foot a{color:var(--dt-ink-2)}

/* --- Βοηθητικά --- */
.dt-skip{position:absolute; left:-9999px; top:0}
.dt-skip:focus{left:16px; top:10px; z-index:2000; background:#fff; color:var(--dt-ink); padding:10px 16px; border-radius:10px; box-shadow:var(--dt-shadow)}

/* ===================================================================
   Προσθήκες που πατάνε στο γνήσιο Cuba: Feather icons, WOW, decore
   =================================================================== */

/* Το feather.replace() αντικαθιστά το <i> με <svg class="feather">.
   Χωρίς μέγεθος, το SVG παίρνει 24px και σπάει τη στοίχιση. */
svg.feather{width:22px; height:22px; stroke-width:1.8; display:block}
.dt-logo__mark svg.feather{stroke-width:2.6}
.dt-ico svg.feather{width:22px; height:22px}

/* Το animate.css v3 τρέχει 1s — πολύ αργό για είσοδο καρτών. */
.animated{animation-duration:.55s}
@media (prefers-reduced-motion:reduce){
  .wow{visibility:visible !important; animation:none !important}
}

/* Διακοσμητικό βέλος του Cuba landing. Καθαρά διακοσμητικό: κρύβεται
   στο κινητό, όπου κλέβει χώρο χωρίς να προσθέτει τίποτα. */
.dt-decore{
  position:absolute; pointer-events:none; user-select:none;
  width:132px; opacity:.9;
}
.dt-hero .col-lg-7{position:relative}
.dt-decore--hero{right:10px; bottom:-18px; width:118px; opacity:.85; transform:rotate(8deg)}
@media (max-width:1199px){ .dt-decore{display:none} }

/* Το responsive.css του Cuba στοχεύει τον δικό του σκελετό (page-wrapper,
   sidebar). Ό,τι διαρρέει στα δικά μας, το κλειδώνουμε εδώ. */
.dt-sec .container,
.dt-hero .container,
.dt-foot .container{max-width:1180px}
@media (max-width:575px){
  .dt-sec{padding:60px 0}
  .dt-hero{padding:56px 0 64px}
  .dt-card,.dt-plan,.dt-shield{padding:24px}
}

/* ===================================================================
   Δείκτης θέσης, κουμπί εγκατάστασης
   =================================================================== */

/* Λεπτή γραμμή στο κάτω χείλος της κεφαλίδας: πόσο έχει διαβάσει ο χρήστης.
   Ζει μέσα στην κεφαλίδα και όχι fixed στο body, ώστε να μη διπλώνει με το
   safe-area padding σε κινητό. */
.dt-progress{
  position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:transparent; overflow:hidden;
}
.dt-progress span{
  display:block; height:100%; width:0;
  background:linear-gradient(90deg,var(--dt-brand),#f59e0b);
  transition:width .12s linear;
}
.dt-head{position:sticky; top:0}

/* Ο σύνδεσμος της ενότητας που διαβάζεται τώρα. Δεν αρκεί το χρώμα μόνο:
   η κάτω παύλα κρατά την ένδειξη ορατή και για όποιον δεν ξεχωρίζει
   το μωβ από το γκρι. */
.dt-nav a{position:relative; padding-block:6px; transition:color .15s}
.dt-nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px;
  border-radius:2px; background:var(--dt-brand);
  transform:scaleX(0); transform-origin:left; transition:transform .18s ease;
}
.dt-nav a.is-current{color:var(--dt-brand-ink); font-weight:600}
.dt-nav a.is-current::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){
  .dt-nav a::after{transition:none}
  .dt-progress span{transition:none}
}

/* Κουμπί εγκατάστασης PWA. Μένει κρυφό μέχρι ο browser να πει ότι η
   εγκατάσταση είναι όντως δυνατή — ένα κουμπί που δεν κάνει τίποτα
   είναι χειρότερο από κανένα κουμπί. */
.dt-install{display:inline-flex; align-items:center; gap:8px}
.dt-install svg.feather{width:16px; height:16px}
.dt-install[hidden]{display:none !important}
@media (max-width:1199px){ .dt-install{display:none !important} }

/* ===================================================================
   Γιατί δωρεάν
   =================================================================== */
.dt-why{
  background:var(--dt-soft); border:1px solid var(--dt-line);
  border-radius:var(--dt-radius); padding:34px;
}
.dt-why__fines{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:14px}
.dt-fine{
  flex:1 1 200px; background:#fff; border:1px solid var(--dt-line);
  border-left:3px solid var(--dt-brand); border-radius:12px; padding:18px 20px;
}
.dt-fine__amt{
  display:block; font-family:'Alegreya Sans',sans-serif; font-weight:900;
  font-size:34px; line-height:1; color:var(--dt-brand-ink);
  font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
.dt-fine__lbl{display:block; font-size:13.5px; color:var(--dt-ink-3); margin-top:7px}
.dt-why__note{
  margin-top:26px; padding:20px 22px; border-radius:12px;
  background:#fff; border:1px solid var(--dt-line);
  font-size:15.5px; color:var(--dt-ink-2);
}
.dt-why__note b{color:var(--dt-ink)}

/* ===================================================================
   Φόρμα εγγραφής
   =================================================================== */
.dt-final .row{text-align:left}
.dt-final__list{list-style:none; padding:0; margin:24px 0 0; display:grid; gap:10px}
.dt-final__list li{
  position:relative; padding-left:26px; color:rgba(255,255,255,.92); font-size:15.5px;
}
.dt-final__list li::before{
  content:"✓"; position:absolute; left:0; top:-1px; font-weight:700; color:#ffe9b8;
}

.dt-form{
  background:#fff; border-radius:var(--dt-radius); padding:28px;
  box-shadow:0 18px 44px rgba(70,28,4,.22);
}
.dt-form__row{margin-bottom:14px}
.dt-form label{
  display:block; font-size:13.5px; font-weight:600; color:var(--dt-ink-2); margin-bottom:6px;
}
.dt-form input[type=text],
.dt-form input[type=email],
.dt-form input[type=tel],
.dt-form select{
  width:100%; padding:13px 15px; border-radius:11px; font-size:16px;
  border:1px solid var(--dt-line); background:#fff; color:var(--dt-ink);
  font-family:'Commissioner',sans-serif; transition:.15s;
}
/* 16px στα inputs δεν είναι αισθητική επιλογή: κάτω από αυτό ο Safari σε iPhone
   κάνει zoom στο πεδίο και ο χρήστης χάνει τη φόρμα από την οθόνη. */
.dt-form input:focus,
.dt-form select:focus{
  outline:none; border-color:var(--dt-brand);
  box-shadow:0 0 0 3px rgba(226,89,11,.16);
}
.dt-check{
  display:flex; gap:11px; align-items:flex-start;
  font-size:14px; font-weight:400 !important; color:var(--dt-ink-2);
  margin:14px 0 0; cursor:pointer;
}
.dt-check input{margin-top:3px; width:17px; height:17px; flex:none; accent-color:var(--dt-brand)}
.dt-check a{text-decoration:underline}
.dt-hp{position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0}

.dt-btn-form{
  width:100%; margin-top:22px;
  background:var(--dt-brand); border-color:var(--dt-brand); color:#fff;
}
.dt-btn-form:hover{background:var(--dt-brand-2); border-color:var(--dt-brand-2); color:#fff}
.dt-btn-form:disabled{opacity:.6; cursor:wait}

.dt-form__msg{margin-top:12px; font-size:14px; min-height:1px}
.dt-form__msg.is-err{color:#b42318}
.dt-form__done{
  text-align:center; padding:34px 10px; font-size:16.5px; color:var(--dt-ink-2); line-height:1.7;
}
.dt-form__done b{display:block; font-family:'Alegreya Sans',sans-serif; font-size:24px; color:var(--dt-ok); margin-bottom:8px}

@media (max-width:575px){
  .dt-why,.dt-form{padding:22px}
  .dt-fine__amt{font-size:28px}
}

/* ===================================================================
   Σελίδα κειμένου (πολιτική απορρήτου)
   =================================================================== */
.dt-doc{max-width:46em}
.dt-doc h1{font-size:clamp(28px,4vw,42px)}
.dt-doc h2{
  font-size:22px; margin:44px 0 12px;
  padding-top:22px; border-top:1px solid var(--dt-line);
}
.dt-doc h2:first-of-type{border-top:0; padding-top:0}
.dt-doc p{margin-bottom:14px; font-size:16.5px}
.dt-doc__list{list-style:none; padding:0; margin:0 0 16px; display:grid; gap:11px}
.dt-doc__list li{
  position:relative; padding-left:22px; font-size:16.5px;
}
.dt-doc__list li::before{
  content:""; position:absolute; left:2px; top:11px;
  width:6px; height:6px; border-radius:50%; background:var(--dt-brand);
}
.dt-doc a{text-decoration:underline}

/* ===================================================================
   Είσοδος καρτών — αντικαθιστά WOW.js + animate.css
   Η .has-io μπαίνει από το JS. Χωρίς JS (ή με μειωμένη κίνηση) η κλάση
   δεν υπάρχει, άρα οι κάρτες δεν κρύβονται ΠΟΤΕ — ο κανόνας απόκρυψης
   ζει ολόκληρος μέσα στο .has-io.
   =================================================================== */
.has-io .wow{opacity:0; transform:translateY(14px)}
.has-io .wow.is-in{opacity:1; transform:none; transition:opacity .5s ease, transform .5s ease}