:root { --inchis:#0f2a24; --verde:#17a673; --verde2:#0e7d55; --galben:#f5b82e; --text:#1c2b27; --gri:#5d6d68; --linie:#dfe7e4; --deschis:#f3f7f5; --r:14px; }
* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.6 "Segoe UI", system-ui, -apple-system, sans-serif; color: var(--text); }
a { color: var(--verde2); }
h1, h2, h3 { color: var(--inchis); line-height: 1.2; }
h2 { font-size: 1.8rem; margin: 0 0 1rem; }
.lat { max-width: 1120px; margin: 0 auto; padding: 0 22px; }
.bloc { padding: 64px 22px; }
.ingust { max-width: 760px; }
.mic { font-size: .88rem; color: var(--gri); }
.intro { font-size: 1.1rem; color: var(--gri); margin-top: -4px; }

.sus { position: sticky; top: 0; z-index: 5; background: #fff; border-bottom: 1px solid var(--linie); }
.sus .lat { display: flex; align-items: center; justify-content: space-between; height: 70px; }
.marca { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.35rem; color: var(--inchis); text-decoration: none; }
.marca img { width: 40px; height: 40px; }
.marca b { color: var(--verde); }
nav { display: flex; align-items: center; gap: 22px; }
nav a { color: var(--text); font-weight: 600; text-decoration: none; }

.buton { display: inline-block; padding: 13px 24px; border-radius: 999px; background: var(--verde); color: #fff !important; font-weight: 700; text-decoration: none; border: 2px solid var(--verde); cursor: pointer; font-size: 1rem; }
.buton:hover { background: var(--verde2); border-color: var(--verde2); }
.buton.mic { padding: 8px 16px; }
.buton.galben { background: var(--galben); border-color: var(--galben); color: var(--inchis) !important; }
.buton.galben:hover { background: #ffc94d; border-color: #ffc94d; }
.buton.contur {background: transparent; border-color: rgba(255,255,255,.6); }

.erou { background: radial-gradient(1200px 520px at 85% -10%, #1f5d4b, transparent), var(--inchis); color: #e8f2ee; padding: 84px 0 72px; }
.erou h1 { color: #fff; font-size: clamp(2rem, 4.6vw, 3.3rem); margin: 0 0 16px; }
.erou h1 em { font-style: normal; color: var(--galben); }
.subtitlu { font-size: 1.18rem; max-width: 660px; margin: 0 0 28px; }
.actiuni { display: flex; flex-wrap: wrap; gap: 12px; }
.atu { list-style: none; padding: 0; margin: 34px 0 0; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.atu li::before { content: "✓ "; color: var(--galben); font-weight: 800; }

.grila { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.card { border: 1px solid var(--linie); border-radius: var(--r); padding: 24px; }
.card h3 { margin: 8px 0 6px; }
.card p { margin: 0; color: var(--gri); }
.card.curand { position: relative; border-style: dashed; background: var(--deschis); }
.card .eticheta { position: absolute; top: 18px; right: 18px; background: var(--galben); color: var(--inchis); font-size: .78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.ic { font-size: 1.8rem; }

.fundal { background: var(--deschis); }
.pachete { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin-top: 24px; }
.pachet { background: #fff; border-radius: var(--r); padding: 26px; border: 1px solid var(--linie); display: flex; flex-direction: column; }
.pachet.evidentiat { border: 2px solid var(--verde); }
.pachet h3 { margin: 0 0 10px; }
.pret { font-size: 1.9rem; font-weight: 800; color: var(--verde2); margin-bottom: 10px; }
.pret.mic { font-size: 1.15rem; color: var(--inchis); }
.pachet ul { padding-left: 20px; color: var(--gri); flex: 1; }
.pachet .buton { align-self: flex-start; }

.pasi { list-style: none; counter-reset: p; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.pasi li { counter-increment: p; background: var(--deschis); border-radius: var(--r); padding: 22px; }
.pasi li::before { content: counter(p); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--verde); color: #fff; font-weight: 800; margin-bottom: 10px; }
.pasi strong { display: block; color: var(--inchis); }
.pasi span { color: var(--gri); }
.nota { margin-top: 26px; background: #fff8e6; border: 1px solid #f3dda0; border-radius: var(--r); padding: 18px 22px; }

.formular { display: grid; gap: 14px; background: #fff; padding: 26px; border-radius: var(--r); }
.formular label { display: grid; gap: 6px; font-weight: 600; }
.formular small { font-weight: 400; color: var(--gri); }
.doua { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
input, select, textarea { font: inherit; padding: 12px 14px; border: 1px solid #c9d6d1; border-radius: 10px; background: #fff; }
label.bifa { display: flex; gap: 8px; align-items: center; font-weight: 400; }
.capcana { position: absolute; left: -9999px; }

.jos { background: var(--inchis); color: #b8cbc4; padding: 36px 0; }
.jos .marca { color: #fff; font-size: 1.2rem; }
.jos a { color: var(--galben); font-weight: 700; text-decoration: none; }
.raspuns { margin: 4px 0 0; padding: 14px 18px; border-radius: var(--r); background: var(--deschis); }
.raspuns .buton { margin-left: 6px; }
.jos .marca img { width: 32px; height: 32px; }

@media (max-width: 680px) {
  nav a:not(.buton) { display: none; }
  .doua { grid-template-columns: 1fr; }
}