/* Stiri Smart - stiluri. Inter + JetBrains Mono, minimal, aspect modern. */
:root {
  --ink-900:#0b0d10; --ink-800:#1a1d22; --ink-700:#2c3138; --ink-600:#4a5159;
  --ink-500:#6b7280; --ink-400:#9aa0a6; --ink-300:#c5c8cd; --ink-200:#e4e6e8;
  --ink-100:#f1f2f4; --ink-50:#f8f9fa;
  --accent:#1f5f4a; --accent-dark:#163f33;
  --maxw:1200px; --tight:720px;
  color-scheme: light;
}

*,*::before,*::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; scroll-behavior: smooth; }
body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: var(--ink-800); background:#fff; line-height: 1.55;
  font-feature-settings:'ss01','cv11';
  display:flex; flex-direction:column; min-height:100vh;
}
main { flex:1; }
img { display:block; max-width:100%; }
a { color: inherit; text-decoration: none; transition: color .15s ease; }
h1,h2,h3,h4 { color: var(--ink-900); letter-spacing:-0.015em; line-height:1.15; }
::selection { background: var(--accent); color:#fff; }

.container { width:100%; max-width:var(--maxw); margin:0 auto; padding:0 24px; }
.container-tight { width:100%; max-width:var(--tight); margin:0 auto; padding:0 24px; }
@media (max-width:640px){ .container,.container-tight{ padding:0 18px; } }

.eyebrow { font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-500); }
.mono { font-family:'JetBrains Mono',ui-monospace,Menlo,monospace; }

/* ---------- UTILITY BAR ---------- */
.utility-bar { background:var(--ink-900); color:var(--ink-100); font-size:12.5px; }
.utility-inner { display:flex; align-items:center; justify-content:space-between; padding:8px 24px; gap:16px; }
.utility-by a { color:#fff; font-weight:600; border-bottom:1px solid rgba(43,212,155,.6); transition:border-color .15s ease; }
.utility-by a:hover { border-color:#2bd49b; }
.utility-meta { display:flex; align-items:center; gap:10px; color:var(--ink-400); font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.04em; white-space:nowrap; }
.utility-sep { opacity:.5; }
@media (max-width:760px){ .utility-meta .utility-rhythm,.utility-meta .utility-sep{ display:none; } }
@media (max-width:520px){ .utility-inner{ font-size:11.5px; } }

/* ---------- HEADER ---------- */
.site-header { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.92); backdrop-filter:saturate(180%) blur(8px); border-bottom:1px solid var(--ink-200); }
.header-top { display:flex; align-items:center; justify-content:space-between; padding:16px 0; }
.logo { display:inline-flex; align-items:center; gap:10px; font-size:22px; font-weight:500; letter-spacing:-0.015em; color:var(--ink-900); }
.logo-word { font-weight:600; }
.logo-dot { color:var(--accent); }
.header-meta { display:flex; align-items:center; gap:18px; }
.header-cta { display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:600; color:#fff; background:var(--accent); padding:8px 14px; border-radius:6px; transition:background .15s ease; }
.header-cta:hover { background:var(--accent-dark); }
.header-link { font-size:14px; color:var(--ink-700); }
.header-link:hover { color:var(--accent); }
.site-nav { display:flex; gap:24px; overflow-x:auto; padding:12px 0; border-top:1px solid var(--ink-200); white-space:nowrap; }
.site-nav::-webkit-scrollbar { height:0; }
.nav-link { font-size:13px; letter-spacing:-0.015em; color:var(--ink-600); }
.nav-link:hover { color:var(--ink-900); }
.nav-link.is-active { color:var(--ink-900); font-weight:600; }
@media (max-width:560px){ .header-cta span{ display:none; } .header-cta{ padding:8px 12px; } }

/* ---------- LOGO MARK (radar pulsand) ---------- */
.logo-mark { width:30px; height:30px; flex:none; display:inline-block; }
.logo-mark svg { width:100%; height:100%; overflow:visible; }
.lm-base { fill:none; stroke:var(--accent); stroke-width:1.6; opacity:.28; }
.lm-core { fill:var(--accent); transform-box:fill-box; transform-origin:center; animation:lm-core 2.2s ease-in-out infinite; }
.lm-ping { fill:none; stroke:var(--accent); stroke-width:2; transform-box:fill-box; transform-origin:center; opacity:0; animation:lm-ping 2.2s ease-out infinite; }
.lm-p2 { animation-delay:1.1s; }
@keyframes lm-ping { 0%{ transform:scale(.42); opacity:.7; } 80%{ opacity:0; } 100%{ transform:scale(1.5); opacity:0; } }
@keyframes lm-core { 0%,100%{ transform:scale(.8); } 50%{ transform:scale(1.15); } }
@media (prefers-reduced-motion: reduce){ .lm-core,.lm-ping{ animation:none; } .lm-ping{ opacity:.4; transform:scale(1); } }

/* ---------- BADGE ---------- */
.badge { display:inline-flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:10.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; padding:4px 9px; border-radius:4px; }
.badge-dot { width:6px; height:6px; border-radius:50%; display:block; background:rgba(255,255,255,.85); }
.badge-row { display:flex; flex-wrap:wrap; gap:10px; }

/* ---------- EDITION BAR ---------- */
.edition-bar { display:flex; align-items:center; justify-content:space-between; padding:20px 24px; }

/* ---------- TICKER (ultimele) ---------- */
.ticker { border-top:1px solid var(--ink-200); border-bottom:1px solid var(--ink-200); background:var(--ink-50); }
.ticker-row { display:flex; align-items:center; gap:16px; }
.ticker-label { flex:none; font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:#fff; background:var(--accent); padding:5px 10px; border-radius:3px; }
.ticker-items { display:flex; gap:28px; overflow-x:auto; padding:12px 0; white-space:nowrap; scrollbar-width:none; }
.ticker-items::-webkit-scrollbar { height:0; }
.ticker-item { font-size:13.5px; color:var(--ink-700); display:inline-flex; align-items:center; gap:8px; }
.ticker-item:hover { color:var(--accent); }
.ticker-dot { width:6px; height:6px; border-radius:50%; flex:none; }
.ticker-when { font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em; color:var(--ink-400); }

/* ---------- NOU tag ---------- */
.nou { font-family:'JetBrains Mono',monospace; font-size:9.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--accent); border:1px solid var(--accent); border-radius:3px; padding:1px 5px; line-height:1.4; }

/* ---------- COVER generat (fara imagine) ---------- */
.card-img-wrap, .card-compact-img { position:relative; }
.cover-gen { display:block; position:relative; width:100%; aspect-ratio:16/10; background:var(--c); overflow:hidden; }
.card-compact-img .cover-gen { aspect-ratio:auto; height:100%; }
.cover-svg { position:absolute; inset:0; width:100%; height:100%; }
.cover-label { position:absolute; left:16px; bottom:14px; color:#fff; font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.1em; opacity:.92; }
.card-compact-img .cover-label { left:8px; bottom:6px; font-size:9px; }

/* ---------- SECTIONS ---------- */
.section-pad { padding:40px 24px; }
.section-head { margin-bottom:32px; }
.section-title { font-size:26px; font-weight:300; letter-spacing:-0.015em; color:var(--ink-900); margin-top:4px; }
.section-title-sm { font-size:20px; font-weight:500; color:var(--ink-900); }

.grid { display:grid; gap:40px 32px; }
.grid-3 { grid-template-columns:repeat(3,1fr); }
.grid-2 { grid-template-columns:repeat(2,1fr); }
@media (max-width:900px){ .grid-3{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .grid-3,.grid-2{ grid-template-columns:1fr; } }

/* ---------- CARD ---------- */
.card-meta { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.card-img-wrap { display:block; overflow:hidden; background:var(--ink-100); margin-bottom:16px; border-radius:14px; }
.card-img-wrap img { aspect-ratio:16/10; width:100%; object-fit:cover; transition:transform .5s ease; }
.card:hover .card-img-wrap img { transform:scale(1.03); }
.card-title { font-size:20px; font-weight:700; letter-spacing:-0.015em; line-height:1.3; }
.card-title a:hover,.card-featured-title a:hover,.card-compact-title a:hover { color:var(--accent); }
.card-desc { margin-top:8px; font-size:14px; color:var(--ink-600); line-height:1.55;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }

/* featured */
.card-featured { display:grid; grid-template-columns:7fr 5fr; gap:40px; align-items:center; border-bottom:1px solid var(--ink-200); padding-bottom:40px; }
.card-featured .card-img-wrap { margin-bottom:0; }
.card-featured .card-img-wrap img { aspect-ratio:16/10; }
.card-featured-title { font-size:34px; font-weight:700; letter-spacing:-0.02em; line-height:1.12; }
.card-featured-title a { color:var(--ink-900); }
.card-author { margin-top:16px; font-size:12px; color:var(--ink-500); }
@media (max-width:780px){ .card-featured{ grid-template-columns:1fr; gap:20px; } .card-featured-title{ font-size:27px; } }

/* compact */
.card-compact { display:flex; gap:16px; padding:16px 0; border-bottom:1px solid var(--ink-200); align-items:flex-start; }
.card-compact:last-child { border-bottom:0; }
.card-compact-body { flex:1; min-width:0; }
.card-compact-title { font-size:16px; font-weight:700; letter-spacing:-0.015em; line-height:1.35; }
.card-compact-img { flex:none; width:112px; height:80px; overflow:hidden; background:var(--ink-100); border-radius:10px; }
.card-compact-img img { width:100%; height:100%; object-fit:cover; }

/* ---------- VERTICALS ---------- */
.verticals { gap:40px; }
.vertical { border-top:1px solid var(--ink-200); padding-top:24px; }
.vertical-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.vertical-head-left { display:flex; align-items:center; gap:12px; }
.vertical-title { font-size:18px; font-weight:700; color:var(--ink-900); }
.vertical-desc { font-size:14px; color:var(--ink-600); margin-bottom:12px; max-width:52ch; }
.link-more { font-size:12px; color:var(--ink-600); }
.link-more:hover { color:var(--accent); }

/* ---------- CTA ---------- */
.cta { background:var(--ink-900); color:#fff; margin-top:64px; }
.cta-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; padding:64px 24px; }
.cta-eyebrow { color:var(--ink-400); margin-bottom:12px; }
.cta-title { font-size:28px; font-weight:300; letter-spacing:-0.015em; line-height:1.2; color:#fff; }
.cta-form { display:flex; gap:12px; }
.cta-input { flex:1; background:transparent; border:1px solid var(--ink-700); color:#fff; padding:13px 16px; font-size:14px; font-family:inherit; }
.cta-input::placeholder { color:var(--ink-500); }
.cta-input:focus { outline:none; border-color:#fff; }
.cta-btn { background:#fff; color:var(--ink-900); border:0; padding:13px 20px; font-size:14px; font-weight:500; font-family:inherit; cursor:pointer; }
.cta-btn:hover { background:var(--ink-100); }
@media (max-width:780px){ .cta-grid{ grid-template-columns:1fr; } .cta-form{ flex-direction:column; } }

/* ---------- ARTICLE ---------- */
/* REGULA: tot continutul articolului sta intr-un SINGUR cadru centrat (.article-wrap).
   Copiii sunt block, fara max-width propriu si fara margin auto, deci au TOTI aceeasi
   muchie stanga ca poza. Nu pune .container + max-width mai mic pe un copil (se centreaza
   si rezulta aliniere in scara). */
.article-wrap { max-width:780px; }
.article-head { padding:40px 0 28px; }
.article-title { font-size:42px; font-weight:700; letter-spacing:-0.025em; line-height:1.1; color:var(--ink-900); margin-top:8px; }
.article-lead { margin-top:20px; font-size:19px; color:var(--ink-600); line-height:1.5; }
.article-author { margin-top:24px; font-family:'JetBrains Mono',monospace; font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-500); }
.article-figure { margin:0 0 40px; }
.article-figure img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:14px; }
.article-figure figcaption { margin-top:8px; }
@media (max-width:640px){ .article-title{ font-size:30px; } }

.article-body { font-size:17px; line-height:1.7; color:var(--ink-800); padding-bottom:48px; }
.article-body > * + * { margin-top:1.1em; }
.article-body p { max-width:68ch; }
.article-body h2 { font-size:24px; font-weight:500; margin-top:48px; margin-bottom:8px; max-width:68ch; }
.article-body h3 { font-size:20px; font-weight:500; margin-top:32px; max-width:68ch; }
.article-body a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(31,95,74,.4); }
.article-body a:hover { text-decoration-color:var(--accent); }
.article-body ul,.article-body ol { padding-left:22px; max-width:68ch; }
.article-body ul { list-style:disc; }
.article-body ol { list-style:decimal; }
.article-body li + li { margin-top:.4em; }
.article-body blockquote { border-left:2px solid var(--accent); padding-left:20px; font-style:italic; color:var(--ink-700); max-width:68ch; }
.article-body code { font-family:'JetBrains Mono',monospace; font-size:.92em; background:var(--ink-100); padding:2px 5px; border-radius:3px; }
.article-body strong { color:var(--ink-900); font-weight:600; }

/* ---------- SUMMARY BOX (de retinut) ---------- */
.summary { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; margin:8px 0 28px; padding:24px 28px; background:var(--ink-50); border-left:3px solid var(--c); border-radius:8px; }
.summary-h { color:var(--c); margin-bottom:12px; }
.summary-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.summary-list li { position:relative; padding-left:20px; font-size:15.5px; line-height:1.5; color:var(--ink-800); }
.summary-list li::before { content:""; position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:50%; background:var(--c); }
.summary-stat { text-align:center; padding-left:28px; border-left:1px solid var(--ink-200); min-width:140px; }
.summary-num { display:block; font-size:44px; font-weight:300; letter-spacing:-0.02em; color:var(--c); line-height:1; }
.summary-num-text { display:block; margin-top:8px; font-size:12.5px; color:var(--ink-600); line-height:1.4; max-width:160px; margin-inline:auto; }
@media (max-width:640px){ .summary{ grid-template-columns:1fr; gap:20px; } .summary-stat{ padding-left:0; border-left:0; border-top:1px solid var(--ink-200); padding-top:18px; text-align:left; } .summary-num-text{ margin-inline:0; } }

.article-foot { padding-bottom:8px; }
.article-source { font-size:14px; color:var(--ink-600); margin-bottom:16px; }
.article-source a { color:var(--accent); }
.tags { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; }
.tag { font-family:'JetBrains Mono',monospace; font-size:11px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-500); border:1px solid var(--ink-200); border-radius:3px; padding:4px 8px; }

.related { border-top:1px solid var(--ink-200); padding-top:40px; padding-bottom:16px; }
.related-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }

/* ---------- CATEGORY ---------- */
.cat-hero { border-bottom:1px solid var(--ink-200); padding:56px 0; }
.cat-hero .eyebrow { display:block; margin-bottom:10px; }
.cat-title { font-size:48px; font-weight:700; letter-spacing:-0.025em; color:var(--ink-900); }
.other-cats { border-top:1px solid var(--ink-200); padding-top:40px; padding-bottom:64px; }
.other-cats .eyebrow { margin-bottom:16px; display:block; }
.empty { color:var(--ink-600); }
@media (max-width:640px){ .cat-title{ font-size:34px; } .cat-hero{ padding:40px 0; } }

/* ---------- DESPRE / 404 ---------- */
.despre-title { font-size:36px; font-weight:300; letter-spacing:-0.015em; color:var(--ink-900); margin-top:16px; }
.despre-body { padding-bottom:0; }
.despre-cats { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.despre-cat { border:1px solid var(--ink-200); border-radius:4px; padding:16px; }
.despre-cat p { font-size:14px; color:var(--ink-700); margin-top:8px; }
@media (max-width:640px){ .despre-cats{ grid-template-columns:1fr; } .despre-title{ font-size:28px; } }
.notfound { padding:96px 24px; text-align:center; }
.notfound .link-more { display:inline-block; margin-top:24px; color:var(--accent); font-size:15px; }

/* ---------- TRUST ---------- */
.trust { margin-top:64px; background:var(--ink-900); color:#fff; }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; padding:36px 24px; }
.trust-item { display:flex; flex-direction:column; gap:6px; }
.trust-k { font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-400); }
.trust-v { font-size:15px; color:var(--ink-100); line-height:1.45; }
@media (max-width:780px){ .trust-grid{ grid-template-columns:1fr; gap:20px; } .trust{ margin-top:48px; } }

/* ---------- FOOTER ---------- */
.site-footer { margin-top:0; border-top:1px solid var(--ink-200); background:var(--ink-50); }
.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding:48px 24px 0; }
.footer-about { margin-top:12px; font-size:14px; color:var(--ink-600); max-width:38ch; }
.footer-by { margin-top:12px; font-size:13px; color:var(--ink-500); max-width:38ch; }
.footer-by a { color:var(--ink-700); font-weight:600; border-bottom:1px solid var(--ink-300); }
.footer-by a:hover { color:var(--accent); border-color:var(--accent); }
.footer-h { margin-bottom:12px; }
.footer-list { list-style:none; padding:0; font-size:14px; display:flex; flex-direction:column; gap:6px; }
.footer-list a:hover { color:var(--accent); }
.footer-cats { display:grid; grid-template-columns:1fr 1fr; gap:6px 16px; }
.footer-bottom { display:flex; justify-content:space-between; padding:24px; margin-top:40px; border-top:1px solid var(--ink-200); font-size:12px; color:var(--ink-500); }
@media (max-width:780px){ .footer-grid{ grid-template-columns:1fr; gap:28px; } .footer-bottom{ flex-direction:column; gap:8px; } }

/* ---------- BANNERE (harta + retea ARSC) ---------- */
.banner { display:flex; align-items:center; gap:28px; border-radius:16px; padding:32px 36px; position:relative; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.banner:hover { transform:translateY(-2px); box-shadow:0 14px 40px rgba(11,13,16,.16); }
.banner-eyebrow { color:inherit; opacity:.75; margin-bottom:8px; }
.banner-title { font-size:24px; font-weight:700; letter-spacing:-0.02em; line-height:1.18; color:#fff; }
.banner-sub { margin-top:10px; font-size:14.5px; line-height:1.5; color:rgba(255,255,255,.8); max-width:62ch; }
.banner-cta { flex:none; display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--ink-900); background:#fff; padding:12px 20px; border-radius:8px; white-space:nowrap; }
.banner-cta-light { background:#2bd49b; color:#06231a; }

/* harta - verde brand cu radar */
.banner-map { background:linear-gradient(120deg,#163f33,#1f5f4a 60%,#22735a); color:#fff; }
.banner-map .banner-eyebrow { color:#9fe9cf; opacity:1; }
.banner-map-radar { flex:none; width:96px; height:96px; }
.banner-map-text { flex:1; min-width:0; }

/* retea ARSC - inchis */
.article-band { margin-top:24px; }
.banner-net { background:linear-gradient(120deg,#0b0d10,#1a1d22); color:#fff; }
.banner-net .banner-eyebrow { color:#2bd49b; opacity:1; }
.banner-net-text { flex:1; min-width:0; }

@media (max-width:680px){
  .banner { flex-direction:column; align-items:flex-start; gap:18px; padding:26px 24px; }
  .banner-map-radar { display:none; }
  .banner-cta { width:100%; justify-content:center; }
}

/* ---------- BANDA DERULANTA (stiri jos in articol) ---------- */
.related-marquee { border-top:1px solid var(--ink-200); margin-top:48px; padding:36px 0 56px; overflow:hidden; }
.related-marquee .related-head { margin-bottom:22px; }
.marquee { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.marquee-track { display:flex; gap:22px; width:max-content; padding:0 24px; animation:marquee 50s linear infinite; }
.marquee:hover .marquee-track { animation-play-state:paused; }
.marquee.mq-static .marquee-track { animation:none; }
@keyframes marquee { from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.mq-card { flex:none; width:266px; display:flex; flex-direction:column; gap:10px; }
.mq-img { display:block; aspect-ratio:16/10; border-radius:12px; overflow:hidden; background:var(--ink-100); }
.mq-img img, .mq-img .cover-gen { width:100%; height:100%; object-fit:cover; }
.mq-cat { display:flex; }
.mq-title { font-size:15px; font-weight:700; letter-spacing:-0.01em; line-height:1.32; color:var(--ink-900);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.mq-card:hover .mq-title { color:var(--accent); }
@media (prefers-reduced-motion: reduce){ .marquee-track{ animation:none; } .marquee{ overflow-x:auto; } }