/* ════════════════════════════════════════════════════════════════════════
   V4 — SISTEM DE DESIGN „INGINERIE CORPORATE"
   Alb, grafit, albastru-inginerie. Grilă precisă, tipografie DIN (Barlow),
   etichete tehnice mono. Sobru, calm, cu autoritate — zero decor.
   ════════════════════════════════════════════════════════════════════════ */

/* @font-face injectat la build din assets/fonts/fonts-final.css */

/* ─── FONTURI SELF-HOSTED ─── */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/barlow-latin-ext-133bced6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/barlow-latin-3cfec04e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/barlow-latin-ext-b3908b51.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/barlow-latin-4f52d625.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/barlow-latin-ext-82b5af4b.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/barlow-latin-8739727e.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/barlow-latin-ext-f87323f4.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/barlow-latin-5cfda61d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/plexmono-latin-ext-7f25d930.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/plexmono-latin-d196e8ee.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/plexmono-latin-ext-b42080b2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/plexmono-latin-a7544cc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/plexmono-latin-ext-bf8910cb.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/plexmono-latin-9b827059.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --paper:        #FFFFFF;
  --paper-2:      #F4F5F6;
  --ink:          #171A1E;
  --ink-2:        #4B5560;
  --ink-3:        #8A939C;
  --line:         #DCE0E4;
  --line-strong:  #B7BEC6;
  --blue:         #0E4C8C;
  --blue-dark:    #093763;
  --blue-tint:    #EDF3FA;
  --oxide:        #B23A21;
  --dark:         #171A1E;
  --dark-2:       #22262B;

  --font-primary: 'Barlow', -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', 'Consolas', monospace;

  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px;  --sp-7: 64px; --sp-8: 96px; --sp-9: 128px;
  --w: 1180px;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-primary);
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  border-top: 3px solid var(--blue);
}

img { max-width: 100%; display: block; }
a { color: var(--blue); }

h1, h2, h3, h4 { font-weight: 600; line-height: 1.15; letter-spacing: -0.01em; color: var(--ink); }

.container { max-width: var(--w); margin: 0 auto; padding: 0 var(--sp-5); }
.container-narrow { max-width: 860px; margin: 0 auto; padding: 0 var(--sp-5); }
section { padding: var(--sp-8) 0; }
@media (max-width: 640px) { section { padding: var(--sp-7) 0; } .container, .container-narrow { padding: 0 var(--sp-4); } }

.mono { font-family: var(--font-mono); }

/* ─── ETICHETE TEHNICE ─────────────────────────────────────────────────── */
.section-label {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--blue);
  margin-bottom: var(--sp-3);
}
.section-label::before { content: '— '; color: var(--line-strong); }

.section-header { margin-bottom: var(--sp-6); max-width: 760px; }
.section-header h1, .section-header h2 { font-size: clamp(28px, 3.6vw, 40px); }
.section-header p { margin-top: var(--sp-3); font-size: 18px; color: var(--ink-2); }

/* ─── HEADER ───────────────────────────────────────────────────────────── */
.header {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  position: relative;
  z-index: 100;
}
.header-inner { display: flex; align-items: center; gap: var(--sp-5); height: 76px; }
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink); font-weight: 700; font-size: 18px; letter-spacing: 0.01em; }
.logo-mark { width: 12px; height: 12px; background: var(--blue); }
.nav { display: flex; gap: var(--sp-4); margin-left: auto; }
.nav a {
  color: var(--ink-2); text-decoration: none; font-size: 15px; font-weight: 500;
  padding: 6px 2px; border-bottom: 2px solid transparent;
}
.nav a:hover { color: var(--ink); border-bottom-color: var(--blue); }
.header-phone {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--ink); text-decoration: none; font-weight: 600; font-size: 15px;
  white-space: nowrap;
}
.header-phone svg { width: 15px; height: 15px; color: var(--blue); }
.nav-mobile-toggle { display: none; background: none; border: 1px solid var(--line); padding: 8px; cursor: pointer; color: var(--ink); }

@media (max-width: 860px) {
  .nav { display: none; }
  .nav-mobile-toggle { display: flex; margin-left: auto; }
  .header-phone { margin-left: auto; }
  .header-phone span { display: none; }
  .nav.nav-open {
    display: flex; flex-direction: column; gap: 0;
    position: absolute; top: 76px; left: 0; right: 0;
    background: var(--paper); border-bottom: 1px solid var(--line);
    padding: var(--sp-3) var(--sp-5) var(--sp-4);
  }
  .nav.nav-open a { padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 16px; }
}

/* ─── HERO ─────────────────────────────────────────────────────────────── */
.hero { padding: var(--sp-9) 0 var(--sp-8); border-bottom: 1px solid var(--line); }
@media (max-width: 640px) { .hero { padding: var(--sp-7) 0; } }
.hero-content { max-width: 780px; }
.hero-badge {
  display: inline-block; font-family: var(--font-mono); font-size: 12px; font-weight: 500;
  letter-spacing: 0.14em; color: var(--ink-2);
  border: 1px solid var(--line-strong); padding: 6px 12px; margin-bottom: var(--sp-4);
}
.hero h1 { font-size: clamp(38px, 5.5vw, 60px); letter-spacing: -0.02em; margin-bottom: var(--sp-4); }
.hero-subtitle { font-size: 19px; line-height: 1.65; color: var(--ink-2); max-width: 660px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); margin-top: var(--sp-5); }
.cta-note { margin-top: var(--sp-3); font-size: 14px; color: var(--ink-3); }
.no-fear {
  margin-top: var(--sp-5); font-size: 15px; color: var(--ink-2);
  border-left: 3px solid var(--blue); padding: 6px 0 6px var(--sp-3); max-width: 620px;
}

/* ─── BUTOANE ──────────────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-primary); font-size: 16px; font-weight: 600;
  padding: 14px 26px; text-decoration: none; cursor: pointer;
  border: 1px solid transparent; transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.btn svg { width: 16px; height: 16px; }
.btn-primary { background: var(--blue); color: #fff; }
.btn-primary:hover { background: var(--blue-dark); }
.btn-outline { background: transparent; color: var(--ink); border-color: var(--line-strong); }
.btn-outline:hover { border-color: var(--ink); }

/* ─── BANDA DE CONTEXT (singura bandă închisă de sus) ──────────────────── */
.context-band { background: var(--dark); color: #fff; padding: var(--sp-6) 0; }
.context-items { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-6); }
.context-items span {
  font-family: var(--font-mono); font-size: 13px; color: #AEB6BE;
  padding-left: 14px; position: relative;
}
.context-items span::before { content: ''; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background: var(--blue); }
.context-closing { margin-top: var(--sp-4); font-size: 20px; font-weight: 600; color: #fff; max-width: 720px; }

/* ─── SCENE — listă numerotată, stil raport tehnic ─────────────────────── */
.scenes-list { list-style: none; counter-reset: sc; max-width: 860px; }
.scenes-list li {
  counter-increment: sc;
  display: grid; grid-template-columns: 56px 1fr; gap: var(--sp-4);
  padding: var(--sp-4) 0; border-bottom: 1px solid var(--line);
  font-size: 17px; line-height: 1.6; color: var(--ink);
}
.scenes-list li::before {
  content: counter(sc, decimal-leading-zero);
  font-family: var(--font-mono); font-size: 14px; font-weight: 500;
  color: var(--oxide); padding-top: 3px;
}
.scenes-list li:first-child { border-top: 1px solid var(--line-strong); }
.scenes-closing { margin-top: var(--sp-5); font-size: 19px; font-weight: 600; color: var(--ink); max-width: 760px; }
@media (max-width: 560px) { .scenes-list li { grid-template-columns: 40px 1fr; gap: var(--sp-3); font-size: 16px; } }

/* ─── GRILA DE DOMENII ─────────────────────────────────────────────────── */
.doors-section { background: var(--paper-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.division-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--line); border: 1px solid var(--line);
}
.division-card {
  background: var(--paper); padding: var(--sp-5);
  display: block; text-decoration: none; color: var(--ink);
  transition: background 0.15s;
}
a.division-card:hover { background: var(--blue-tint); }
a.division-card:hover .card-link { text-decoration: underline; }
.division-icon { display: none; }
.division-card h3 { font-size: 19px; margin-bottom: var(--sp-2); }
.division-card p { font-size: 15px; color: var(--ink-2); line-height: 1.55; }
.card-link {
  display: inline-flex; align-items: center; gap: 8px; margin-top: var(--sp-3);
  color: var(--blue); font-weight: 600; font-size: 15px;
}
.card-link svg { width: 14px; height: 14px; }
.card-soon { background: var(--paper-2); }
.card-soon h3, .card-soon p { color: var(--ink-3); }
.soon-tag { display: inline-block; margin-top: var(--sp-3); font-family: var(--font-mono); font-size: 12px; color: var(--ink-3); }
@media (max-width: 980px) { .division-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .division-grid { grid-template-columns: 1fr; } }

/* ─── ARGUMENTUL-MARJĂ ─────────────────────────────────────────────────── */
.margin-body { font-size: 19px; line-height: 1.7; color: var(--ink); max-width: 780px; }
.margin-punch { margin-top: var(--sp-4); font-size: 22px; font-weight: 700; color: var(--blue); }

/* ─── BIROUL — strat de legătură ───────────────────────────────────────── */
.office-section { background: var(--paper-2); border-top: 1px solid var(--line); }
.office-section .margin-body { font-size: 17px; color: var(--ink-2); }

/* ─── INTEGRĂRI — rând tipografic ──────────────────────────────────────── */
.integrations-section { border-top: 1px solid var(--line); }
.integrations-list { list-style: none; max-width: 860px; column-count: 3; column-gap: var(--sp-6); }
.integrations-list li {
  font-size: 15px; color: var(--ink-2); padding: 8px 0;
  border-bottom: 1px solid var(--line); break-inside: avoid;
}
@media (max-width: 760px) { .integrations-list { column-count: 2; } }
@media (max-width: 480px) { .integrations-list { column-count: 1; } }

/* ─── PROCES — cei 4 pași ──────────────────────────────────────────────── */
.process-timeline { max-width: 860px; }
.process-step {
  display: grid; grid-template-columns: 72px 1fr; gap: var(--sp-5);
  padding: var(--sp-5) 0; border-bottom: 1px solid var(--line);
}
.process-step:first-child { border-top: 1px solid var(--line-strong); }
.process-step-id { font-family: var(--font-mono); font-size: 26px; font-weight: 500; color: var(--blue); }
.process-step-content h4 { font-size: 19px; margin-bottom: var(--sp-2); }
.process-step-content p { font-size: 16px; color: var(--ink-2); line-height: 1.65; }
@media (max-width: 560px) { .process-step { grid-template-columns: 48px 1fr; gap: var(--sp-3); } }

.trust-box {
  margin-top: var(--sp-4); background: var(--blue-tint);
  border: 1px solid var(--line); border-left: 3px solid var(--blue);
  padding: var(--sp-4);
}
.trust-box p { font-size: 14.5px; line-height: 1.65; color: var(--ink); }
.why-free { margin-top: var(--sp-2); color: var(--ink-2); font-style: italic; }
.report-stays { margin-top: var(--sp-5); font-size: 17px; font-weight: 600; color: var(--ink); }

/* ─── DOVADA / PREȚ ────────────────────────────────────────────────────── */
.proof-section { padding: var(--sp-7) 0; }
.proof-box { border: 1px solid var(--line-strong); padding: var(--sp-5); max-width: 860px; }
.proof-box p { margin-top: var(--sp-2); font-size: 18px; line-height: 1.65; color: var(--ink); }

.pricing-section { padding: var(--sp-7) 0; }
.pricing-box { background: var(--paper-2); border-left: 3px solid var(--blue); padding: var(--sp-5); max-width: 860px; }
.pricing-main { margin-top: var(--sp-2); font-size: 17px; line-height: 1.7; color: var(--ink); }
.pricing-support { margin-top: var(--sp-3); font-size: 15px; color: var(--ink-2); }

/* ─── BLOCURILE „CE REPARĂM" ───────────────────────────────────────────── */
.fix-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.fix-block { background: var(--paper); padding: var(--sp-5); }
.fix-block h3 { font-size: 19px; margin-bottom: var(--sp-3); }
.fix-block p { font-size: 15.5px; color: var(--ink-2); line-height: 1.65; }
@media (max-width: 820px) { .fix-grid { grid-template-columns: 1fr; } }

/* ─── SUB-VERTICALE ────────────────────────────────────────────────────── */
.use-cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-5) var(--sp-6); }
.use-case-card { display: block; border-top: 2px solid var(--ink); padding-top: var(--sp-3); }
.use-case-marker { display: none; }
.use-case-card h4 { font-size: 16.5px; margin-bottom: 6px; }
.use-case-card p { font-size: 14.5px; color: var(--ink-2); line-height: 1.55; }
@media (max-width: 900px) { .use-cases-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .use-cases-grid { grid-template-columns: 1fr; } }

/* ─── RADIOGRAFIA ──────────────────────────────────────────────────────── */
.radiography-section { background: var(--paper-2); border-top: 1px solid var(--line); }
.solution-steps { max-width: 860px; }
.solution-step { background: var(--paper); border: 1px solid var(--line); padding: var(--sp-5); margin-bottom: var(--sp-3); }
.step-content h4 { font-size: 18px; margin-bottom: var(--sp-2); color: var(--blue); }
.step-content p { font-size: 16px; color: var(--ink-2); line-height: 1.65; }

/* ─── FAQ ──────────────────────────────────────────────────────────────── */
.faq-list { max-width: 860px; border-top: 1px solid var(--line-strong); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary {
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
  padding: var(--sp-4) 0; cursor: pointer; list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-question { font-size: 17px; font-weight: 600; color: var(--ink); }
.faq-chevron { width: 16px; height: 16px; color: var(--ink-3); flex-shrink: 0; transition: transform 0.2s; }
.faq-item[open] .faq-chevron { transform: rotate(90deg); }
.faq-answer { padding: 0 0 var(--sp-4); max-width: 760px; }
.faq-answer p { font-size: 16px; color: var(--ink-2); line-height: 1.65; }

/* ─── FORMULAR — panou închis, contrast maxim la conversie ─────────────── */
.cta-section { background: var(--dark); color: #fff; }
.cta-section .section-header h2 { color: #fff; font-size: clamp(26px, 3.2vw, 36px); }
.lead-form { margin-top: var(--sp-5); max-width: 760px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }
@media (max-width: 620px) { .form-grid { grid-template-columns: 1fr; } }
.lead-form label {
  display: flex; flex-direction: column; gap: 8px;
  font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em;
  color: #AEB6BE; text-transform: uppercase;
}
.lead-form input {
  background: var(--dark-2); border: 1px solid #3A4046; color: #fff;
  padding: 14px 16px; font-size: 16px; font-family: var(--font-primary);
  outline: none; width: 100%;
}
.lead-form input:focus { border-color: var(--blue); }
.btn-form { margin-top: var(--sp-4); }
.form-note { margin-top: var(--sp-3); font-size: 13.5px; color: #AEB6BE; }
.form-consent { margin-top: var(--sp-2); font-size: 12.5px; color: #7E868E; max-width: 560px; }
.form-consent a { color: #AEB6BE; }
.form-phone { margin-top: var(--sp-4); font-size: 16px; color: #AEB6BE; }
.form-phone a { color: #fff; font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--blue); }
.form-trap { position: absolute; left: -9999px; top: -9999px; height: 0; overflow: hidden; }
.cta-section .trust-box { background: var(--dark-2); border-color: #3A4046; border-left-color: var(--blue); }
.cta-section .trust-box p { color: #C8CED4; }

.founder-block {
  display: flex; align-items: center; gap: var(--sp-4);
  border: 1px solid #3A4046; padding: var(--sp-4); margin-bottom: var(--sp-5); max-width: 560px;
}
.founder-photo { width: 64px; height: 64px; object-fit: cover; }
.founder-lead { font-size: 13px; color: #AEB6BE; }
.founder-name { font-weight: 600; color: #fff; }
.founder-phone { color: #fff; font-family: var(--font-mono); font-size: 14px; text-decoration: none; }

/* ─── FOOTER ───────────────────────────────────────────────────────────── */
.footer { background: var(--dark); color: #AEB6BE; border-top: 1px solid #2C3138; padding: var(--sp-7) 0 var(--sp-5); }
.footer .logo { color: #fff; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--sp-6); }
.footer-brand p { margin-top: var(--sp-3); font-size: 14.5px; max-width: 340px; line-height: 1.6; }
.footer-col h4 { color: #fff; font-size: 14px; margin-bottom: var(--sp-3); font-weight: 600; }
.footer-col ul { list-style: none; }
.footer-col li { padding: 4px 0; }
.footer-col a { color: #AEB6BE; text-decoration: none; font-size: 14.5px; }
.footer-col a:hover { color: #fff; }
.footer-legal { margin-top: var(--sp-3); font-family: var(--font-mono); font-size: 12px; color: #7E868E; }
.footer-bottom { margin-top: var(--sp-6); padding-top: var(--sp-4); border-top: 1px solid #2C3138; font-size: 13px; color: #7E868E; }
@media (max-width: 760px) { .footer-grid { grid-template-columns: 1fr; gap: var(--sp-5); } }

/* ─── BARA MOBILĂ ──────────────────────────────────────────────────────── */
.sticky-cta { display: none; }
@media (max-width: 768px) {
  .sticky-cta {
    display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 98;
    border-top: 1px solid var(--line-strong); background: var(--paper);
  }
  .sticky-cta a { flex: 1; text-align: center; padding: 15px 8px; font-size: 15px; font-weight: 600; text-decoration: none; }
  .sticky-call { color: var(--ink); background: var(--paper); border-right: 1px solid var(--line); }
  .sticky-form { background: var(--blue); color: #fff; }
  body { padding-bottom: 54px; }
}

/* ─── CONFIDENȚIALITATE ────────────────────────────────────────────────── */
.privacy-section { padding: var(--sp-8) 0; }
.privacy-body p { margin-bottom: var(--sp-4); line-height: 1.75; color: var(--ink-2); max-width: 760px; }
.privacy-body strong { color: var(--ink); }

::selection { background: var(--blue); color: #fff; }