/* ── Loader ── */
#ds-loader{position:fixed;inset:0;z-index:99999;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;transition:opacity .4s ease}
#ds-loader.hide{opacity:0;pointer-events:none}
#ds-loader img{width:72px;height:72px;animation:ds-spin 1s linear infinite}
#ds-loader span{font-size:12px;letter-spacing:.18em;color:#8A8D91;font-family:'Plus Jakarta Sans',sans-serif;text-transform:uppercase}
@keyframes ds-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.ds-spin{animation:ds-spin 1s linear infinite}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── TOKENS ── */
:root{
  --bg:#FFFFFF;
  --bg2:#F0F2F5;
  --bg3:#E4E6EB;
  --surface:#FFFFFF;
  --border:#E4E6EB;
  --border-b:#CDD0D4;
  --text:#1C1E21;
  --text2:#65676B;
  --text3:#8A8D91;
  --blue:#1877F2;
  --blue-h:#1468D8;
  --purple:#6366F1;
  --purple2:#4F46E5;
  --gold:#F59E0B;
  --green:#16A34A;
  --pink:#EC4899;
  --red:#EF4444;
  --orange:#F97316;
  --teal:#0D9488;
  --glass:rgba(0,0,0,0);
  --glass-h:rgba(0,0,0,.04);
  --topbar-bg:rgba(255,255,255,.97);
  --clockbar-bg:#F0F2F5;
  --footer-bg:#FFFFFF;
  --card-end:#FFFFFF;
  --shadow-xs:0 1px 2px rgba(0,0,0,.08);
  --shadow-sm:0 1px 4px rgba(0,0,0,.10),0 0 0 1px rgba(0,0,0,.04);
  --shadow:0 2px 12px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);
  --shadow-lg:0 6px 28px rgba(0,0,0,.11),0 0 0 1px rgba(0,0,0,.04);
  --font:'Plus Jakarta Sans',system-ui,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;
  --r:12px;--rlg:16px;
}
html[data-theme=dark]{
  --bg:#18191A;
  --bg2:#242526;
  --bg3:#3A3B3C;
  --surface:#242526;
  --border:#3A3B3C;
  --border-b:#555657;
  --text:#E4E6EB;
  --text2:#B0B3B8;
  --text3:#8A8D91;
  --blue:#4599FF;
  --blue-h:#5AAAFF;
  --purple:#818CF8;
  --purple2:#6366F1;
  --gold:#FCD34D;
  --green:#34D399;
  --pink:#F472B6;
  --red:#FC6060;
  --orange:#FB923C;
  --teal:#2DD4BF;
  --glass:rgba(255,255,255,.03);
  --glass-h:rgba(255,255,255,.07);
  --topbar-bg:rgba(24,25,26,.97);
  --clockbar-bg:#242526;
  --footer-bg:#18191A;
  --card-end:#242526;
  --shadow-xs:0 1px 3px rgba(0,0,0,.35);
  --shadow-sm:0 1px 4px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.04);
  --shadow:0 2px 12px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.04);
  --shadow-lg:0 6px 28px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04);
}

html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;overflow-x:hidden}
body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* ── TOPBAR ── */
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:14px;padding:0 36px;height:58px;background:var(--topbar-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:0 1px 4px rgba(0,0,0,.06)}
.tb-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}
.tb-logo-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6366F1,#818CF8);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#fff}
.tb-logo-txt{font-weight:800;font-size:15.5px;letter-spacing:-.03em;color:var(--text)}
.tb-logo-txt span{color:var(--purple)}
.tb-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.tb-geo{display:none;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;background:var(--bg2);border:1px solid var(--border);font-size:12px;color:var(--text2)}
.tb-geo .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}
.btn-in{padding:7px 15px;border-radius:8px;background:var(--bg2);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text);transition:background .12s}
.btn-in:hover{background:var(--bg3)}
.btn-reg{padding:7px 18px;border-radius:8px;background:var(--blue);border:none;font-size:13px;font-weight:700;color:#fff;transition:background .12s,transform .12s,box-shadow .12s}
.btn-reg:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 4px 14px rgba(24,119,242,.35)}

/* ── CLOCKBAR ── */
.clockbar{display:none;align-items:center;justify-content:space-between;padding:5px 36px;background:var(--clockbar-bg);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text3);position:relative;z-index:99}
.clockbar .live{display:flex;align-items:center;gap:6px;color:var(--green);font-weight:700}
.clockbar .live .d{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s infinite}

/* ── PAGE BACKGROUND MESH ── */
html,body{min-height:100vh}
body::before{
  content:'';
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 90% 55% at 5% 0%,   rgba(24,119,242,.07)  0%,transparent 55%),
    radial-gradient(ellipse 55% 40% at 95% 5%,   rgba(99,102,241,.06)  0%,transparent 50%),
    radial-gradient(ellipse 70% 45% at 50% 100%,  rgba(16,185,129,.05)  0%,transparent 55%),
    radial-gradient(ellipse 45% 35% at 85% 65%,  rgba(245,158,11,.04)  0%,transparent 45%),
    radial-gradient(ellipse 50% 30% at 15% 75%,  rgba(236,72,153,.03)  0%,transparent 45%);
}
/* ── MAIN LAYOUT ── */
.main{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:16px 36px 60px}

/* ── HERO ── */
.hero{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:center;margin-bottom:28px;position:relative}
.hero::before{content:'';position:absolute;inset:-40px -60px;background:radial-gradient(ellipse 55% 70% at 15% 50%,rgba(24,119,242,.13) 0%,transparent 70%),radial-gradient(ellipse 35% 50% at 75% 10%,rgba(99,102,241,.09) 0%,transparent 65%);pointer-events:none;z-index:0}
.hero > *{position:relative;z-index:1}

.hero-geo{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:24px;background:rgba(24,119,242,.08);border:1px solid rgba(24,119,242,.22);font-size:12px;font-weight:700;color:#1877F2;letter-spacing:.05em;margin-bottom:14px}

.hero-h1{font-size:clamp(46px,5vw,74px);font-weight:900;line-height:1.04;letter-spacing:-.04em;margin-bottom:16px}
.hero-h1 .l1{display:block;background:linear-gradient(120deg,#1877F2 0%,#42A1EC 55%,#60CBFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:-.02em}
.hero-h1 .l2{display:block;color:#3B5998;font-weight:700;font-size:.72em;letter-spacing:-.01em;margin-top:4px}

.hero-tagline{font-size:21px;color:var(--text);line-height:1.5;margin-bottom:12px;max-width:560px;font-weight:600}
.hero-tagline strong{color:#1877F2;font-weight:800}

.hero-p{font-size:16px;color:#4B5563;line-height:1.65;margin-bottom:20px;max-width:520px;font-weight:400}

.hero-search{display:flex;align-items:center;background:#ffffff;border:1.5px solid #E4E6EB;border-radius:14px;overflow:hidden;max-width:520px;box-shadow:0 1px 4px rgba(0,0,0,.08);transition:border-color .18s,box-shadow .18s}
.hero-search:focus-within{border-color:#1877F2;box-shadow:0 0 0 3px rgba(24,119,242,.18)}
.hero-search input{flex:1;background:transparent;border:none;outline:none;padding:13px 16px;font-size:15px;color:var(--text);font-family:var(--font)}
.hero-search input::placeholder{color:#8A8D91}
.hero-search button{padding:10px 22px;margin:4px;border-radius:10px;background:linear-gradient(135deg,#1877F2,#1260CC);border:none;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:opacity .15s,box-shadow .15s;white-space:nowrap}
.hero-search button:hover{opacity:.88;box-shadow:0 4px 16px rgba(24,119,242,.40)}

.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.hero-tag{padding:6px 13px;border-radius:22px;background:#F0F2F5;border:1px solid #E4E6EB;font-size:12px;font-weight:600;color:#3A3B3C;transition:background .15s,color .15s,border-color .15s;cursor:pointer;text-decoration:none}
.hero-tag:hover{background:#1877F2;border-color:#1877F2;color:#fff}

/* ── STATS ── */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.stat{padding:16px 18px;border-radius:14px;background:#ffffff;border:1px solid #E4E6EB;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:transform .18s,box-shadow .18s,border-color .18s}
.stat:hover{transform:translateY(-2px);border-color:#1877F2;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.stat-v{font-size:24px;font-weight:900;letter-spacing:-.03em;margin-bottom:3px}
.stat-l{font-size:13px;font-weight:700;color:#374151;letter-spacing:.04em;text-transform:uppercase}
.stat-t{font-size:13px;margin-top:5px;font-weight:700}
.cp .stat-v{color:#6366F1}.cp .stat-t{color:#6366F1}
.cb .stat-v{color:#1877F2}.cb .stat-t{color:#1877F2}
.cg .stat-v{color:#D97706}.cg .stat-t{color:#D97706}
.cn .stat-v{color:#16A34A}.cn .stat-t{color:#16A34A}

/* ── SECTION HEADER ── */
.shdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.shdr-l{display:flex;align-items:center;gap:12px}
.sbar{width:4px;height:24px;border-radius:2px}
.stit{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
.ssub{font-size:13px;color:var(--text3);margin-top:2px}
.slink{font-size:13px;font-weight:600;color:var(--purple);transition:opacity .15s}
.slink:hover{opacity:.7}

/* ── MODULES GRID ── */
.mod-sec{margin-bottom:56px}
.mgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;align-items:stretch}
.mc.cv,.mc.dr,.mc.con{grid-column:span 4}
.mc.prog,.mc.act,.mc.mag,.mc.soc{grid-column:span 3}

/* ── CARD BASE ── */
.mc{position:relative;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.07),0 0 0 1px rgba(0,0,0,.03);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;display:flex;flex-direction:column;cursor:pointer;color:var(--text)}
.mc:hover{transform:translateY(-5px);box-shadow:0 20px 56px rgba(0,0,0,.13),0 0 0 2px var(--mc-accent,rgba(24,119,242,.25));border-color:var(--mc-accent,rgba(24,119,242,.3))}
.mc::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;pointer-events:none;border-radius:20px}
.mc:hover::before{opacity:1}
.mc::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}

/* ── CARD INNER ── */
.mci{padding:24px;flex:1;display:flex;flex-direction:column;min-height:0}
.mc-ico-wrap{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:18px;margin-bottom:14px;font-size:44px;flex-shrink:0;background:var(--mc-ico-bg,rgba(24,119,242,.08));box-shadow:0 4px 16px var(--mc-ico-shadow,rgba(24,119,242,.18));line-height:1}
.mc-ico{font-size:44px;display:block;line-height:1}.mc-ico-svg{width:38px;height:38px}.mc-ico-svg svg{display:block;width:100%;height:100%}
.mc-lbl{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;color:var(--mc-color,#1877F2)}
.mc-tit{font-size:17px;font-weight:900;letter-spacing:-.03em;line-height:1.22;margin-bottom:9px;color:var(--text)}
.mc-desc{font-size:13.5px;color:var(--text2);font-weight:400;line-height:1.65;flex:1;margin-bottom:14px}
.mc-links{display:flex;flex-direction:column;gap:5px}
.mcl{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;font-size:12px;font-weight:600;color:var(--mc-color,#1877F2);background:var(--mc-link-bg,rgba(24,119,242,.06));border:1px solid var(--mc-link-border,rgba(24,119,242,.13));transition:background .12s,transform .1s;gap:6px}
.mcl span{flex-shrink:0;opacity:.4}
.mcl:hover{background:var(--mc-link-hover,rgba(24,119,242,.12));transform:translateX(2px)}
.mc-cta{display:flex;align-items:center;justify-content:center;text-align:center;gap:7px;padding:11px 22px;border-radius:12px;font-size:13px;font-weight:800;margin-top:14px;width:100%;box-sizing:border-box;transition:all .2s;color:#fff;letter-spacing:-.01em}
.mc-cta:hover{transform:translateY(-1px);filter:brightness(1.07)}
/* ── MC-HEAD: icon+label+title row ── */
.mc-head{display:flex;flex-direction:row;align-items:center;gap:14px;margin-bottom:16px;justify-content:flex-start}
.mc-head .mc-lbl{margin-bottom:1px}
.mc-head .mc-tit{margin-bottom:0;color:var(--text)}
.mc-head .mc-ico-wrap{margin:0;flex-shrink:0;align-self:center}
.mc.perm{--mc-color:#6366F1}.mc-txt{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:2px}


/* Row-2 smaller cards */
.mc.prog .mci,.mc.act .mci,.mc.mag .mci,.mc.soc .mci{padding:20px}
.mc.prog .mc-ico,.mc.act .mc-ico,.mc.mag .mc-ico,.mc.soc .mc-ico{font-size:44px;margin-bottom:8px}
.mc.prog .mc-tit,.mc.act .mc-tit,.mc.mag .mc-tit,.mc.soc .mc-tit{font-size:17px;margin-bottom:6px}
.mc.prog .mc-desc,.mc.act .mc-desc,.mc.mag .mc-desc,.mc.soc .mc-desc{font-size:13px;color:#475569;font-weight:400;margin-bottom:10px}
.mc.con .mc-desc{font-size:13px;color:#475569;font-weight:400;margin-bottom:10px}
.mc.prog .mc-lbl,.mc.act .mc-lbl,.mc.mag .mc-lbl,.mc.soc .mc-lbl{font-size:9px}
.mc.prog .mcl,.mc.act .mcl,.mc.mag .mcl,.mc.soc .mcl{font-size:11px;padding:6px 9px}
.mc.prog .mc-cta,.mc.act .mc-cta,.mc.mag .mc-cta,.mc.soc .mc-cta{font-size:12.5px;padding:9px 16px;margin-top:10px}


/* ── ATELIERUL DE DOCUMENTE ── */
.mc.docs-workshop {
  grid-column: span 12;
  --mc-color:#6D28D9;
  --mc-accent:rgba(109,40,217,.26);
  --mc-ico-bg:rgba(124,58,237,.10);
  --mc-ico-shadow:rgba(124,58,237,.14);
  --mc-link-bg:rgba(124,58,237,.06);
  --mc-link-border:rgba(124,58,237,.15);
  --mc-link-hover:rgba(124,58,237,.12);
  background:linear-gradient(135deg,#fff 0%,#F7F3FF 52%,#EEF6FF 100%) !important;
}
.mc.docs-workshop::after{display:block;background:linear-gradient(90deg,#7C3AED,#A855F7,#38BDF8)}
.mc.docs-workshop::before{background:radial-gradient(ellipse at 0% 0%,rgba(124,58,237,.08) 0%,transparent 58%)}
.docs-workshop-mci{display:grid!important;grid-template-columns:minmax(250px,.9fr) minmax(0,1.6fr);gap:24px;align-items:center}
.docs-workshop .mc-head{margin-bottom:11px}
.docs-workshop .mc-tit{font-size:21px}
.docs-workshop .mc-desc{max-width:410px;margin-bottom:16px}
.docs-workshop .mc-cta{display:inline-flex;width:auto;padding:11px 20px;background:linear-gradient(135deg,#6D28D9,#7C3AED);box-shadow:0 4px 18px rgba(124,58,237,.28);margin-top:0}
.docs-workshop-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.docs-tool{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:1px solid rgba(124,58,237,.14);border-radius:13px;background:rgba(255,255,255,.72);transition:transform .18s,box-shadow .18s,border-color .18s;text-decoration:none;color:inherit}
.docs-tool:hover{transform:translateY(-2px);border-color:rgba(124,58,237,.34);box-shadow:0 8px 22px rgba(80,50,150,.10)}
.docs-tool-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;flex-shrink:0;background:#EDE9FE;color:#6D28D9;box-shadow:inset 0 0 0 1px rgba(109,40,217,.08)}
.docs-tool-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.docs-tool-icon svg .icon-line{stroke-width:1.45;opacity:.9}
.docs-tool-icon--word{background:linear-gradient(135deg,#EDE9FE,#DDD6FE);color:#6D28D9}
.docs-tool-icon--convert{background:linear-gradient(135deg,#DBEAFE,#CFFAFE);color:#2563EB}
.docs-tool-icon--invoice{background:linear-gradient(135deg,#FCE7F3,#FBCFE8);color:#BE185D}
.docs-tool-icon--offer{background:linear-gradient(135deg,#CCFBF1,#BAF3E6);color:#0F766E}
.docs-tool-icon--sign{background:linear-gradient(135deg,#FEF3C7,#FDE68A);color:#B45309}
.docs-tool-icon--scan{background:linear-gradient(135deg,#E0F2FE,#BAE6FD);color:#0369A1}
.docs-tool-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.docs-tool-copy strong{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.docs-tool-copy small{font-size:10.5px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.docs-tool-status{margin-left:auto;flex-shrink:0;padding:4px 7px;border-radius:999px;background:#F3E8FF;color:#7E22CE;font-size:8px;font-weight:800;letter-spacing:.02em;line-height:1.2;text-align:center;max-width:92px}
@media(max-width:800px){.docs-workshop-mci{grid-template-columns:1fr;gap:18px}.docs-workshop .mc-desc{max-width:none}}
@media(max-width:520px){.docs-workshop-tools{grid-template-columns:1fr}.docs-workshop .mc-tit{font-size:18px}.docs-tool-status{font-size:8px}}

/* ── PER-CARD ACCENT ── */
.mc.cv{--mc-color:#1877F2;--mc-accent:rgba(24,119,242,.28);--mc-ico-bg:rgba(24,119,242,.09);--mc-ico-shadow:rgba(24,119,242,.14);--mc-link-bg:rgba(24,119,242,.05);--mc-link-border:rgba(24,119,242,.12);--mc-link-hover:rgba(24,119,242,.11)}
.mc.cv::after{background:linear-gradient(90deg,#1877F2,#42A1EC)}
.mc.cv::before{background:radial-gradient(ellipse at 0% 0%,rgba(24,119,242,.06) 0%,transparent 60%)}
.mc.cv .mc-cta{background:linear-gradient(135deg,#1260CC,#1877F2);color:#fff;box-shadow:0 4px 18px rgba(24,119,242,.35)}
.mc.cv:hover{box-shadow:0 20px 56px rgba(24,119,242,.16),0 0 0 2px rgba(24,119,242,.25)}

.mc.dr{--mc-color:#E11D48;--mc-accent:rgba(225,29,72,.25);--mc-ico-bg:rgba(225,29,72,.08);--mc-ico-shadow:rgba(225,29,72,.12);--mc-link-bg:rgba(225,29,72,.05);--mc-link-border:rgba(225,29,72,.12);--mc-link-hover:rgba(225,29,72,.10)}
.mc.dr::after{background:linear-gradient(90deg,#E11D48,#FB7185)}
.mc.dr::before{background:radial-gradient(ellipse at 100% 0%,rgba(225,29,72,.05) 0%,transparent 60%)}
.mc.dr .mc-cta{background:linear-gradient(135deg,#BE123C,#E11D48);color:#fff;box-shadow:0 4px 18px rgba(225,29,72,.30)}
.mc.dr:hover{box-shadow:0 20px 56px rgba(225,29,72,.14),0 0 0 2px rgba(225,29,72,.25)}

.mc.soc{--mc-color:#16A34A;--mc-accent:rgba(22,163,74,.25);--mc-ico-bg:rgba(22,163,74,.08);--mc-ico-shadow:rgba(22,163,74,.12);--mc-link-bg:rgba(22,163,74,.05);--mc-link-border:rgba(22,163,74,.12);--mc-link-hover:rgba(22,163,74,.10)}
.mc.soc::after{background:linear-gradient(90deg,#16A34A,#22C55E)}
.mc.soc::before{background:radial-gradient(ellipse at 100% 0%,rgba(79,70,229,.05) 0%,transparent 60%)}
.mc.soc .mc-cta{background:linear-gradient(135deg,#4338CA,#4F46E5);color:#fff;box-shadow:0 4px 18px rgba(79,70,229,.30)}
.mc.soc:hover{box-shadow:0 20px 56px rgba(79,70,229,.14),0 0 0 2px rgba(79,70,229,.25)}

.mc.mag{--mc-color:#D97706;--mc-accent:rgba(217,119,6,.25);--mc-ico-bg:rgba(245,158,11,.08);--mc-ico-shadow:rgba(245,158,11,.12);--mc-link-bg:rgba(245,158,11,.05);--mc-link-border:rgba(217,119,6,.12);--mc-link-hover:rgba(245,158,11,.10)}
.mc.mag::after{background:linear-gradient(90deg,#F59E0B,#FCD34D)}
.mc.mag .mc-cta{background:linear-gradient(135deg,#B45309,#D97706);color:#fff;box-shadow:0 4px 16px rgba(217,119,6,.28)}
.mc.mag:hover{box-shadow:0 20px 56px rgba(245,158,11,.13),0 0 0 2px rgba(217,119,6,.25)}

.mc.con{--mc-color:#16A34A;--mc-accent:rgba(22,163,74,.25);--mc-ico-bg:rgba(22,163,74,.08);--mc-ico-shadow:rgba(22,163,74,.12);--mc-link-bg:rgba(22,163,74,.05);--mc-link-border:rgba(22,163,74,.12);--mc-link-hover:rgba(22,163,74,.10)}
.mc.con::after{background:linear-gradient(90deg,#16A34A,#4ADE80)}
.mc.con .mc-cta{background:linear-gradient(135deg,#15803D,#16A34A);color:#fff;box-shadow:0 4px 16px rgba(22,163,74,.28)}
.mc.con:hover{box-shadow:0 20px 56px rgba(22,163,74,.13),0 0 0 2px rgba(22,163,74,.25)}

.mc.act{--mc-color:#EA6D1A;--mc-accent:rgba(249,115,22,.25);--mc-ico-bg:rgba(249,115,22,.08);--mc-ico-shadow:rgba(249,115,22,.12);--mc-link-bg:rgba(249,115,22,.05);--mc-link-border:rgba(249,115,22,.12);--mc-link-hover:rgba(249,115,22,.10)}
.mc.act::after{background:linear-gradient(90deg,#F97316,#FDBA74)}
.mc.act .mc-cta{background:linear-gradient(135deg,#C2410C,#EA580C);color:#fff;box-shadow:0 4px 16px rgba(249,115,22,.28)}
.mc.act:hover{box-shadow:0 20px 56px rgba(249,115,22,.13),0 0 0 2px rgba(249,115,22,.25)}

.mc.joc::after{background:linear-gradient(90deg,#EC4899,#F9A8D4)}
.mc.joc .mc-lbl{color:#EC4899}
.mc.joc .mc-cta{background:#EC4899;box-shadow:0 2px 10px rgba(236,72,153,.26)}
.mc.joc:hover{box-shadow:0 8px 32px rgba(236,72,153,.12),0 0 0 1px rgba(0,0,0,.04)}

/* ── PERMIS (full-width) ── */
.mc.perm{grid-column:span 12}
.mc.perm::after{background:linear-gradient(90deg,#6366F1,#818CF8,#EC4899)}
.mc.perm::before{background:radial-gradient(ellipse at 5% 50%,rgba(99,102,241,.05) 0%,transparent 55%)}
.mc.perm .mc-lbl{color:#6366F1}
.mc.perm .mc-cta{align-self:unset;background:#6366F1;box-shadow:0 2px 14px rgba(99,102,241,.32);margin-top:0;align-self:flex-start;white-space:nowrap}
.mc.perm:hover{box-shadow:0 8px 40px rgba(99,102,241,.18),0 0 0 1px rgba(0,0,0,.04)}
.mc.perm .mci{flex-direction:row;align-items:flex-start;gap:24px;padding:18px 22px;flex-wrap:wrap}
.perm-col-l{display:flex;flex-direction:column;flex:0 0 auto;min-width:200px;max-width:340px;text-align:left;align-items:flex-start}
.perm-col-l .mc-ico{font-size:40px;margin-bottom:8px;display:block}
.perm-col-l .mc-tit{font-size:19px;margin-bottom:10px}
.perm-col-l .mc-desc{font-size:13px;color:#475569;font-weight:400;margin-bottom:16px;flex:unset}
.perm-col-r{display:flex;flex-direction:column;gap:8px;flex:1 1 300px;align-self:stretch;min-width:0}
.perm-col-r .mcl{flex:1;width:100%;min-width:0;max-width:100%}
@media(max-width:1000px){.mc.perm .mci{flex-direction:column;gap:20px;padding:22px 20px}.perm-col-r{flex-direction:column;gap:6px}.perm-col-r .mcl{max-width:100%;min-width:0;flex:none}}
@media(max-width:700px){.mc.perm .mci{padding:18px 16px}}

/* ── TV & CHAT ── */
.mc.tv,.mc.chat{grid-column:span 6}
.mc.tv::after{background:linear-gradient(90deg,#0D9488,#2DD4BF)}
.mc.tv::before{background:radial-gradient(ellipse at 5% 50%,rgba(13,148,136,.05) 0%,transparent 55%)}
.mc.tv .mc-lbl{color:#0D9488}
.mc.tv .mc-cta{align-self:unset;background:#0D9488;box-shadow:0 2px 12px rgba(13,148,136,.26);border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;margin-top:auto;align-self:flex-start;gap:6px;color:#fff}
.mc.tv:hover{box-shadow:0 8px 32px rgba(13,148,136,.16),0 0 0 1px rgba(0,0,0,.04)}
.mc.chat::after{background:linear-gradient(90deg,#6366F1,#818CF8)}
.mc.chat::before{background:radial-gradient(ellipse at 5% 50%,rgba(99,102,241,.05) 0%,transparent 55%)}
.mc.chat .mc-lbl{color:#6366F1}
.mc.chat .mc-cta{align-self:unset;background:#6366F1;box-shadow:0 2px 12px rgba(99,102,241,.28);border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;margin-top:auto;align-self:flex-start;gap:6px;color:#fff}
.mc.chat:hover{box-shadow:0 8px 32px rgba(99,102,241,.16),0 0 0 1px rgba(0,0,0,.04)}
@media(max-width:900px){.mc.tv,.mc.chat{grid-column:span 12}}

/* ── PROG ── */
.mc.prog{--mc-color:#1877F2;--mc-accent:rgba(24,119,242,.25);--mc-ico-bg:rgba(24,119,242,.09);--mc-ico-shadow:rgba(24,119,242,.14);--mc-link-bg:rgba(24,119,242,.05);--mc-link-border:rgba(24,119,242,.12);--mc-link-hover:rgba(24,119,242,.11)}
/* -- COPII DIASPOREI -- */
.edu-sec{background:linear-gradient(135deg,rgba(13,148,136,.06) 0%,rgba(99,102,241,.05) 100%);border-radius:24px;padding:28px 32px;border:1.5px solid rgba(13,148,136,.15);position:relative;overflow:hidden}
.edu-sec::before{content:'';position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(13,148,136,.10) 0%,transparent 70%);pointer-events:none}
.age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.age-card{background:#fff;border:2px solid rgba(0,0,0,.10);border-radius:18px;padding:22px 20px;cursor:pointer;transition:all .28s cubic-bezier(.22,1,.36,1),border-color .28s;text-decoration:none;display:block;position:relative;overflow:visible}
.age-card::after{display:none}
.age-card.ac1{--ac:#0D9488}.age-card.ac2{--ac:#6366F1}.age-card.ac3{--ac:#E11D48}
.age-card:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(0,0,0,.11),0 0 0 2px var(--ac)}
.age-card.ac1{border-color:#0D9488;box-shadow:0 0 0 1px #0D9488,0 2px 14px rgba(13,148,136,.20)}
.age-card.ac2{border-color:#6366F1;box-shadow:0 0 0 1px #6366F1,0 2px 14px rgba(99,102,241,.20)}
.age-card.ac3{border-color:#E11D48;box-shadow:0 0 0 1px #E11D48,0 2px 14px rgba(225,29,72,.20)}
.age-card.ac1:hover{box-shadow:0 0 0 2px #0D9488,0 12px 36px rgba(13,148,136,.28)}
.age-card.ac2:hover{box-shadow:0 0 0 2px #6366F1,0 12px 36px rgba(99,102,241,.28)}
.age-card.ac3:hover{box-shadow:0 0 0 2px #E11D48,0 12px 36px rgba(225,29,72,.28)}
.age-card-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);background:rgba(0,0,0,.04);padding:4px 10px;border-radius:20px;margin-bottom:12px}
.age-card{text-align:center}
.age-card-badge{margin-left:auto;margin-right:auto}
.age-card-topics{align-items:center}
.age-card-cta{margin-left:auto;margin-right:auto}
.age-card-ico{width:68px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;flex-shrink:0}
.age-card.ac1 .age-card-ico{background:rgba(13,148,136,.13);color:#0D9488}
.age-card.ac2 .age-card-ico{background:rgba(99,102,241,.13);color:#6366F1}
.age-card.ac3 .age-card-ico{background:rgba(225,29,72,.13);color:#E11D48}
.age-card-tit{font-size:19px;font-weight:900;color:#0F172A;letter-spacing:-.04em;margin-bottom:6px}
.age-card-sub{font-size:13px;color:#4B5563;line-height:1.6;margin-bottom:14px;font-weight:400}
.age-card-topics{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}
.age-card-topic{font-size:12px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px;line-height:1.3}
.age-card-topic::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--ac);flex-shrink:0}
.age-card-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--ac);color:#fff;border-radius:10px;font-size:13px;font-weight:700;margin-top:2px}
.age-card:hover .age-card-cta{opacity:.88}
html[data-theme=dark] .age-card{background:#242526;border-color:#3A3B3C}
html[data-theme=dark] .age-card-tit{color:#E4E6EB}
html[data-theme=dark] .age-card-sub{color:#B0B3B8}
html[data-theme=dark] .age-card-topic{color:#B0B3B8}
html[data-theme=dark] .edu-sec{background:linear-gradient(135deg,rgba(13,148,136,.08) 0%,rgba(99,102,241,.06) 100%);border-color:rgba(13,148,136,.20)}
@media(max-width:900px){.age-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.age-grid{grid-template-columns:1fr}.edu-sec{padding:18px 16px;border-radius:18px}}

.mc.prog::after{background:linear-gradient(90deg,#1877F2,#42A1EC)}
.mc.prog::before{background:radial-gradient(ellipse at 5% 50%,rgba(24,119,242,.05) 0%,transparent 55%)}
.mc.prog .mc-cta{background:linear-gradient(135deg,#1260CC,#1877F2);color:#fff;box-shadow:0 4px 18px rgba(24,119,242,.35)}
.mc.prog:hover{box-shadow:0 20px 56px rgba(24,119,242,.14),0 0 0 2px rgba(24,119,242,.25)}

/* ── MAINTENANCE BANNER ── */
.maint-banner{display:flex;align-items:center;gap:14px;padding:9px 36px;background:linear-gradient(90deg,#7f0000 0%,#b91c1c 45%,#991b1b 100%);border-bottom:2px solid rgba(255,80,80,.35);font-size:12.5px;font-weight:600;color:#fff;flex-wrap:wrap;position:sticky;top:0;z-index:200}
.maint-live{background:#ff2020;color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:4px;flex-shrink:0;animation:blink 1.5s infinite}
.maint-msg{flex:1;min-width:200px;line-height:1.4}
.maint-sign{font-size:11px;opacity:.85;white-space:nowrap;color:rgba(255,200,200,.9)}
.maint-sign a{color:#ffc8c8;text-decoration:underline}
@media(max-width:768px){.maint-banner{padding:9px 16px;gap:8px;font-size:12px}}

/* ── GAMES GRID ── */
.ggrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.gbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:13px 8px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);transition:all .15s;color:var(--text)}
.gbtn:hover{background:rgba(236,72,153,.08);border-color:rgba(236,72,153,.25)}
.g-i{font-size:22px}.g-n{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--text2)}

/* ── GEO SECTION ── */
.geo-sec{margin-bottom:56px;padding:28px;border-radius:var(--rlg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.geo-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:var(--r);background:rgba(24,119,242,.05);border:1px solid rgba(24,119,242,.14);margin-bottom:26px}
.geo-flag{font-size:46px;line-height:1}
.geo-lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
.geo-name{font-size:22px;font-weight:900;letter-spacing:-.03em;color:var(--text)}
.geo-sub{font-size:13px;color:var(--text2);margin-top:3px}
.geo-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.geo-cols{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.geo-cols{grid-template-columns:1fr}}
.geo-col-t{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}
.geo-item{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);font-size:13px;color:var(--text2);transition:background .12s,color .12s;margin-bottom:7px}
.geo-item:hover{background:var(--bg3);color:var(--text)}
.geo-more{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--purple);transition:opacity .15s;margin-top:4px}
.geo-more:hover{opacity:.7}

/* ── EXTRA (Invatam + Jocuri) ── */
.extra-sec{margin-bottom:56px}
.exgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:700px){.exgrid{grid-template-columns:1fr}}
.exc{padding:26px;border-radius:var(--rlg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.exc:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.exc-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.exc-ico{font-size:38px;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}
.exc.teal .exc-ico{background:rgba(13,148,136,.09)}
.exc.rose .exc-ico{background:rgba(236,72,153,.07)}
.exc-lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.exc.teal .exc-lbl{color:#0D9488}
.exc.rose .exc-lbl{color:#EC4899}
.exc-tit{font-size:19px;font-weight:900;letter-spacing:-.03em;color:var(--text)}
.exc-desc{font-size:13px;color:var(--text2);line-height:1.65;margin-bottom:18px}
.exlinks{display:flex;flex-direction:column;gap:6px}
.exlink{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);font-size:13px;color:var(--text2);transition:background .12s,color .12s,border-color .12s}
.exc.teal .exlink:hover{background:rgba(13,148,136,.07);border-color:rgba(13,148,136,.22);color:var(--text)}
.exc.rose .exlink:hover{background:rgba(236,72,153,.06);border-color:rgba(236,72,153,.22);color:var(--text)}
.exc-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:700;margin-top:14px;transition:all .15s;color:#fff}
.exc.teal .exc-cta{background:#0D9488;box-shadow:0 2px 10px rgba(13,148,136,.25)}
.exc.rose .exc-cta{background:#EC4899;box-shadow:0 2px 10px rgba(236,72,153,.22)}

/* ── FOOTER ── */
/* ── FOOTER ── */


/* ── RESPONSIVE ── */
@media(max-width:1200px){
  .topbar,.clockbar,.footer-cols,.footer-bottom{padding-left:24px;padding-right:24px}
  .main{padding:36px 24px 70px}
  .hero{grid-template-columns:1fr 360px;gap:32px}
}
@media(max-width:1000px){
  .topbar,.clockbar{padding-left:16px;padding-right:16px}
  .footer-cols,.footer-bottom{padding-left:16px;padding-right:16px}
  .main{padding:12px 16px 48px}
  .hero{grid-template-columns:1fr;gap:20px}
  .hero::before{inset:-20px -20px}
  .hero-right{max-width:100%}
  .stats{grid-template-columns:repeat(2,1fr);gap:8px}
  .mc.cv,.mc.dr,.mc.con{grid-column:span 6}
  .mc.prog,.mc.act,.mc.mag,.mc.soc{grid-column:span 6}
  .hero-h1{font-size:clamp(36px,8vw,54px)}
  .hero-tagline{font-size:19px}
  .hero-p{font-size:15.5px;color:var(--text2)}
  .hero-search{max-width:100%}
  .hero-tags{gap:6px}
}
@media(max-width:700px){
  .mc.cv,.mc.dr,.mc.con,.mc.prog,.mc.act,.mc.mag,.mc.soc{grid-column:span 12}
  .stats{grid-template-columns:repeat(2,1fr)}
}



/* mc-head centrat orizontal in card (icon+label+tit in rand) */
.mci > .mc-head:first-child{justify-content:flex-start}
.mc-head .mc-ico-wrap{width:56px;height:56px;font-size:38px;border-radius:16px;flex-shrink:0}
/* Centrare mc-lbl si mc-tit (textele din head card) */
.mc-lbl{text-align:left}
.mc-head .mc-ico-wrap{margin-bottom:4px}
/* ── BTN PERSONALIZAT ── */
.btn-pers{padding:7px 13px;border-radius:8px;background:rgba(99,102,241,.07);border:1px solid rgba(99,102,241,.20);font-size:12px;font-weight:700;color:#6366F1;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:5px}
.btn-pers:hover{background:rgba(99,102,241,.13)}

/* ── HIDE BRAND INJECT ── */
.d-brand-fixed,.d-tm{display:none}
/* tb-geo si melissa mobile ascunse */
#tb-geo{display:none}
#hero-geo-badge{display:none} /* steag+tara ascuns din hero */
/* i18n/translate footer icons ascunse */
[id*="i18n"],[class*="i18n"],[id*="lang-bar"],[class*="lang-bar"],.dro-lang-bar{display:none}


/* ── PROG CARD ── */
.mc.prog::after{background:linear-gradient(90deg,#1877F2,#42A1EC)}
.mc.prog::before{background:radial-gradient(ellipse at 5% 50%,rgba(24,119,242,.04) 0%,transparent 60%)}
.mc.prog .mc-lbl{color:#1877F2}
.mc.prog .mc-cta{background:linear-gradient(135deg,#1260CC,#1877F2);color:#fff;box-shadow:0 4px 18px rgba(24,119,242,.35)}
.mc.prog:hover{box-shadow:0 16px 48px rgba(24,119,242,.18),0 0 0 2px rgba(24,119,242,.20)}

/* ── GEO INFO IN CARDURI ── */
[id$="-geo"]{
  display:inline-flex;align-items:center;gap:5px;
  margin-top:10px;padding:5px 10px;
  border-radius:8px;
  background:var(--mc-link-bg,rgba(24,119,242,.06));
  border:1px solid var(--mc-link-border,rgba(24,119,242,.14));
  font-size:11px;font-weight:600;
  color:var(--mc-color,#1877F2);
  line-height:1.3;
}


/* ═══ HERO COMPACT (jumatate din cel original) ═══════════════ */
.hero-compact{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;position:relative;padding:24px 0 8px}
.hero-compact::before{content:'';position:absolute;inset:-20px -60px;background:radial-gradient(ellipse 55% 70% at 20% 50%,rgba(24,119,242,.10) 0%,transparent 70%);pointer-events:none;z-index:0}
.hero-compact-bar{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;max-width:680px}
.hero-compact-h1{font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin:0}
.hero-compact-sub{font-size:14px;color:var(--text2);font-weight:400;margin:0;line-height:1.5}
.hero-compact-search{max-width:560px;margin-top:2px}
@media(max-width:768px){
  .hero-compact{padding:16px 0 4px}
  .hero-compact-h1{font-size:clamp(22px,6vw,30px)}
  .hero-compact-search{max-width:100%}
}

/* ══ FOOTER MODERN ══════════════════════════════════════════════════════════════════════════ */
.footer{background:#080C18;position:relative;z-index:1;margin-top:10px}
.footer::before{content:'';display:block;height:4px;background:linear-gradient(90deg,#1260CC 0%,#1877F2 30%,#FFD700 52%,#FFD700 62%,#CC1A2A 80%,#E11D48 100%)}
.footer-brand{padding:10px 48px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-brand-left{display:flex;flex-direction:column;gap:7px}
.footer-brand-logo{font-size:21px;font-weight:900;letter-spacing:-.04em;color:#fff;display:flex;align-items:center;gap:10px}
.footer-brand-logo img{width:30px;height:30px;object-fit:contain;border-radius:6px}
.footer-brand-sub{font-size:12.5px;color:#ffffff;font-weight:400;max-width:420px;line-height:1.55}
.footer-socials{display:flex;align-items:center;gap:8px;flex-shrink:0}
.footer-soc-btn{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;transition:opacity .15s,transform .15s;overflow:hidden}
.footer-soc-btn:hover{opacity:.85;transform:translateY(-2px)}
.footer-cols{display:grid;grid-template-columns:repeat(5,1fr);padding:10px 48px 0;gap:0}
.footer-col{display:flex;flex-direction:column;padding:0 28px 42px 0}
.footer-col:last-child{border-right:none;padding-right:0}
.footer-col-t{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffff;margin-bottom:18px}
.footer-col-links{display:flex;flex-direction:column}
.footer-col-links a{font-size:13px;color:#ffffff;font-weight:600;padding:2.5px 0;transition:color .15s,padding-left .15s;display:flex;align-items:center;gap:6px;text-decoration:none;line-height:1.35}
.footer-col-links a:hover{color:#fff;padding-left:4px}
.footer-app-col{padding-right:0}
.footer-app-badges{display:flex;flex-direction:row;gap:12px;margin-top:2px;align-items:center;justify-content:center}
.store-badge-link{display:block;text-decoration:none;transition:transform .15s,opacity .15s}
.store-badge-link:hover{transform:translateY(-2px);opacity:.85}
.store-badge-svg{width:140px;height:42px;display:block;border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.5)}
.footer-bottom{padding:10px 48px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:20px}
.flinks{display:flex;gap:18px;flex-wrap:wrap}
.flinks a{font-size:12px;color:#4d90fe;font-weight:500;transition:color .12s;text-decoration:none}
.flinks a:hover{color:#93c5fd}
.fcopy{font-size:12.5px;color:#ffffff;font-weight:600}
@media(max-width:1280px){.footer-brand{padding:14px 32px 5px}.footer-cols{padding:8px 32px 0}.footer-col{padding:0 20px 36px 0}.footer-bottom{padding:18px 32px}}
@media(max-width:1050px){.footer-brand{flex-direction:column;align-items:flex-start;padding:26px 28px 22px}.footer-cols{grid-template-columns:repeat(3,1fr)}.footer-col:nth-child(3){border-right:none;padding-right:0}.footer-col:nth-child(4){padding-right:20px;margin-top:0}.footer-col:nth-child(5){border-right:none}.footer-bottom{padding:16px 28px}}
@media(max-width:768px){
  .footer-brand{padding:20px 20px 18px}
  .footer-brand-logo{font-size:18px}
  .footer-brand-sub{font-size:12px;max-width:100%}
  .footer-socials{gap:6px}
  .footer-soc-btn{width:36px;height:36px;font-size:16px}
  .footer-cols{display:flex;flex-direction:column;padding:0;border-bottom:none}
  .footer-col{border-right:none;padding:0}
  .footer-col-t{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:0;-webkit-user-select:none;user-select:none;color:#ffffff}
  .footer-col-t::after{content:'+';font-size:16px;font-weight:600;color:rgba(255,255,255,.80);flex-shrink:0;line-height:1;width:22px;text-align:center}
  .footer-col.open>.footer-col-t::after{content:'-'}
  .footer-col-links{display:none;padding:2px 20px 16px;flex-direction:column;gap:0}
  .footer-col.open>.footer-col-links{display:flex}
  .footer-app-col>.footer-col-t{cursor:default}
  .footer-app-col>.footer-col-t::after{display:none}
  .footer-app-col>.footer-col-links{display:flex;padding:4px 20px 22px}
  .footer-app-badges{flex-direction:row;gap:12px;flex-wrap:wrap}
  .store-badge-svg{width:130px;height:39px}
  .footer-bottom{padding:12px 20px;flex-direction:column;align-items:flex-start;gap:6px}
  .flinks{gap:6px;flex-wrap:nowrap;overflow-x:auto}
  .flinks a{font-size:10.5px}
  .fcopy{font-size:10.5px}
  .footer{padding-bottom:80px}
}
/* ── MOBILE HOMEPAGE IMPROVEMENTS ── */
@media(max-width:768px){
  .hero{padding:0}
  .hero-h1{font-size:clamp(28px,7vw,42px);letter-spacing:-.03em}
  .hero-tagline{font-size:16px;line-height:1.5}
  .hero-p{font-size:14px}
  .hero-search{border-radius:14px}
  .hero-search input{font-size:15px;padding:13px 16px}
  .hero-search button{padding:13px 18px;font-size:14px}
  .hero-tags{padding-bottom:4px}
  .hero-tag{font-size:12.5px;padding:7px 12px;border-radius:20px}
  .stats{grid-template-columns:repeat(2,1fr);gap:8px}
  .stat{padding:12px 14px;border-radius:14px}
  .stat-v{font-size:22px}
  .stat-l{font-size:12px}
  .stat-t{font-size:12px}
  .mod-sec{margin-top:4px}
  .shdr{padding:0 0 12px}
  .stit{font-size:15px}
  .ssub{font-size:11.5px}
  .mc .mci{padding:16px}
  .mc-tit{font-size:15px}
  .mc-desc{font-size:12.5px;line-height:1.5}
  .mc-ico{font-size:28px;margin-bottom:8px}
  .mc-cta{padding:11px 16px;font-size:13px;border-radius:12px}
  .topbar{padding:10px 16px;gap:8px}
  .tb-logo-mark{width:30px;height:30px;font-size:11px}
  .tb-logo-txt{font-size:15px}
  .btn-pers{padding:6px 10px;font-size:11px}
  .btn-in{padding:7px 12px;font-size:12px}
  .btn-reg{display:none}
  .clockbar{display:none}
}
/* ── MOBILE USER MENU: compact pe ecrane mici ── */
@media(max-width:640px){
  .tb-user-menu{gap:4px}
  .tb-pmtxt{display:none}
  .tb-user-menu > a{padding:5px 8px;min-width:0}
}
@media(max-width:480px){
  .main{padding:10px 12px 40px}
  .hero-h1 .l1{font-size:clamp(24px,7vw,36px)}
  .hero-h1 .l2{font-size:clamp(20px,5.5vw,30px)}
  .hero-search{flex-wrap:nowrap}
  .mgrid{gap:8px}
}



/* ── TOUCH FEEDBACK (mobile :active) ── */
.mc:active{transform:scale(0.975) translateY(0);transition:transform .08s}
.mcl:active{background:rgba(24,119,242,.10)}
.hero-tag:active{background:#1877F2;color:#fff;border-color:#1877F2}
.mc-cta:active{transform:scale(.97);filter:brightness(.96)}
.hero-search button:active{opacity:.82}

/* ── HERO TAGS: scroll orizontal pe mobil ── */
.hero-tags{display:flex;flex-wrap:wrap;gap:7px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
.hero-tags::-webkit-scrollbar{display:none}

/* CARD IMPROVEMENTS */
.mc-ico-wrap{width:60px;height:60px;border-radius:18px;font-size:44px;margin-bottom:16px;line-height:1}
.mc{background:linear-gradient(160deg,#fff 0%,#f7f8fb 100%);border:1.5px solid var(--border)}
.mc:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 64px rgba(0,0,0,.13),0 0 0 2px var(--mc-accent,rgba(24,119,242,.25))}
.mc::after{height:5px}
.mc-tit{font-size:18px;font-weight:900}
.mc-desc{font-size:13.5px;line-height:1.7}
.mcl{padding:9px 13px;font-size:12.5px;font-weight:700;border-radius:11px}
.mc-cta{padding:12px 24px;font-size:13.5px;border-radius:13px}
@media(max-width:600px){
.mc.perm .mci{flex-direction:column;gap:12px;padding:16px}
.perm-col-l{min-width:0;flex:none}
.perm-col-r{flex-direction:column;gap:5px}
.perm-col-r .mcl{min-width:0;max-width:100%;flex:none}
.perm-col-r .mcl:nth-child(n+3){display:none}
.perm-col-l .mc-ico{font-size:44px;margin-bottom:6px}
.perm-col-l .mc-tit{font-size:16px;margin-bottom:6px}
.perm-col-l .mc-desc{font-size:12px;margin-bottom:10px}}
@media(max-width:768px){
.hero-h1{font-size:clamp(26px,7.5vw,40px);line-height:1.15}
.hero-tagline{font-size:15.5px;line-height:1.6}
.hero-p{font-size:13.5px;line-height:1.65}
.hero-search{border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.10)}
.stat{padding:11px 13px;border-radius:12px}
.stat-v{font-size:20px}
.mc .mci{padding:18px 16px}
.mc-ico-wrap{width:56px;height:56px;border-radius:16px;font-size:40px}
.mc-tit{font-size:15.5px;margin-bottom:7px}
.mc-desc{font-size:13px;line-height:1.6;margin-bottom:10px}
.mcl{font-size:12px;padding:8px 11px}
.mc-cta{width:100%;justify-content:center;text-align:center;padding:13px;border-radius:12px;font-size:14px}
.stit{font-size:16px}}
@media(max-width:480px){
.main{padding:12px 12px 56px}
.hero-tag{font-size:12px;padding:6px 10px}
.mgrid{gap:10px}}

/* ══ DIASPORA PATCH v2 ══════════════════════════════════════════════════ */

/* Font global Plus Jakarta Sans */
:root { --font: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif; }
body, .mc, .mc-tit, .mc-lbl, .mc-desc, .mcl, .mc-cta, .stat, .stat-v, .stat-l {
  font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;
}

/* ── CARDURI: tipografie premium ─────────────────────────────────────── */
.mc-lbl {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  color: var(--mc-color, #1877F2);
  opacity: 1;
}
.mc-tit {
  font-size: 20px;
  font-weight: 900;
  color: #0F172A;
  letter-spacing: -.03em;
  line-height: 1.2;
}
.mc-desc {
  font-size: 13.5px;
  color: #475569;
  font-weight: 400;
  line-height: 1.68;
}
.mcl {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--mc-color, #1877F2);
}
.mc-cta { font-size: 14px; font-weight: 800; }

/* carduri rând 2 — titlu si desc curate */
.mc.prog .mc-tit, .mc.act .mc-tit, .mc.mag .mc-tit, .mc.soc .mc-tit {
  font-size: 18px; color: #0F172A;
}
.mc.prog .mc-desc, .mc.act .mc-desc, .mc.mag .mc-desc, .mc.soc .mc-desc,
.mc.con .mc-desc {
  font-size: 13px; color: #475569; font-weight: 400;
}
.mc.prog .mc-lbl, .mc.act .mc-lbl, .mc.mag .mc-lbl, .mc.soc .mc-lbl,
.mc.con .mc-lbl, .mc.cv .mc-lbl, .mc.dr .mc-lbl {
  color: var(--mc-color, #1877F2);
}

/* ── MC-HEAD: icon + label + title pe ACELAȘI RÂND, CENTRAT ─────────── */
.mc-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.mc-head .mc-ico-wrap {
  margin: 0;
  flex-shrink: 0;
  align-self: center;
}
.mc-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  flex: 1;
}
.mc-txt .mc-lbl { margin-bottom: 0; }
.mc-txt .mc-tit { margin-bottom: 0; }

/* ── HERO COMPACT: mai îngust în înălțime ───────────────────────────── */
.hero-compact {
  padding: 12px 0 4px;
  gap: 10px;
  margin-bottom: 14px;
}
.hero-compact-bar { gap: 5px; }
.hero-compact-h1 { font-size: clamp(20px, 3vw, 30px); margin: 0; }
.hero-compact-sub { font-size: 13px; margin: 0; }
.hero-compact-search { margin-top: 4px; }
.hero-search input { padding: 10px 14px; font-size: 14px; }
.hero-search button { padding: 8px 18px; font-size: 13px; }

/* ══ PERM CARD FIX ══════════════════════════════════════════════════════ */

/* Desktop: link-urile în 2 coloane în perm-col-r */
.perm-links-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  align-content: start;
  align-self: stretch;
  flex: 1 1 auto;
  min-width: 0;
}
.perm-links-grid .mcl {
  width: 100%;
  box-sizing: border-box;
}

/* Arată TOATE link-urile pe mobile — override regula nth-child care le ascundea */
@media (max-width: 600px) {
  .mc.perm .mci.perm-mci {
    flex-direction: column;
    gap: 14px;
    padding: 16px;
  }
  .perm-col-l {
    min-width: 0;
    flex: none;
    width: 100%;
  }
  .perm-col-r.perm-links-grid {
    grid-template-columns: 1fr;
    gap: 6px;
    width: 100%;
  }
  /* OVERRIDE: anulăm regula veche care ascundea link-urile 3+ */
  .perm-col-r .mcl:nth-child(n+3) {
    display: flex;
  }
  .perm-links-grid .mcl {
    font-size: 12.5px;
    padding: 8px 11px;
  }
  .mc.perm .mc-cta {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
}

/* Tablet: 1 coloană de link-uri */
@media (max-width: 1000px) and (min-width: 601px) {
  .perm-links-grid {
    grid-template-columns: 1fr;
  }
}
/* ═══════════════════════════════════════════════════════════════════════ */



/* ═══════════════════════════════════════════════════════════════════════ */


/* ══ HERO MOBILE — text stânga, search dreapta ══════════════════════════ */
@media(max-width:600px){
  .hero-compact-bar {
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    max-width: 100%;
  }
  .hero-compact-bar > .hero-geo { display: none; }
  .hero-compact-txt-wrap {
    flex: 1 1 0;
    min-width: 0;
  }
  .hero-compact-h1  { font-size: 15px; font-weight: 900; margin: 0 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .hero-compact-sub { font-size: 10px; line-height: 1.35; margin: 0; color: var(--text2); }
  .hero-compact-search {
    flex: 0 0 180px;
    max-width: 180px;
    min-width: 140px;
    margin-top: 0;
  }
  .hero-search input  { font-size: 12px; padding: 9px 10px; }
  .hero-search button { padding: 8px 10px; font-size: 11px; }
}
/* ═══════════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════════════
   DESKTOP CARD REDESIGN — doar @media(min-width:1001px)
   Cod pur, fara clase extra, fara JS
   ════════════════════════════════════════════════════════════════════════ */
@media(min-width:1001px){

  /* ── GRID mai aerisit ── */
  .mgrid{ gap:16px; }

  /* ── CARD BASE ── */
  .mc{
    border-radius:22px;
    background:#fff;
    border:1.5px solid rgba(0,0,0,.07);
    box-shadow:0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
    transition:
      transform .32s cubic-bezier(.22,1,.36,1),
      box-shadow .32s cubic-bezier(.22,1,.36,1),
      border-color .25s;
    overflow:hidden;
  }

  /* fundal colorat subtil per card */
  .mc.cv  { background:linear-gradient(155deg,#fff 0%,#F0F6FF 100%); }
  .mc.dr  { background:linear-gradient(155deg,#fff 0%,#FFF0F3 100%); }
  .mc.con { background:linear-gradient(155deg,#fff 0%,#F0FDF4 100%); }
  .mc.soc { background:linear-gradient(155deg,#fff 0%,#F5F3FF 100%); }
  .mc.mag { background:linear-gradient(155deg,#fff 0%,#FFFBEB 100%); }
  .mc.act { background:linear-gradient(155deg,#fff 0%,#FFF7ED 100%); }
  .mc.prog{ background:linear-gradient(155deg,#fff 0%,#EFF6FF 100%); }
  .mc.tv  { background:linear-gradient(155deg,#fff 0%,#F0FDFA 100%); }
  .mc.chat{ background:linear-gradient(155deg,#fff 0%,#F5F3FF 100%); }
  .mc.joc { background:linear-gradient(155deg,#fff 0%,#FDF2F8 100%); }
  .mc.perm{ background:linear-gradient(135deg,#F9F5FF 0%,#EEF2FF 50%,#FDF2F8 100%); }

  /* bara colorata top — mai inalta, mai vizibila */
  .mc::after{
    height:4px;
    transition:height .28s cubic-bezier(.22,1,.36,1), opacity .28s;
    opacity:.85;
  }
  .mc:hover::after{ height:6px; opacity:1; }

  /* shimmer sweep pe hover */
  .mc::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
      115deg,
      transparent 0%,
      transparent 40%,
      rgba(255,255,255,.55) 50%,
      transparent 60%,
      transparent 100%
    );
    background-size:200% 100%;
    background-position:200% 0;
    opacity:0;
    transition:background-position .6s ease, opacity .3s;
    pointer-events:none;
    border-radius:22px;
    z-index:2;
  }
  .mc:hover::before{
    background-position:-50% 0;
    opacity:1;
  }

  /* ── HOVER — lift + glow per culoare ── */
  .mc:hover{ transform:translateY(-7px) scale(1.012); }

  .mc.cv:hover  { box-shadow:0 20px 52px rgba(24,119,242,.18),  0 0 0 2px rgba(24,119,242,.22);  border-color:rgba(24,119,242,.28);  }
  .mc.dr:hover  { box-shadow:0 20px 52px rgba(225,29,72,.17),   0 0 0 2px rgba(225,29,72,.22);   border-color:rgba(225,29,72,.28);   }
  .mc.con:hover { box-shadow:0 20px 52px rgba(22,163,74,.16),   0 0 0 2px rgba(22,163,74,.22);   border-color:rgba(22,163,74,.28);   }
  .mc.soc:hover { box-shadow:0 20px 52px rgba(79,70,229,.17),   0 0 0 2px rgba(79,70,229,.22);   border-color:rgba(79,70,229,.28);   }
  .mc.mag:hover { box-shadow:0 20px 52px rgba(217,119,6,.16),   0 0 0 2px rgba(217,119,6,.22);   border-color:rgba(217,119,6,.28);   }
  .mc.act:hover { box-shadow:0 20px 52px rgba(249,115,22,.16),  0 0 0 2px rgba(249,115,22,.22);  border-color:rgba(249,115,22,.28);  }
  .mc.prog:hover{ box-shadow:0 20px 52px rgba(24,119,242,.18),  0 0 0 2px rgba(24,119,242,.22);  border-color:rgba(24,119,242,.28);  }
  .mc.tv:hover  { box-shadow:0 20px 52px rgba(13,148,136,.16),  0 0 0 2px rgba(13,148,136,.22);  border-color:rgba(13,148,136,.28);  }
  .mc.chat:hover{ box-shadow:0 20px 52px rgba(99,102,241,.17),  0 0 0 2px rgba(99,102,241,.22);  border-color:rgba(99,102,241,.28);  }
  .mc.joc:hover { box-shadow:0 20px 52px rgba(236,72,153,.17),  0 0 0 2px rgba(236,72,153,.22);  border-color:rgba(236,72,153,.28);  }
  .mc.perm:hover{ box-shadow:0 24px 60px rgba(99,102,241,.20),  0 0 0 2px rgba(99,102,241,.28);  border-color:rgba(99,102,241,.32);  }

  /* ── CLICK ── */
  .mc:active{
    transform:translateY(-2px) scale(1.004);
    transition-duration:.1s;
    filter:brightness(.97);
  }

  /* ── ICON WRAP ── */
  .mc-ico-wrap{
    transition:transform .32s cubic-bezier(.22,1,.36,1), box-shadow .32s;
    width:64px; height:64px; border-radius:18px; font-size:36px;
  }
  .mc:hover .mc-ico-wrap{
    transform:scale(1.12) rotate(-4deg);
    box-shadow:0 10px 28px var(--mc-ico-shadow, rgba(24,119,242,.32));
  }

  /* ── TITLU & TEXT ── */
  .mc-tit{ font-size:19px; font-weight:900; letter-spacing:-.04em; color:#111827; line-height:1.2; margin-bottom:8px; }
  .mc-lbl{ font-size:9.5px; font-weight:800; letter-spacing:.14em; opacity:.85; }
  .mc-desc{ font-size:13.5px; color:#4B5563; line-height:1.7; font-weight:400; }

  /* ── LINK-URI — slide + glow ── */
  .mcl{
    padding:9px 13px; border-radius:11px; font-size:12.5px; font-weight:600;
    transition: background .18s, transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s, border-color .18s;
  }
  .mcl:hover{
    transform:translateX(5px);
    box-shadow:0 3px 12px var(--mc-accent, rgba(24,119,242,.18));
    background:var(--mc-link-hover, rgba(24,119,242,.11));
    border-color:var(--mc-color, #1877F2);
  }
  .mcl span{ transition:transform .18s; }
  .mcl:hover span{ transform:translateX(3px); }

  /* ── CTA BUTTON ── */
  .mc-cta{
    border-radius:12px; font-size:13.5px; font-weight:800; padding:12px 22px;
    transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s, filter .15s;
    letter-spacing:-.01em; position:relative; z-index:3;
  }
  .mc-cta:hover{
    transform:translateY(-3px) scale(1.04);
    filter:brightness(1.08);
    box-shadow:0 10px 30px var(--mc-accent, rgba(24,119,242,.40));
  }
  .mc-cta:active{
    transform:translateY(0) scale(.97);
    transition-duration:.08s;
  }

  /* ── SECTION HEADER ── */
  .stit{ font-size:22px; font-weight:900; letter-spacing:-.04em; color:#111827; }
  .ssub{ font-size:13px; color:#6B7280; font-weight:400; margin-top:2px; }
  .sbar{ width:4px; height:34px; border-radius:4px; margin-right:14px; flex-shrink:0; }
  .slink{
    font-size:13px; font-weight:700; color:#1877F2;
    padding:7px 16px; border-radius:10px;
    border:1.5px solid rgba(24,119,242,.22);
    background:rgba(24,119,242,.05);
    transition:background .15s, transform .15s, box-shadow .15s;
  }
  .slink:hover{ background:rgba(24,119,242,.12); transform:translateY(-1px); box-shadow:0 4px 12px rgba(24,119,242,.18); }


  /* ── CARD PERM full-width ── */
  .mc.perm .mci{ padding:26px 28px; }
  .perm-col-l .mc-ico{ transition:transform .32s cubic-bezier(.22,1,.36,1); font-size:44px; }
  .mc.perm:hover .perm-col-l .mc-ico{ transform:scale(1.1); }
  .perm-links-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:7px; }

}
/* ══════════════════════════════════════════════════════════════════════ */


/* === AURORA EUROPA === */
@media(min-width:1001px){
body{ background:#FAFBFF; }
body::before{
  background:
    radial-gradient(ellipse 80% 65% at -8% -8%, rgba(24,119,242,.10) 0%,transparent 52%),
    radial-gradient(ellipse 55% 48% at 108% 3%, rgba(99,102,241,.08) 0%,transparent 50%),
    radial-gradient(ellipse 65% 52% at 52% 108%,rgba(16,185,129,.06) 0%,transparent 54%),
    radial-gradient(ellipse 42% 38% at 90% 72%, rgba(245,158,11,.05) 0%,transparent 44%),
    radial-gradient(ellipse 48% 34% at 8%  82%, rgba(236,72,153,.04) 0%,transparent 44%);
  animation:aurora-breathe 18s ease-in-out infinite;
}
@keyframes aurora-breathe{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.75;transform:scale(1.04)} }
.main{ max-width:1400px; padding:28px 52px 80px; }
.hero-compact{ padding:28px 0 16px; margin-bottom:26px; gap:20px; }
.hero-compact::before{
  background: radial-gradient(ellipse 80% 80% at 0% 50%,rgba(24,119,242,.12) 0%,transparent 60%),
              radial-gradient(ellipse 50% 60% at 100% 20%,rgba(99,102,241,.08) 0%,transparent 55%);
  inset:-40px -80px;
}
.hero-compact-bar{
  flex-direction:row; align-items:center;
  width:100%; max-width:100%; box-sizing:border-box; gap:48px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(20px) saturate(1.5);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);
  border:1.5px solid rgba(24,119,242,.15);
  border-radius:28px; padding:40px 48px;
  box-shadow:0 8px 48px rgba(24,119,242,.11),0 2px 8px rgba(0,0,0,.06);
}
.hero-compact-bar > .hero-geo{ display:none; }
.hero-compact-txt-wrap{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:6px; }
.hero-compact-h1{ font-size:clamp(38px,3.8vw,56px); letter-spacing:-.05em; line-height:1.04; margin:0 0 10px; color:#0F172A; }
.hero-compact-sub{ font-size:17px; color:#4B5563; line-height:1.65; margin:0; font-weight:400; }
.hero-compact-search{ flex:0 0 420px; max-width:420px; min-width:320px; margin-top:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.hero-search{ border-radius:16px; border:2px solid rgba(24,119,242,.18); box-shadow:0 4px 18px rgba(24,119,242,.10),0 1px 3px rgba(0,0,0,.05); }
.hero-search:focus-within{ border-color:#1877F2; box-shadow:0 0 0 4px rgba(24,119,242,.14),0 6px 28px rgba(24,119,242,.18); }
.hero-search input{ padding:18px 22px; font-size:15px; color:#0F172A; }
.hero-search button{ padding:14px 24px; margin:6px; border-radius:12px; font-size:14px; font-weight:800; background:linear-gradient(135deg,#1260CC 0%,#1877F2 100%); box-shadow:0 3px 12px rgba(24,119,242,.35); }
.hero-search button:hover{ transform:translateY(-1px); box-shadow:0 6px 20px rgba(24,119,242,.45); }
.mod-sec{ margin-bottom:68px; background:linear-gradient(180deg,transparent 0%,rgba(248,250,255,.95) 40px,rgba(248,250,255,.95) calc(100% - 40px),transparent 100%); border-radius:32px; padding:28px 32px; margin-left:-32px; margin-right:-32px; }
.shdr{ margin-bottom:28px; padding:0 4px; }
.stit{ font-size:24px; font-weight:900; letter-spacing:-.05em; color:#0F172A; }
.ssub{ font-size:13px; color:#64748B; margin-top:3px; }
.sbar{ width:5px; height:38px; border-radius:6px; box-shadow:0 0 14px rgba(24,119,242,.40); }
.slink{ font-size:13px; font-weight:700; color:#1877F2; padding:8px 18px; border-radius:12px; border:1.5px solid rgba(24,119,242,.22); background:rgba(24,119,242,.05); transition:all .18s; }
.slink:hover{ background:rgba(24,119,242,.12); transform:translateY(-2px); box-shadow:0 5px 16px rgba(24,119,242,.20); }
}

/* ════════════════════════════════════════════════════
   diaspora.ro — Visual Upgrade v4 (Aug 2026)
   7 îmbunătățiri: nav · gap · search-tags · cta · stiai · logo · flotant
   ════════════════════════════════════════════════════ */

/* ── 1. GAP ELIMINAT — main padding redus ─────────────── */
.main { padding-top: 12px; }
@media (min-width: 1001px) { .main { padding-top: 16px; } }

/* ── 2. LOGO-MARK — pătrat gradient violet ────────────── */
.tb-logo-mark {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, #1877F2, #6366F1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 14px;
  color: #fff;
  flex-shrink: 0;
  letter-spacing: 0;
  box-shadow: 0 2px 8px rgba(99,102,241,.30);
}

/* ── 3. NAVIGAȚIE DESKTOP ─────────────────────────────── */
.tb-nav-desktop {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
  padding: 0 16px;
}
.tbn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 11px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  text-decoration: none;
  transition: background .14s, color .14s;
  white-space: nowrap;
  letter-spacing: -.01em;
}
.tbn:hover {
  background: rgba(24,119,242,.08);
  color: #1877F2;
}
/* Ascunde navigația pe mobil */
@media (max-width: 900px) {
  .tb-nav-desktop { display: none; }
}
/* Ajustează gaps topbar la viewports medii */
@media (max-width: 1200px) {
  .tbn { padding: 6px 8px; font-size: 12px; }
  .tb-nav-desktop { gap: 0; padding: 0 8px; }
}

/* ── 4. SEARCH TAGS — tag-uri căutare rapidă ──────────── */
.hero-compact-search-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  /* Moștenește dimensiunile din hero-compact-search */
  flex: 0 0 420px;
  max-width: 420px;
  min-width: 320px;
}
/* Stiluri quick tags */
.hero-quick-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hqt {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(0,0,0,.10);
  text-decoration: none;
  transition: all .15s;
  backdrop-filter: blur(4px);
  letter-spacing: -.01em;
  white-space: nowrap;
}
.hqt:hover {
  background: #1877F2;
  color: #fff;
  border-color: #1877F2;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(24,119,242,.30);
}
/* Adaptare desktop — wrapper preia clasele de dimensionare */
@media (min-width: 1001px) {
  .hero-compact-search-wrap {
    flex: 0 0 440px;
    max-width: 440px;
    min-width: 340px;
    margin-top: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
}
@media (max-width: 1000px) {
  .hero-compact-search-wrap {
    max-width: 100%;
    flex: 1;
  }
  .hero-quick-tags { gap: 5px; }
  .hqt { font-size: 11px; padding: 4px 10px; }
}
@media (max-width: 600px) {
  .hero-compact-search-wrap {
    flex: 0 0 175px;
    max-width: 180px;
    min-width: 140px;
    margin-top: 0;
  }
  .hero-quick-tags { display: none; }
}

/* ── 5. CTA HERO — buton + trust line ────────────────── */
.hero-cta-row {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.hero-cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 22px;
  border-radius: 10px;
  background: linear-gradient(135deg, #1260CC, #1877F2);
  color: #fff;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
  box-shadow: 0 3px 14px rgba(24,119,242,.38);
  transition: transform .18s, box-shadow .18s;
  white-space: nowrap;
}
.hero-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 22px rgba(24,119,242,.48);
  -webkit-text-fill-color: #fff;
}
.hero-trust {
  font-size: 11.5px;
  color: #6B7280;
  font-weight: 500;
  letter-spacing: -.01em;
}
/* Ascunde CTA pe mobil (butonul e în topbar) */
@media (max-width: 600px) {
  .hero-cta-row { display: none; }
}

/* ── 6. CARDUL "49 ȚĂRI" — redesenat ─────────────────── */
.stat-v-purple {
  background: linear-gradient(135deg, #6366F1, #818CF8);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 8px rgba(99,102,241,.22));
}
/* Accent bar violet — dezactivat */

/* Melissa este furnizată de widgetul comun Mobile Pro. */


/* ── FIX: scoatem bara colorata din header-ul cardurilor ── */
.mc::after,
.mc.cv::after, .mc.dr::after, .mc.soc::after,
.mc.mag::after, .mc.con::after, .mc.act::after,
.mc.joc::after, .mc.perm::after, .mc.tv::after,
.mc.chat::after, .mc.prog::after {
  display: none;
}
/* stat-live::after restaurat — bara colorata carduri mici pastrata */
/* ── Stat cards mici — border colorat + fundal colorat ca la cardurile mari ── */
.stat-live.cp {
  border-color: rgba(24,119,242,.28);
  background: linear-gradient(155deg,#fff 0%,#EFF6FF 100%);
}
.stat-live.cb {
  border-color: rgba(22,163,74,.28);
  background: linear-gradient(155deg,#fff 0%,#F0FDF4 100%);
}
.stat-live.cg {
  border-color: rgba(217,119,6,.28);
  background: linear-gradient(155deg,#fff 0%,#FFFBEB 100%);
}
.stat-live.cn {
  border-color: rgba(99,102,241,.28);
  background: linear-gradient(155deg,#fff 0%,#F5F3FF 100%);
}


/* val-extra stacked currencies */
#val-extra { white-space: normal; line-height: 2; font-size: 13.5px; font-weight: 600; font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Plus Jakarta Sans", sans-serif; }


/* ═══ REDESIGN CARDURI STATISTICI — centrat, unificat, lizibil ═══════════ */
@media (min-width: 769px) {
  /* Centrare continut */
  .stat-live {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* Valoarea principala — mare, bold, color accent per card */
  .stat-v {
    font-size: 38px;
    font-weight: 900;
    letter-spacing: -.06em;
    line-height: 1;
    margin-bottom: 4px;
  }
  /* Eticheta — mica, uniforma, gri slate */
  .stat-l {
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-align: center;
  }
  /* Subtitlu (sursa, record, etc) — unificat */
  .stat-t {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 600;
    text-align: center;
  }
  /* Linia de sub — mare, vizibila, emoji compatibil */
  .stat-sub {
    font-size: 13.5px;
    color: #374151;
    font-weight: 600;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid rgba(0,0,0,.07);
    line-height: 1.7;
    text-align: center;
    width: 100%;
    font-family: Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Plus Jakarta Sans, system-ui, sans-serif;
  }
  /* Linia mica de sub in cardul 4 (click) */
  .stat-sub-muted {
    font-size: 11.5px;
    color: #6366F1;
    opacity: .80;
    font-weight: 500;
    letter-spacing: .02em;
  }
  /* Steaguri — emoji font explicit */
  .stat-sub-flags {
    font-size: 14px;
    font-family: Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Plus Jakarta Sans, system-ui, sans-serif;
    letter-spacing: .01em;
  }
  /* Text stiai-ca — lizibil, nu 10.5px */
  .stat-stiaiCA-txt {
    font-size: 13px;
    line-height: 1.55;
    margin-top: 6px;
    font-weight: 500;
    white-space: normal;
    color: #4B5563;
    text-align: center;
  }
  /* val-extra (curs valutar stacked) */
  #val-extra {
    font-size: 13.5px;
    line-height: 2;
    font-weight: 600;
    color: #374151;
    font-family: Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, Plus Jakarta Sans, sans-serif;
  }
}
/* ═════════════════════════════════════════════════════════════════════════ */

/* TEXT CLARITY - culori pure, fara blur, fara opacitate */
:root { --text2: #374151; --text3: #4B5563; }

/* Scoatem ORICE text-shadow de pe tot */
body, h1, h2, h3, h4, h5, h6, p, span, a, div, li { text-shadow: none; }


/* HERO */
.hero-compact-h1 { color: #0F172A; font-weight: 900; }
.hero-compact-sub { color: #374151; font-weight: 500; }
.hero-trust { color: #64748B; font-weight: 600; }

/* CLOCKBAR */
.clockbar { color: #374151; font-weight: 700; }


/* CARDURI SERVICII */
.mc-tit { color: #0F172A; font-weight: 900; }
.mc-lbl { opacity: 1; font-weight: 800; }
.mc-desc { color: #374151; font-weight: 500; }
.mcl { font-weight: 700; }
.mcl span { opacity: 1; font-weight: 700; }
.mc-cta { font-weight: 800; }

/* SECTIUNI */
.stit { color: #0F172A; font-weight: 900; }
.ssub { color: #4B5563; font-weight: 600; }
.slink { font-weight: 700; }

/* GEO */
.geo-name { color: #0F172A; font-weight: 900; }
.geo-sub { color: #374151; font-weight: 600; }
.geo-col-t { color: #374151; font-weight: 800; opacity: 1; }
.geo-more { opacity: 1; font-weight: 700; }

/* FOOTER logo .ro - alb pur */
.footer-brand-logo span[style*="rgba"] { color: #ffffff; opacity: 1; }

/* Hover-uri care nu mai reduc opacitatea textului */
.slink:hover { opacity: 1; }
.geo-more:hover { opacity: .9; }


/* BUTOANE — text alb pur, aprins, fara blur */
.mc-cta,
.mc-cta:visited,
.btn-reg,
.btn-reg:visited,
.hero-cta-btn,
.hero-cta-btn:visited,
.hero-search button {
  color: #ffffff;
  font-weight: 900;
  text-shadow: none;
  opacity: 1;
  letter-spacing: .01em;
  -webkit-font-smoothing: auto;
}

/* Hover — raman albe, nu se sterg */
.mc-cta:hover,
.btn-reg:hover,
.hero-cta-btn:hover,
.hero-search button:hover {
  color: #ffffff;
  opacity: 1;
  text-shadow: none;
}

/* Butonul Cauta din search */
.hero-search button {
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .02em;
}

/* Inregistrare gratuita din header */
.btn-reg {
  font-weight: 900;
  letter-spacing: .01em;
}

/* Hero CTA */
.hero-cta-btn {
  font-weight: 900;
  letter-spacing: .01em;
}


/* Mobile layout pass for the five active document tools. The signature tool is intentionally untouched. */
@media(max-width:700px){
  .word-modal,.invoice-modal,.offer-modal{overflow-x:hidden}
  .word-modal__topbar,.invoice-modal__topbar,.offer-topbar{align-items:flex-start;gap:12px;padding:14px 12px}
  .word-modal__brand,.invoice-modal__brand,.offer-brand{min-width:0;flex:1}
  .word-modal__brand-copy,.invoice-modal__brand-copy,.offer-brand-copy{min-width:0;overflow-wrap:anywhere}
  .word-modal__brand-copy strong,.invoice-modal__brand-copy strong,.offer-brand-copy strong{display:block;line-height:1.15}
  .word-modal__brand-copy p,.invoice-modal__brand-copy p,.offer-brand-copy p{line-height:1.35}
  .word-modal__close,.invoice-modal__close,.offer-close{flex:0 0 auto;white-space:nowrap;padding:9px 10px}

  /* Text în Word */
  .word-modal__content{display:block;width:100%;padding:22px 10px 40px}
  .word-modal__intro{max-width:none}
  .word-modal__editor-layout{display:block;width:100%;min-width:0}
  .word-editor-card,.word-preview-card,.word-workspace--editor{min-width:0;width:100%;max-width:100%}
  .word-editor-toolbar{display:flex;flex-wrap:nowrap;align-items:center;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:9px 10px}
  .word-editor-toolbar>*{flex:0 0 auto}
  .word-toolbar-action-group{flex:0 0 auto!important;max-width:none!important}
  .word-toolbar-action-group[aria-label="Inserare în document"]{width:auto!important}
  .word-editor{min-height:420px;max-height:none;width:100%;box-sizing:border-box;padding:22px 16px 86px;overflow-wrap:anywhere}
  .word-document-bar{align-items:stretch;flex-direction:column}
  .word-document-bar__actions,.word-search-panel{width:100%;align-items:stretch}
  .word-document-button,.word-document-recent,.word-search-input{width:100%;max-width:none}
  .word-save-status{margin-left:0}
  .word-ai-panel__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .word-ai-select,.word-ai-button{width:100%;min-width:0}
  .word-editor-card__footer{align-items:stretch;flex-direction:column;gap:12px}
  .word-download-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .word-download-actions>*{width:100%;min-width:0}

  /* Factură și proformă */
  .invoice-modal__content{display:grid;grid-template-columns:1fr;width:100%;padding:16px 10px 34px;gap:14px}
  .invoice-preview-wrap{order:-1;min-width:0;overflow:hidden}
  .invoice-panel{min-width:0;padding:14px;border-radius:16px}
  .invoice-panel__head{display:block}
  .invoice-mini-actions{margin-top:12px}
  .invoice-mini-button{width:100%}
  .invoice-grid{grid-template-columns:1fr}
  .invoice-field--full{grid-column:auto}
  .invoice-form-section,.invoice-account-panel,.invoice-archive-panel{min-width:0}
  .invoice-preview-toolbar{display:flex;align-items:flex-start;flex-direction:column;gap:9px}
  .invoice-preview-actions{display:grid;width:100%;grid-template-columns:1fr;gap:8px}
  .invoice-preview-actions>*{width:100%;min-width:0}
  .invoice-paper{width:100%;max-width:100%;min-width:0;overflow-x:auto;padding:22px 14px}
  .invoice-paper__top,.invoice-paper__parties,.invoice-paper__bottom{min-width:0}
  .invoice-paper__top{align-items:flex-start;flex-wrap:wrap}
  .invoice-paper__title{text-align:left}
  .invoice-paper__parties{grid-template-columns:1fr;gap:14px}
  .invoice-paper__meta{grid-template-columns:1fr}
  .invoice-paper__table{width:100%;table-layout:fixed;font-size:10px;word-break:break-word}
  .invoice-paper__table th,.invoice-paper__table td{padding:7px 5px}
  .invoice-account-grid{grid-template-columns:1fr}
  .invoice-account-button{width:100%}

  /* Oferte și deviz */
  .offer-content{display:grid;grid-template-columns:1fr;min-width:0;width:100%;padding:12px 10px 30px;gap:14px}
  .offer-panel{min-width:0;max-width:100%;border-radius:16px}
  .offer-panel-head{padding:16px;display:block}
  .offer-badge{display:inline-flex;margin-top:10px}
  .offer-form{padding:15px}
  .offer-grid{grid-template-columns:1fr;gap:11px}
  .offer-field--full{grid-column:auto}
  .offer-section-label{align-items:flex-start;flex-direction:column;gap:8px}
  .offer-add{width:100%}
  .offer-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}
  .offer-item input:first-child{grid-column:1/-1}
  .offer-item input,.offer-item select{min-width:0;width:100%}
  .offer-remove{justify-self:end}
  .offer-premium{grid-template-columns:1fr}
  .offer-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .offer-actions>*{width:100%;min-width:0}
  .offer-send-box{min-width:0}
  .offer-send-box .offer-field,.offer-otp-row{width:100%}
  .offer-otp-row{display:grid;grid-template-columns:1fr;gap:8px}
  .offer-otp-row>*{width:100%;min-width:0}
  .offer-send-box .offer-primary{width:100%}
  .offer-preview-wrap{min-width:0;overflow:hidden}
  .offer-preview-paper{width:100%;min-width:0;overflow-x:auto;padding:22px 16px}
  .offer-preview-meta,.offer-preview-client{grid-template-columns:1fr}
}
@media(max-width:420px){
  .word-modal__topbar,.invoice-modal__topbar,.offer-topbar{padding:12px 10px}
  .word-modal__brand-mark,.invoice-modal__brand-mark,.offer-brand-mark{width:38px;height:38px;flex-basis:38px}
  .word-modal__close span:first-child,.invoice-modal__close span:first-child,.offer-close span:first-child{display:none}
  .word-ai-panel__actions{grid-template-columns:1fr}
  .word-download-actions{grid-template-columns:1fr}
  .invoice-paper{padding:18px 10px}
  .offer-form{padding:12px}
}

/* Existing structured homepage rules */
/*
 * diaspora.ro — homepage.css v6
 * Redesign Desktop: editorial curat, fond alb, fără elemente copilărești.
 * Mobile & tablet: neatins.
 */

/* ═══════════════════════════════════════════════════════
   1. CLOCKBAR
   ═══════════════════════════════════════════════════════ */
.clockbar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 20px;
  background: #ffffff;
  border-bottom: 1px solid #f0f2f5;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: .05em;
  position: relative;
  overflow: hidden;
  z-index: 98;
}
.clockbar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #1877F2 0%, #6366F1 35%, #EC4899 65%, #1877F2 100%);
  background-size: 200% 100%;
  animation: clockbarShimmer 6s linear infinite;
}
@keyframes clockbarShimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
#hud-clock { font-variant-numeric: tabular-nums; }
@media (max-width: 900px) { .clockbar { display: none; } }


/* ═══════════════════════════════════════════════════════
   2. MOBILE + TABLET — neatins (max-width: 1000px)
   ═══════════════════════════════════════════════════════ */
@media (max-width: 1000px) {
  .hero.hero-compact {
    padding: 16px 0 8px;
    gap: 12px;
    margin-bottom: 16px;
  }
  .hero.hero-compact .hero-compact-bar {
    padding: 20px 18px;
    border-radius: 18px;
    gap: 14px;
  }
  .hero.hero-compact .hero-compact-h1 {
    font-size: clamp(22px, 6vw, 34px);
  }
  .hero.hero-compact .hero-compact-sub {
    font-size: 14px;
  }
}


/* ═══════════════════════════════════════════════════════
   3. DESKTOP — layout corect (min-width: 1001px)
   ═══════════════════════════════════════════════════════ */
@media (min-width: 1001px) {

  body { background: #FFFFFF; }
  body::before { display: none; }

  .main {
    max-width: 1280px;
    padding: 0 52px 80px;
  }

  /* ───────────────────────────────────────────────────────
     HERO: hero-compact-bar devine grid 2 coloane
     Col 1 (stânga): geo badge + titlu + CTA
     Col 2 (dreapta): search + quick tags
     Stats: rând separat dedesubt (rămâne cum e)
  ─────────────────────────────────────────────────────── */
  .hero.hero-compact {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 32px 0 0;
    margin-bottom: 24px;
  }
  .hero.hero-compact::before { display: none; }
  .hero.hero-compact::after  { display: none; }

  /* hero-compact-bar — grid 2 col */
  .hero.hero-compact .hero-compact-bar {
    display: grid;
    grid-template-columns: 1fr 400px;
    grid-template-rows: auto auto;
    column-gap: 48px;
    row-gap: 0;
    align-items: start;
    background: transparent;
    border: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-radius: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
    transform: none;
    transition: none;
  }
  .hero.hero-compact .hero-compact-bar:hover {
    transform: none;
    box-shadow: none;
    background: transparent;
    border-color: transparent;
  }

  /* Geo badge — col 1, rând 1 */
  .hero.hero-compact .hero-geo {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 12px;
  }

  /* Text wrap (h1 + sub + CTA) — col 1, rând 2 */
  .hero.hero-compact .hero-compact-txt-wrap {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
  }

  /* H1 */
  .hero.hero-compact .hero-compact-h1 {
    font-size: clamp(34px, 3.5vw, 50px);
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: -.03em;
    margin: 0;
    color: var(--text);
  }

  /* Subtitlu */
  .hero.hero-compact .hero-compact-sub {
    font-size: 16px;
    color: var(--text2);
    line-height: 1.6;
    margin: 0;
    max-width: 500px;
  }

  /* CTA */
  .hero.hero-compact .hero-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .hero.hero-compact .hero-cta-btn {
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
  }
  .hero.hero-compact .hero-trust {
    font-size: 13px;
    color: var(--text3);
  }

  /* Search wrap — col 2, ambele rânduri */
  .hero.hero-compact .hero-compact-search-wrap {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: var(--surface);
    border: 1.5px solid var(--border);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,.08);
  }

  /* Search input */
  .hero.hero-compact .hero-search {
    border-radius: 10px;
    border: 1.5px solid var(--border);
    overflow: hidden;
    display: flex;
  }
  .hero.hero-compact .hero-search:focus-within {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(24,119,242,.15);
  }
  .hero.hero-compact .hero-search input {
    font-size: 14px;
    padding: 11px 14px;
  }
  .hero.hero-compact .hero-search button {
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 700;
  }

  /* Quick tags */
  .hero.hero-compact .hero-quick-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
  }
  .hero.hero-compact .hqt {
    padding: 6px 13px;
    font-size: 12.5px;
    font-weight: 600;
    border-radius: 8px;
    background: var(--bg2);
    color: var(--text2);
    border: 1px solid var(--border);
    transition: all .12s;
  }
  .hero.hero-compact .hqt:hover {
    background: var(--blue);
    color: #fff;
    border-color: var(--blue);
  }


}
/* ═══════════════════════════════════════════════════════
   END desktop
   ═══════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   HERO STAT CARDS — single source of truth
   This is the only stylesheet definition for the four first-hero cards.
   The desktop values remain the existing desktop design; mobile has equal tracks.
   ═══════════════════════════════════════════════════════════════════ */

.stats-live {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  position: relative;
  z-index: 1;
  align-items: stretch;
}

.stat-live {
  align-self: stretch;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  padding: 13px 14px;
  border-radius: 14px;
  background: #fff;
  border: 2px solid rgba(0,0,0,.10);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s, border-color .28s;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.stat-live::after { display: none; }
.stat-live:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

.stat-live.cp { border-color: rgba(24,119,242,.30); background: linear-gradient(155deg,#fff 0%,#EFF6FF 100%); }
.stat-live.cb { border-color: rgba(22,163,74,.30); background: linear-gradient(155deg,#fff 0%,#F0FDF4 100%); }
.stat-live.cg { border-color: rgba(217,119,6,.30); background: linear-gradient(155deg,#fff 0%,#FFFBEB 100%); }
.stat-live.cn { border-color: rgba(99,102,241,.30); background: linear-gradient(155deg,#fff 0%,#F5F3FF 100%); }
.stat-stiaiCA { display: flex; flex-direction: column; }

.stat-live.cp:hover { border-color: rgba(24,119,242,.55); box-shadow: 0 10px 28px rgba(24,119,242,.14); }
.stat-live.cb:hover { border-color: rgba(22,163,74,.55); box-shadow: 0 10px 28px rgba(22,163,74,.14); }
.stat-live.cg:hover { border-color: rgba(217,119,6,.55); box-shadow: 0 10px 28px rgba(217,119,6,.14); }
.stat-live.cn:hover { border-color: rgba(99,102,241,.55); box-shadow: 0 10px 28px rgba(99,102,241,.14); }

.stat-v { font-size: 24px; font-weight: 900; letter-spacing: -.04em; line-height: 1; margin-bottom: 3px; }
.stat-l { font-size: 11px; font-weight: 700; color: #374151; letter-spacing: .05em; text-transform: uppercase; }
.stat-t { font-size: 11px; margin-top: 3px; font-weight: 600; }
.stat-sub { font-size: 12px; color: #4B5563; font-weight: 500; margin-top: 7px; padding-top: 6px; border-top: 1px solid rgba(0,0,0,.07); line-height: 1.55; }
.stat-valuta .stat-v { font-size: 18px; letter-spacing: -.02em; }
#val-extra { white-space: normal; line-height: 1.9; font-size: 12px; font-weight: 600; font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Plus Jakarta Sans",sans-serif; }
.stat-v-purple { background: linear-gradient(135deg,#6366F1,#818CF8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

.cp .stat-v { color: #1877F2; }
.cp .stat-t { color: #1877F2; }
.cb .stat-v { color: #16A34A; }
.cb .stat-t { color: #16A34A; }
.cg .stat-v { color: #D97706; }
.cg .stat-t { color: #D97706; }
.cn .stat-v { color: #6366F1; }
.cn .stat-t { color: #6366F1; }

/* Country flags and text rows — unchanged visual treatment, one definition. */
.stats-live .hero-country-flag {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  flex: 0 0 32px;
  display: block;
  object-fit: contain;
  margin: 0;
  padding: 0;
  border-radius: 7px;
  box-shadow: 0 1px 4px rgba(15,23,42,.18);
}
.stats-live > .stat.cp .stat-sub,
.stats-live > .stat.cb .stat-sub {
  align-items: center;
  text-align: center;
}
.stats-live > .stat.cp .stat-sub > div,
.stats-live > .stat.cb .stat-sub > div {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  justify-content: stretch;
  column-gap: 7px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.stats-live > .stat.cp .stat-sub > div > .hero-country-flag,
.stats-live > .stat.cb .stat-sub > div > .hero-country-flag {
  justify-self: start;
}
.stats-live > .stat.cp .stat-sub > div > span,
.stats-live > .stat.cb .stat-sub > div > span {
  display: block;
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  text-align: left;
  line-height: 1.25;
}

/* Currency card internals. */
.stat-valuta #val-extra {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  line-height: 1.15;
}
.stat-valuta .hero-currency-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 78px;
  padding: 6px 3px;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  border: 1px solid rgba(217,119,6,.14);
  border-radius: 8px;
}
.stat-valuta .hero-currency-row .hero-country-flag {
  margin: 0;
}
.stat-valuta .hero-currency-row strong,
.stat-valuta .hero-currency-row .hero-currency-value {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  line-height: 1.15;
}
.stat-valuta .hero-currency-row strong { font-size: 10px; color: #92400E; }
.stat-valuta .hero-currency-value { font-size: 10px; font-weight: 700; color: #78350F; }

/* Tablet. */
@media (min-width: 600px) and (max-width: 1000px) {
  .stats-live { gap: 10px; }
  .stat-live { padding: 14px 16px; }
  .stat-v { font-size: 26px; }
  .stat-valuta .stat-v { font-size: 20px; }
  .stat-sub { font-size: 12.5px; }
}

/* Desktop — the existing desktop composition, isolated from mobile. */
@media (min-width: 1001px) {
  .stats-live {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 4px;
    background: none;
    border: none;
    border-radius: 0;
  }
  .stat-live {
    padding: 20px;
    border-radius: 14px;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,0,0,.07);
  }
  .stat-live:hover { transform: translateY(-6px); box-shadow: 0 18px 44px rgba(0,0,0,.10); }
  .stat-v { font-size: 28px; font-weight: 900; line-height: 1.1; letter-spacing: -.06em; margin-bottom: 5px; }
  .stat-l { font-size: 11px; }
  .stat-t { font-size: 11px; margin-top: 4px; }
  .stat-sub { font-size: 13.5px; margin-top: 10px; padding-top: 8px; line-height: 1.65; width: 100%; font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Plus Jakarta Sans",system-ui,sans-serif; }
  .stat-valuta .stat-v { font-size: 22px; }
}

/* Mobile — equal two-row tracks. This is the only mobile card sizing rule. */
@media (max-width: 599px) {
  .stats-live { grid-template-rows: repeat(2, 280px); }
  .stats-live > .stat-live { align-self: stretch; height: 100%; }
  .stats-live > .stat.cp .stat-sub > div,
  .stats-live > .stat.cb .stat-sub > div {
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 6px;
  }
  .stats-live > .stat.cp .stat-sub > div > .hero-country-flag,
  .stats-live > .stat.cb .stat-sub > div > .hero-country-flag {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
  }
  .stats-live > .stat.cp .stat-sub > div > span,
  .stats-live > .stat.cb .stat-sub > div > span {
    font-size: 11px;
    line-height: 1.2;
  }
  .stat-valuta #val-extra { gap: 5px; }
  .stat-valuta .hero-currency-row { min-height: 72px; padding: 4px 1px; }
  .stat-valuta .hero-currency-row .hero-country-flag {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    flex-basis: 28px;
  }
  .stat-valuta .hero-currency-row strong,
  .stat-valuta .hero-currency-value { font-size: 9px; }
}

/* Dark mode. */
html[data-theme=dark] .stat-live { background: #242526; border-color: #3A3B3C; }
html[data-theme=dark] .stat-live.cp { background: linear-gradient(155deg,#1a1a2e 0%,#16213e 100%); }
html[data-theme=dark] .stat-live.cb { background: linear-gradient(155deg,#1a1a2e 0%,#0a2818 100%); }
html[data-theme=dark] .stat-live.cg { background: linear-gradient(155deg,#1a1a2e 0%,#2a1a00 100%); }
html[data-theme=dark] .stat-live.cn { background: linear-gradient(155deg,#1a1a2e 0%,#1a0a2e 100%); }
html[data-theme=dark] .stat-l { color: #B0B3B8; }
html[data-theme=dark] .stat-sub { color: #9CA3AF; border-top-color: rgba(255,255,255,.08); }

/* ========================================================================
   Homepage core — one source of truth (September 2026)
   ======================================================================== */
:root {
  --home-ink: #172033;
  --home-muted: #64748b;
  --home-line: #e2e8f0;
  --home-indigo: #4f46e5;
}

/* Editorial cards and rotators */
.stats.stats-live {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  width: 100%;
  margin: 0 0 32px;
}
.stats.stats-live > .stat-live {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 306px;
  height: auto;
  box-sizing: border-box;
  flex-direction: column;
  align-self: stretch;
  overflow: hidden;
  padding: 27px 23px 22px;
  border: 1px solid var(--home-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15,23,42,.055);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.stats.stats-live > .stat-live::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg,#2563eb,#7c3aed);
}
.stats.stats-live > .stat-live:nth-child(2)::before { background: linear-gradient(90deg,#0f766e,#22c55e); }
.stats.stats-live > .stat-live:nth-child(3)::before { background: linear-gradient(90deg,#d97706,#f59e0b); }
.stats.stats-live > .stat-live:nth-child(4)::before { background: linear-gradient(90deg,#7c3aed,#ec4899); }
.stats.stats-live > .stat-live:hover { transform: translateY(-3px); border-color: #c7d2fe; box-shadow: 0 16px 34px rgba(30,41,59,.12); }
.stat-combined { display: flex; flex-direction: column; gap: 10px; }
.stat-combined__eyebrow, .stat-combined__currency-title {
  color: #475569; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.stat-combined__metrics { display: flex; flex-direction: column; gap: 0; }
.stat-combined__metric { padding: 12px 0; border-bottom: 1px solid rgba(15,23,42,.09); }
.stat-combined__metric:last-child { border-bottom: 0; }
.stat-combined .stat-v { font-size: clamp(31px,3vw,45px); line-height: 1; margin-bottom: 5px; }
.stat-combined .stat-l { color: #24324a; font-size: 13px; line-height: 1.35; }
.stat-combined .stat-t { font-size: 11.5px; line-height: 1.4; }
.stat-combined__positive { color: #16a34a; }
.stat-combined__currency { display: grid; gap: 4px; margin-top: auto; padding-top: 13px; border-top: 1px solid var(--home-line); }
.stat-combined .hero-currency-row { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.stat-combined .hero-currency-value { color: #475569; font-weight: 700; }
.stat-combined__updated { color: #b45309 !important; font-size: 11px !important; }
.stat-rotating-card { align-items: center; justify-content: flex-start; text-align: center; }
.stat-rotating-card .stat-fact-kicker {
  width: 100%; margin: 0 0 8px; color: #4338ca !important;
  font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(24px,2.15vw,31px); font-weight: 500; line-height: 1.05; letter-spacing: -.02em;
}
.stat-rotating-card .stat-fact-question { width: 100%; margin: 0; color: #172033; font-size: 13px; font-weight: 800; line-height: 1.35; }
.stat-rotating-card .stat-fact-copy { width: 100%; max-width: 260px; flex: 1 1 auto; margin: 15px 0 18px; padding: 10px 0 0; border-top: 1px solid rgba(99,102,241,.15); color: #475569 !important; font-size: 13px; line-height: 1.58; }
.stat-fact-button { align-self: center; margin-top: auto; padding: 10px 15px; border: 1px solid #c7d2fe; border-radius: 999px; background: #eef2ff; color: #4338ca; font: 750 12px/1.1 Inter,system-ui,sans-serif; cursor: pointer; transition: transform .18s, background .18s, border-color .18s; }
.stat-fact-button:hover { transform: translateY(-1px); background: #e0e7ff; border-color: #a5b4fc; }

/* Onboarding and country orientation */
.home-intent, .home-country, .needs-nav, .return-relocation { box-sizing: border-box; }
.home-intent { width: 100%; margin: 0 0 26px; padding: 30px 32px 34px; border: 1px solid #e1e7f0; border-radius: 26px; background: #fff; box-shadow: 0 12px 34px rgba(30,41,59,.065); }
.home-intent__head { margin-bottom: 22px; text-align: center; }
.home-intent__eyebrow, .home-country__eyebrow { display: block; color: var(--home-indigo); font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.home-intent h2, .home-country h2 { margin: 8px 0 0; color: var(--home-ink); font-size: clamp(26px,3vw,34px); letter-spacing: -.045em; }
.home-intent__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.home-intent__card { display: grid; align-content: center; justify-items: center; min-height: 158px; padding: 24px 20px; border: 1px solid #e1e7f0; border-radius: 18px; color: var(--home-ink); text-align: center; text-decoration: none; background: linear-gradient(145deg,#fff,#f7f9ff); box-shadow: 0 7px 18px rgba(30,41,59,.045); transition: transform .2s, border-color .2s, box-shadow .2s; }
.home-intent__card:nth-child(2) { background: linear-gradient(145deg,#fff,#f2fbfa); }
.home-intent__card:nth-child(3) { background: linear-gradient(145deg,#fff,#fff8ed); }
.home-intent__card:nth-child(4) { background: linear-gradient(145deg,#fff,#fbf5ff); }
.home-intent__card strong { max-width: 220px; font-size: 17px; line-height: 1.2; }
.home-intent__card span { max-width: 230px; margin-top: 9px; color: #64748b; font-size: 13px; line-height: 1.5; }
.home-intent__card::after { content: 'Deschide  →'; margin-top: 13px; color: var(--home-indigo); font-size: 11px; font-weight: 850; }
.home-intent__card:hover { transform: translateY(-3px); border-color: #a5b4fc; box-shadow: 0 14px 28px rgba(79,70,229,.12); }
.home-country { margin: 0 0 30px; padding: 27px 30px 30px; border: 1px solid #dbe4f0; border-radius: 26px; background: linear-gradient(135deg,#f8fbff 0%,#fff 62%,#f8f7ff 100%); box-shadow: 0 12px 32px rgba(30,41,59,.065); }
.home-country__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 26px; }
.home-country__copy { min-width: 0; }
.home-country__copy p { max-width: 620px; margin: 10px 0 0; color: #64748b; font-size: 14px; line-height: 1.55; }
.home-country__picker { flex: 0 0 auto; }
.home-country__context { display: flex; align-items: center; gap: 9px; min-height: 42px; margin: 23px 0 14px; padding: 10px 13px; border: 1px solid #dbe4f0; border-radius: 13px; background: rgba(255,255,255,.75); color: #475569; font-size: 13px; }
.home-country__flag { font-size: 23px; line-height: 1; }
.home-country__greeting { margin-left: auto; color: #4f46e5; font-size: 12px; font-weight: 800; }
.home-country__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.home-country__card { display: flex; min-width: 0; min-height: 142px; flex-direction: column; padding: 19px 17px 16px; border: 1px solid #dbe4f0; border-radius: 17px; color: var(--home-ink); text-decoration: none; background: #fff; box-shadow: 0 5px 15px rgba(30,41,59,.045); transition: transform .18s, box-shadow .18s, border-color .18s; }
.home-country__card strong { font-size: 16px; }
.home-country__card span { margin-top: 9px; color: #64748b; font-size: 12px; line-height: 1.45; }
.home-country__card em { margin-top: auto; padding-top: 15px; color: var(--home-indigo); font-size: 11px; font-style: normal; font-weight: 850; }
.home-country__card b { font-size: 15px; font-weight: 500; }
.home-country__card:hover { transform: translateY(-3px); border-color: #a5b4fc; box-shadow: 0 12px 24px rgba(30,41,59,.1); }
.home-country__card--blue { background: linear-gradient(145deg,#fff,#f2f7ff); }
.home-country__card--green { background: linear-gradient(145deg,#fff,#f1fcf8); }
.home-country__card--amber { background: linear-gradient(145deg,#fff,#fffbf1); }
.home-country__card--violet { background: linear-gradient(145deg,#fff,#faf6ff); }

/* Text-first quick actions */
.needs-nav { margin: 0 0 34px; padding: 22px 24px 24px; border: 1px solid #dbe4f0; border-radius: 22px; background: #f8fafc; box-shadow: 0 8px 22px rgba(21,33,61,.045); }
.needs-nav__items { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.needs-nav__item { display: flex; align-items: center; min-width: 0; min-height: 64px; padding: 14px 15px; border: 1px solid #e2e8f0; border-radius: 15px; color: #172033; background: #fff; font-size: 12px; font-weight: 800; line-height: 1.3; text-decoration: none; transition: transform .18s, border-color .18s, box-shadow .18s; }
.needs-nav__item:hover { transform: translateY(-2px); border-color: #b9c4f6; box-shadow: 0 10px 20px rgba(37,99,235,.09); }
.needs-nav__copy { min-width: 0; }
.needs-nav__arrow { display: inline; margin-left: auto; padding-left: 8px; color: var(--home-indigo); font-size: 18px; font-weight: 500; }
.needs-nav__icon { display: none; }

/* Relocation and showcase */
.return-relocation { max-width: 1180px; margin: 0 auto 34px; padding: 24px 28px 28px; border: 1px solid rgba(99,102,241,.16); border-radius: 26px; background: linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,247,255,.94)); box-shadow: 0 12px 34px rgba(30,41,59,.08); }
.return-relocation__intro { margin-bottom: 18px; }
.return-relocation__eyebrow { display: block; margin-bottom: 6px; color: #4f46e5; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.return-relocation__intro h2 { margin: 0; color: #172033; font-size: clamp(27px,3vw,39px); letter-spacing: -.045em; }
.return-relocation__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.return-relocation__card { display: flex; min-height: 190px; flex-direction: column; justify-content: flex-end; padding: 24px; border: 1px solid #d9def0; border-radius: 20px; color: #172033; text-decoration: none; box-shadow: 0 7px 20px rgba(31,41,81,.06); transition: transform .2s, box-shadow .2s; }
.return-relocation__card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(31,41,81,.12); }
.return-relocation__card--home { background: linear-gradient(135deg,#eefcf7,#fff 68%); border-color: #b9e8da; }
.return-relocation__card--abroad { background: linear-gradient(135deg,#eef3ff,#fff 68%); border-color: #c8d5fa; }
.return-relocation__card h3 { margin: 0; font-size: clamp(23px,2.4vw,34px); line-height: 1.02; letter-spacing: -.045em; }
.return-relocation__card p { max-width: 540px; margin: 12px 0 0; color: #596579; font-size: 13px; line-height: 1.55; }
.home-showcase { position: relative; margin: 0 0 42px; padding: 36px 0 4px; }
.home-showcase::before { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient(90deg,transparent,rgba(99,102,241,.25),transparent); }
.home-showcase__intro { max-width: 760px; margin: 0 auto 25px; text-align: center; }
.home-showcase__eyebrow, .home-showcase-slide__eyebrow { display: inline-block; color: #4f46e5; font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.home-showcase__intro h2 { margin: 9px 0 0; color: #0f172a; font-size: clamp(29px,4vw,48px); line-height: 1.04; letter-spacing: -.055em; }
.home-showcase__intro p { max-width: 650px; margin: 13px auto 0; color: #64748b; font-size: 15px; line-height: 1.65; }
.home-showcase__slides { position: relative; width: 100%; }
.home-showcase-slide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 430px; overflow: hidden; border: 1px solid #e3e8f2; border-radius: 26px; background: #fff; box-shadow: 0 16px 40px rgba(30,41,59,.09); }
.home-showcase-slide[hidden] { display: none; }
.home-showcase-slide__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px,5vw,72px); background: linear-gradient(145deg,#fff,#f7f8ff); }
.home-showcase-slide__eyebrow { margin-bottom: 14px; }
.home-showcase-slide__copy h3 { max-width: 520px; margin: 0; color: #172033; font-family: "Cormorant Garamond",Georgia,serif; font-size: clamp(36px,4.4vw,64px); font-weight: 500; line-height: .98; letter-spacing: -.035em; }
.home-showcase-slide__copy p { max-width: 500px; margin: 22px 0 28px; color: #526176; font-size: 15px; line-height: 1.7; }
.home-showcase-slide__action { display: inline-flex; align-items: center; align-self: flex-start; padding: 13px 19px; border-radius: 10px; background: linear-gradient(135deg,#2563eb,#4f46e5); color: #fff; font-size: 13px; font-weight: 850; text-decoration: none; box-shadow: 0 7px 18px rgba(79,70,229,.25); transition: transform .18s, box-shadow .18s; }
.home-showcase-slide__action:hover { transform: translateY(-2px); box-shadow: 0 11px 24px rgba(79,70,229,.32); }
.home-showcase-slide__visual { min-height: 430px; overflow: hidden; background: #e8eef9; }
.home-showcase-slide__visual img { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; transition: transform .7s ease; }
.home-showcase-slide:hover .home-showcase-slide__visual img { transform: scale(1.035); }
.home-showcase-slide--image-left .home-showcase-slide__copy { order: 2; }
.home-showcase-slide--image-left .home-showcase-slide__visual { order: 1; }
.home-showcase__dots { display: flex; justify-content: center; gap: 7px; margin-top: 15px; }
.home-showcase__dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #cbd5e1; cursor: pointer; transition: width .2s, border-radius .2s, background .2s; }
.home-showcase__dots button.is-active { width: 26px; border-radius: 999px; background: #4f46e5; }

@media (max-width: 1180px) and (min-width: 901px) {
  .stats.stats-live { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-country__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .needs-nav__items { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .home-intent__grid, .home-country__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-country__head { align-items: flex-start; flex-direction: column; gap: 16px; }
  .home-country__picker, .home-country__picker .dt-picker, .home-country__picker .dt-trigger { width: 100%; }
  .needs-nav__items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-showcase-slide { min-height: 370px; }
  .home-showcase-slide__visual, .home-showcase-slide__visual img { min-height: 370px; }
  .home-showcase-slide__copy { padding: 30px; }
}
@media (max-width: 700px) {
  .stats.stats-live { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-bottom: 24px; }
  .stats.stats-live > .stat-live { min-height: 230px; padding: 20px 15px 17px; }
  .stat-combined .stat-v { font-size: 26px; }
  .stat-combined .stat-l { font-size: 10px; }
  .stat-combined .stat-t { font-size: 9px; }
  .stat-combined__eyebrow, .stat-combined__currency-title { font-size: 9px; }
  .stat-combined .hero-currency-row { font-size: 11px; }
  .stat-rotating-card .stat-fact-kicker { font-size: 21px; }
  .stat-rotating-card .stat-fact-question { font-size: 11px; }
  .stat-rotating-card .stat-fact-copy { font-size: 11.5px; line-height: 1.45; }
  .stat-fact-button { padding: 8px 10px; font-size: 10px; }
  .home-intent, .home-country { padding: 22px 16px 20px; border-radius: 22px; }
  .home-intent__grid, .home-country__grid { gap: 10px; }
  .home-intent__card { min-height: 132px; padding: 17px 13px; border-radius: 16px; }
  .home-intent__card strong { font-size: 15px; }
  .home-intent__card span { font-size: 11.5px; line-height: 1.4; }
  .home-country__context { align-items: flex-start; flex-wrap: wrap; }
  .home-country__greeting { width: 100%; margin-left: 32px; }
  .home-country__card { min-height: 128px; padding: 16px 13px; }
  .home-country__card strong { font-size: 14px; }
  .home-country__card span { font-size: 11px; }
  .needs-nav { padding: 17px 13px 18px; border-radius: 20px; }
  .needs-nav__items { gap: 9px; }
  .needs-nav__item { min-height: 62px; padding: 12px 10px; border-radius: 14px; font-size: 11px; }
  .needs-nav__arrow { font-size: 16px; }
  .return-relocation { padding: 20px 14px 16px; border-radius: 22px; }
  .return-relocation__grid { grid-template-columns: 1fr; gap: 11px; }
  .return-relocation__card { min-height: 168px; padding: 20px; }
  .return-relocation__card h3 { font-size: 28px; }
  .home-showcase { padding-top: 28px; margin-bottom: 28px; }
  .home-showcase__intro { margin-bottom: 18px; }
  .home-showcase__intro h2 { font-size: 31px; }
  .home-showcase__intro p { font-size: 13px; line-height: 1.55; }
  .home-showcase-slide { display: flex; flex-direction: column; min-height: 0; border-radius: 21px; }
  .home-showcase-slide__visual, .home-showcase-slide--image-left .home-showcase-slide__visual { order: 1; min-height: 235px; height: 235px; }
  .home-showcase-slide__visual img { min-height: 235px; height: 235px; }
  .home-showcase-slide__copy, .home-showcase-slide--image-left .home-showcase-slide__copy { order: 2; padding: 25px 21px 27px; }
  .home-showcase-slide__copy h3 { font-size: 37px; }
  .home-showcase-slide__copy p { margin: 15px 0 20px; font-size: 13px; line-height: 1.58; }
  .home-showcase-slide__action { padding: 11px 15px; font-size: 12px; }
}
@media (max-width: 420px) {
  .stats.stats-live { grid-template-columns: 1fr; }
  .stats.stats-live > .stat-live { min-height: 0; }
  .home-intent__grid, .home-country__grid { grid-template-columns: 1fr; }
  .home-intent__card { min-height: 112px; }
}
@media (prefers-reduced-motion: reduce) {
  .stats.stats-live > .stat-live, .home-intent__card, .home-country__card, .needs-nav__item, .return-relocation__card, .home-showcase-slide__action { transition: none; }
}



/* footer-app-socials-refresh */

.footer-brand{display:none}
.footer-app-col .footer-col-links{align-items:center;gap:8px}
.footer-app-badges{gap:8px;flex-wrap:nowrap}
.store-badge-link{line-height:0}
.store-badge-svg{width:140px;height:42px;box-shadow:0 3px 12px rgba(15,23,42,.14);border-radius:7px}
.footer-app-community{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}
.footer-app-socials{display:flex;align-items:center;justify-content:center;gap:7px}
.footer-app-socials .footer-soc-btn{width:30px;height:30px;border-radius:8px;background:#fff;border:1px solid #D6DCE8;color:var(--social);box-shadow:0 2px 8px rgba(15,23,42,.1)}
.footer-app-socials .footer-soc-btn:hover{border-color:var(--social);color:var(--social);transform:translateY(-1px);opacity:1}
.footer-app-socials .footer-soc-btn svg{width:16px;height:16px;display:block;fill:currentColor;color:var(--social)}
.footer-app-socials .footer-soc-btn svg circle[fill="none"]{fill:none}
.footer-app-branding{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;color:#64748B;line-height:1.2;white-space:nowrap}
.footer-app-branding strong{font-size:15px;letter-spacing:-.03em;color:#172033}
.footer-app-branding span{font-size:9.5px;font-weight:600;letter-spacing:.01em}
@media(max-width:768px){
  .footer-app-col .footer-col-links{padding:8px 20px 18px;gap:8px}
  .footer-app-badges{gap:7px}
  .store-badge-svg{width:130px;height:39px}
  .footer-app-socials{gap:6px}
  .footer-app-socials .footer-soc-btn{width:29px;height:29px}
  .footer-app-branding strong{font-size:14px}
  .footer-app-branding span{font-size:9px}
}
@media(max-width:350px){.store-badge-svg{width:120px;height:36px}.footer-app-socials .footer-soc-btn{width:27px;height:27px}}


/* dpr-dark-contrast-overrides */

html[data-theme="dark"] .hero-tagline,
html[data-theme="dark"] .hero-search input,
html[data-theme="dark"] .docs-tool-copy strong,
html[data-theme="dark"] .stat,
html[data-theme="dark"] .stat-live,
html[data-theme="dark"] .mc,
html[data-theme="dark"] .jobs-card,
html[data-theme="dark"] .age-card {
  color: var(--text) !important;
}
html[data-theme="dark"] #dam-login-modal,
html[data-theme="dark"] #dam-register-modal,
html[data-theme="dark"] #dam-otp-modal,
html[data-theme="dark"] #dam-forgot-modal {
  background: var(--surface) !important;
  color: var(--text) !important;
}
html[data-theme="dark"] #dam-login-modal input,
html[data-theme="dark"] #dam-register-modal input,
html[data-theme="dark"] #dam-otp-modal input,
html[data-theme="dark"] #dam-forgot-modal input {
  background: var(--bg2) !important;
  border-color: var(--border) !important;
  color: var(--text) !important;
}
html[data-theme="dark"] #dam-login-modal [style*="color:#1C1E21"],
html[data-theme="dark"] #dam-register-modal [style*="color:#1C1E21"],
html[data-theme="dark"] #dam-otp-modal [style*="color:#1C1E21"],
html[data-theme="dark"] #dam-forgot-modal [style*="color:#1C1E21"] {
  color: var(--text) !important;
}


/* ========================================================================
   diaspora.ro homepage — unified visual system
   One source of truth for the homepage shell, content sections and footer.
   ======================================================================== */
:root {
  --home-ink: #12213f;
  --home-muted: #62708a;
  --home-line: #e5eaf3;
  --home-blue: #2563eb;
  --home-indigo: #4f46e5;
  --home-surface: #ffffff;
  --home-soft: #f5f8fc;
  --home-shadow: 0 18px 45px rgba(25, 46, 90, .08);
  --home-radius: 24px;
}

html, body { background: #f6f8fc; color: var(--home-ink); }
body { overflow-x: hidden; }
body::before { opacity: .7; }
.site-header-stack { position: sticky; top: 0; z-index: 500; }
.topbar {
  min-height: 70px;
  height: auto;
  padding: 12px clamp(18px, 4vw, 56px);
  gap: 14px;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(210,220,236,.75);
  box-shadow: 0 8px 28px rgba(23,42,77,.06);
  backdrop-filter: blur(18px) saturate(1.35);
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
}
.tb-logo { gap: 10px; }
.tb-logo img { width: 36px !important; height: 36px !important; border-radius: 11px !important; box-shadow: 0 6px 16px rgba(37,99,235,.22); }
.tb-logo-txt { font-size: 18px; letter-spacing: -.045em; color: var(--home-ink); }
.tb-logo-txt span { color: var(--home-indigo); }
.tb-live { padding: 6px 9px; border-radius: 999px; background: #effaf3; color: #168448 !important; }
.tb-right { order: 3; }
.tb-desktop-quick-nav { order: 4; gap: 4px; margin-left: auto; }
.tb-desktop-quick-nav a { border-radius: 10px; padding: 9px 11px; color: #40516f; font-size: 12px; font-weight: 750; }
.tb-desktop-quick-nav a:hover { background: #eef3ff; color: var(--home-blue); }
.site-language-picker { order: 5; }
.site-menu-trigger { order: 6; border-radius: 12px !important; }

.main {
  width: min(100% - 40px, 1280px);
  max-width: 1280px;
  padding: 30px 0 88px;
  margin: 0 auto;
}
.hero-compact { margin: 0 0 30px; padding: 0; }
.hero-compact::before { display: none; }
.hero-compact-bar {
  width: 100%; max-width: none; min-height: 330px; padding: clamp(30px, 5vw, 64px);
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 440px); align-items: center; gap: clamp(28px, 5vw, 72px);
  border-radius: 32px;
  background: radial-gradient(circle at 82% 18%, rgba(129,140,248,.26), transparent 26%), linear-gradient(126deg, #0d1b38 0%, #142b5a 52%, #2746a3 100%);
  border: 1px solid rgba(255,255,255,.13);
  box-shadow: 0 24px 70px rgba(22,48,103,.22);
  overflow: hidden;
}
.hero-compact-bar::after { content:''; position:absolute; width:360px; height:360px; right:-120px; bottom:-200px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 34px rgba(255,255,255,.035), 0 0 0 70px rgba(255,255,255,.025); pointer-events:none; }
.hero-compact-txt-wrap { position: relative; z-index: 1; gap: 12px; }
.hero-compact-h1 { margin: 0; max-width: 650px; color:#fff; font-size: clamp(40px, 5vw, 72px); line-height: .98; letter-spacing: -.065em; }
.hero-compact-h1 span { display: inline-block; background: linear-gradient(100deg,#93c5fd,#c4b5fd 75%); -webkit-background-clip:text !important; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-compact-sub { max-width: 590px; margin: 0; color: rgba(239,246,255,.78); font-size: clamp(15px, 1.5vw, 18px); line-height: 1.65; }
.hero-compact-search-wrap { position:relative; z-index:1; width:100%; max-width:none; min-width:0; display:flex; flex-direction:column; justify-content:center; gap:12px; }
.hero-search { max-width:none; padding: 7px; border: 1px solid rgba(255,255,255,.26); border-radius: 17px; background: rgba(255,255,255,.98); box-shadow: 0 18px 34px rgba(4,16,45,.22); }
.hero-search input { min-width:0; padding: 16px 16px; font-size:14px; color:#172033; }
.hero-search button { margin:0; padding:13px 18px; border-radius:12px; font-size:13px; font-weight:850; background:linear-gradient(135deg,#2563eb,#6366f1); box-shadow: 0 7px 18px rgba(37,99,235,.27); }
.hero-quick-tags { gap:7px; }
.hqt { padding:7px 11px; color:rgba(239,246,255,.84); background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.17); font-size:11px; }
.hqt:hover { background:#fff; color:#24418d; border-color:#fff; }

.home-intent, .home-country, .home-hub-card, .needs-nav, .return-relocation, .home-showcase { position:relative; }
.home-intent, .home-country { margin: 0 0 24px; padding: 31px; border:1px solid var(--home-line); border-radius:var(--home-radius); background:rgba(255,255,255,.9); box-shadow:var(--home-shadow); }
.home-intent__head { margin-bottom: 22px; text-align:left; }
.home-intent__eyebrow, .home-country__eyebrow, .home-showcase__eyebrow, .return-relocation__eyebrow { color:var(--home-indigo); font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.home-intent h2, .home-country h2 { margin:8px 0 0; color:var(--home-ink); font-size:clamp(25px,3vw,34px); letter-spacing:-.055em; }
.home-intent__grid, .home-country__grid { gap:13px; }
.home-intent__card { min-height:158px; padding:23px 20px; border:1px solid var(--home-line); border-radius:18px; background:#fff; box-shadow:0 8px 22px rgba(25,46,90,.05); }
.home-intent__card:nth-child(1) { background:linear-gradient(145deg,#fff,#eef5ff); }
.home-intent__card:nth-child(2) { background:linear-gradient(145deg,#fff,#effbf9); }
.home-intent__card:nth-child(3) { background:linear-gradient(145deg,#fff,#fff8eb); }
.home-intent__card:nth-child(4) { background:linear-gradient(145deg,#fff,#f7f1ff); }
.home-intent__card strong { color:var(--home-ink); font-size:16px; }
.home-intent__card span { color:var(--home-muted); font-size:12.5px; }
.home-intent__card::after { color:var(--home-blue); }
.home-country { background:linear-gradient(135deg,#edf5ff,#fff 64%,#f7f3ff); }
.home-country__head { align-items:center; }
.home-country__copy p { color:var(--home-muted); }
.home-country__context { background:rgba(255,255,255,.82); border-color:#dbe5f3; }
.home-country__card { min-height:145px; border-radius:17px; box-shadow:0 7px 20px rgba(25,46,90,.05); }
.home-country__card strong { font-size:16px; }
.home-country__card em { color:var(--home-blue); }
.home-hub-card { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 0 26px; padding:27px 31px; border-radius:var(--home-radius); background:linear-gradient(110deg,#0e1d3c,#213c83); color:#fff; box-shadow:0 18px 40px rgba(23,49,108,.18); }
.home-hub-card__eyebrow { color:#a5b4fc; }
.home-hub-card h2 { margin:8px 0 5px; color:#fff; font-size:clamp(24px,3vw,36px); letter-spacing:-.055em; }
.home-hub-card p { color:rgba(255,255,255,.72); }
.home-hub-card__meta span { background:rgba(255,255,255,.1); color:#e0e7ff; border-color:rgba(255,255,255,.15); }
.home-hub-card__button { flex:0 0 auto; padding:13px 18px; border-radius:12px; background:#fff; color:#20367a; font-weight:850; box-shadow:0 8px 20px rgba(0,0,0,.12); }
.stats.stats-live { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin:0 0 26px; }
.stats.stats-live > .stat-live { min-height:205px; padding:20px 18px; border:1px solid var(--home-line); border-radius:18px; background:#fff !important; box-shadow:0 10px 24px rgba(25,46,90,.06); }
.stat-live .stat-fact-kicker, .stat-combined__eyebrow { color:var(--home-indigo); font-size:10px; letter-spacing:.13em; }
.stat-live .stat-fact-question { color:var(--home-ink); font-size:16px; }
.stat-live .stat-fact-copy, .stat-live .stat-sub { color:var(--home-muted) !important; font-size:12px; line-height:1.55; }
.stat-fact-button { margin-top:auto; border-radius:10px; border:1px solid #dbe5f3; background:#f7f9fd; color:var(--home-blue); }
.needs-nav { margin:0 0 28px; padding:22px; border:1px solid var(--home-line); border-radius:20px; background:#fff; box-shadow:0 10px 28px rgba(25,46,90,.05); }
.needs-nav__items { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.needs-nav__item { min-height:60px; padding:13px 14px; border:1px solid #e3e9f3; border-radius:13px; background:#f9fbff; color:var(--home-ink); font-weight:750; }
.needs-nav__item:hover { border-color:#b9c8f6; background:#eef3ff; color:#2348a0; }
.return-relocation { margin:0 0 28px; padding:30px; border:1px solid var(--home-line); border-radius:var(--home-radius); background:#fff; box-shadow:var(--home-shadow); }
.return-relocation__intro { margin-bottom:20px; }
.return-relocation h2 { margin:8px 0 0; color:var(--home-ink); font-size:clamp(26px,3vw,38px); letter-spacing:-.06em; }
.return-relocation__grid { gap:13px; }
.return-relocation__card { min-height:178px; border-radius:18px; }
.home-showcase { padding:33px 0 4px; }
.home-showcase::before { left:12%; right:12%; background:linear-gradient(90deg,transparent,#c7d2fe,transparent); }
.home-showcase__intro h2 { color:var(--home-ink); }
.home-showcase__intro p { color:var(--home-muted); }
.home-showcase-slide { min-height:430px; border-radius:24px; border-color:var(--home-line); box-shadow:0 20px 50px rgba(25,46,90,.1); }
.home-showcase-slide__copy { padding:clamp(32px,5vw,64px); background:linear-gradient(145deg,#fff,#f5f7ff); }
.home-showcase-slide__copy h3 { color:var(--home-ink); font-family:inherit; font-size:clamp(30px,4.2vw,54px); font-weight:850; line-height:1.03; letter-spacing:-.06em; }
.home-showcase-slide__copy p { color:var(--home-muted); }
.home-showcase-slide__action { border-radius:11px; background:linear-gradient(135deg,#2563eb,#4f46e5); }

.footer { margin-top:0; background:#0e1830; border-top:0; }
.footer::before { height:4px; background:linear-gradient(90deg,#2563eb,#6366f1,#ec4899); }
.footer-cols { grid-template-columns:repeat(5,minmax(0,1fr)); padding:34px max(24px,4vw) 20px; gap:22px; }
.footer-col { padding:0; border:0; }
.footer-col-t { display:flex; align-items:center; justify-content:space-between; padding:13px 0; margin:0; border-bottom:1px solid rgba(255,255,255,.13); color:#f8fafc ; font-size:11px; letter-spacing:.13em; opacity:.9; cursor:pointer; }
.footer-col-t::after { content:'+'; color:#a5b4fc; font-size:20px; font-weight:400; line-height:1; }
.footer-col.open .footer-col-t::after { content:'−'; }
.footer-col-links { display:none ; padding:9px 0 0; }
.footer-col.open .footer-col-links { display:flex ; flex-direction:column; gap:0; }
.footer-col-links a { padding:5px 0; color:rgba(226,232,240,.7) ; font-size:12px; }
.footer-col-links a:hover { padding-left:4px; color:#fff ; }
.footer-app-col .footer-col-links { align-items:center; }
.footer-app-col .footer-col-t { display:flex; }
.footer-bottom { padding:18px max(24px,4vw) 24px; border-top:1px solid rgba(255,255,255,.12); }
.footer-bottom .flinks { gap:14px; }
.footer-bottom .flinks a, .footer-bottom .fcopy { color:rgba(226,232,240,.58) ; font-size:11px; }

@media (max-width: 1100px) {
  .topbar { padding-inline:20px; }
  .tb-desktop-quick-nav a { padding-inline:8px; font-size:11px; }
  .hero-compact-bar { grid-template-columns:minmax(0,1fr) minmax(290px,380px); gap:30px; padding:38px; }
  .stats.stats-live { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .needs-nav__items { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .footer-cols { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .main { width:min(100% - 28px, 680px); padding-top:20px; }
  .tb-desktop-quick-nav, .site-language-picker { display:none !important; }
  .topbar { min-height:64px; padding:10px 14px; }
  .tb-logo img { width:32px !important; height:32px !important; }
  .tb-logo-txt { font-size:16px; }
  .tb-live { display:none !important; }
  .tb-right { margin-left:auto; }
  .btn-in { padding:8px 11px; font-size:11px; }
  .hero-compact-bar { display:flex; flex-direction:column; align-items:stretch; gap:22px; min-height:0; padding:30px 24px 26px; border-radius:24px; }
  .hero-compact-h1 { font-size:clamp(36px,8vw,56px); }
  .hero-compact-sub { font-size:15px; }
  .hero-compact-search-wrap { width:100%; }
  .home-intent, .home-country, .return-relocation { padding:24px 20px; border-radius:20px; }
  .home-intent__grid, .home-country__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-hub-card { align-items:flex-start; flex-direction:column; padding:24px 20px; border-radius:20px; }
  .home-hub-card__button { width:100%; text-align:center; }
  .needs-nav__items { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .footer-cols { grid-template-columns:repeat(2,minmax(0,1fr)); padding:24px 20px 12px; }
  .footer-app-col { grid-column:1/-1; }
}
@media (max-width: 560px) {
  .main { width:calc(100% - 24px); padding:14px 0 56px; }
  .hero-compact { margin-bottom:18px; }
  .hero-compact-bar { padding:25px 18px 20px; border-radius:20px; gap:18px; }
  .hero-compact-h1 { font-size:clamp(32px,10vw,45px); line-height:1.02; }
  .hero-compact-sub { font-size:14px; line-height:1.55; }
  .hero-search { padding:5px; border-radius:14px; }
  .hero-search input { padding:13px 11px; font-size:13px; }
  .hero-search button { padding:12px 13px; font-size:12px; }
  .hero-quick-tags { display:flex; flex-wrap:nowrap; overflow-x:auto; padding-bottom:2px; }
  .hqt { flex:0 0 auto; font-size:10px; padding:6px 9px; }
  .home-intent, .home-country, .return-relocation { margin-bottom:16px; padding:20px 14px; border-radius:18px; }
  .home-intent__head { margin-bottom:15px; }
  .home-intent h2, .home-country h2, .return-relocation h2 { font-size:26px; }
  .home-intent__grid, .home-country__grid { grid-template-columns:1fr; gap:8px; }
  .home-intent__card { min-height:0; padding:16px; justify-items:start; text-align:left; }
  .home-intent__card strong, .home-intent__card span { max-width:none; }
  .home-intent__card::after { margin-top:8px; }
  .home-country__head { gap:12px; }
  .home-country__context { margin:16px 0 10px; }
  .home-country__card { min-height:0; padding:16px; }
  .stats.stats-live { grid-template-columns:1fr; gap:9px; }
  .stats.stats-live > .stat-live { min-height:0; padding:17px 15px; }
  .needs-nav { padding:16px 12px; margin-bottom:18px; border-radius:18px; }
  .needs-nav__items { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .needs-nav__item { min-height:58px; padding:11px 10px; font-size:10.5px; }
  .return-relocation__card { min-height:145px; padding:18px; }
  .return-relocation__card h3 { font-size:27px; }
  .home-showcase { padding-top:22px; }
  .home-showcase__intro { margin-bottom:15px; text-align:left; padding-inline:2px; }
  .home-showcase__intro h2 { font-size:30px; }
  .home-showcase-slide { border-radius:18px; }
  .home-showcase-slide__visual, .home-showcase-slide__visual img { min-height:210px; height:210px; }
  .home-showcase-slide__copy, .home-showcase-slide--image-left .home-showcase-slide__copy { padding:22px 18px 24px; }
  .home-showcase-slide__copy h3 { font-size:34px; }
  .footer-cols { grid-template-columns:1fr; padding:18px 18px 8px; gap:0; }
  .footer-app-col { grid-column:auto; }
  .footer-bottom { flex-direction:column; align-items:flex-start; gap:10px; padding:16px 18px 22px; }
  .footer-bottom .flinks { flex-wrap:wrap; gap:7px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}


/* HOMEPAGE CARD CLEANUP — no CTA labels inside orientation cards */
.home-intent__card::after {
  content: none !important;
  display: none !important;
}
.home-intent__card {
  min-height: 126px;
  padding: 18px 16px;
}
.home-intent__card strong {
  font-size: 15px;
  line-height: 1.22;
}
.home-intent__card span {
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.42;
}
.home-country__card em {
  display: none !important;
}
.home-country__card {
  min-height: 116px;
  padding: 17px 15px;
}
@media (max-width: 700px) {
  .home-intent__grid, .home-country__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .home-intent__card {
    min-height: 112px;
    padding: 15px 12px;
  }
  .home-intent__card strong { font-size: 14px; }
  .home-intent__card span { font-size: 11px; line-height: 1.38; }
  .home-country__card { min-height: 104px; padding: 14px 12px; }
  .home-country__card strong { font-size: 14px; }
  .home-country__card span { font-size: 10.5px; line-height: 1.38; }
}
@media (max-width: 360px) {
  .home-intent__card strong, .home-country__card strong { font-size: 13px; }
  .home-intent__card span, .home-country__card span { font-size: 10px; }
}



/* HOMEPAGE PREMIUM SYSTEM — source-first visual language */
:root {
  --home-blue: #1877F2;
  --home-blue-deep: #1468D8;
  --home-blue-soft: #EAF3FF;
  --home-navy: #0B1D3A;
  --home-ink: #102A43;
  --home-muted: #5B6B7F;
  --home-line: #D9E4F0;
  --home-surface: #FFFFFF;
  --home-soft: #F5F8FC;
  --home-shadow: 0 14px 34px rgba(15, 39, 82, .08);
}

/* The homepage should breathe, not animate behind the user. */
body::before {
  background:
    radial-gradient(ellipse 72% 52% at -5% 0%, rgba(24,119,242,.085), transparent 58%),
    radial-gradient(ellipse 48% 38% at 105% 8%, rgba(24,119,242,.045), transparent 58%),
    radial-gradient(ellipse 62% 38% at 50% 108%, rgba(24,119,242,.035), transparent 62%);
  animation: none;
}

.tb-logo-mark {
  background: var(--home-blue);
  box-shadow: 0 4px 12px rgba(24,119,242,.25);
}
.tb-logo-txt span,
.tbn:hover,
.tb-news-link:hover {
  color: var(--home-blue);
}

@media (min-width: 821px) {
  .main {
    max-width: 1400px;
    padding: 24px 52px 76px;
  }

  .hero.hero-compact {
    padding: 20px 0 18px;
    margin-bottom: 18px;
  }
  .hero-compact::before {
    inset: -34px -72px;
    background: radial-gradient(ellipse 68% 78% at 0% 50%, rgba(24,119,242,.12), transparent 64%);
  }
  .hero-compact-bar {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    align-items: center;
    gap: 42px;
    min-height: 218px;
    width: 100%;
    max-width: none;
    padding: 34px 40px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(147,197,253,.24);
    border-radius: 24px;
    background: linear-gradient(112deg, #0B1D3A 0%, #123563 58%, #18529B 100%);
    box-shadow: 0 20px 46px rgba(15,39,82,.2);
  }
  .hero-compact-bar::after {
    content: '';
    position: absolute;
    width: 390px;
    height: 390px;
    right: -145px;
    bottom: -250px;
    border: 1px solid rgba(191,219,254,.18);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(191,219,254,.045), 0 0 0 76px rgba(191,219,254,.024);
    pointer-events: none;
  }
  .hero-compact-txt-wrap {
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .hero-compact-h1 {
    display: block;
    max-width: 620px;
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(38px, 4.3vw, 60px);
    font-weight: 900;
    line-height: 1.01;
    letter-spacing: -.055em;
  }
  .hero-compact-h1 span {
    background: none;
    color: #9DCCFF;
    -webkit-text-fill-color: currentColor;
  }
  .hero-compact-sub {
    display: block;
    max-width: 520px;
    margin: 0;
    color: rgba(239,246,255,.8);
    font-size: 15px;
    line-height: 1.55;
  }
  .hero-compact-search-wrap {
    display: block;
    width: 100%;
    max-width: 520px;
    margin: 0;
    padding: 14px;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 18px;
    background: rgba(255,255,255,.09);
    box-shadow: 0 12px 28px rgba(3,13,32,.18), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  .hero-compact .hero-search {
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid rgba(148,163,184,.34);
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: 0 10px 22px rgba(3,13,32,.18);
  }
  .hero-compact .hero-search input {
    min-height: 44px;
    padding: 12px 15px;
    color: var(--home-ink);
    font-size: 13px;
  }
  .hero-compact .hero-search input::placeholder {
    color: #718096;
    opacity: 1;
  }
  .hero-compact .hero-search button {
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 10px;
    background: var(--home-blue);
    box-shadow: 0 7px 16px rgba(24,119,242,.28);
  }
  .hero-compact .hero-search button:hover {
    background: var(--home-blue-deep);
  }

  .home-intent {
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .home-intent__grid--onboarding {
    gap: 10px;
  }
  .home-intent__grid--onboarding .home-intent__card {
    min-height: 112px;
    padding: 18px;
    align-items: flex-start;
    justify-items: start;
    text-align: left;
    border: 1px solid var(--home-line);
    border-top: 3px solid var(--home-blue);
    border-radius: 14px;
    background: var(--home-surface);
    box-shadow: 0 5px 16px rgba(15,23,42,.045);
  }
  .home-intent__grid--onboarding .home-intent__card:nth-child(n) {
    border-top-color: var(--home-blue);
    background: var(--home-surface);
  }
  .home-intent__grid--onboarding .home-intent__card:hover {
    transform: translateY(-3px);
    border-color: #A9CBF7;
    border-top-color: var(--home-blue);
    box-shadow: 0 14px 28px rgba(24,119,242,.12);
  }
  .home-intent__grid--onboarding .home-intent__card strong {
    color: var(--home-blue);
    font-size: 14px;
    line-height: 1.22;
  }
  .home-intent__grid--onboarding .home-intent__card span {
    margin-top: 7px;
    color: var(--home-muted);
    font-size: 11px;
    line-height: 1.4;
  }
  .home-intent__grid--onboarding .home-intent__card::after {
    display: none;
    content: none;
  }

  .home-hub-card {
    width: 100%;
    max-width: none;
    min-height: 144px;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 28px 34px;
    border: 1px solid rgba(147,197,253,.24);
    border-radius: 22px;
    background: linear-gradient(112deg, #0B1D3A 0%, #123563 58%, #18529B 100%);
    box-shadow: 0 18px 38px rgba(15,39,82,.18);
  }
  .home-hub-card__copy {
    max-width: 680px;
  }
  .home-hub-card__eyebrow {
    color: #9DCCFF;
  }
  .home-hub-card__copy h2 {
    margin: 5px 0 7px;
    color: #FFFFFF;
    font-size: 32px;
    letter-spacing: -.045em;
  }
  .home-hub-card__copy p {
    color: rgba(239,246,255,.78);
    font-size: 14px;
  }
  .home-hub-card__meta span {
    color: rgba(239,246,255,.76);
    border-color: rgba(191,219,254,.24);
  }
  .home-hub-card__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 142px;
    padding: 12px 17px;
    border-radius: 11px;
    background: var(--home-blue);
    color: #FFFFFF;
    box-shadow: 0 8px 18px rgba(3,13,32,.2);
  }
  .home-hub-card__button:hover {
    background: var(--home-blue-deep);
  }

  nav.needs-nav {
    width: 100%;
    margin: 0 0 22px;
    padding: 12px;
    border: 1px solid var(--home-line);
    border-radius: 18px;
    background: var(--home-soft);
    box-shadow: 0 8px 22px rgba(15,23,42,.045);
  }
  nav.needs-nav .needs-nav__items {
    gap: 10px;
  }
  nav.needs-nav .needs-nav__item {
    min-height: 66px;
    padding: 12px 13px;
    border: 1px solid var(--home-line);
    border-radius: 12px;
    background: #FFFFFF;
    color: var(--home-blue);
    box-shadow: 0 3px 10px rgba(15,23,42,.04);
  }
  nav.needs-nav .needs-nav__item:hover,
  nav.needs-nav .needs-nav__item:focus-visible {
    transform: translateY(-2px);
    border-color: #A9CBF7;
    background: #F8FBFF;
    color: var(--home-blue-deep);
    box-shadow: 0 9px 18px rgba(24,119,242,.11);
    outline: none;
  }
  nav.needs-nav .needs-nav__icon {
    display: inline-grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border: 1px solid #C9DDF7;
    border-radius: 10px;
    background: var(--home-blue-soft);
    color: var(--home-blue);
    box-shadow: none;
  }
  nav.needs-nav .needs-nav__icon svg {
    display: block;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  nav.needs-nav .needs-nav__copy {
    min-width: 0;
    color: var(--home-blue);
    overflow-wrap: anywhere;
  }
  nav.needs-nav .needs-nav__arrow {
    display: none;
  }

  .return-relocation {
    width: 100%;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .return-relocation__grid {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .return-relocation__card {
    min-width: 0;
    min-height: 176px;
    justify-content: space-between;
    padding: 26px 28px 22px;
    border: 1px solid var(--home-line);
    border-top: 3px solid var(--home-blue);
    border-radius: 18px;
    background: #FFFFFF;
    color: var(--home-ink);
    box-shadow: 0 7px 20px rgba(15,23,42,.055);
  }
  .return-relocation__card--home,
  .return-relocation__card--abroad {
    border-color: var(--home-line);
    border-top-color: var(--home-blue);
    background: #FFFFFF;
  }
  .return-relocation__card:hover,
  .return-relocation__card:focus-visible {
    transform: translateY(-3px);
    border-color: #A9CBF7;
    border-top-color: var(--home-blue);
    background: #F8FBFF;
    box-shadow: 0 14px 28px rgba(24,119,242,.12);
    outline: none;
  }
  .return-relocation__card > div {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .return-relocation__eyebrow {
    display: block;
    margin-bottom: 9px;
    color: var(--home-blue);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
  }
  .return-relocation__card h3 {
    color: var(--home-blue);
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.04;
  }
  .return-relocation__card p {
    max-width: 620px;
    margin: 12px 0 0;
    color: var(--home-muted);
    font-size: 13px;
    line-height: 1.55;
  }
  .return-relocation__cta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-top: 22px;
    padding: 9px 13px;
    border: 1px solid #C9DDF7;
    border-radius: 999px;
    background: var(--home-blue-soft);
    color: var(--home-blue);
    font-size: 12px;
    font-weight: 850;
    line-height: 1;
    transition: background .18s, border-color .18s, color .18s, transform .18s;
  }
  .return-relocation__cta span {
    font-size: 16px;
    line-height: .7;
    transition: transform .18s;
  }
  .return-relocation__card:hover .return-relocation__cta,
  .return-relocation__card:focus-visible .return-relocation__cta {
    border-color: var(--home-blue);
    background: var(--home-blue);
    color: #FFFFFF;
  }
  .return-relocation__card:hover .return-relocation__cta span,
  .return-relocation__card:focus-visible .return-relocation__cta span {
    transform: translateX(2px);
  }

  .home-showcase {
    margin-bottom: 38px;
  }
  .home-showcase::before {
    background: linear-gradient(90deg, transparent, rgba(24,119,242,.24), transparent);
  }
  .home-showcase__eyebrow,
  .home-showcase-slide__eyebrow {
    color: var(--home-blue);
  }
  .home-showcase__intro h2 {
    color: var(--home-ink);
  }
  .home-showcase-slide {
    border-color: var(--home-line);
    box-shadow: var(--home-shadow);
  }
  .home-showcase-slide__copy {
    background: #FFFFFF;
  }
  .home-showcase-slide__action {
    background: var(--home-blue);
    box-shadow: 0 7px 18px rgba(24,119,242,.25);
  }
  .home-showcase-slide__action:hover {
    background: var(--home-blue-deep);
    box-shadow: 0 11px 24px rgba(24,119,242,.3);
  }
  .home-showcase__dots button.is-active {
    background: var(--home-blue);
  }

  .home-country--cards-dock {
    display: block;
    margin: 0 0 24px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .home-country--cards-dock .home-country__grid--dock {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }
  .home-country--cards-dock .home-access-card {
    min-height: 92px;
    padding: 14px;
    border: 1px solid var(--home-line);
    border-top: 2px solid var(--home-blue);
    border-radius: 13px;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(15,23,42,.04);
  }
  .home-country--cards-dock .home-access-card:hover,
  .home-country--cards-dock .home-access-card:focus-visible {
    transform: translateY(-2px);
    border-color: #A9CBF7;
    border-top-color: var(--home-blue);
    background: #F8FBFF;
    box-shadow: 0 11px 24px rgba(24,119,242,.1);
  }
  .home-country--cards-dock .home-access-card::after,
  .home-country--cards-dock .home-access-card em {
    display: none;
  }
  .home-country--cards-dock .home-access-card__icon {
    background: var(--home-blue-soft);
    border-color: #C9DDF7;
    color: var(--home-blue);
  }
  .home-country--cards-dock .home-access-card__icon svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .home-country--cards-dock .home-access-card strong {
    color: var(--home-blue);
  }
  .home-country--cards-dock .home-access-card span[id$="-copy"] {
    color: var(--home-muted);
  }
}

@media (max-width: 900px) {
  .home-intent__grid--onboarding,
  .home-country--cards-dock .home-country__grid--dock {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hero-compact-bar {
    border-radius: 20px;
  }
}

@media (max-width: 820px) {
  .main {
    padding: 14px 16px 52px;
  }
  .hero-compact-bar {
    padding: 22px 18px;
    gap: 14px;
    border-radius: 18px;
  }
  .hero-compact-h1 {
    display: block;
    color: var(--home-ink);
  }
  .hero-compact-h1 span {
    color: var(--home-blue);
    background: none;
    -webkit-text-fill-color: currentColor;
  }
  .hero-compact-sub {
    color: var(--home-muted);
  }
  .hero-compact-search-wrap {
    max-width: none;
  }
  .home-intent__grid--onboarding .home-intent__card {
    min-height: 126px;
    padding: 17px 14px;
  }
  .home-intent__grid--onboarding .home-intent__card strong {
    font-size: 13px;
  }
  .home-intent__grid--onboarding .home-intent__card span {
    font-size: 10px;
  }
  .return-relocation__grid {
    grid-template-columns: 1fr;
  }
  .return-relocation__card {
    min-height: 156px;
    padding: 22px 20px 19px;
  }

  .home-hub-card {
    align-items: flex-start;
    flex-direction: column;
    padding: 24px 20px;
    border-radius: 20px;
  }
  .home-hub-card__button {
    width: 100%;
    text-align: center;
  }
  nav.needs-nav {
    padding: 9px;
  }
  nav.needs-nav .needs-nav__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }
}

@media (max-width: 560px) {
  .home-intent__grid--onboarding,
  .home-country--cards-dock .home-country__grid--dock {
    gap: 8px;
  }
  nav.needs-nav .needs-nav__item {
    min-height: 58px;
    padding: 10px;
    font-size: 10px;
  }
  nav.needs-nav .needs-nav__icon {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
  }
  .home-country--cards-dock .home-access-card {
    min-height: 96px;
    padding: 12px;
  }
}

/* Specificity normalization for the desktop hero: one source of truth, no !important. */
@media (min-width: 1001px) {
  .hero.hero-compact .hero-compact-bar {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
    align-items: center;
    gap: 42px;
    min-height: 218px;
    width: 100%;
    max-width: none;
    padding: 34px 40px;
    border: 1px solid rgba(147,197,253,.24);
    border-radius: 24px;
    background: linear-gradient(112deg, #0B1D3A 0%, #123563 58%, #18529B 100%);
    box-shadow: 0 20px 46px rgba(15,39,82,.2);
    overflow: hidden;
  }
  .hero.hero-compact .hero-compact-h1 {
    display: block;
    max-width: 620px;
    color: #FFFFFF;
    font-size: clamp(38px, 4.3vw, 60px);
    line-height: 1.01;
    letter-spacing: -.055em;
  }
  .hero.hero-compact .hero-compact-sub {
    display: block;
    max-width: 520px;
    color: rgba(239,246,255,.8);
    font-size: 15px;
    line-height: 1.55;
  }
  .hero.hero-compact .hero-compact-search-wrap {
    display: block;
    width: 100%;
    max-width: 520px;
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 18px;
    background: rgba(255,255,255,.09);
    box-shadow: 0 12px 28px rgba(3,13,32,.18), inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
  .hero.hero-compact .hero-search {
    width: 100%;
    min-height: 56px;
    margin: 0;
    padding: 5px;
    border: 1px solid rgba(148,163,184,.34);
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: 0 10px 22px rgba(3,13,32,.18);
  }
  .hero.hero-compact .hero-search button {
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 10px;
    background: var(--home-blue);
    box-shadow: 0 7px 16px rgba(24,119,242,.28);
  }
  body nav.needs-nav .needs-nav__item {
    background: #FFFFFF;
    color: var(--home-blue);
  }
  body nav.needs-nav .needs-nav__copy {
    color: var(--home-blue);
  }
}

/* Desktop footer: open, editorial, four links plus one deliberate expansion control. */
@media (min-width: 769px) {
  .footer {
    margin-top: 12px;
    background: #FFFFFF;
    color: var(--home-ink);
    border-top: 1px solid var(--home-line);
    box-shadow: 0 -12px 32px rgba(15,39,82,.045);
  }
  .footer::before {
    height: 2px;
    background: var(--home-blue);
  }
  .footer-cols {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 28px;
    padding: 34px max(24px, 4vw) 28px;
  }
  .footer-col {
    min-width: 0;
    padding: 0;
  }
  .footer-col-t {
    display: block;
    padding: 0 0 12px;
    margin: 0 0 12px;
    border-bottom: 1px solid var(--home-line);
    color: var(--home-ink);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .14em;
    cursor: default;
  }
  .footer-col-t::after {
    display: none;
    content: none;
  }
  .footer-col-links,
  .footer-col.open .footer-col-links {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }
  .footer-col-links a {
    display: flex;
    align-items: center;
    min-height: 28px;
    padding: 3px 0;
    color: #526176;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
  }
  .footer-col-links a:hover {
    padding-left: 4px;
    color: var(--home-blue);
  }
  .footer-col:not(.footer-app-col) .footer-col-links a:nth-of-type(n+5) {
    display: none;
  }
  .footer-col:not(.footer-app-col) .footer-col-links.is-expanded a:nth-of-type(n+5) {
    display: flex;
  }
  .footer-see-more {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 7px;
    margin-top: 8px;
    padding: 6px 0;
    border: 0;
    background: transparent;
    color: var(--home-blue);
    font: 800 11px/1.2 var(--font);
    cursor: pointer;
  }
  .footer-see-more:hover {
    color: var(--home-blue-deep);
  }
  .footer-see-more span {
    font-size: 16px;
    line-height: .6;
  }
  .footer-app-col .footer-col-links {
    align-items: flex-start;
  }
  .footer-bottom {
    padding: 18px max(24px, 4vw) 22px;
    border-top: 1px solid var(--home-line);
  }
  .footer-bottom .flinks a,
  .footer-bottom .fcopy {
    color: #718096;
    font-size: 11px;
  }
}

/* Orientation cards: no blue rails; hover/focus gets a soft light-behind glow. */
@media (min-width: 821px) {
  .home-intent__grid--onboarding .home-intent__card,
  .home-intent__grid--onboarding .home-intent__card:nth-child(n) {
    border-top: 1px solid var(--home-line);
    box-shadow: 0 5px 16px rgba(15,23,42,.045);
  }
  .home-intent__grid--onboarding .home-intent__card:hover,
  .home-intent__grid--onboarding .home-intent__card:focus-visible {
    border-color: #C9DDF7;
    box-shadow: 0 0 0 1px rgba(24,119,242,.08), 0 0 32px rgba(24,119,242,.2), 0 14px 28px rgba(24,119,242,.1);
    outline: none;
  }
  .home-intent__grid--onboarding .home-intent__card strong {
    color: var(--home-ink);
  }
}

/* Access cards: clean text-first treatment; the old geometry icons are intentionally gone. */
@media (min-width: 821px) {
  .home-country--cards-dock .home-access-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5px;
    min-height: 126px;
    padding: 17px;
    border-top: 1px solid var(--home-line);
  }
  .home-country--cards-dock .home-access-card__icon {
    display: none;
  }
  .home-country--cards-dock .home-access-card strong {
    color: var(--home-ink);
  }
  .home-country--cards-dock .home-access-card span[id$="-copy"] {
    color: var(--home-muted);
  }
  .home-access-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    color: var(--home-blue);
    font-size: 11px;
    font-weight: 850;
  }
  .home-access-card__cta span {
    font-size: 15px;
    line-height: .7;
    transition: transform .18s;
  }
  .home-country--cards-dock .home-access-card:hover .home-access-card__cta span,
  .home-country--cards-dock .home-access-card:focus-visible .home-access-card__cta span {
    transform: translateX(2px);
  }
}

/* Night mode remains deliberate and readable. */
html[data-theme="dark"] body,
html[data-atmosphere-level="dark"] body {
  background: #111827;
}
html[data-theme="dark"] .home-intent__grid--onboarding .home-intent__card,
html[data-theme="dark"] nav.needs-nav .needs-nav__item,
html[data-theme="dark"] .home-country--cards-dock .home-access-card,
html[data-atmosphere-level="dark"] .home-intent__grid--onboarding .home-intent__card,
html[data-atmosphere-level="dark"] nav.needs-nav .needs-nav__item,
html[data-atmosphere-level="dark"] .home-country--cards-dock .home-access-card {
  background: #1F2A3A;
  border-color: #3B4D66;
}
html[data-theme="dark"] nav.needs-nav,
html[data-atmosphere-level="dark"] nav.needs-nav {
  background: #172235;
  border-color: #344861;
}
html[data-theme="dark"] .home-intent__grid--onboarding .home-intent__card strong,
html[data-theme="dark"] .home-country--cards-dock .home-access-card strong,
html[data-atmosphere-level="dark"] .home-intent__grid--onboarding .home-intent__card strong,
html[data-atmosphere-level="dark"] .home-country--cards-dock .home-access-card strong {
  color: #9DCCFF;
}
html[data-theme="dark"] .home-intent__grid--onboarding .home-intent__card span,
html[data-theme="dark"] .home-country--cards-dock .home-access-card span[id$="-copy"],
html[data-atmosphere-level="dark"] .home-intent__grid--onboarding .home-intent__card span,
html[data-atmosphere-level="dark"] .home-country--cards-dock .home-access-card span[id$="-copy"] {
  color: #CBD5E1;
}
html[data-theme="dark"] nav.needs-nav .needs-nav__icon,
html[data-theme="dark"] .home-country--cards-dock .home-access-card__icon,
html[data-atmosphere-level="dark"] nav.needs-nav .needs-nav__icon,
html[data-atmosphere-level="dark"] .home-country--cards-dock .home-access-card__icon {
  background: #263B59;
  border-color: #4D6A92;
  color: #9DCCFF;
}
html[data-theme="dark"] .home-showcase__intro h2,
html[data-theme="dark"] .home-showcase-slide__copy h3,
html[data-atmosphere-level="dark"] .home-showcase__intro h2,
html[data-atmosphere-level="dark"] .home-showcase-slide__copy h3 {
  color: #F8FAFC;
}
html[data-theme="dark"] .home-showcase-slide,
html[data-atmosphere-level="dark"] .home-showcase-slide {
  background: #1F2A3A;
  border-color: #425570;
}
html[data-theme="dark"] .home-showcase-slide__copy,
html[data-atmosphere-level="dark"] .home-showcase-slide__copy {
  background: #1F2A3A;
}\n

/* ========================================================================
   HOMEPAGE EDITORIAL SYSTEM V2
   Neutral premium surface, compact rhythm, no decorative CTA clutter.
   ======================================================================== */
:root {
  --home-ink: #20242B;
  --home-muted: #737A83;
  --home-line: #E8E2DA;
  --home-blue: #B56B45;
  --home-blue-deep: #8D4F32;
  --home-blue-soft: #F4E9E1;
  --home-indigo: #8D4F32;
  --home-surface: #FFFDF9;
  --home-soft: #F5F1EB;
  --home-shadow: 0 12px 32px rgba(32,36,43,.07);
}

html, body {
  background: #F5F2ED;
  color: var(--home-ink);
}
body::before { display: none; }

@media (min-width: 821px) {
  .main {
    width: min(100% - 48px, 1220px);
    max-width: 1220px;
    padding: 22px 0 56px;
  }
  .hero-compact {
    margin: 0 0 16px;
    padding: 0;
  }
  body .hero.hero-compact .hero-compact-bar {
    min-height: 286px;
    padding: 34px 38px;
    gap: 34px;
    border: 1px solid #3A4149;
    border-radius: 22px;
    background: linear-gradient(118deg, #171B20 0%, #252C34 66%, #343B42 100%);
    box-shadow: 0 20px 44px rgba(32,36,43,.18);
  }
  body .hero.hero-compact .hero-compact-h1 {
    color: #FFFDF9;
    font-size: clamp(38px, 4.1vw, 58px);
    letter-spacing: -.055em;
  }
  body .hero.hero-compact .hero-compact-h1 span {
    background: none;
    color: #E3A27E;
    -webkit-text-fill-color: currentColor;
  }
  body .hero.hero-compact .hero-compact-sub {
    color: rgba(255,253,249,.72);
    font-size: 14px;
    line-height: 1.5;
  }
  body .hero.hero-compact .hero-compact-search-wrap {
    padding: 11px;
    border: 1px solid rgba(255,253,249,.18);
    border-radius: 15px;
    background: rgba(255,253,249,.08);
    box-shadow: 0 14px 28px rgba(0,0,0,.16);
  }
  body .hero.hero-compact .hero-search {
    border: 1px solid #D8D2CB;
    border-radius: 11px;
    background: #FFFDF9;
    box-shadow: none;
  }
  body .hero.hero-compact .hero-search button,
  body .hero.hero-compact .hero-search button:hover {
    background: #B56B45;
    box-shadow: none;
  }

  .home-intent {
    margin: 0 0 16px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .home-intent__grid--onboarding {
    gap: 8px;
  }
  .home-intent__grid--onboarding .home-intent__card,
  .home-intent__grid--onboarding .home-intent__card:nth-child(n) {
    min-height: 94px;
    padding: 15px 16px;
    border: 1px solid var(--home-line);
    border-top: 1px solid var(--home-line);
    border-radius: 13px;
    background: var(--home-surface);
    box-shadow: 0 4px 12px rgba(32,36,43,.035);
  }
  .home-intent__grid--onboarding .home-intent__card strong {
    color: var(--home-ink);
    font-size: 13px;
    line-height: 1.2;
  }
  .home-intent__grid--onboarding .home-intent__card span {
    margin-top: 6px;
    color: var(--home-muted);
    font-size: 11px;
    line-height: 1.35;
  }
  .home-intent__grid--onboarding .home-intent__card:hover,
  .home-intent__grid--onboarding .home-intent__card:focus-visible {
    transform: translateY(-2px);
    border-color: #D8B39E;
    box-shadow: 0 0 34px rgba(181,107,69,.18), 0 12px 24px rgba(32,36,43,.08);
    outline: none;
  }

  .home-hub-card {
    min-height: 118px;
    margin: 0 0 16px;
    padding: 23px 28px;
    border: 1px solid #414950;
    border-radius: 18px;
    background: linear-gradient(118deg, #20252B, #30373E);
    box-shadow: 0 14px 30px rgba(32,36,43,.14);
  }
  .home-hub-card__eyebrow { color: #E3A27E; }
  .home-hub-card__copy h2 { margin: 4px 0 5px; color: #FFFDF9; font-size: 27px; }
  .home-hub-card__copy p { color: rgba(255,253,249,.7); font-size: 12px; }
  .home-hub-card__meta span { color: rgba(255,253,249,.65); border-color: rgba(255,253,249,.2); }
  .home-hub-card__button,
  .home-hub-card__button:hover { background: #B56B45; color: #FFFDF9; box-shadow: none; }

  nav.needs-nav {
    margin: 0 0 16px;
    padding: 8px;
    border: 1px solid var(--home-line);
    border-radius: 15px;
    background: #EEEAE4;
    box-shadow: none;
  }
  nav.needs-nav .needs-nav__items { gap: 8px; }
  nav.needs-nav .needs-nav__item {
    min-height: 54px;
    padding: 10px 12px;
    border: 1px solid #E3DDD5;
    border-radius: 10px;
    background: var(--home-surface);
    color: var(--home-ink);
    box-shadow: none;
  }
  nav.needs-nav .needs-nav__item:hover,
  nav.needs-nav .needs-nav__item:focus-visible {
    transform: translateY(-1px);
    border-color: #D8B39E;
    background: #FFFDF9;
    color: var(--home-blue-deep);
    box-shadow: 0 0 25px rgba(181,107,69,.14);
    outline: none;
  }
  nav.needs-nav .needs-nav__icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border: 1px solid #E0C7B8;
    border-radius: 8px;
    background: var(--home-blue-soft);
    color: var(--home-blue-deep);
  }
  nav.needs-nav .needs-nav__copy { color: var(--home-ink); }

  .return-relocation { margin: 0 0 16px; }
  .return-relocation__grid { gap: 8px; }
  .return-relocation__card,
  .return-relocation__card--home,
  .return-relocation__card--abroad {
    min-height: 144px;
    padding: 20px 22px 18px;
    border: 1px solid var(--home-line);
    border-top: 1px solid var(--home-line);
    border-radius: 15px;
    background: var(--home-surface);
    box-shadow: 0 5px 16px rgba(32,36,43,.045);
  }
  .return-relocation__card:hover,
  .return-relocation__card:focus-visible {
    border-color: #D8B39E;
    background: #FFFDF9;
    box-shadow: 0 0 32px rgba(181,107,69,.14), 0 12px 24px rgba(32,36,43,.08);
  }
  .return-relocation__eyebrow { color: var(--home-blue-deep); }
  .return-relocation__card h3 { color: var(--home-ink); font-size: 27px; }
  .return-relocation__card p { margin-top: 8px; color: var(--home-muted); }
  .return-relocation__cta { display: none; }

  .home-showcase { margin: 0 0 16px; padding: 8px 0 0; }
  .home-showcase::before { display: none; }
  .home-showcase-slide {
    min-height: 352px;
    border: 1px solid var(--home-line);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(32,36,43,.07);
  }
  .home-showcase-slide__copy { padding: 38px 46px; background: var(--home-surface); }
  .home-showcase-slide__copy h3 { color: var(--home-ink); font-size: clamp(32px, 3.7vw, 52px); }
  .home-showcase-slide__copy p { margin: 16px 0 22px; color: var(--home-muted); font-size: 13px; line-height: 1.55; }
  .home-showcase-slide__action,
  .home-showcase-slide__action:hover { background: var(--home-blue); box-shadow: none; }
  .home-showcase-slide__visual { min-height: 352px; background: #EAE6DF; }
  .home-showcase-slide__visual img { min-height: 352px; }
  .home-showcase__dots button.is-active { background: var(--home-blue); }

  .home-country--cards-dock {
    margin: 0 0 18px;
  }
  .home-country--cards-dock .home-country__grid--dock { gap: 8px; }
  .home-country--cards-dock .home-access-card,
  .home-country--cards-dock .home-access-card:hover,
  .home-country--cards-dock .home-access-card:focus-visible {
    min-height: 88px;
    padding: 14px 15px;
    gap: 4px;
    border: 1px solid var(--home-line);
    border-top: 1px solid var(--home-line);
    border-radius: 12px;
    background: var(--home-surface);
    box-shadow: 0 4px 12px rgba(32,36,43,.04);
    transform: none;
  }
  .home-country--cards-dock .home-access-card:hover,
  .home-country--cards-dock .home-access-card:focus-visible {
    border-color: #D8B39E;
    box-shadow: 0 0 30px rgba(181,107,69,.15), 0 10px 20px rgba(32,36,43,.07);
    outline: none;
  }
  .home-country--cards-dock .home-access-card__icon,
  .home-country--cards-dock .home-access-card__cta,
  .home-country--cards-dock .home-access-card em { display: none; }
  .home-country--cards-dock .home-access-card strong { color: var(--home-ink); font-size: 13px; }
  .home-country--cards-dock .home-access-card span[id$="-copy"] { color: var(--home-muted); font-size: 11px; line-height: 1.35; }

  .footer {
    margin-top: 10px;
    background: #FFFDF9;
    color: var(--home-ink);
    border-top: 1px solid var(--home-line);
    box-shadow: 0 -10px 26px rgba(32,36,43,.035);
  }
  .footer::before { height: 1px; background: var(--home-line); }
  .footer-col-t { color: var(--home-ink); border-color: var(--home-line); }
  .footer-col-links a { color: var(--home-muted); }
  .footer-col-links a:hover { color: var(--home-blue-deep); }
  .footer-see-more { color: var(--home-blue-deep); }
  .footer-bottom { border-color: var(--home-line); }
  .footer-bottom .flinks a, .footer-bottom .fcopy { color: #929087; }
}

/* Final selector correction: needs-nav is a div in the source markup. */
@media (min-width: 821px) {
  .home-intent .home-intent__card,
  .home-intent .home-intent__card:nth-child(n) {
    border-color: var(--home-line);
    border-top-color: var(--home-line);
  }
  body .needs-nav .needs-nav__item {
    border-color: #E3DDD5;
    background: var(--home-surface);
    color: var(--home-ink);
    box-shadow: none;
  }
  body .needs-nav .needs-nav__item:hover,
  body .needs-nav .needs-nav__item:focus-visible {
    border-color: #D8B39E;
    background: #FFFDF9;
    color: var(--home-blue-deep);
    box-shadow: 0 0 25px rgba(181,107,69,.14);
  }
  body .needs-nav .needs-nav__icon {
    border-color: #E0C7B8;
    background: var(--home-blue-soft);
    color: var(--home-blue-deep);
    box-shadow: none;
  }
  body .needs-nav .needs-nav__copy {
    color: var(--home-ink);
  }
  .topbar .btn-reg {
    background: var(--home-blue);
    border-color: var(--home-blue);
    box-shadow: none;
  }
  .topbar .btn-reg:hover {
    background: var(--home-blue-deep);
    border-color: var(--home-blue-deep);
  }
}

/* Desktop surface tokens must win over the legacy :root theme tokens. */
@media (min-width: 821px) {
  body {
    --home-ink: #20242B;
    --home-muted: #737A83;
    --home-line: #E8E2DA;
    --home-blue: #B56B45;
    --home-blue-deep: #8D4F32;
    --home-blue-soft: #F4E9E1;
    --home-surface: #FFFDF9;
    --home-soft: #F5F1EB;
  }
  body .home-intent .home-intent__card,
  body .home-intent .home-intent__card:nth-child(n) {
    border-color: #E8E2DA;
    border-top-color: #E8E2DA;
  }
  body .needs-nav .needs-nav__item {
    border-color: #E3DDD5;
    background: #FFFDF9;
    color: #20242B;
  }
  body .needs-nav .needs-nav__copy {
    color: #20242B;
  }
  body .needs-nav .needs-nav__icon {
    border-color: #E0C7B8;
    background: #F4E9E1;
    color: #8D4F32;
  }
}

/* Desktop polish pass: hover contrast, framed access dock, footer app alignment, menu navy. */
@media (min-width: 821px) {
  body .home-intent .home-intent__card:hover,
  body .home-intent .home-intent__card:focus-visible {
    background: #F4E9E1;
    color: #20242B;
    border-color: #D8B39E;
    box-shadow: 0 0 34px rgba(181,107,69,.18), 0 12px 24px rgba(32,36,43,.08);
  }
  body .home-intent .home-intent__card:hover strong,
  body .home-intent .home-intent__card:focus-visible strong {
    color: #20242B;
  }
  body .home-intent .home-intent__card:hover span,
  body .home-intent .home-intent__card:focus-visible span {
    color: #626970;
    opacity: 1;
  }

  /* The four final access cards belong to one visibly framed dock. */
  body .home-country--cards-dock {
    margin: 0 0 18px;
    padding: 8px;
    border: 1px solid #E5DED5;
    border-radius: 16px;
    background: #EEEAE4;
    box-shadow: none;
  }
  body .home-country--cards-dock .home-country__grid--dock {
    gap: 8px;
  }
  body .home-country--cards-dock .home-access-card,
  body .home-country--cards-dock .home-access-card:hover,
  body .home-country--cards-dock .home-access-card:focus-visible {
    min-height: 86px;
    border: 1px solid #DED6CC;
    border-top: 1px solid #DED6CC;
    border-radius: 10px;
    background: #FFFDF9;
    box-shadow: 0 2px 7px rgba(32,36,43,.045);
  }
  body .home-country--cards-dock .home-access-card:hover,
  body .home-country--cards-dock .home-access-card:focus-visible {
    border-color: #CDA58F;
    background: #FFF9F5;
    box-shadow: 0 0 24px rgba(181,107,69,.13), 0 8px 16px rgba(32,36,43,.065);
  }
  body .home-country--cards-dock .home-access-card strong {
    color: #20242B;
  }
  body .home-country--cards-dock .home-access-card span[id$="-copy"] {
    color: #737A83;
    opacity: 1;
  }

  /* Keep app badges and their copy inside the fifth footer column. */
  body .footer-app-col {
    padding-right: 16px;
  }
  body .footer-app-col .footer-col-links {
    align-items: flex-start;
    width: 100%;
  }
  body .footer-app-col .footer-app-badges {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 7px;
  }
  body .footer-app-col .store-badge-link {
    flex: 0 0 auto;
  }
  body .footer-app-col .store-badge-svg {
    width: 126px;
    height: 38px;
  }
  body .footer-app-col .footer-app-community {
    align-items: flex-start;
    width: 100%;
  }
  body .footer-app-col .footer-app-socials {
    justify-content: flex-start;
  }
  body .footer-app-col .footer-app-branding {
    align-items: flex-start;
    text-align: left;
    white-space: normal;
  }
  body .footer-app-col .footer-app-branding strong,
  body .footer-app-col .footer-app-branding span {
    text-align: left;
  }

  /* Only the desktop quick-menu links use the dark Facebook-like navy. */
  body .tb-desktop-quick-nav a {
    color: #0B2559;
  }
  body .tb-desktop-quick-nav a:hover,
  body .tb-desktop-quick-nav a:focus-visible {
    color: #0B2559;
    background: #EEF2F5;
  }
}