/* Despre Noi — page-specific styles */

.abs-11 { position:absolute; top:-60px; right:-40px; width:340px; height:auto; opacity:.14; pointer-events:none; }
.abs-12 { position:absolute; top:50%; right:-60px; transform:translateY(-50%); width:300px; height:auto; opacity:.12; pointer-events:none; }
.abs-13 { position:absolute; bottom:-70px; left:-50px; width:260px; height:auto; opacity:.16; pointer-events:none; }
.abs-14 { position:absolute; top:-30px; right:16px; width:110px; height:auto; opacity:.2; pointer-events:none; }
.bg-14 { background:white; border:1px solid rgba(44,42,40,.1); border-radius:10px; padding:24px 20px; transition:transform .25s ease, box-shadow .25s ease; }
.bg-14:hover { transform:translateY(-6px); box-shadow:0 16px 30px rgba(44,42,40,.1); }
.bg-24 { background:var(--sand); padding:120px 0; position:relative; overflow:hidden; }
.bg-25 { background:var(--sand); padding:76px 0; }
.bg-26 { background:var(--navy); }
.box-100 { width:100%; height:440px; border-radius:14px; object-fit:cover; display:block; }
.box-101 { width:100%; height:420px; border-radius:14px; object-fit:cover; object-position:50.00% 50.00%; display:block; }
.box-102 { padding-right:22px; border-right:1px solid rgba(44,42,40,.15); }
.box-103 { margin-bottom:56px; }
.box-104 { height:30px; width:auto; max-width:100%; object-fit:contain; display:block; }
.box-105 { height:40px; width:auto; max-width:100%; object-fit:contain; display:block; }
.box-106 { height:46px; width:auto; max-width:100%; object-fit:contain; display:block; }
.box-107 { border-top:1px solid rgba(44,42,40,.15); padding-top:34px; margin-bottom:56px; }
.box-58 { flex:1; max-width:600px; }
.box-60 { padding:0 22px; border-right:1px solid rgba(44,42,40,.15); }
.box-61 { text-decoration:none; display:block; padding:18px 0; border-top:1px solid rgba(44,42,40,.15); transition:transform .4s var(--ease); }
.box-61:hover { transform:translateX(3px); }
.box-65 { padding:76px 0; }
.box-66 { border:1px solid rgba(163,208,232,.28); border-radius:12px; padding:32px; }
.box-67 { height:86px; width:auto; max-width:100%; object-fit:contain; display:block; }
.box-93 { flex:1; width:100%; height:340px; border-radius:14px; object-fit:cover; object-position:50.00% 10.59%; display:block; }
.box-94 { max-width:1080px; margin:0 auto; text-align:center; }
.box-95 { display:block; width:40px; height:1px; background:var(--red); margin:0 auto 34px; }
.box-96 { padding:12px 0 40px; }
.box-97 { flex:1; width:100%; max-width:620px; justify-self:center; }
.box-98 { flex:1; width:100%; height:340px; }
.box-99 { display:inline-block; border:1px solid var(--blue); color:var(--blue); border-radius:9999px; padding:6px 14px; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:20px; }
.btn-blue-outline-6 { display:inline-block; border:1px solid var(--blue); color:var(--blue); padding:13px 24px; border-radius:9999px; font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; transition:background-color .45s var(--ease),color .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease); }
.btn-blue-outline-6:hover { background:var(--blue); color:var(--cream); transform:translateY(-2px); box-shadow:0 8px 22px rgba(81,166,212,.22); }
.c-14 { color:var(--blue); font-weight:600; }
.col-22-2 { display:flex; flex-direction:column; gap:22px; }
.col-30 { display:flex; flex-direction:column; gap:30px; }
.col-6 { display:flex; flex-direction:column; gap:6px; font-size:14.5px; line-height:1.5; color:var(--ink-2); }
.eyebrow-muted-4 { font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); margin-bottom:22px; }
.eyebrow-muted-6 { font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); margin-bottom:18px; }
.eyebrow-muted-7 { font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--muted); margin-bottom:14px; }
.eyebrow-pale-6 { font-size:12px; letter-spacing:.22em; text-transform:uppercase; color:var(--blue-pale); margin-bottom:18px; }
.grid-12 { flex:1; border-top:1px solid rgba(44,42,40,.18); padding-top:34px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.grid-13 { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:24px; }
.grid-14 { display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; margin-bottom:64px; }
.grid-15 { display:grid; grid-template-columns:.52fr .48fr; gap:56px; align-items:start; margin-bottom:60px; }
.grid-16 { display:grid; grid-template-columns:.62fr .38fr; gap:56px; align-items:start; }
.grid-3-6 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px 34px; }
.grid-5-4 { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.row-24-4 { display:flex; justify-content:space-between; align-items:baseline; gap:24px; border-top:1px solid rgba(44,42,40,.15); padding-top:34px; margin-bottom:30px; }
.row-24-5 { background:var(--sand); border-radius:14px; padding:36px 40px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; position:relative; overflow:hidden; }
.row-28-2 { display:flex; align-items:baseline; gap:28px; flex-wrap:wrap; justify-content:flex-end; }
.row-29 { width:48px; height:48px; border-radius:9999px; background:var(--blue-tint); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.row-30 { width:48px; height:48px; border-radius:9999px; background:var(--red-tint); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.row-35 { width:48px; height:48px; border-radius:9999px; background:var(--green-tint); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.row-6 { display:flex; align-items:center; justify-content:flex-start; height:88px; text-decoration:none; opacity:.85; transition:opacity .4s var(--ease); }
.row-6:hover { opacity:1; }
.row-64 { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:64px; }
.serif-15-7 { font-family:var(--serif); font-size:15px; color:var(--red); margin-bottom:6px; }
.serif-22-5 { font-family:var(--serif); font-size:22px; color:var(--ink); margin-bottom:6px; }
.serif-24-4 { font-family:var(--serif); font-size:24px; color:var(--ink); }
.serif-26-3 { font-family:var(--serif); font-weight:400; font-size:26px; margin:0 0 16px; color:var(--bone); }
.serif-34-4 { font-family:var(--serif); font-weight:400; font-size:34px; line-height:1.3; margin:0 0 18px; color:var(--ink); max-width:640px; text-wrap:pretty; }
.serif-34-5 { font-family:var(--serif); font-weight:400; font-size:34px; line-height:1.3; margin:0 0 18px; color:var(--ink); text-wrap:pretty; }
.serif-34-6 { font-family:var(--serif); font-weight:400; font-size:34px; line-height:1.3; margin:0; color:var(--ink); text-wrap:pretty; }
.serif-34-7 { font-family:var(--serif); font-weight:400; font-size:34px; line-height:1.2; margin:0 0 8px; color:var(--ink); }
.serif-34-8 { font-family:var(--serif); font-weight:400; font-size:34px; line-height:1.3; color:var(--bone); margin:0 0 22px; }
.serif-38-10 { font-family:var(--serif); font-weight:400; font-size:38px; margin:0 0 18px; color:var(--ink); }
.serif-38-11 { font-family:var(--serif); font-weight:400; font-size:38px; margin:0 0 24px; color:var(--ink); }
.serif-38-8 { font-family:var(--serif); font-weight:400; font-size:38px; line-height:1.25; margin:0 0 18px; color:var(--ink); position:relative; }
.serif-38-9 { font-family:var(--serif); font-weight:400; font-size:38px; margin:0 0 48px; color:var(--ink); }
.serif-46-3 { font-family:var(--serif); font-weight:400; font-size:46px; line-height:1.1; letter-spacing:-.01em; margin:0; color:var(--ink); }
.serif-54-2 { font-family:var(--serif); font-weight:400; font-size:54px; line-height:1.18; letter-spacing:-.015em; margin:0 0 32px; color:var(--ink); text-wrap:balance; }
.text-12-2 { font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--navy); margin-bottom:10px; }
.text-13-9 { font-size:13px; font-weight:600; color:var(--navy); margin-top:9px; }
.text-14_5-5 { font-size:14.5px; color:var(--muted); line-height:1.55; }
.text-14-10 { font-size:14px; line-height:1.55; color:var(--ink-2); margin:0; }
.text-15-14 { font-size:15px; color:var(--muted); margin:0; max-width:420px; text-align:right; }
.text-15-3 { font-size:15px; color:var(--ink); text-decoration:none; padding:9px 0; border-top:1px solid rgba(44,42,40,.12); transition:color .3s ease; }
.text-15-3:hover { color:var(--blue); }
.text-16_5-10 { font-size:16.5px; line-height:1.7; color:var(--ink-2); max-width:760px; margin:0 0 20px; }
.text-16_5-11 { font-size:16.5px; line-height:1.7; color:var(--ink-2); max-width:760px; margin:0; }
.text-16_5-8 { font-size:16.5px; line-height:1.7; color:rgba(251,250,248,.8); margin:0 0 20px; }
.text-16_5-9 { font-size:16.5px; line-height:1.7; color:var(--ink-2); max-width:680px; margin:0 0 40px; }
.text-16-10 { font-size:16px; line-height:1.7; color:rgba(251,250,248,.8); margin:0; }
.text-16-15 { font-size:16px; color:var(--blue); font-weight:600; margin:0 0 24px; }
.text-16-5 { font-size:16px; font-weight:600; margin:0 0 8px; color:var(--ink); }
.text-17_5-2 { font-size:17.5px; line-height:1.75; color:var(--ink-2); margin:0 auto; max-width:780px; text-wrap:pretty; }
.text-17-10 { font-size:17px; line-height:1.7; color:var(--ink-2); margin:0; max-width:560px; }
.text-17-4 { font-size:17px; font-weight:600; margin:0 0 8px; color:var(--ink); }
.text-17-6 { font-size:17px; line-height:1.7; color:var(--ink-2); margin:0; max-width:600px; }
.text-17-7 { font-size:17px; font-weight:600; color:var(--ink); line-height:1.4; margin-bottom:5px; }
.text-17-9 { font-size:17px; line-height:1.7; color:var(--ink-2); margin:0 0 24px; max-width:560px; }
.wrap-66-3 { max-width:1440px; margin:0 auto; padding:66px 56px; box-sizing:border-box; position:relative; }
.wrap-76-2 { max-width:1440px; margin:0 auto; padding:76px 56px; box-sizing:border-box; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.wrap-flush-2 { max-width:1440px; margin:0 auto; padding:0 56px; box-sizing:border-box; display:flex; gap:56px; align-items:center; }
.wrap-flush-3 { max-width:1440px; margin:0 auto; padding:0 56px; box-sizing:border-box; display:flex; justify-content:flex-end; gap:56px; align-items:center; }
.wrap-flush-4 { max-width:1440px; margin:0 auto; padding:0 56px; box-sizing:border-box; display:flex; gap:56px; align-items:flex-start; }

/* ---------- mobile / tablet fixes ---------- */
@media (max-width: 1080px) {
  /* methodology steps: drop the desktop column padding/dividers so items line up */
  .grid-5-2 > .box-102, .grid-5-2 > .box-60, .grid-5-2 > .box-45 { padding: 0 !important; border-right: 0 !important; }
}
@media (max-width: 860px) {
  /* "personalized plan": stack text above the diagram instead of squeezing both into one row */
  .wrap-flush-2 { flex-wrap: wrap !important; gap: 28px !important; }
  .wrap-flush-2 > .box-58, .wrap-flush-2 > .box-97 { flex: 1 1 100% !important; max-width: 100% !important; }

  /* specialists header: left-align the intro text and button once stacked */
  .row-24-4 { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
  .row-28-2 { justify-content: flex-start !important; }
  .text-15-14 { text-align: left !important; }
}
@media (max-width: 860px) {
  /* affiliation logos: tighter gaps and no fixed 88px row height */
  .row-64 { gap: 20px 36px !important; }
  .row-6 { height: auto !important; min-height: 56px; }
  .box-103 { margin-bottom: 36px; }
}
@media (max-width: 860px) {
  /* diagram above the text when stacked */
  .wrap-flush-2 > .box-97 { order: -1; }
}