/* Factory Forward — site styles
   Design source of truth: Factory_Forward_Presentation_prefinal.pdf
   Navy slides / white slides, geometric headings (Be Vietnam Pro, Poppins twin with proper Romanian diacritics), Arial body, orange accents, >> chevron motif. */

/* Headings: Be Vietnam Pro (OFL), one file per weight incl. Romanian ă â î ș ț — see fonts/OFL-be-vietnam-pro.txt */
@font-face{font-family:"Be Vietnam Pro FFW";font-weight:500;font-display:swap;src:url(../fonts/be-vietnam-pro-500.woff2) format("woff2")}
@font-face{font-family:"Be Vietnam Pro FFW";font-weight:600;font-display:swap;src:url(../fonts/be-vietnam-pro-600.woff2) format("woff2")}
@font-face{font-family:"Be Vietnam Pro FFW";font-weight:700;font-display:swap;src:url(../fonts/be-vietnam-pro-700.woff2) format("woff2")}

:root{
  --navy-950:#021225;   /* key-visual background */
  --navy-900:#071a33;
  --navy-800:#0e2544;   /* cards on dark slides */
  --navy-700:#173258;
  --ink:#0b1b33;        /* headings on white */
  --text:#4a5568;       /* body on white */
  --muted:#6b7a90;
  --line:#e3e9f2;
  --panel:#f1f5fb;      /* light-blue panels (deck slides 2, 7) */
  --white:#fff;
  --on-dark:#c9d4e3;
  --on-dark-muted:#8fa0b8;
  --orange:#f57a00;
  --orange-soft:#ff9a3d;
  --blue:#2f6bff;
  --cyan:#17cae3;

  --f-head:"Be Vietnam Pro FFW","Helvetica Neue",Arial,sans-serif;
  --f-body:"Helvetica Neue",Arial,"Liberation Sans",sans-serif;

  --wrap:1200px;
  --gutter:clamp(16px,4vw,48px);
  --radius:6px;
  --section-y:clamp(64px,9vw,120px);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--f-body);font-size:17px;line-height:1.6;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--ink);margin:0;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--white);color:var(--ink);padding:10px 16px;z-index:100}
.skip:focus{left:16px;top:16px}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.section{padding:var(--section-y) 0;scroll-margin-top:64px}
.dark{background:var(--navy-950);color:var(--on-dark)}
.dark h2,.dark h3,.dark h4{color:var(--white)}
.tint{background:var(--panel)}

/* Eyebrow / label: spaced uppercase, as in the deck */
.eyebrow{font-family:var(--f-body);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--orange);margin:0 0 14px}
.dark .eyebrow{color:var(--orange-soft)}
.label{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.dark .label{color:var(--on-dark-muted)}

/* Section head: >> + title, subtitle indented under the title (deck pattern) */
.shead{margin-bottom:clamp(36px,5vw,56px);max-width:860px}
.shead h2{font-size:clamp(28px,3.6vw,42px);font-weight:700}
.shead .sub{margin:12px 0 0;font-size:clamp(17px,1.6vw,20px);color:var(--muted);line-height:1.45}
.dark .shead .sub{color:var(--on-dark-muted)}
.shead .eyebrow{margin-bottom:10px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-head);font-weight:600;font-size:15px;text-decoration:none;padding:13px 22px;border-radius:var(--radius);border:2px solid transparent;transition:background .2s,border-color .2s,color .2s,transform .2s;white-space:nowrap}
.btn svg{width:16px;height:16px;transition:transform .2s}
.btn:hover svg{transform:translateX(3px)}
.btn-primary{background:var(--orange);color:var(--white)}
.btn-primary:hover{background:#e06d00}
.btn-ghost{border-color:rgba(255,255,255,.35);color:var(--white)}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.btn-dark{background:var(--ink);color:var(--white)}
.btn-dark:hover{background:var(--navy-700)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(2,18,37,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .wrap{display:flex;align-items:center;gap:28px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--white);font-family:var(--f-head);font-weight:700;font-size:18px;letter-spacing:-.01em}
.brand img{width:26px;height:auto}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--on-dark-muted);transition:color .2s}
.nav a span{color:var(--orange-soft);margin-right:6px}
.nav a:hover{color:var(--white)}
.site-header .btn{padding:9px 16px;font-size:14px}
@media (max-width:960px){.nav{display:none}.site-header .btn{margin-left:auto}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--navy-950);color:var(--on-dark)}
.hero-art{position:absolute;inset:0;z-index:0}
.hero-art picture,.hero-art img{width:100%;height:100%}
.hero-art img{object-fit:cover;object-position:72% 50%}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,18,37,.97) 0%,rgba(2,18,37,.9) 34%,rgba(2,18,37,.35) 62%,rgba(2,18,37,.1) 100%)}
.hero .wrap{position:relative;z-index:2}
.hero-body{padding:clamp(40px,6vw,72px) 0 clamp(48px,6vw,72px);max-width:640px}
.hero-credits{display:flex;align-items:center;gap:28px;margin-top:32px}
.credit{display:flex;align-items:center;gap:12px}
.credit span{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-muted)}
.credit img{height:32px;width:auto;opacity:.95}
.credit-sep{width:1px;height:28px;background:rgba(255,255,255,.18)}
.hero-cities{max-width:720px;width:calc(100% + 80px)}
@media (max-width:900px){.hero-cities{width:100%}}
.hero .kicker{font-family:var(--f-head);font-weight:500;font-size:clamp(15px,1.5vw,18px);color:var(--cyan);margin:0 0 16px;letter-spacing:.005em}
@media (min-width:900px){.hero .kicker{width:calc(100% + 120px)}}
.hero h1{color:var(--white);font-size:clamp(38px,5.6vw,68px);font-weight:700;letter-spacing:-.02em;line-height:1.1;max-width:12.5em}
.hero .lead{margin:22px 0 0;font-size:clamp(18px,1.8vw,21px);line-height:1.5;color:#dde6f2;max-width:560px}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none;font-size:14px;color:var(--on-dark)}
.hero-meta li{display:flex;align-items:center;gap:8px}
.hero-meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan)}

.hero-cities{margin-top:clamp(40px,5vw,56px)}
.hero-cities .eyebrow{margin-bottom:12px}
.city-row{display:grid;grid-template-columns:150px 190px 1fr auto;align-items:center;gap:16px;padding:16px 4px;border-top:1px solid rgba(255,255,255,.12);text-decoration:none;color:var(--white);transition:background .2s,padding .2s}
.city-row:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.city-row .c{font-family:var(--f-head);font-weight:600;font-size:19px}
.city-row .d{color:var(--cyan);font-size:17px;white-space:nowrap}
.city-row .v{color:var(--on-dark);font-size:15px}
.city-row .go{display:flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:600;font-size:14px;color:var(--orange-soft)}
.city-row .go svg{width:16px;height:16px;transition:transform .2s}
.city-row:hover{background:rgba(23,202,227,.06);padding-left:12px;padding-right:12px}
.city-row:hover .go svg{transform:translateX(4px)}
@media (max-width:640px){
  .hero::after{background:linear-gradient(180deg,rgba(2,18,37,.55) 0%,rgba(2,18,37,.92) 38%,rgba(2,18,37,.98) 100%)}
  .hero-art img{object-position:80% 0;height:58%}
  .city-row{grid-template-columns:1fr auto;gap:2px 12px}
  .city-row .c{grid-column:1}
  .city-row .d{grid-column:1;grid-row:2;font-size:15px}
  .city-row .v{grid-column:1;grid-row:3;font-size:14px}
  .city-row .go{grid-column:2;grid-row:1/4}
  .city-row .go span{display:none}
  .hero-credits{gap:18px;flex-wrap:wrap}
  .credit{flex-direction:column;align-items:flex-start;gap:6px}
  .credit img{height:28px}
}

/* ---------- City cards ---------- */
.cities{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.city-card{display:flex;flex-direction:column;background:var(--navy-950);border-radius:10px;overflow:hidden;color:var(--on-dark);text-decoration:none;box-shadow:0 20px 40px -24px rgba(2,18,37,.55);transition:transform .25s,box-shadow .25s}
.city-card:hover{transform:translateY(-4px);box-shadow:0 28px 50px -24px rgba(2,18,37,.7)}
.city-card .img{position:relative;aspect-ratio:16/8;overflow:hidden}
.city-card .img img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transition:transform .6s}
.city-card:hover .img img{transform:scale(1.04)}
.city-card .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,37,0) 40%,rgba(2,18,37,.95) 100%)}
.city-card .tag{position:absolute;z-index:1;top:16px;left:16px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--white);background:rgba(2,18,37,.7);border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:4px}
.city-card .body{padding:4px 28px 28px;display:flex;flex-direction:column;flex:1}
.city-card h3{color:var(--white);font-size:clamp(26px,2.6vw,32px);font-weight:700;margin-top:-6px;position:relative;z-index:1}
.city-card .date{font-family:var(--f-head);font-weight:600;color:var(--orange-soft);font-size:18px;margin:8px 0 14px}
.city-card dl{margin:0 0 22px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:15px}
.city-card dt{color:var(--on-dark-muted);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding-top:3px}
.city-card dd{margin:0;color:var(--white)}
.city-card .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--cyan);border:1px solid rgba(23,202,227,.35);padding:5px 10px;border-radius:999px}
.city-card .btn{margin-top:auto;align-self:flex-start}
.cities-note{margin:28px 0 0;font-size:15px;color:var(--muted);font-style:italic}
@media (max-width:820px){.cities{grid-template-columns:1fr}}

/* ---------- Concept ---------- */
.concept{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.concept .statement{font-family:var(--f-head);font-weight:700;color:var(--ink);font-size:clamp(24px,2.6vw,32px);line-height:1.25;margin:0 0 24px}
.concept .goal{font-family:var(--f-head);font-weight:600;color:var(--orange);font-size:18px;margin-top:28px}
.how{background:var(--panel);border-radius:8px;padding:clamp(24px,3vw,36px)}
.how ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:20px}
.how li{display:grid;grid-template-columns:28px 1fr;gap:14px}
.how li svg{width:24px;height:24px;color:var(--orange);margin-top:2px}
.how strong{display:block;font-family:var(--f-head);font-weight:600;color:var(--ink);font-size:16px;line-height:1.35}
.how span{font-size:15px;color:var(--muted)}
@media (max-width:860px){.concept{grid-template-columns:1fr}}

/* ---------- Pentru cine ---------- */
.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.segment{display:flex;flex-direction:column;border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:6px;padding:28px 26px 24px;background:var(--white)}
.segment .num{font-family:var(--f-head);font-weight:700;font-size:15px;color:var(--orange)}
.segment .label{margin:6px 0 14px;display:block}
.segment h3{font-size:21px;font-weight:700;line-height:1.25;margin-bottom:12px}
.segment p{font-size:15.5px;color:var(--text)}
.segment .q{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-family:var(--f-head);font-weight:500;font-size:15px;color:var(--ink);line-height:1.45}
.segment .q::before{content:"»";color:var(--blue);font-weight:700;margin-right:8px}
@media (max-width:960px){.segments{grid-template-columns:1fr}}

.roles{margin-top:clamp(40px,5vw,64px);background:var(--navy-950);border-radius:10px;padding:clamp(28px,4vw,44px);color:var(--on-dark)}
.roles-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;align-items:baseline;margin-bottom:26px}
.roles-head h3{color:var(--white);font-size:clamp(20px,2vw,24px)}
.roles-head p{margin:0;color:var(--on-dark-muted);font-size:15px;max-width:520px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:6px;overflow:hidden}
.role{background:var(--navy-900);padding:20px 22px}
.role strong{display:block;font-family:var(--f-head);font-weight:600;color:var(--white);font-size:15.5px;line-height:1.35;margin-bottom:6px}
.role span{font-size:14px;color:var(--on-dark-muted)}
.roles-foot{margin:24px 0 0;font-size:15px;color:var(--on-dark)}
.roles-foot b{color:var(--white)}
@media (max-width:860px){.roles-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.roles-grid{grid-template-columns:1fr}}

/* ---------- De ce acum ---------- */
.why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.why .big{font-family:var(--f-head);font-weight:700;color:var(--orange);font-size:clamp(72px,10vw,120px);line-height:1;letter-spacing:-.03em}
.why .big-cap{font-size:18px;color:var(--ink);margin:10px 0 32px;max-width:380px}
.bar{margin-bottom:18px}
.bar .lbl{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:6px}
.bar .track{height:10px;background:var(--line);border-radius:999px;overflow:hidden}
.bar .fill{height:100%;border-radius:999px}
.bar.ro .fill{background:var(--orange);width:26%}
.bar.eu .fill{background:var(--blue);width:100%}
.bar.ro .lbl b{color:var(--orange)}
.bar.eu .lbl b{color:var(--blue)}
.source{font-size:13px;color:var(--muted);font-style:italic;margin-top:20px}
.floor{background:var(--navy-950);border-radius:10px;padding:clamp(26px,3.4vw,40px);color:var(--on-dark)}
.floor ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:22px}
.floor li{display:grid;grid-template-columns:28px 1fr;gap:14px;font-size:16px;color:var(--white);line-height:1.45}
.floor li svg{width:22px;height:22px;color:var(--cyan);margin-top:1px}
.why-close{margin:clamp(40px,5vw,56px) auto 0;text-align:center;font-family:var(--f-head);font-weight:600;font-size:clamp(20px,2.2vw,26px);color:var(--ink);max-width:720px;line-height:1.35}
.why-close em{font-style:normal;color:var(--orange)}
@media (max-width:860px){.why{grid-template-columns:1fr}}

/* ---------- Format ---------- */
.format{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.timeline{list-style:none;margin:0;padding:0;position:relative}
.timeline::before{content:"";position:absolute;left:79px;top:14px;bottom:14px;width:1px;background:var(--line)}
.timeline li{display:grid;grid-template-columns:62px 18px 1fr;column-gap:12px;align-items:baseline;padding:11px 0}
.timeline time{font-family:var(--f-head);font-weight:700;color:var(--ink);font-size:16px}
.timeline .dot{width:10px;height:10px;border-radius:50%;background:var(--blue);position:relative;top:-1px;justify-self:center;box-shadow:0 0 0 4px var(--white)}
.timeline .dlg .dot{background:var(--orange)}
.timeline .t{display:grid;grid-template-columns:minmax(0,15.5em) 1fr;gap:4px 20px}
.timeline strong{font-family:var(--f-head);font-weight:600;color:var(--ink);font-size:16.5px;line-height:1.35}
.timeline span{font-size:15px;color:var(--muted)}
.legend{display:flex;gap:24px;margin:0 0 6px;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.legend span{display:inline-flex;align-items:center}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
@media (max-width:720px){.timeline .t{grid-template-columns:1fr}}

.stat-panel{background:var(--panel);border-radius:8px;padding:clamp(26px,3vw,38px);position:sticky;top:96px}
.stat-panel .big{font-family:var(--f-head);font-weight:700;color:var(--orange);font-size:clamp(64px,7vw,88px);line-height:1;letter-spacing:-.03em}
.stat-panel p{font-size:18px;color:var(--ink);margin:14px 0 26px;line-height:1.45}
.split{display:flex;height:12px;gap:3px;border-radius:2px;overflow:hidden}
.split .a{background:var(--orange);flex:72}
.split .b{background:var(--blue);flex:28}
.split-lbl{display:flex;justify-content:space-between;margin-top:8px;font-size:13px;font-weight:700}
.split-lbl .a{color:var(--orange)}
.split-lbl .b{color:var(--blue)}
.stat-panel .proposed{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}
.stat-panel .proposed::before{content:"";width:9px;height:9px;background:var(--muted)}
@media (max-width:960px){.format{grid-template-columns:1fr}.stat-panel{position:static}}

.talks{margin-top:clamp(56px,7vw,88px)}
.talks-head{display:grid;grid-template-columns:1fr 1fr;gap:16px 56px;align-items:end;margin-bottom:28px}
.talks-head h3{font-size:clamp(22px,2.4vw,28px);line-height:1.25}
.talks-head p:not(.eyebrow){margin:0;font-size:16px;color:var(--text)}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rule{border:1px solid var(--line);border-radius:6px;padding:20px 20px 18px}
.rule .n{font-family:var(--f-head);font-weight:700;color:var(--orange);font-size:24px;line-height:1}
.rule strong{display:block;margin:14px 0 6px;font-family:var(--f-head);font-weight:600;color:var(--ink);font-size:16px;line-height:1.3}
.rule span{font-size:14.5px;color:var(--muted)}
@media (max-width:960px){.talks-head{grid-template-columns:1fr}.rules{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.rules{grid-template-columns:1fr}}

/* ---------- Digital Readiness Index ---------- */
.dri{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.nums{display:flex;gap:clamp(28px,4vw,56px);margin-bottom:36px}
.nums div b{display:block;font-family:var(--f-head);font-weight:700;color:var(--orange-soft);font-size:clamp(44px,5vw,60px);line-height:1}
.nums div span{font-size:14px;color:var(--on-dark-muted)}
.gets{list-style:none;margin:14px 0 26px;padding:0;display:grid;gap:12px}
.gets li{display:grid;grid-template-columns:24px 1fr;gap:12px;color:var(--white);font-size:16.5px}
.gets svg{width:20px;height:20px;color:var(--cyan);margin-top:3px}
.dims{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.dims li{font-size:13.5px;color:var(--on-dark);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 12px}
.fine{font-size:14.5px;color:var(--on-dark-muted);border-left:2px solid var(--orange);padding-left:14px;margin:0 0 12px}
.fine b{color:var(--white);font-weight:700}
.radar-card{background:var(--navy-800);border-radius:10px;padding:clamp(20px,3vw,32px)}
.radar-card .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.radar-card .top strong{font-family:var(--f-head);color:var(--white);font-size:15px;font-weight:600}
.radar-card .top .label{color:var(--orange-soft)}
.radar{width:100%;height:auto;max-width:460px;margin:0 auto;display:block}
.radar text{font-family:var(--f-body);font-size:11.5px;fill:var(--on-dark)}
.radar-legend{display:flex;justify-content:center;gap:22px;font-size:13px;color:var(--on-dark-muted);margin-top:6px}
.radar-legend i{display:inline-block;width:14px;height:3px;margin-right:8px;vertical-align:middle;border-radius:2px}
@media (max-width:900px){.dri{grid-template-columns:1fr}}

/* ---------- Digital Assessment ---------- */
.assess{display:grid;grid-template-columns:.8fr 2fr;gap:clamp(28px,4vw,56px);align-items:stretch}
.assess-box{background:var(--navy-950);border-radius:10px;padding:clamp(26px,3vw,36px);color:var(--on-dark);display:flex;flex-direction:column;gap:26px;justify-content:center}
.assess-box b{display:block;font-family:var(--f-head);font-weight:700;color:var(--orange-soft);font-size:clamp(48px,5vw,64px);line-height:1}
.assess-box span{font-size:15px}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:44px 9em 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.steps li:first-child{border-top:1px solid var(--line)}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-family:var(--f-head);font-weight:700;color:var(--orange);font-size:16px}
.steps strong{font-family:var(--f-head);font-weight:600;color:var(--ink);font-size:16.5px}
.steps span{font-size:15.5px;color:var(--text)}
.outcome{margin:22px 0 0;display:flex;gap:12px;align-items:flex-start;background:#fff4e8;border:1px solid #ffd8b0;border-radius:6px;padding:14px 18px;font-size:15.5px;color:var(--ink)}
.outcome svg{width:20px;height:20px;color:var(--orange);flex:none;margin-top:2px}
.outcome b{color:var(--orange)}
@media (max-width:900px){.assess{grid-template-columns:1fr}.assess-box{flex-direction:row;flex-wrap:wrap;gap:20px 40px}}
@media (max-width:620px){.steps li{grid-template-columns:36px 1fr;gap:4px 12px}.steps span{grid-column:2}}

/* ---------- Who's behind ---------- */
.behind{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.org{background:var(--navy-800);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.org .logo{background:var(--white);height:150px;display:flex;align-items:center;justify-content:center;padding:28px}
.org .logo img{max-height:84px;width:auto;max-width:80%}
.org .txt{padding:22px 24px 26px}
.org .label{color:var(--orange-soft);display:block;margin-bottom:8px}
.org h3{font-size:19px;margin-bottom:8px}
.org p{font-size:15px;color:var(--on-dark);margin:0}
@media (max-width:900px){.behind{grid-template-columns:1fr}.org{flex-direction:row}.org .logo{height:auto;width:38%;flex:none}}
@media (max-width:520px){.org{flex-direction:column}.org .logo{width:auto;height:120px}}

/* ---------- Final CTA ---------- */
.final{position:relative;overflow:hidden;background:var(--navy-950);color:var(--on-dark);text-align:center}
.final .art{position:absolute;inset:0}
.final .art img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;opacity:.45}
.final::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(2,18,37,.55) 0%,rgba(2,18,37,.94) 72%)}
.final .wrap{position:relative;z-index:1}
.final .chev{width:64px;height:auto;margin:0 auto 24px}
.final h2{color:var(--white);font-size:clamp(32px,4.6vw,54px);font-weight:700;letter-spacing:-.02em}
.final p{max-width:600px;margin:18px auto 34px;font-size:18px;color:#dde6f2}
.final-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.final-ctas .btn{padding:16px 24px;font-size:16px}
.final-ctas .btn small{font-family:var(--f-body);font-weight:400;opacity:.85;font-size:14px}

/* ---------- Footer ---------- */
.site-footer{background:#010b17;color:var(--on-dark-muted);padding:44px 0 36px;font-size:14px}
.foot{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:center}
.foot-logos{display:flex;gap:36px;align-items:center}
.foot-logos div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:11px;letter-spacing:.06em}
.foot-logos img{height:34px;width:auto}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.foot-links a{text-decoration:none;color:var(--on-dark)}
.foot-links a:hover{color:var(--white)}
.foot-legal{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:13px}

/* ---------- Mobile refinements ---------- */
@media (max-width:900px){
  .assess-box{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
}
@media (max-width:560px){
  .assess-box{grid-template-columns:1fr}
}

/* =====================================================================
   City pages (/targu-mures, /baia-mare). Generated from build/city.template.html
   ===================================================================== */
.city-hero .hero-body{max-width:680px;padding-top:clamp(28px,4vw,48px)}
.crumb{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-muted);text-decoration:none;margin-bottom:22px}
.crumb:hover{color:var(--white)}
.crumb span{color:var(--orange-soft);margin:0 4px}
.city-name{font-family:var(--f-head);font-weight:700;color:var(--orange-soft);font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;margin:0 0 10px}
.facts{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 28px}
.facts li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--on-dark)}
.facts svg{width:20px;height:20px;color:var(--cyan);flex:none}
.facts b{color:var(--white);font-weight:700}
.register{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.register .btn{padding:15px 24px;font-size:16px}
.register-note{margin:12px 0 0;font-size:14px;color:var(--on-dark-muted)}
.btn.is-disabled{background:rgba(255,255,255,.08);color:var(--on-dark);border:2px dashed rgba(255,255,255,.28);cursor:not-allowed}
.btn.is-disabled:hover{background:rgba(255,255,255,.08)}
.city-hero .hero-credits{margin-top:40px}
@media (max-width:640px){
  .facts{flex-direction:column;gap:10px}
  .register .btn{flex:1 1 100%;justify-content:center}
}

/* Reasons */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.reason{border:1px solid var(--line);border-top:3px solid var(--orange);border-radius:6px;padding:28px 26px 26px}
.reason .num{font-family:var(--f-head);font-weight:700;font-size:15px;color:var(--orange)}
.reason h3{font-size:21px;margin:12px 0 10px;line-height:1.25}
.reason p{font-size:15.5px;margin:0}
@media (max-width:900px){.reasons{grid-template-columns:1fr}}

/* Program: reuses .format / .timeline / .stat-panel from the index */
.tint .timeline .dot{box-shadow:0 0 0 4px var(--panel)}
.tint .stat-panel{background:var(--white)}
.topics-note{margin:26px 0 0 !important;padding-top:18px;border-top:1px solid var(--line);font-size:15px !important;color:var(--muted) !important}

/* Speakers (hidden until the data file has names) */
.speakers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.speaker{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:20px}
.speaker img,.speaker .ph{width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--panel)}
.speaker h3{font-size:17px}
.speaker .sp-role{font-size:14px;color:var(--muted);margin:4px 0 0}
.speaker .topic{font-size:15px;color:var(--ink);margin:10px 0 0}

/* Audience */
.audience{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.audience .shead{margin-bottom:28px}
.questions{list-style:none;margin:0;padding:0;display:grid;gap:0}
.questions li{padding:18px 0;border-top:1px solid var(--line);font-family:var(--f-head);font-weight:500;color:var(--ink);font-size:18px;line-height:1.4}
.questions li:last-child{border-bottom:1px solid var(--line)}
.questions .label{display:block;margin-bottom:6px;color:var(--orange);font-family:var(--f-body)}
.roles-box{background:var(--navy-950);color:var(--on-dark);border-radius:10px;padding:clamp(26px,3.4vw,40px)}
.roles-box h3{color:var(--white);font-size:22px}
.roles-box>p{color:var(--on-dark-muted);font-size:15px;margin:6px 0 18px}
.roles-box ul{list-style:none;margin:0;padding:0}
.roles-box li{padding:11px 0 11px 22px;border-top:1px solid rgba(255,255,255,.09);color:var(--white);font-size:15.5px;position:relative}
.roles-box li::before{content:"»";position:absolute;left:0;color:var(--orange-soft);font-weight:700}
.roles-box .roles-foot{margin:18px 0 0;font-size:14.5px;color:var(--on-dark)}
.roles-box .roles-foot b{color:var(--white)}
@media (max-width:900px){.audience{grid-template-columns:1fr}}

/* Venue */
.venue{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.venue-img{border-radius:10px;overflow:hidden;aspect-ratio:16/10}
.venue-img picture,.venue-img img{width:100%;height:100%}
.venue-img img{object-fit:cover}
.venue-txt h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:22px}
.venue-txt dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0 0 28px;font-size:16px}
.venue-txt dt{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-muted);padding-top:4px}
.venue-txt dd{margin:0;color:var(--white)}
@media (max-width:860px){.venue{grid-template-columns:1fr}}

/* After registering */
.flow{list-style:none;margin:0 0 clamp(36px,5vw,56px);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:f}
.flow li{position:relative;padding:22px 22px 0 0;border-top:3px solid var(--line)}
.flow li:first-child{border-top-color:var(--orange)}
.flow li::before{counter-increment:f;content:counter(f,decimal-leading-zero);position:absolute;top:-15px;left:0;background:var(--white);padding-right:10px;font-family:var(--f-head);font-weight:700;color:var(--orange);font-size:15px}
.flow strong{display:block;font-family:var(--f-head);font-weight:600;color:var(--ink);font-size:16.5px;line-height:1.35;margin-bottom:6px}
.flow span{font-size:15px;color:var(--muted)}
@media (max-width:860px){.flow{grid-template-columns:1fr 1fr;row-gap:32px}}
@media (max-width:520px){.flow{grid-template-columns:1fr}}
.after{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.after-card{border:1px solid var(--line);border-radius:10px;padding:clamp(26px,3.2vw,38px);display:flex;flex-direction:column}
.after-card h3{font-size:clamp(22px,2.2vw,26px);margin-bottom:12px}
.after-card>p{font-size:16px}
.after-card .gets{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.after-card .gets li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;color:var(--ink)}
.after-card .gets svg{width:18px;height:18px;color:var(--orange);margin-top:3px}
.dark-card{background:var(--navy-950);border-color:var(--navy-950);color:var(--on-dark)}
.dark-card h3{color:var(--white)}
.dark-card .eyebrow{color:var(--orange-soft)}
.dri-slot{margin:6px 0 20px}
.slot-note{margin:0;padding:12px 16px;border:1px dashed rgba(255,255,255,.28);border-radius:6px;font-size:15px;color:var(--white)}
.after-card .fine{margin-top:auto}
@media (max-width:900px){.after{grid-template-columns:1fr}}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(28px,5vw,72px);align-items:start}
.faq details{background:var(--white);border-radius:8px;margin-bottom:10px;border:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 52px 18px 22px;font-family:var(--f-head);font-weight:600;color:var(--ink);font-size:17px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--orange)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0;padding:0 22px 20px;font-size:16px}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-grid .shead{margin-bottom:8px}}

/* Partners strip */
.partners-strip{padding:clamp(40px,5vw,64px) 0}
.partners{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px clamp(40px,7vw,96px)}
.partner{display:flex;flex-direction:column;align-items:center;gap:12px}
.partner img{height:56px;width:auto}
.other-city{margin:26px auto 0 !important;font-size:15px !important;color:var(--on-dark-muted) !important}
.other-city a{color:var(--cyan)}

/* Sticky register bar, mobile only */
.sticky-cta{display:none}
@media (max-width:760px){
  .sticky-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(2,18,37,.97);border-top:1px solid rgba(255,255,255,.1);transform:translateY(110%);transition:transform .25s}
  .sticky-cta.on{transform:none}
  .sticky-cta div{display:flex;flex-direction:column;line-height:1.25}
  .sticky-cta b{font-family:var(--f-head);color:var(--white);font-size:15px}
  .sticky-cta span{color:var(--on-dark-muted);font-size:13px}
  .sticky-cta .btn{padding:11px 16px;font-size:14px}
  .sticky-cta .btn.is-disabled{white-space:normal;text-align:center;font-size:13px;max-width:190px}
}