:root {
  --brand: #0B7C5E;
  --branddeep: #053E2F;
  --brandsoft: #129873;
  --mint: #2BE4A7;
  --amber: #EFA73E;
  --amberdeep: #C9862B;
  --red: #E5484D;
  --reddeep: #C23A3F;
  --ink: #082019;
  --paper: #FFFFFF;
  --paper2: #F5FAF7;
  --paper3: #E9F3EE;
  --paper4: #DCEDE5;
  --line: rgba(11, 124, 94, 0.14);
}

html { scroll-behavior: smooth; scroll-padding-top: 104px; }
html, body { background: var(--paper); color: var(--ink); }
body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
  font-feature-settings: "cv11", "ss01";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.font-display { font-family: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif; font-weight: 700; }
.display-tight { letter-spacing: -0.03em; line-height: 1.04; }
.small-caps { font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; }
.nlabel { font-variant-numeric: tabular-nums; }

/* ===== Fundal HERO — straturi radiale verzi ===== */
.hero-bg {
  background:
    radial-gradient(1400px 700px at 12% -5%, rgba(11, 124, 94, .10), transparent 55%),
    radial-gradient(1000px 600px at 100% 0%, rgba(239, 167, 62, .09), transparent 60%),
    radial-gradient(800px 500px at 75% 120%, rgba(11, 124, 94, .08), transparent 60%),
    linear-gradient(180deg, #FFFFFF 0%, #F2F9F5 100%);
}

/* ===== Fundal dark — verde adânc ===== */
.bg-deep-green {
  background:
    radial-gradient(900px 600px at 10% 10%, rgba(18, 152, 115, .45), transparent 55%),
    radial-gradient(700px 500px at 100% 90%, rgba(43, 228, 167, .12), transparent 55%),
    linear-gradient(180deg, #06392C 0%, #052A21 100%);
}

/* Grain / textură pe suprafețe dark */
.grain-dark { position: relative; }
.grain-dark::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.10 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity: .5; mix-blend-mode: overlay;
  border-radius: inherit;
}

/* ===== Eyebrow live cu pulse ===== */
.eyebrow-live {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 7px 14px; border-radius: 999px;
  background: rgba(11, 124, 94, .08); border: 1px solid rgba(11, 124, 94, .24);
  color: var(--brand); font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
.eyebrow-live .pulse { width: 8px; height: 8px; border-radius: 999px; background: var(--brand); animation: dotBlink 1.4s ease-in-out infinite; }
@keyframes dotBlink { 0%,100% { opacity:1; box-shadow: 0 0 0 0 rgba(11,124,94,.5) } 50% { opacity:.55; box-shadow: 0 0 0 5px rgba(11,124,94,0) } }

/* ===== Gradient text brand (verde → mentă) ===== */
.brand-flow {
  background: linear-gradient(95deg, #053E2F 0%, #0B7C5E 40%, #129873 70%, #0B7C5E 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.30)) drop-shadow(0 2px 6px rgba(5,62,47,.20));
}

/* ===== Butoane ===== */
.btn-primary {
  background: var(--brand); color: #fff; border: 1px solid var(--brand);
  transition: transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, background-color .22s ease;
}
.btn-primary:hover { background: var(--branddeep); border-color: var(--branddeep); transform: translateY(-1px); box-shadow: 0 14px 36px -12px rgba(11, 124, 94, .55); }
.btn-primary:active { transform: translateY(0); }
.btn-primary:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }

.btn-amber {
  background: var(--amber); color: #3A2708; border: 1px solid var(--amber); font-weight: 800;
  transition: transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease, background-color .22s ease;
}
.btn-amber:hover { background: var(--amberdeep); border-color: var(--amberdeep); color: #2A1B04; transform: translateY(-1px); box-shadow: 0 14px 36px -12px rgba(239, 167, 62, .6); }
.btn-amber:active { transform: translateY(0); }
.btn-amber:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }

.btn-ghost {
  color: var(--ink); border: 1px solid rgba(8,32,25,.18); background: transparent;
  transition: background-color .22s ease, border-color .22s ease, transform .22s cubic-bezier(.34,1.56,.64,1);
}
.btn-ghost:hover { background: rgba(11,124,94,.06); border-color: rgba(11,124,94,.35); }
.btn-ghost:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }

.btn-ghost-inv {
  color: #fff; border: 1px solid rgba(255,255,255,.25); background: transparent;
  transition: background-color .22s ease, border-color .22s ease, transform .22s cubic-bezier(.34,1.56,.64,1);
}
.btn-ghost-inv:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.5); }
.btn-ghost-inv:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }

/* ===== NAV desktop ===== */
.nav-link { position: relative; }
.nav-link::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -22px; height: 2px; background: var(--brand);
  transform-origin: center; transform: scaleX(0); transition: transform .3s cubic-bezier(.22,.61,.36,1);
}
.nav-link:hover::after, .nav-link[aria-current="page"]::after { transform: scaleX(1); }

/* ===== Card chenar (banner-framed) ===== */
.banner-framed {
  background: var(--paper2);
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 36px 28px;
  position: relative;
  box-shadow: 0 1px 0 rgba(5,32,24,.04), 0 30px 70px -32px rgba(5,32,24,.18);
}
@media (min-width: 768px)  { .banner-framed { padding: 48px 40px; border-radius: 32px; } }
@media (min-width: 1024px) { .banner-framed { padding: 64px 56px; border-radius: 36px; } }

/* Card chenar dark — verde adânc + grain */
.banner-framed-dark {
  position: relative;
  background:
    radial-gradient(900px 600px at 8% 10%, rgba(18, 152, 115, .5), transparent 55%),
    radial-gradient(700px 500px at 100% 90%, rgba(229, 72, 77, .14), transparent 55%),
    linear-gradient(180deg, #06392C 0%, #052A21 100%);
  color: #fff;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 28px;
  padding: 36px 28px;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(5,32,24,.10), 0 40px 80px -32px rgba(5,32,24,.50);
}
@media (min-width: 768px)  { .banner-framed-dark { padding: 48px 40px; border-radius: 32px; } }
@media (min-width: 1024px) { .banner-framed-dark { padding: 64px 56px; border-radius: 36px; } }
.banner-framed-dark::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.10 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity: .5; mix-blend-mode: overlay;
  border-radius: inherit;
}
.banner-framed-dark > * { position: relative; z-index: 1; }

/* Cerc numerotare pași */
.step-circle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 999px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 22px; line-height: 1; font-weight: 700; letter-spacing: -0.02em;
  color: var(--brand);
  background: var(--paper);
  border: 2px solid var(--brand);
  box-shadow: 0 1px 0 rgba(11,124,94,.10), 0 14px 28px -14px rgba(11,124,94,.40);
}
@media (min-width: 1024px) { .step-circle { width: 64px; height: 64px; font-size: 26px; } }

/* ===== HERO stat-buttons (pastile colorate) ===== */
.hero-stat-btn {
  position: relative;
  display: flex; align-items: center; gap: 18px;
  padding: 22px 26px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand) 0%, var(--branddeep) 100%);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 0 rgba(11,124,94,.10), 0 22px 48px -22px rgba(11,124,94,.55);
  transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;
}
.hero-stat-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 1px 0 rgba(11,124,94,.10), 0 32px 64px -24px rgba(11,124,94,.65);
}
.hero-stat-btn:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }
.hero-stat-btn.is-amber {
  background: linear-gradient(135deg, var(--amber) 0%, var(--amberdeep) 100%);
  color: #2A1B04;
  box-shadow: 0 1px 0 rgba(239,167,62,.10), 0 22px 48px -22px rgba(239,167,62,.55);
}
.hero-stat-btn.is-amber:hover { box-shadow: 0 1px 0 rgba(239,167,62,.10), 0 32px 64px -24px rgba(201,134,43,.7); }
.hero-stat-btn.is-deep {
  background: linear-gradient(135deg, #0A5B46 0%, #053E2F 100%);
  box-shadow: 0 1px 0 rgba(5,62,47,.12), 0 22px 48px -22px rgba(5,62,47,.6);
}
.hero-stat-btn .ico {
  flex-shrink: 0;
  width: 44px; height: 44px; border-radius: 999px;
  background: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.30);
  display: flex; align-items: center; justify-content: center;
  backdrop-filter: blur(8px);
}
.hero-stat-btn.is-amber .ico { background: rgba(255,255,255,.34); border-color: rgba(58,39,8,.18); }
.hero-stat-btn .label { font-size: 14px; font-weight: 700; line-height: 1.25; letter-spacing: -0.005em; flex: 1; }
.hero-stat-btn .arrow { opacity: .8; transition: transform .3s ease, opacity .3s ease; }
.hero-stat-btn:hover .arrow { transform: translateX(4px); opacity: 1; }

/* ===== MOCK RAPORT (cardul din hero) ===== */
.report-card {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 24px;
  box-shadow: 0 1px 0 rgba(11,124,94,.08), 0 40px 90px -36px rgba(5,62,47,.45), 0 18px 36px -24px rgba(5,62,47,.25);
  overflow: hidden;
}
.report-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #FFFFFF 0%, #F5FAF7 100%);
}
.report-badge {
  font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--brand);
  background: rgba(11,124,94,.08);
  border: 1px solid rgba(11,124,94,.22);
  padding: 4px 10px; border-radius: 999px;
}
.chance-bar { height: 8px; border-radius: 999px; background: var(--paper3); overflow: hidden; position: relative; }
.chance-bar > span {
  display: block; height: 100%; border-radius: 999px;
  transform-origin: left;
  animation: barGrow 1.1s cubic-bezier(.22,.61,.36,1) both;
}
.chance-bar > span.is-green { background: linear-gradient(90deg, var(--brand), var(--brandsoft)); }
.chance-bar > span.is-amber { background: linear-gradient(90deg, var(--amberdeep), var(--amber)); }
.chance-bar > span.is-muted { background: linear-gradient(90deg, #9DB8AC, #C0D4C9); }
@keyframes barGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.report-card .delay-a { animation-delay: .3s; }
.report-card .delay-b { animation-delay: .5s; }
.report-card .delay-c { animation-delay: .7s; }

/* Semafor eligibilitate */
.semafor { display: inline-flex; align-items: center; gap: 8px; }
.semafor .light { width: 14px; height: 14px; border-radius: 999px; background: var(--paper4); box-shadow: inset 0 1px 2px rgba(5,32,24,.18); }
.semafor .light.on-green { background: var(--brand); box-shadow: 0 0 0 4px rgba(11,124,94,.15), 0 0 12px rgba(11,124,94,.55); }
.semafor .light.on-amber { background: var(--amber); box-shadow: 0 0 0 4px rgba(239,167,62,.16), 0 0 12px rgba(239,167,62,.55); }
.semafor .light.on-red   { background: var(--red);   box-shadow: 0 0 0 4px rgba(229,72,77,.14), 0 0 12px rgba(229,72,77,.5); }

/* ===== Carduri features ===== */
.feature-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 26px 24px;
  transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease, border-color .35s ease;
}
.feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(11,124,94,.32);
  box-shadow: 0 1px 0 rgba(11,124,94,.08), 0 30px 60px -28px rgba(11,124,94,.30);
}
.feature-ico {
  width: 46px; height: 46px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(11,124,94,.08);
  border: 1px solid rgba(11,124,94,.18);
  color: var(--brand);
  margin-bottom: 16px;
}
.feature-card.is-amber .feature-ico { background: rgba(239,167,62,.12); border-color: rgba(239,167,62,.3); color: var(--amberdeep); }
.feature-card.is-red .feature-ico { background: rgba(229,72,77,.09); border-color: rgba(229,72,77,.26); color: var(--red); }

/* Chips durere (RATE MARI etc.) */
.pain-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 999px;
  background: rgba(229,72,77,.12);
  border: 1px solid rgba(229,72,77,.35);
  color: #FFD9DB;
  font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.pain-chip svg { color: #FF8A8E; }

/* Chips dorințe (Familie, Hobby-uri, Vacanțe) */
.joy-chip {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 20px; border-radius: 999px;
  background: rgba(43,228,167,.10);
  border: 1px solid rgba(43,228,167,.35);
  color: #D9FFF1;
  font-size: 14px; font-weight: 700;
}
.joy-chip svg { color: var(--mint); }

/* ===== Pachete (pricing) ===== */
.plan-card {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 32px 28px;
  display: flex; flex-direction: column;
  transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease, border-color .35s ease;
}
.plan-card:hover {
  transform: translateY(-5px);
  border-color: rgba(11,124,94,.35);
  box-shadow: 0 1px 0 rgba(11,124,94,.08), 0 34px 70px -30px rgba(11,124,94,.35);
}
.plan-card.is-featured {
  background:
    radial-gradient(600px 400px at 90% -10%, rgba(43,228,167,.16), transparent 55%),
    linear-gradient(180deg, #06392C 0%, #052A21 100%);
  color: #fff;
  border: 1px solid rgba(43,228,167,.35);
  box-shadow: 0 1px 0 rgba(5,32,24,.12), 0 44px 90px -34px rgba(5,62,47,.65);
}
.plan-card.is-featured:hover { border-color: rgba(43,228,167,.6); }
.plan-badge {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  white-space: nowrap;
  background: linear-gradient(135deg, var(--amber), var(--amberdeep));
  color: #2A1B04;
  font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  padding: 7px 16px; border-radius: 999px;
  box-shadow: 0 10px 24px -10px rgba(201,134,43,.7);
}
.plan-name {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--brand);
}
.plan-card.is-featured .plan-name { color: var(--mint); }
.plan-feat { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.55; }
.plan-feat svg { flex-shrink: 0; margin-top: 3px; color: var(--brand); }
.plan-card.is-featured .plan-feat svg { color: var(--mint); }
.plan-feat.is-off { opacity: .38; }
.plan-feat.is-off svg { color: rgba(8,32,25,.4); }

/* ===== FAQ accordion ===== */
.faq-item { border: 1px solid var(--line); border-radius: 16px; background: var(--paper); overflow: hidden; transition: border-color .25s ease, box-shadow .25s ease; }
.faq-item:hover { border-color: rgba(11,124,94,.3); }
.faq-item[data-open="true"] { border-color: rgba(11,124,94,.35); box-shadow: 0 1px 0 rgba(11,124,94,.06), 0 18px 40px -26px rgba(11,124,94,.3); }
.faq-q {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 14px;
  text-align: left; padding: 18px 22px;
  background: transparent; border: 0; cursor: pointer;
  font-family: inherit; font-size: 15.5px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em;
}
.faq-q:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; border-radius: 16px; }
.faq-q .faq-chevron { flex-shrink: 0; color: var(--brand); transition: transform .3s cubic-bezier(.22,.61,.36,1); }
.faq-item[data-open="true"] .faq-chevron { transform: rotate(180deg); }
.faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .32s cubic-bezier(.22,1,.36,1); }
.faq-a-inner { overflow: hidden; min-height: 0; }
.faq-item[data-open="true"] .faq-a { grid-template-rows: 1fr; }
.faq-a-inner p { padding: 0 22px 20px; font-size: 14.5px; line-height: 1.7; color: rgba(8,32,25,.72); }

/* ===== Formular ===== */
.field-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(8,32,25,.6); margin-bottom: 8px; }
.field-input {
  width: 100%;
  background: var(--paper);
  border: 1px solid rgba(8,32,25,.16);
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 15px; color: var(--ink);
  transition: border-color .22s ease, box-shadow .22s ease;
}
.field-input::placeholder { color: rgba(8,32,25,.35); }
.field-input:hover { border-color: rgba(11,124,94,.35); }
.field-input:focus-visible { outline: none; border-color: var(--brand); box-shadow: 0 0 0 4px rgba(11,124,94,.14); }
select.field-input { appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230B7C5E' stroke-width='2.4'><path d='m6 9 6 6 6-6'/></svg>"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 44px; }
.gdpr-check { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
.gdpr-check input {
  appearance: none; flex-shrink: 0;
  width: 22px; height: 22px; margin-top: 1px;
  border: 1.5px solid rgba(8,32,25,.3); border-radius: 7px;
  background: var(--paper); cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background-color .2s ease, border-color .2s ease;
}
.gdpr-check input:checked { background: var(--brand); border-color: var(--brand); }
.gdpr-check input:checked::after {
  content: ""; width: 11px; height: 6px;
  border-left: 2.4px solid #fff; border-bottom: 2.4px solid #fff;
  transform: rotate(-45deg) translateY(-1px);
}
.gdpr-check input:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* ===== Video placeholder ===== */
.video-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
  background:
    radial-gradient(700px 400px at 30% 20%, rgba(18,152,115,.55), transparent 60%),
    radial-gradient(500px 350px at 90% 90%, rgba(43,228,167,.18), transparent 55%),
    linear-gradient(160deg, #085441 0%, #042A20 100%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 40px 80px -32px rgba(5,42,33,.7);
  display: flex; align-items: center; justify-content: center;
}
.video-play {
  width: 84px; height: 84px; border-radius: 999px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(10px);
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), background-color .3s ease;
}
.video-frame:hover .video-play { transform: scale(1.08); background: rgba(255,255,255,.2); }

/* ===== Reveal la scroll ===== */
.drop-line { opacity: 0; transform: translateY(16px); transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1); }
.drop-line.is-in { opacity: 1; transform: none; }
.drop-line.delay-1 { transition-delay: .08s; }
.drop-line.delay-2 { transition-delay: .18s; }
.drop-line.delay-3 { transition-delay: .28s; }
.drop-line.delay-4 { transition-delay: .4s; }
.drop-line.delay-5 { transition-delay: .52s; }

/* ===== CTA final ===== */
.final-cta {
  position: relative;
  background:
    radial-gradient(700px 300px at 90% 0%, rgba(18,152,115,.5), transparent 60%),
    radial-gradient(500px 300px at 0% 100%, rgba(43,228,167,.12), transparent 55%),
    linear-gradient(135deg, #06392C 0%, #052A21 60%, #031F18 100%);
  color: #fff;
  border-radius: 24px;
  padding: 40px 32px;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(5,32,24,.08), 0 24px 50px -24px rgba(11,124,94,.4), 0 14px 28px -14px rgba(5,32,24,.3);
}
@media (min-width: 768px)  { .final-cta { padding: 56px 48px; border-radius: 28px; } }
@media (min-width: 1024px) { .final-cta { padding: 72px 64px; border-radius: 32px; } }
.final-cta::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.10 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity: .5; mix-blend-mode: overlay;
}
.final-cta > * { position: relative; z-index: 1; }

/* ===== MOBILE NAV — hamburger + drawer ===== */
.nav-hamburger {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 12px;
  background: var(--paper2); border: 1px solid var(--line); color: var(--brand);
  cursor: pointer; position: relative;
  transition: background-color .2s ease, border-color .2s ease, transform .2s cubic-bezier(.34,1.56,.64,1);
  -webkit-tap-highlight-color: transparent;
}
.nav-hamburger:hover { background: var(--paper3); }
.nav-hamburger:active { transform: scale(.94); }
.nav-hamburger:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.nav-hamburger .bar {
  position: absolute; left: 12px; right: 12px; height: 2px;
  background: currentColor; border-radius: 2px;
  transition: transform .28s cubic-bezier(.6,-0.2,.4,1.4), opacity .2s ease, top .28s cubic-bezier(.6,-0.2,.4,1.4);
}
.nav-hamburger .bar:nth-child(1) { top: 14px; }
.nav-hamburger .bar:nth-child(2) { top: 21px; }
.nav-hamburger .bar:nth-child(3) { top: 28px; }
.nav-hamburger[aria-expanded="true"] .bar:nth-child(1) { top: 21px; transform: rotate(45deg); }
.nav-hamburger[aria-expanded="true"] .bar:nth-child(2) { opacity: 0; }
.nav-hamburger[aria-expanded="true"] .bar:nth-child(3) { top: 21px; transform: rotate(-45deg); }
@media (min-width: 1024px) { .nav-hamburger { display: none; } }

.mnav-overlay {
  position: fixed; inset: 0;
  background: rgba(5, 32, 24, .55);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  opacity: 0; pointer-events: none;
  transition: opacity .28s ease;
  z-index: 90;
}
.mnav-overlay.is-open { opacity: 1; pointer-events: auto; }

.mnav-drawer {
  position: fixed; top: 0; right: 0;
  height: 100dvh; width: min(86vw, 380px);
  background: var(--paper);
  box-shadow: -24px 0 60px -20px rgba(5, 32, 24, .35);
  display: flex; flex-direction: column;
  transform: translateX(105%);
  transition: transform .36s cubic-bezier(.22,1,.36,1);
  z-index: 100; will-change: transform;
}
.mnav-drawer.is-open { transform: translateX(0); }
@media (min-width: 1024px) { .mnav-overlay, .mnav-drawer { display: none; } }

.mnav-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 18px; border-bottom: 1px solid var(--line); flex-shrink: 0;
}
.mnav-close {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 10px;
  background: var(--paper2); border: 1px solid var(--line); color: var(--ink);
  cursor: pointer;
  transition: background-color .2s ease, transform .2s ease;
}
.mnav-close:hover { background: var(--paper3); }
.mnav-close:active { transform: scale(.94); }

.mnav-body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 12px 10px 24px; }
.mnav-item { border-bottom: 1px solid var(--line); }
.mnav-item:last-child { border-bottom: none; }
.mnav-row {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 16px 14px;
  text-decoration: none; color: var(--ink);
  font-size: 16px; font-weight: 600; letter-spacing: -0.01em;
  border-radius: 10px;
  transition: background-color .2s ease;
  -webkit-tap-highlight-color: transparent;
}
.mnav-row:hover, .mnav-row:focus-visible { background: var(--paper2); }

.mnav-foot {
  flex-shrink: 0;
  padding: 16px 18px calc(16px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
  background: var(--paper);
  display: flex; flex-direction: column; gap: 12px;
}
.mnav-foot .mnav-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 20px; border-radius: 999px;
  background: var(--brand); color: #fff;
  font-weight: 700; font-size: 14px; letter-spacing: 0.04em;
  text-decoration: none;
  transition: background-color .2s ease, transform .18s cubic-bezier(.34,1.56,.64,1);
}
.mnav-foot .mnav-cta:hover { background: var(--branddeep); }
.mnav-foot .mnav-cta:active { transform: scale(.98); }
.mnav-foot .mnav-trust { font-size: 11.5px; color: rgba(8,32,25,.55); text-align: center; line-height: 1.45; }
body.mnav-locked { overflow: hidden; }

/* ===== WIZARD verificare eligibilitate (inspirat din fluxul APLICA) ===== */
.wiz-steps {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
}
.wiz-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 999px;
  background: var(--paper);
  border: 1px solid var(--line);
  color: rgba(8,32,25,.5);
  font-size: 12.5px; font-weight: 700; letter-spacing: .01em;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}
.wiz-pill .n {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 999px;
  background: var(--paper3); color: rgba(8,32,25,.55);
  font-size: 11px; font-weight: 800;
  transition: background-color .3s ease, color .3s ease;
}
.wiz-pill.on { background: rgba(11,124,94,.08); border-color: rgba(11,124,94,.35); color: var(--brand); }
.wiz-pill.on .n { background: var(--brand); color: #fff; }
.wiz-pill.done { color: var(--brand); }
.wiz-pill.done .n { background: rgba(11,124,94,.16); color: var(--brand); }

.wiz-step { display: none; opacity: 0; transform: translateY(12px); }
.wiz-step.on { display: block; }
.wiz-step.on.vis { opacity: 1; transform: none; transition: opacity .3s ease, transform .3s ease; }

.wiz-q { font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: var(--ink); }
.wiz-hint { font-size: 12.5px; color: rgba(8,32,25,.5); font-weight: 500; }

/* Carduri opțiune (radio / checkbox vizuale) */
.opt-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.opt-card {
  position: relative;
  display: flex; align-items: center; gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--paper);
  border: 1.5px solid rgba(8,32,25,.14);
  cursor: pointer;
  user-select: none;
  transition: border-color .22s ease, background-color .22s ease, transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s ease;
}
.opt-card:hover { border-color: rgba(11,124,94,.45); transform: translateY(-1px); }
.opt-card input { position: absolute; opacity: 0; pointer-events: none; }
.opt-card .opt-ico {
  flex-shrink: 0;
  width: 38px; height: 38px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(11,124,94,.07);
  border: 1px solid rgba(11,124,94,.16);
  color: var(--brand);
  transition: background-color .22s ease, color .22s ease, border-color .22s ease;
}
.opt-card .opt-label { font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--ink); }
.opt-card .opt-tick {
  position: absolute; top: -7px; right: -7px;
  width: 22px; height: 22px; border-radius: 999px;
  background: var(--brand); color: #fff;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; transform: scale(.5);
  transition: opacity .22s ease, transform .22s cubic-bezier(.34,1.56,.64,1);
  box-shadow: 0 6px 14px -6px rgba(11,124,94,.6);
}
.opt-card.is-sel {
  border-color: var(--brand);
  background: rgba(11,124,94,.06);
  box-shadow: 0 1px 0 rgba(11,124,94,.06), 0 16px 34px -20px rgba(11,124,94,.45);
}
.opt-card.is-sel .opt-ico { background: var(--brand); border-color: var(--brand); color: #fff; }
.opt-card.is-sel .opt-tick { opacity: 1; transform: scale(1); }
.opt-card:focus-within { outline: 2px solid var(--brand); outline-offset: 2px; }

.wiz-err {
  display: none;
  margin-top: 10px;
  font-size: 13px; font-weight: 600;
  color: var(--reddeep);
}
.wiz-err.show { display: block; }

.wiz-nav { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 32px; }
.wiz-back {
  display: inline-flex; align-items: center; gap: 8px;
  color: rgba(8,32,25,.6); font-size: 14px; font-weight: 600;
  background: transparent; border: 0; cursor: pointer; padding: 10px 6px;
  transition: color .2s ease, transform .2s ease;
}
.wiz-back:hover { color: var(--brand); transform: translateX(-2px); }
.wiz-back:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 8px; }

/* Bară progres subțire */
.wiz-progress { height: 4px; border-radius: 999px; background: var(--paper3); overflow: hidden; }
.wiz-progress > span {
  display: block; height: 100%; width: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand), var(--brandsoft));
  transition: width .45s cubic-bezier(.22,.61,.36,1);
}

/* ===== FIȘA DE EVALUARE — chips evaluare credite + Smart CreditScore ===== */
.eval-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  white-space: nowrap;
}
.eval-chip.lvl-bad  { background: rgba(229,72,77,.10);  color: var(--reddeep);  border: 1px solid rgba(229,72,77,.30); }
.eval-chip.lvl-warn { background: rgba(239,167,62,.14); color: #8A5A14;         border: 1px solid rgba(239,167,62,.38); }
.eval-chip.lvl-good { background: rgba(11,124,94,.09);  color: var(--brand);    border: 1px solid rgba(11,124,94,.28); }

.eval-row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
  padding: 14px 0;
}
.eval-row + .eval-row { border-top: 1px dashed rgba(11,124,94,.18); }
.eval-diff {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 11px; border-radius: 999px;
  background: rgba(11,124,94,.09); border: 1px solid rgba(11,124,94,.25);
  color: var(--brand); font-size: 12.5px; font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.loss-strip {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px;
  background: rgba(229,72,77,.07);
  border: 1px solid rgba(229,72,77,.22);
  border-radius: 14px;
  padding: 13px 18px;
}

/* Bara Smart CreditScore (−100 → +100) */
.score-bar {
  position: relative;
  height: 10px; border-radius: 999px;
  background: linear-gradient(90deg, #E5484D 0%, #EFA73E 48%, #0B7C5E 100%);
  box-shadow: inset 0 1px 2px rgba(5,32,24,.18);
}
.score-marker {
  position: absolute; top: 50%;
  width: 18px; height: 18px; border-radius: 999px;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 10px -2px rgba(5,32,24,.35);
}
.score-marker.is-now  { border: 3.5px solid var(--red); }
.score-marker.is-goal { border: 3.5px solid var(--brand); }
.score-marker .tag {
  position: absolute; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%);
  font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 999px; white-space: nowrap;
}
.score-marker.is-now .tag  { background: rgba(229,72,77,.1);  color: var(--reddeep); border: 1px solid rgba(229,72,77,.3); }
.score-marker.is-goal .tag { background: rgba(11,124,94,.09); color: var(--brand);   border: 1px solid rgba(11,124,94,.3); }

/* Mini-carduri variante de finanțare */
.variant-mini {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 13px 15px;
  border-radius: 14px;
  background: var(--paper2);
  border: 1px solid var(--line);
  transition: border-color .25s ease, transform .25s ease;
}
.variant-mini:hover { border-color: rgba(11,124,94,.35); transform: translateY(-2px); }
.variant-mini .vnum {
  flex-shrink: 0;
  width: 26px; height: 26px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--brand); color: #fff;
  font-size: 12.5px; font-weight: 800;
}

/* ===== Diverse ===== */
.rule { height: 1px; background: linear-gradient(90deg, transparent, rgba(11,124,94,.22) 15%, rgba(11,124,94,.22) 85%, transparent); }
.dot-green { width: 6px; height: 6px; border-radius: 999px; background: var(--brand); box-shadow: 0 0 0 3px rgba(11,124,94,.15); display: inline-block; }

input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; }

@media (prefers-reduced-motion: reduce) {
  .drop-line { opacity: 1 !important; transform: none !important; transition: none !important; }
  .chance-bar > span { animation: none !important; }
  .eyebrow-live .pulse { animation: none !important; }
  .marq-track { animation: none !important; }
}