/* ==========================================================
   JobMarket.md, foaie de stil comuna
   ========================================================== */
:root{
  --ink:#0C2233; --ink-2:#143B55; --paper:#F2F5F7; --paper-2:#FFFFFF;
  --marigold:#F0A81E; --marigold-dk:#B87A08; --jade:#0E7C66;
  --line:rgba(12,34,51,.12); --muted:#5B7387;
  --display:'Bricolage Grotesque','Trebuchet MS',system-ui,sans-serif;
  --body:'Instrument Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
  --wrap:1180px; --r:14px; --r-sm:10px; --r-pill:100px;
  --shadow:0 1px 2px rgba(12,34,51,.06),0 12px 32px -12px rgba(12,34,51,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--marigold);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap-narrow{max-width:840px}
section{padding:68px 0}
@media(min-width:900px){section{padding:100px 0}}
.alt{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dark{background:var(--ink);color:#fff}
.dark h1,.dark h2,.dark h3,.dark h4{color:#fff}
.dark p{color:rgba(255,255,255,.72)}

h1,h2,h3,h4{font-family:var(--display);font-weight:800;line-height:1.08;letter-spacing:-.02em}
h1{font-size:clamp(2rem,5.8vw,3.9rem)}
h2{font-size:clamp(1.65rem,4.1vw,2.7rem)}
h3{font-size:clamp(1.08rem,2.1vw,1.32rem);font-weight:600;line-height:1.25}
h4{font-size:1.02rem;font-weight:600}
p{color:var(--muted)}
.lead{font-size:clamp(1rem,1.85vw,1.14rem);max-width:64ch}
.section-head{max-width:720px;margin-bottom:42px}
.section-head p{margin-top:14px}
.center{text-align:center;margin-left:auto;margin-right:auto}

.eyebrow{font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--jade);display:inline-flex;align-items:center;gap:9px;margin-bottom:16px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--marigold)}
.dark .eyebrow,.eyebrow.on-dark{color:var(--marigold)}
.dark .eyebrow::before,.eyebrow.on-dark::before{background:rgba(255,255,255,.45)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;
  border-radius:100px;border:0;cursor:pointer;font-weight:600;font-size:.97rem;letter-spacing:-.01em;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s;text-align:center}
.btn-primary{background:var(--marigold);color:#20160A;box-shadow:0 8px 22px -8px rgba(240,168,30,.85)}
.btn-primary:hover{background:#FFB930;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
.dark .btn-ghost,.btn-ghost.on-dark{color:#fff;border-color:rgba(255,255,255,.3)}
.dark .btn-ghost:hover,.btn-ghost.on-dark:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn-block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ---------- HEADER ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(242,245,247,.9);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;
  font-size:1.14rem;letter-spacing:-.03em}
.logo-mark{width:34px;height:34px;flex:0 0 34px}
.logo .dot{color:var(--marigold)}
.nav-links{display:none;gap:22px;font-size:.92rem;font-weight:500}
.nav-links li{list-style:none}
.nav-links a{position:relative;padding:4px 0;color:var(--ink-2);display:block}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--marigold);transition:width .2s}
.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{width:100%}
.nav-links a[aria-current="page"]{color:var(--ink);font-weight:600}
.nav-cta{display:none}
.burger{width:44px;height:44px;border:1.5px solid var(--line);background:var(--paper-2);
  border-radius:11px;display:grid;place-items:center;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--ink);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink)}
.burger span::before{top:-6px}.burger span::after{top:6px}
@media(min-width:1080px){.nav-links{display:flex}.nav-cta{display:inline-flex}.burger{display:none}}
.drawer{position:fixed;inset:70px 0 auto 0;background:var(--paper-2);z-index:59;
  border-bottom:1px solid var(--line);padding:14px 20px 26px;display:none;box-shadow:var(--shadow);
  max-height:calc(100vh - 70px);overflow-y:auto}
.drawer.open{display:block}
.drawer ul{list-style:none}
.drawer li{list-style:none}
.drawer a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:500}
.drawer .btn{margin-top:18px}

/* ---------- HERO ---------- */
.hero{background:radial-gradient(900px 480px at 78% 8%,rgba(240,168,30,.16),transparent 62%),
  linear-gradient(168deg,#0C2233 0%,#123449 62%,#0E293B 100%);
  color:#fff;position:relative;overflow:hidden;padding:60px 0 72px}
.hero::before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(80% 70% at 30% 30%,#000,transparent 75%);
          mask-image:radial-gradient(80% 70% at 30% 30%,#000,transparent 75%)}
.hero .wrap{position:relative;z-index:2}
.hero h1{color:#fff}
.hero h1 em{font-style:normal;color:var(--marigold)}
.hero p.lead{color:rgba(255,255,255,.78);margin-top:20px}
.hero-grid{display:grid;gap:40px;align-items:center}
@media(min-width:980px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:54px}}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-actions .btn{flex:1 1 210px}
@media(min-width:560px){.hero-actions .btn{flex:0 0 auto}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;
  border-top:1px solid rgba(255,255,255,.16);padding-top:24px}
.stat b{font-family:var(--display);font-size:clamp(1.45rem,3.8vw,2.05rem);display:block;color:#fff;line-height:1}
.stat small{font-family:var(--mono);font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;
  color:rgba(255,255,255,.55);display:block;margin-top:8px}

/* hero pentru paginile interioare */
.page-hero{background:linear-gradient(160deg,#0C2233,#143B55);color:#fff;padding:44px 0 56px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(240,168,30,.25),transparent 68%)}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{color:#fff;max-width:18ch}
.page-hero p{color:rgba(255,255,255,.75);margin-top:16px;max-width:60ch}
.crumbs{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-bottom:18px}
.crumbs a:hover{color:var(--marigold)}

/* ---------- IMAGINI ---------- */
.ph{position:relative;overflow:hidden;border-radius:var(--r);background:var(--ink-2);line-height:0}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ph-4x3{aspect-ratio:4/3}.ph-16x9{aspect-ratio:16/9}.ph-1x1{aspect-ratio:1/1}.ph-3x2{aspect-ratio:3/2}
.ph-wide{aspect-ratio:21/9}
a:hover .ph img,.card:hover .ph img,.tile:hover .ph img{transform:scale(1.05)}
figure figcaption{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin-top:10px}
.media-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.media-grid{grid-template-columns:1.3fr 1fr}}
.split{display:grid;gap:34px;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:52px}}
.split.rev .split-img{order:-1}
@media(min-width:900px){.split.rev .split-img{order:1}}

/* ---------- GRILE / CARDURI ---------- */
.grid{display:grid;gap:18px}
@media(min-width:680px){.grid-2,.grid-3{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.grid-3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:560px){.grid-4{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.grid-4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(12,34,51,.2)}
.card h3{margin:16px 0 8px}
.card p{font-size:.95rem}
.dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.dark .card:hover{background:rgba(255,255,255,.09)}
.ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:rgba(14,124,102,.1);color:var(--jade)}
.ico.gold{background:rgba(240,168,30,.16);color:var(--marigold-dk)}
.dark .ico{background:rgba(240,168,30,.16);color:var(--marigold)}

/* tile = card cu imagine */
.tile{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tile .ph{border-radius:0}
.tile-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.tile-body p{font-size:.93rem}
.tile-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--jade)}

/* ---------- PROBLEME ---------- */
.pain-list{display:grid;gap:10px;margin-top:26px}
@media(min-width:620px){.pain-list{grid-template-columns:1fr 1fr}}
.pain{display:flex;gap:12px;align-items:flex-start;background:var(--paper-2);border:1px solid var(--line);
  border-radius:12px;padding:14px 16px;font-size:.95rem;font-weight:500}
.pain svg{flex:0 0 20px;margin-top:2px}

/* ---------- INDUSTRII (pill) ---------- */
.ind{display:flex;align-items:center;gap:14px;background:var(--paper-2);border:1px solid var(--line);
  border-radius:12px;padding:16px;font-weight:600;font-size:.94rem;transition:.2s}
.ind:hover{border-color:var(--marigold);transform:translateY(-3px)}
.ind svg{flex:0 0 26px;color:var(--ink-2)}

/* ---------- PROCES ---------- */
.steps{display:grid}
.step{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--line)}
.step:last-child{border-bottom:1px solid var(--line)}
@media(min-width:860px){.step{grid-template-columns:56px 1fr 190px;align-items:start;gap:26px}}
.step-n{font-family:var(--mono);font-size:.8rem;font-weight:600;width:44px;height:44px;border-radius:50%;
  border:1.5px solid var(--ink);display:grid;place-items:center}
.dark .step{border-color:rgba(255,255,255,.14)}
.dark .step-n{border-color:rgba(255,255,255,.4);color:#fff}
.step h3{margin-bottom:6px}
.step p{font-size:.95rem}
.step-time{font-family:var(--mono);font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:var(--jade);
  background:rgba(14,124,102,.09);padding:6px 12px;border-radius:100px;display:inline-block;margin-top:12px;white-space:nowrap}
@media(min-width:860px){.step-time{margin-top:4px;justify-self:end}}
/* proces cu imagini */
.pstep{display:grid;gap:22px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}
@media(min-width:820px){.pstep{grid-template-columns:.85fr 1.15fr;gap:44px}.pstep.rev .pstep-img{order:1}}
.pstep-n{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--marigold-dk);margin-bottom:10px}

/* ---------- ȚĂRI ---------- */
.c-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);
  padding:22px;transition:.2s}
.c-card:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.c-code{font-family:var(--mono);font-weight:600;font-size:.78rem;letter-spacing:.1em;width:52px;height:52px;
  border-radius:14px;display:grid;place-items:center;color:#0C2233;margin-bottom:16px}
.c-card p{font-size:.9rem}
.tag{font-family:var(--mono);font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:5px 11px;display:inline-block;
  margin-top:14px;color:rgba(255,255,255,.75)}
.tag.light{border-color:var(--line);color:var(--muted)}

/* ---------- CALCULATOR ---------- */
.calc{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.calc-grid{display:grid}
@media(min-width:900px){.calc-grid{grid-template-columns:1.05fr .95fr}}
.calc-form{padding:28px 24px}
@media(min-width:900px){.calc-form{padding:36px 34px}}
.field{margin-bottom:20px}
.field label{display:block;font-weight:600;font-size:.9rem;margin-bottom:8px}
.field label span{color:var(--marigold-dk)}
select,input[type=text],input[type=tel],input[type=email],input[type=number],textarea{
  width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);
  font-size:.96rem;transition:border-color .18s;font-family:inherit}
select:focus,input:focus,textarea:focus{border-color:var(--ink);outline:none}
.counter{display:flex;align-items:center;gap:12px}
.counter button{width:46px;height:46px;border-radius:11px;border:1.5px solid var(--line);
  background:var(--paper);font-size:1.3rem;cursor:pointer;font-family:var(--mono)}
.counter button:hover{border-color:var(--ink)}
.counter input{text-align:center;font-family:var(--mono);font-weight:600;max-width:110px}
.hint{font-size:.78rem;color:var(--muted);margin-top:8px}
.calc-out{background:var(--ink);color:#fff;padding:28px 24px}
@media(min-width:900px){.calc-out{padding:36px 34px}}
.calc-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.calc-head b{color:var(--marigold);font-weight:600}
.row{display:flex;justify-content:space-between;gap:14px;padding:12px 0;
  border-bottom:1px dashed rgba(255,255,255,.16);font-size:.92rem}
.row span:first-child{color:rgba(255,255,255,.68)}
.row span:last-child{font-family:var(--mono);font-weight:500;white-space:nowrap}
.row.total{border-bottom:0;padding-top:20px;align-items:baseline}
.row.total span:first-child{color:#fff;font-weight:600;font-size:1rem}
.row.total span:last-child{font-family:var(--display);font-weight:800;font-size:clamp(1.45rem,4vw,1.95rem);color:var(--marigold)}
.note{font-size:.78rem;color:rgba(255,255,255,.55);margin-top:18px;line-height:1.55}
.note b{color:rgba(255,255,255,.82)}

/* ---------- STUDII DE CAZ ---------- */
.case{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:26px;
  display:flex;flex-direction:column;gap:14px}
.quote{font-family:var(--display);font-weight:600;font-size:1.06rem;line-height:1.4;letter-spacing:-.01em}
.case-meta{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.avatar{width:42px;height:42px;border-radius:50%;flex:0 0 42px;display:grid;place-items:center;
  font-family:var(--mono);font-weight:600;font-size:.8rem;color:#fff}
.case-meta b{display:block;font-size:.9rem}
.case-meta small{color:var(--muted);font-size:.8rem}
.bignum{font-family:var(--display);font-size:2.4rem;display:block;line-height:1}

/* ---------- FAQ ---------- */
details{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
summary{padding:20px 22px;cursor:pointer;font-weight:600;font-size:1rem;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--mono);font-size:1.4rem;color:var(--marigold-dk)}
details[open] summary::after{content:"\2212"}
details p{padding:0 22px 22px;font-size:.95rem}

/* ---------- FORMULAR ---------- */
.form-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:26px 22px}
@media(min-width:900px){.form-card{padding:34px 32px}}
.form-card input,.form-card select,.form-card textarea{background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);color:#fff}
.form-card input::placeholder,.form-card textarea::placeholder{color:rgba(255,255,255,.4)}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--marigold)}
.form-card select option{color:#0C2233}
.form-card.light{background:var(--paper-2);border-color:var(--line)}
.form-card.light input,.form-card.light select,.form-card.light textarea{background:var(--paper);border-color:var(--line);color:var(--ink)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:rgba(255,255,255,.65);margin:4px 0 18px}
.form-card.light .check{color:var(--muted)}
.check input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:var(--marigold)}
.hp{position:absolute!important;left:-9999px!important;opacity:0;height:0;width:0}
.form-msg{margin-top:14px;padding:14px 16px;border-radius:10px;font-size:.9rem;display:none}
.form-msg.ok{display:block;background:rgba(14,124,102,.18);border:1px solid rgba(14,124,102,.5);color:#8FE9CF}
.form-msg.err{display:block;background:rgba(226,76,76,.15);border:1px solid rgba(226,76,76,.5);color:#FFB1B1}
.form-card.light .form-msg.ok{background:rgba(14,124,102,.1);color:#0A5C4C}
.form-card.light .form-msg.err{background:rgba(200,40,40,.08);color:#A32020}

/* ---------- CONTACT ---------- */
.contact-side li{list-style:none;display:flex;gap:14px;align-items:flex-start;padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.12)}
.contact-side li:last-child{border-bottom:0}
.contact-side li svg{flex:0 0 22px;color:var(--marigold);margin-top:3px}
.contact-side small{display:block;font-family:var(--mono);font-size:.67rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:4px}
.contact-side b{font-weight:600;font-size:1rem}
.socials{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.socials a{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);
  display:grid;place-items:center;transition:.2s}
.socials a:hover{background:var(--marigold);border-color:var(--marigold);color:#20160A}

/* ---------- ARTICOLE / TEXT LUNG ---------- */
.prose{max-width:70ch}
.prose p{margin-bottom:18px;color:var(--ink);opacity:.86}
.prose h2{margin:38px 0 14px}
.prose h3{margin:28px 0 10px}
.prose ul,.prose ol{margin:0 0 18px 22px;color:var(--ink);opacity:.86}
.prose li{margin-bottom:9px}
.prose a{color:var(--jade);text-decoration:underline;text-underline-offset:3px}

/* ---------- JOBS ---------- */
.job{display:grid;gap:14px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
@media(min-width:760px){.job{grid-template-columns:1fr auto;align-items:center}}
.job-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.chip{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
  background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:5px 11px;color:var(--muted)}

/* ---------- FOOTER ---------- */
footer{background:#081A28;color:rgba(255,255,255,.6);padding:54px 0 108px;font-size:.9rem}
@media(min-width:1080px){footer{padding-bottom:54px}}
.f-grid{display:grid;gap:30px}
@media(min-width:820px){.f-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
footer h4{color:#fff;font-family:var(--mono);font-size:.71rem;letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;margin-bottom:16px}
footer a:hover{color:var(--marigold)}
footer ul{list-style:none;display:grid;gap:10px;margin:0;padding:0}
footer li{list-style:none}
.f-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:22px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.82rem}

/* ---------- BARĂ MOBILĂ ---------- */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;gap:8px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
.mbar .btn{flex:1;padding:13px 8px;font-size:.88rem}
@media(min-width:1080px){.mbar{display:none}}

/* ---------- CORIDOR (semnătura) ---------- */
.corridor{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:20px;
  padding:20px 18px 16px;backdrop-filter:blur(6px)}
.route-line{stroke:rgba(255,255,255,.22);stroke-width:1.4;fill:none}
.route-flow{stroke:var(--marigold);stroke-width:1.8;fill:none;stroke-dasharray:8 210;animation:flow 3.4s linear infinite}
.route-flow:nth-of-type(2){animation-delay:.4s}.route-flow:nth-of-type(3){animation-delay:.8s}
.route-flow:nth-of-type(4){animation-delay:1.2s}.route-flow:nth-of-type(5){animation-delay:1.6s}
.route-flow:nth-of-type(6){animation-delay:2s}.route-flow:nth-of-type(7){animation-delay:2.4s}
@keyframes flow{from{stroke-dashoffset:218}to{stroke-dashoffset:0}}
.node-label{font-family:var(--mono);font-size:11px;fill:rgba(255,255,255,.82);letter-spacing:.04em}
.node-dest{font-family:var(--display);font-size:15px;font-weight:800;fill:#fff}
.pulse{animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{r:7;opacity:.55}70%{r:19;opacity:0}100%{opacity:0}}

/* ---------- REVEAL ---------- */
.jm-js .rv{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.jm-js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .jm-js .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}


/* ===== WordPress core ===== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.admin-bar header{top:32px}
@media(max-width:782px){.admin-bar header{top:46px}}
.alignwide{max-width:1180px;margin-inline:auto}
.alignfull{max-width:none}
.wp-caption img,.wp-block-image img{border-radius:var(--r)}
.sticky{}
.entry-content>*{margin-bottom:18px}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;
  border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);font-weight:600;font-size:.9rem}
.pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ===== bento asimetric (înlocuiește rândurile de 3 carduri identice) ===== */
.bento{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:760px){.bento{grid-template-columns:repeat(6,1fr)}
 .bento>*:nth-child(1){grid-column:span 4}
 .bento>*:nth-child(2){grid-column:span 2}
 .bento>*:nth-child(3){grid-column:span 2}
 .bento>*:nth-child(4){grid-column:span 4}
 .bento>*:nth-child(5){grid-column:span 3}
 .bento>*:nth-child(6){grid-column:span 3}}
.bento .card.tinted{background:linear-gradient(150deg,rgba(240,168,30,.14),rgba(240,168,30,.04));border-color:rgba(240,168,30,.34)}
.bento .card.deep{background:var(--ink);border-color:var(--ink);color:#fff}
.bento .card.deep h3{color:#fff}
.bento .card.deep p{color:rgba(255,255,255,.72)}
.bento .card.deep .ico{background:rgba(240,168,30,.18);color:var(--marigold)}

/* ===== listă cu linii subțiri (fără carduri) ===== */
.ruled{border-top:1px solid var(--line)}
.ruled>li{list-style:none;display:grid;gap:6px 20px;padding:20px 0;border-bottom:1px solid var(--line)}
@media(min-width:760px){.ruled>li{grid-template-columns:210px 1fr}}
.ruled h3{margin:0}
.ruled p{font-size:.95rem;margin:0}
.dark .ruled,.dark .ruled>li{border-color:rgba(255,255,255,.14)}

/* ===== durata (înlocuiește numerotarea pașilor) ===== */
.dur{font-family:var(--mono);font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;color:var(--jade);
  background:rgba(14,124,102,.09);padding:6px 12px;border-radius:var(--r-pill);display:inline-block;white-space:nowrap}
.dark .dur{color:var(--marigold);background:rgba(240,168,30,.14)}

/* ===== notificare admin în front (doar pentru administratori) ===== */
.jm-todo{background:#FFF6E2;border:1px solid var(--marigold);border-radius:var(--r);padding:14px 18px;
  font-size:.88rem;margin:0 0 18px;color:#5A4208}
.jm-todo b{color:#3E2D02}