/* ════════════════════════════════════════════════════════════════════
   find-engineer-v3.css  —  «Βρες μηχανικό»
   Διπλό-CTA section + lead modal/φόρμα για τις σελίδες Όρων Δόμησης.
   Drop-in. Φόρτωσέ το ΤΕΛΕΥΤΑΙΟ πριν </head> (μετά oroi-*/tokens/homepage css).
   Εξαρτάται από v3 tokens. Όπου μπορεί, έχει inline fallback ώστε να μη «σπάει»
   αν φορτωθεί νωρίς, αλλά για σωστό cascade πρέπει να είναι το τελευταίο stylesheet.
   Αλιάζει τις υπάρχουσες κλάσεις .btn-p/.btn-s/.altbg/.geo-chip/.modal-scrim/.modal
   (ήδη στο oroi-patmos.css). Προσθέτει ΜΟΝΟ νέα components.
   ════════════════════════════════════════════════════════════════════ */

/* fallbacks (ισχύουν μόνο αν δεν έχουν οριστεί τα v3 tokens νωρίτερα) */
:root{
  --fe-r:var(--r,6px); --fe-r-lg:var(--r-lg,10px);
}

/* ─────────── (A) ΕΝΟΤΗΤΑ ΔΙΠΛΟΥ-CTA ─────────── */
.lead-sec{max-width:880px;margin:0 auto;padding:64px 40px 90px;}
.lead-card{max-width:680px;margin:0 auto;padding:46px 44px 38px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--fe-r-lg);box-shadow:var(--shadow);position:relative;overflow:hidden;}
.lead-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent) 40%,var(--info)));}
.lead-eyebrow{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:14px;}
.lead-title{font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:-.018em;line-height:1.16;margin-bottom:14px;text-wrap:balance;}
.lead-title em{font-style:italic;color:var(--accent-ink);}
.lead-copy{font-size:15.5px;line-height:1.7;color:var(--text-2);margin:0 auto 26px;max-width:530px;text-wrap:pretty;}
.lead-copy b{color:var(--text-1);font-weight:600;}
.lead-cta{font-size:16px;padding:15px 30px;white-space:nowrap;max-width:100%;}
.lead-subcta{font-size:13.5px;color:var(--text-2);margin-top:13px;line-height:1.5;text-wrap:balance;}
.lead-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:20px;}
.trust-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:6px 12px;}
.trust-chip svg{color:var(--green);flex-shrink:0;}
.lead-div{height:1px;background:var(--border);margin:30px -44px 0;}
.lead-eng{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;color:var(--text-3);transition:color .15s;}
.lead-eng b{font-weight:600;color:var(--accent-ink);display:inline-flex;align-items:center;gap:5px;}
.lead-eng b svg{transition:transform .2s ease;}
.lead-eng:hover{color:var(--text-2);}
.lead-eng:hover b svg{transform:translateX(3px);}

/* ─────────── (B) LEAD MODAL ───────────
   .modal-scrim/.modal/.modal-head/.modal-x/.modal-body υπάρχουν ήδη στο oroi css.
   Εδώ μόνο τα additions: subtitle, geo-chip στο head, φόρμα, states. */
.modal-head .ms{font-size:13px;color:var(--text-2);line-height:1.5;margin-top:6px;max-width:380px;}
.modal-head .mk{display:flex;align-items:center;gap:7px;}

/* φόρμα */
.fe-form .field{margin-bottom:15px;}
.fe-form .field:last-of-type{margin-bottom:0;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fe-form .lbl{display:block;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:7px;}
.fe-form .lbl .req{color:var(--coral);margin-left:3px;}
.fe-form .lbl .opt{color:var(--text-3);font-weight:500;margin-left:4px;text-transform:none;letter-spacing:.02em;}
.fe-form .in,.fe-form .sel,.fe-form .ta{width:100%;font-family:var(--sans);font-size:15px;font-weight:500;color:var(--text-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--fe-r);padding:11px 13px;outline:none;transition:border-color .15s,box-shadow .15s;}
.fe-form .in::placeholder,.fe-form .ta::placeholder{color:var(--text-3);font-weight:400;}
.fe-form .in:focus,.fe-form .sel:focus,.fe-form .ta:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
.fe-form .in.err,.fe-form .sel.err,.fe-form .ta.err{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft);}
.fe-form .ta{resize:vertical;min-height:74px;line-height:1.6;}
.fe-form .sel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a887e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px;cursor:pointer;}
.field-err{display:none;font-size:11.5px;color:var(--coral);font-weight:500;margin-top:6px;}
.field.show-err .field-err{display:block;}

/* consent */
.consent{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--fe-r);cursor:pointer;transition:border-color .15s,background-color .15s;margin-top:4px;}
.consent.err{border-color:var(--coral);}
.consent input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:19px;height:19px;border:1.5px solid var(--border-strong);border-radius:5px;background:var(--surface);cursor:pointer;position:relative;margin-top:1px;transition:background-color .15s,border-color .15s;}
.consent input:checked{background:var(--accent);border-color:var(--accent);}
.consent input:checked::after{content:"";position:absolute;left:5.5px;top:2px;width:5px;height:9px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg);}
.consent .ctxt{font-size:12.5px;line-height:1.55;color:var(--text-2);}
.consent .ctxt b{color:var(--text-1);font-weight:600;}

/* privacy reassurance (ΟΧΙ διεύθυνση/συντεταγμένες/ΚΑΕΚ) */
.priv{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:11.5px;line-height:1.5;color:var(--text-3);font-family:var(--mono);letter-spacing:.01em;}
.priv svg{flex-shrink:0;margin-top:1px;color:var(--text-3);}

.fe-foot{margin-top:20px;}
.fe-foot .btn-p{width:100%;font-size:15.5px;padding:14px;}
.foot-note{text-align:center;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-top:13px;}

/* spinner (loading) */
.fe-spin{width:16px;height:16px;border:2px solid color-mix(in srgb,var(--bg) 40%,transparent);border-top-color:var(--bg);border-radius:50%;animation:fe-sp .7s linear infinite;}
@keyframes fe-sp{to{transform:rotate(360deg);}}

/* error banner */
.err-banner{display:none;align-items:flex-start;gap:10px;padding:13px 15px;background:var(--coral-soft);border:1px solid color-mix(in oklch,var(--coral) 30%,var(--border));border-radius:var(--fe-r);margin-bottom:18px;}
.err-banner.show{display:flex;}
.err-banner svg{color:var(--coral);flex-shrink:0;margin-top:1px;}
.err-banner .et{font-size:13px;line-height:1.5;color:var(--text-1);}
.err-banner .et b{font-weight:600;}
.err-banner .et a{color:var(--coral);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;}

/* success view */
.fe-success{display:none;flex-direction:column;align-items:center;text-align:center;padding:14px 8px 6px;}
.fe-success.show{display:flex;}
.fe-success .sico{width:58px;height:58px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 0 0 8px color-mix(in oklch,var(--green) 8%,transparent);animation:fe-pop .4s cubic-bezier(.2,1.2,.4,1) both;}
@keyframes fe-pop{from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}}
.fe-success h3{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.012em;margin-bottom:10px;text-wrap:balance;}
.fe-success p{font-size:14.5px;line-height:1.65;color:var(--text-2);max-width:380px;margin-bottom:6px;text-wrap:pretty;}
.fe-success p b{color:var(--text-1);font-weight:600;}
.fe-success .next{display:flex;flex-direction:column;gap:9px;width:100%;max-width:320px;margin-top:20px;text-align:left;}
.next-item{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.5;color:var(--text-2);}
.next-item .nn{flex-shrink:0;width:21px;height:21px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--accent-ink);font-family:var(--mono);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.fe-success .btn-s{margin-top:24px;}

.fe-form.hide{display:none;}

/* ─────────── RESPONSIVE ─────────── */
@media (max-width:560px){
  .field-row{grid-template-columns:1fr;gap:0;}
  .lead-card{padding:38px 24px 32px;}
  .lead-div{margin-left:-24px;margin-right:-24px;}
  .lead-title{font-size:26px;}
  .lead-cta{white-space:normal;font-size:15px;padding:14px 20px;}
  .lead-sec{padding-left:20px;padding-right:20px;}
}

/* print: το CTA + modal δεν τυπώνονται (ευθυγραμμίζεται με το oroi print block) */
@media print{
  .lead-sec,.modal-scrim{display:none!important;}
}