/* tokens.css */
/* ==========================================================================
   Microcloud.ro — Design Tokens (Direcția C · Editorial Authority)
   Sursa de adevăr pentru culori, tipografie, spațiere, radius, umbre.
   Light + Dark prin tokeni (per ghidul artifact-design):
     1) :root = light (default)
     2) @media (prefers-color-scheme: dark) = dark după preferința OS
     3) :root[data-theme="light|dark"] = override manual (toggle) — bate media query
   Componentele folosesc DOAR variabilele de mai jos, niciodată hex direct.
   ========================================================================== */

:root{
  /* --- Brand (teal) --- */
  --mc-brand:            #0F6E63;
  --mc-brand-strong:     #0A5249;
  --mc-brand-soft:       #E3EFEC;   /* tint fundal */
  --mc-on-brand:         #FFFFFF;   /* text pe brand */

  /* --- Accent (clay — parcimonios) --- */
  --mc-accent:           #B4552D;
  --mc-accent-strong:    #8F3F1E;
  --mc-accent-soft:      #F3E4DB;
  --mc-on-accent:        #FFFFFF;

  /* --- Neutre (scală „stone" caldă) --- */
  --mc-paper:            #EBE8E0;   /* fundal pagină (mai rece decât cream-ul clișeu) */
  --mc-surface:          #F7F5EF;   /* card / suprafață ridicată */
  --mc-surface-2:        #E4E0D6;   /* suprafață subtilă / hover */
  --mc-ink:              #17181A;   /* text principal */
  --mc-muted:            #6B6862;   /* text secundar */
  --mc-line:             #D8D3C8;   /* borduri / separatoare */

  /* --- Semantice --- */
  --mc-success:          #2F7D5B;
  --mc-warning:          #B8791B;
  --mc-danger:           #B23A3A;
  --mc-info:             #0F6E63;

  /* --- Cod / terminal (slide-uri, snippet-uri) --- */
  --mc-code-bg:          #1C1B17;
  --mc-code-fg:          #ECE7DC;
  --mc-code-key:         #5FC3B6;
  --mc-code-str:         #E79A6C;
  --mc-code-comment:     #8A8272;

  /* --- Tipografie --- */
  --mc-font-display:     "Fraunces", Georgia, "Times New Roman", serif;      /* titluri editoriale */
  --mc-font-body:        "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif; /* corp/UI, diacritice RO */
  --mc-font-serif:       "Source Serif 4", Georgia, serif;                    /* corp serif pt. contracte */
  --mc-font-mono:        "JetBrains Mono", ui-monospace, Consolas, monospace; /* cod / etichete */

  /* Scală tipografică (modular 1.25, bază 16px) */
  --mc-text-xs:          0.75rem;   /* 12 */
  --mc-text-sm:          0.875rem;  /* 14 */
  --mc-text-base:        1rem;      /* 16 */
  --mc-text-lg:          1.125rem;  /* 18 */
  --mc-text-xl:          1.25rem;   /* 20 */
  --mc-text-2xl:         1.5rem;    /* 24 */
  --mc-text-3xl:         1.875rem;  /* 30 */
  --mc-text-4xl:         2.25rem;   /* 36 */
  --mc-text-5xl:         3rem;      /* 48 */
  --mc-text-6xl:         3.75rem;   /* 60 */

  --mc-leading-tight:    1.12;
  --mc-leading-snug:     1.3;
  --mc-leading-normal:   1.6;

  --mc-weight-regular:   400;
  --mc-weight-medium:    500;
  --mc-weight-semibold:  600;
  --mc-weight-display:   900;   /* Fraunces black pt. wordmark/titluri mari */

  --mc-tracking-tight:   -0.02em; /* titluri display */
  --mc-tracking-label:   0.14em;  /* etichete mono uppercase */

  /* --- Spațiere (grilă 8px, pas fin 4px) --- */
  --mc-space-1:          4px;
  --mc-space-2:          8px;
  --mc-space-3:          12px;
  --mc-space-4:          16px;
  --mc-space-5:          24px;
  --mc-space-6:          32px;
  --mc-space-7:          48px;
  --mc-space-8:          64px;
  --mc-space-9:          96px;

  /* --- Radius --- */
  --mc-radius-sm:        6px;
  --mc-radius:           10px;
  --mc-radius-lg:        14px;
  --mc-radius-full:      999px;

  /* --- Umbre (tentă stone, nu negru pur) --- */
  --mc-shadow-sm:        0 1px 2px rgba(23,24,26,.06);
  --mc-shadow:           0 4px 12px rgba(23,24,26,.08);
  --mc-shadow-lg:        0 14px 40px rgba(23,24,26,.12);

  /* --- Layout --- */
  --mc-container:        1040px;
  --mc-measure:          65ch;     /* lungime optimă rând text */
}

/* Dark după preferința OS */
@media (prefers-color-scheme: dark){
  :root{
    --mc-brand:          #34A79A;
    --mc-brand-strong:   #5FC3B6;
    --mc-brand-soft:     #10322E;
    --mc-on-brand:       #08211D;

    --mc-accent:         #D9814F;
    --mc-accent-strong:  #E79A6C;
    --mc-accent-soft:    #2A1D14;
    --mc-on-accent:      #1B0F08;

    --mc-paper:          #171614;
    --mc-surface:        #201E1A;
    --mc-surface-2:      #13120F;
    --mc-ink:            #ECE7DC;
    --mc-muted:          #A29A8B;
    --mc-line:           #33302A;

    --mc-success:        #5FBE8E;
    --mc-warning:        #E0A94A;
    --mc-danger:         #E06B6B;
    --mc-info:           #5FC3B6;

    --mc-code-bg:        #100F0C;
    --mc-code-fg:        #ECE7DC;

    --mc-shadow-sm:      0 1px 2px rgba(0,0,0,.40);
    --mc-shadow:         0 4px 14px rgba(0,0,0,.45);
    --mc-shadow-lg:      0 14px 40px rgba(0,0,0,.55);
  }
}

/* Override manual (toggle) — trebuie să bată media query în ambele sensuri */
:root[data-theme="light"]{
  --mc-brand:#0F6E63; --mc-brand-strong:#0A5249; --mc-brand-soft:#E3EFEC; --mc-on-brand:#FFFFFF;
  --mc-accent:#B4552D; --mc-accent-strong:#8F3F1E; --mc-accent-soft:#F3E4DB; --mc-on-accent:#FFFFFF;
  --mc-paper:#EBE8E0; --mc-surface:#F7F5EF; --mc-surface-2:#E4E0D6;
  --mc-ink:#17181A; --mc-muted:#6B6862; --mc-line:#D8D3C8;
  --mc-success:#2F7D5B; --mc-warning:#B8791B; --mc-danger:#B23A3A; --mc-info:#0F6E63;
  --mc-code-bg:#1C1B17; --mc-code-fg:#ECE7DC;
  --mc-shadow-sm:0 1px 2px rgba(23,24,26,.06); --mc-shadow:0 4px 12px rgba(23,24,26,.08); --mc-shadow-lg:0 14px 40px rgba(23,24,26,.12);
}
:root[data-theme="dark"]{
  --mc-brand:#34A79A; --mc-brand-strong:#5FC3B6; --mc-brand-soft:#10322E; --mc-on-brand:#08211D;
  --mc-accent:#D9814F; --mc-accent-strong:#E79A6C; --mc-accent-soft:#2A1D14; --mc-on-accent:#1B0F08;
  --mc-paper:#171614; --mc-surface:#201E1A; --mc-surface-2:#13120F;
  --mc-ink:#ECE7DC; --mc-muted:#A29A8B; --mc-line:#33302A;
  --mc-success:#5FBE8E; --mc-warning:#E0A94A; --mc-danger:#E06B6B; --mc-info:#5FC3B6;
  --mc-code-bg:#100F0C; --mc-code-fg:#ECE7DC;
  --mc-shadow-sm:0 1px 2px rgba(0,0,0,.40); --mc-shadow:0 4px 14px rgba(0,0,0,.45); --mc-shadow-lg:0 14px 40px rgba(0,0,0,.55);
}


/* ---- Badge.css ---- */
.mc-badge{
  display:inline-flex; align-items:center; gap:var(--mc-space-1);
  font-family:var(--mc-font-mono); font-size:var(--mc-text-xs); font-weight:var(--mc-weight-medium);
  text-transform:uppercase; letter-spacing:var(--mc-tracking-label); line-height:1.4;
  padding:var(--mc-space-1) var(--mc-space-2); border:1px solid transparent;
  border-radius:var(--mc-radius-full); white-space:nowrap;
}
.mc-badge--brand{   background:var(--mc-brand-soft);  color:var(--mc-brand-strong); }
.mc-badge--accent{  background:var(--mc-accent-soft); color:var(--mc-accent-strong); }
.mc-badge--success{ background:var(--mc-brand-soft);  color:var(--mc-success); }
.mc-badge--warning{ background:var(--mc-accent-soft); color:var(--mc-warning); }
.mc-badge--danger{  background:var(--mc-accent-soft); color:var(--mc-danger); }
.mc-badge--neutral{ background:var(--mc-surface-2);   color:var(--mc-muted); }


/* ---- Button.css ---- */
.mc-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--mc-space-2);
  font-family:var(--mc-font-body); font-weight:var(--mc-weight-semibold); line-height:1;
  text-decoration:none; cursor:pointer; white-space:nowrap; user-select:none;
  border:1px solid transparent; border-radius:var(--mc-radius-sm);
  transition:background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.mc-btn:focus-visible{ outline:2px solid var(--mc-brand); outline-offset:2px; }
.mc-btn[disabled], .mc-btn[aria-disabled="true"]{ opacity:.5; cursor:not-allowed; pointer-events:none; }

/* Mărimi */
.mc-btn--sm{ font-size:var(--mc-text-sm);   padding:var(--mc-space-2) var(--mc-space-3); }
.mc-btn--md{ font-size:var(--mc-text-base); padding:var(--mc-space-3) var(--mc-space-5); }
.mc-btn--lg{ font-size:var(--mc-text-lg);   padding:var(--mc-space-4) var(--mc-space-6); }

/* Variante */
.mc-btn--primary{ background:var(--mc-brand); color:var(--mc-on-brand); }
.mc-btn--primary:hover{ background:var(--mc-brand-strong); }

.mc-btn--secondary{ background:transparent; color:var(--mc-ink); border-color:var(--mc-line); }
.mc-btn--secondary:hover{ background:var(--mc-surface-2); border-color:var(--mc-muted); }

.mc-btn--accent{ background:var(--mc-accent); color:var(--mc-on-accent); }
.mc-btn--accent:hover{ background:var(--mc-accent-strong); }

.mc-btn--ghost{ background:transparent; color:var(--mc-brand); }
.mc-btn--ghost:hover{ background:var(--mc-brand-soft); }


/* ---- Callout.css ---- */
.mc-callout{
  border:1px solid var(--mc-line); border-left-width:4px;
  border-radius:var(--mc-radius-sm); background:var(--mc-surface);
  padding:var(--mc-space-4) var(--mc-space-5); color:var(--mc-ink);
  font-family:var(--mc-font-body);
}
.mc-callout__title{ font-weight:var(--mc-weight-semibold); margin:0 0 var(--mc-space-1); }
.mc-callout__body{ color:var(--mc-muted); line-height:var(--mc-leading-normal); }
.mc-callout__body :first-child{ margin-top:0; }
.mc-callout__body :last-child{ margin-bottom:0; }

.mc-callout--info{    border-left-color:var(--mc-brand); }
.mc-callout--success{ border-left-color:var(--mc-success); }
.mc-callout--warning{ border-left-color:var(--mc-warning); }
.mc-callout--danger{  border-left-color:var(--mc-danger); }
.mc-callout--accent{  border-left-color:var(--mc-accent); }


/* ---- Card.css ---- */
.mc-card{
  background:var(--mc-surface); color:var(--mc-ink);
  border:1px solid var(--mc-line); border-radius:var(--mc-radius-lg);
  box-shadow:var(--mc-shadow-sm); overflow:hidden;
}
.mc-card--elevated{ box-shadow:var(--mc-shadow); }

.mc-card__header{
  padding:var(--mc-space-5); border-bottom:1px solid var(--mc-line);
  font-family:var(--mc-font-display); font-weight:var(--mc-weight-semibold); font-size:var(--mc-text-xl);
}
.mc-card__body{
  padding:var(--mc-space-5); font-family:var(--mc-font-body);
  line-height:var(--mc-leading-normal); color:var(--mc-muted);
}
.mc-card__body :first-child{ margin-top:0; }
.mc-card__body :last-child{ margin-bottom:0; }
.mc-card__footer{
  padding:var(--mc-space-5); border-top:1px solid var(--mc-line);
  display:flex; gap:var(--mc-space-3); align-items:center;
}


/* ---- Footer.css ---- */
.mc-footer{
  background:var(--mc-surface); color:var(--mc-ink);
  border-top:1px solid var(--mc-line); font-family:var(--mc-font-body);
}
.mc-footer__inner{
  max-width:var(--mc-container); margin:0 auto;
  padding:var(--mc-space-8) var(--mc-space-5);
  display:grid; grid-template-columns:1fr 2fr; gap:var(--mc-space-7);
}
.mc-footer__note{ font-size:var(--mc-text-sm); color:var(--mc-muted); margin:var(--mc-space-4) 0 0; max-width:36ch; line-height:var(--mc-leading-normal); }
.mc-footer__cols{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:var(--mc-space-6); }
.mc-footer__title{
  font-family:var(--mc-font-mono); font-size:var(--mc-text-xs);
  text-transform:uppercase; letter-spacing:var(--mc-tracking-label);
  color:var(--mc-muted); margin:0 0 var(--mc-space-4);
}
.mc-footer__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--mc-space-2); }
.mc-footer__link{ font-size:var(--mc-text-sm); color:var(--mc-ink); text-decoration:none; }
.mc-footer__link:hover{ color:var(--mc-brand); }
.mc-footer__legal{
  max-width:var(--mc-container); margin:0 auto;
  padding:var(--mc-space-4) var(--mc-space-5); border-top:1px solid var(--mc-line);
  font-size:var(--mc-text-xs); color:var(--mc-muted);
}

/* Logo comută după temă: light lockup pe fundal deschis, dark lockup pe fundal închis */
.mc-footer__logo--dark{ display:none; }
@media (prefers-color-scheme:dark){
  .mc-footer__logo--light{ display:none; }
  .mc-footer__logo--dark{ display:inline; }
}
:root[data-theme="light"] .mc-footer__logo--light{ display:inline; }
:root[data-theme="light"] .mc-footer__logo--dark{ display:none; }
:root[data-theme="dark"] .mc-footer__logo--light{ display:none; }
:root[data-theme="dark"] .mc-footer__logo--dark{ display:inline; }

@media (max-width:720px){ .mc-footer__inner{ grid-template-columns:1fr; } }


/* ---- Hero.css ---- */
.mc-hero{ background:var(--mc-paper); color:var(--mc-ink); }
.mc-hero__inner{ max-width:var(--mc-container); margin:0 auto; padding:var(--mc-space-9) var(--mc-space-5); }
.mc-hero__eyebrow{
  font-family:var(--mc-font-mono); font-size:var(--mc-text-sm);
  text-transform:uppercase; letter-spacing:var(--mc-tracking-label);
  color:var(--mc-brand); margin:0 0 var(--mc-space-4);
}
.mc-hero__title{
  font-family:var(--mc-font-display); font-weight:var(--mc-weight-display);
  font-size:var(--mc-text-6xl); line-height:var(--mc-leading-tight);
  letter-spacing:var(--mc-tracking-tight); color:var(--mc-ink);
  margin:0 0 var(--mc-space-5); max-width:18ch;
}
.mc-hero__subtitle{
  font-family:var(--mc-font-body); font-size:var(--mc-text-xl);
  line-height:var(--mc-leading-normal); color:var(--mc-muted);
  margin:0 0 var(--mc-space-6); max-width:var(--mc-measure);
}
.mc-hero__actions{ display:flex; flex-wrap:wrap; gap:var(--mc-space-3); }
@media (max-width:640px){ .mc-hero__title{ font-size:var(--mc-text-4xl); } }


/* ---- Input.css ---- */
.mc-field{ display:flex; flex-direction:column; gap:var(--mc-space-2); font-family:var(--mc-font-body); }
.mc-field__label{ font-size:var(--mc-text-sm); font-weight:var(--mc-weight-medium); color:var(--mc-ink); }
.mc-field__input{
  font:inherit; font-size:var(--mc-text-base); color:var(--mc-ink);
  background:var(--mc-surface); border:1px solid var(--mc-line);
  border-radius:var(--mc-radius-sm); padding:var(--mc-space-3) var(--mc-space-4);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.mc-field__input::placeholder{ color:var(--mc-muted); }
.mc-field__input:focus{ outline:none; border-color:var(--mc-brand); box-shadow:0 0 0 3px var(--mc-brand-soft); }
.mc-field__msg{ font-size:var(--mc-text-sm); color:var(--mc-muted); }
.mc-field__msg--error{ color:var(--mc-danger); }
.mc-field--error .mc-field__input{ border-color:var(--mc-danger); }
.mc-field--error .mc-field__input:focus{ box-shadow:0 0 0 3px var(--mc-accent-soft); }


/* ---- Nav.css ---- */
.mc-nav{
  background:var(--mc-paper); border-bottom:1px solid var(--mc-line);
  position:sticky; top:0; z-index:50;
}
.mc-nav__inner{
  max-width:var(--mc-container); margin:0 auto;
  padding:var(--mc-space-3) var(--mc-space-5);
  display:flex; align-items:center; gap:var(--mc-space-5);
}
.mc-nav__brand{ display:inline-flex; align-items:center; flex-shrink:0; }
.mc-nav__links{ display:flex; gap:var(--mc-space-5); margin-left:var(--mc-space-4); flex:1; }
.mc-nav__link{
  font-family:var(--mc-font-body); font-size:var(--mc-text-sm); font-weight:var(--mc-weight-medium);
  color:var(--mc-muted); text-decoration:none; transition:color .15s ease;
}
.mc-nav__link:hover{ color:var(--mc-ink); }
@media (max-width:640px){ .mc-nav__links{ display:none; } }


/* ---- Section.css ---- */
.mc-section{ background:var(--mc-surface); color:var(--mc-ink); }
.mc-section__inner{ max-width:var(--mc-container); margin:0 auto; padding:var(--mc-space-9) var(--mc-space-5); }
.mc-section__head{ margin-bottom:var(--mc-space-7); max-width:var(--mc-measure); }
.mc-section__eyebrow{
  font-family:var(--mc-font-mono); font-size:var(--mc-text-sm);
  text-transform:uppercase; letter-spacing:var(--mc-tracking-label);
  color:var(--mc-brand); margin:0 0 var(--mc-space-3);
}
.mc-section__title{
  font-family:var(--mc-font-display); font-weight:var(--mc-weight-semibold);
  font-size:var(--mc-text-4xl); line-height:var(--mc-leading-tight);
  letter-spacing:var(--mc-tracking-tight); margin:0 0 var(--mc-space-4);
}
.mc-section__intro{
  font-family:var(--mc-font-body); font-size:var(--mc-text-lg);
  line-height:var(--mc-leading-normal); color:var(--mc-muted); margin:0;
}

/* variant="grid" — grilă de features */
.mc-section--grid .mc-section__content{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:var(--mc-space-6);
}
/* variant="split" — 2 coloane */
.mc-section--split .mc-section__content{
  display:grid; grid-template-columns:1fr 1fr; gap:var(--mc-space-7); align-items:center;
}
@media (max-width:720px){ .mc-section--split .mc-section__content{ grid-template-columns:1fr; } }

.mc-feature__title{
  font-family:var(--mc-font-display); font-size:var(--mc-text-xl);
  font-weight:var(--mc-weight-semibold); margin:0 0 var(--mc-space-2);
}
.mc-feature__text{ font-family:var(--mc-font-body); line-height:var(--mc-leading-normal); color:var(--mc-muted); margin:0; }


/* ---- Table.css ---- */
.mc-table-wrap{ overflow-x:auto; border:1px solid var(--mc-line); border-radius:var(--mc-radius); }
.mc-table{
  width:100%; border-collapse:collapse;
  font-family:var(--mc-font-body); font-size:var(--mc-text-sm); color:var(--mc-ink);
}
.mc-table__caption{
  text-align:left; padding:var(--mc-space-3) var(--mc-space-4);
  font-family:var(--mc-font-mono); font-size:var(--mc-text-xs);
  text-transform:uppercase; letter-spacing:var(--mc-tracking-label); color:var(--mc-muted);
}
.mc-table th{
  text-align:left; background:var(--mc-surface-2); color:var(--mc-ink);
  font-weight:var(--mc-weight-semibold); padding:var(--mc-space-3) var(--mc-space-4);
  border-bottom:1px solid var(--mc-line); white-space:nowrap;
}
.mc-table td{ padding:var(--mc-space-3) var(--mc-space-4); border-bottom:1px solid var(--mc-line); }
.mc-table tbody tr:nth-child(even){ background:var(--mc-surface); }
.mc-table tbody tr:last-child td{ border-bottom:none; }


/* ---- page-v2.css ---- */
/* ========================================================================
   microcloud.ro — site v2 · stiluri de pagină.
   Concatenat DUPĂ tokens.css + componentele .mc-*. Folosește doar --mc-*.
   NOU în v2: hero animat, butoane nav „aprinse", triunghiul sinergiei,
   scroll-reveal, accent de pagină comutabil (teal ↔ clay/portocaliu).
   ======================================================================== */

/* Accent de pagină: implicit teal; pe paginile Automatizări/Cursuri = clay */
:root{ --mc-page-accent: var(--mc-brand); --mc-page-accent-soft: var(--mc-brand-soft); }
body.accent-clay{ --mc-page-accent: var(--mc-accent); --mc-page-accent-soft: var(--mc-accent-soft); }

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--mc-paper); color:var(--mc-ink);
  font-family:var(--mc-font-body); line-height:var(--mc-leading-normal);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
h1,h2,h3,h4,p,ul{ margin:0; }
.mc-container{ max-width:var(--mc-container); margin:0 auto; padding:0 var(--mc-space-5); }
section{ scroll-margin-top:76px; }

/* ---- Nav: butoane proeminente care se „aprind" la hover ---- */
.mc-nav__links{ display:flex; gap:var(--mc-space-2); margin-left:var(--mc-space-5); flex:1; }
.mc-nav__inner{ padding-top:var(--mc-space-1); padding-bottom:var(--mc-space-1); }
.mc-navbtn{
  position:relative;
  display:inline-flex; align-items:center; justify-content:center; text-align:center; white-space:nowrap;
  font-family:var(--mc-font-body); font-size:var(--mc-text-sm); font-weight:var(--mc-weight-semibold);
  color:var(--mc-muted); text-decoration:none; padding:7px 14px; border-radius:var(--mc-radius-sm);
  border:1px solid transparent; transition:color .18s, border-color .18s, background .18s, box-shadow .18s;
}
/* Delimitare verticală portocalie permanentă între butoane (2/3 înălțime, centrată) */
.mc-navbtn:not(:first-child)::before{
  content:""; position:absolute; left:calc(-1 * var(--mc-space-1)); top:50%; transform:translateY(-50%);
  width:2px; height:66%; background:var(--mc-accent); border-radius:1px;
}
.mc-navbtn:hover{
  color:var(--mc-ink); border-color:var(--mc-page-accent);
  background:color-mix(in srgb, var(--mc-page-accent) 8%, transparent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--mc-page-accent) 14%, transparent),
             0 0 20px color-mix(in srgb, var(--mc-page-accent) 30%, transparent);
}
.mc-navbtn.is-active{ color:var(--mc-ink); border-color:var(--mc-line); background:var(--mc-surface); }

/* ---- Controale (limbă + temă) ---- */
.mc-controls{ display:flex; align-items:center; gap:var(--mc-space-2); }
.mc-langs{ display:inline-flex; border:1px solid var(--mc-line); border-radius:var(--mc-radius-sm); overflow:hidden; }
.mc-langs button{ font-family:var(--mc-font-mono); font-size:var(--mc-text-xs); font-weight:600; letter-spacing:.06em; background:transparent; border:0; color:var(--mc-muted); padding:6px 9px; cursor:pointer; line-height:1; }
.mc-langs button[aria-pressed="true"]{ background:var(--mc-brand); color:var(--mc-on-brand); }
.mc-iconbtn{ background:transparent; border:1px solid var(--mc-line); color:var(--mc-muted); border-radius:var(--mc-radius-sm); width:34px; height:30px; cursor:pointer; line-height:1; font-size:15px; transition:color .15s, border-color .15s; }
.mc-iconbtn:hover{ color:var(--mc-ink); border-color:var(--mc-muted); }

/* ---- HERO animat (carusel de mesaje) ---- */
.mc-hero{ position:relative; overflow:hidden; }
.mc-hero::after{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:radial-gradient(55% 75% at 85% 4%, color-mix(in srgb, var(--mc-brand) 18%, transparent), transparent 70%),
             radial-gradient(45% 60% at 10% 100%, color-mix(in srgb, var(--mc-accent) 12%, transparent), transparent 70%); }
.mc-hero__inner{ position:relative; z-index:2; display:flex; align-items:flex-end; gap:clamp(var(--mc-space-5), 5vw, 90px); padding-top:40px; padding-bottom:40px; } /* padding vertical redus (96→40) pt. -20% înălțime hero */
/* coloana de text (titlu + subtitlu); butoanele stau separat, în dreapta */
.mc-hero__text{ flex:1 1 auto; min-width:0; }

/* Imagini de fundal per CTA — shrink-in (stretched pe lățime → cadru), foarte faded */
.mc-hero__bgs{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.mc-hero__bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; object-position:right center;   /* media INTEGRALĂ, aliniată în dreapta cadrului */
  opacity:0; transform:scale(1.5); transform-origin:right center;
  transition:opacity .7s ease, transform 2.4s ease; will-change:opacity, transform;
}
/* shrink-in vizibil: pornește mare (deborda cadrul) → se strânge la dimensiunea integrală, în dreapta */
.mc-hero__bg.is-active{ opacity:.7; transform:scale(1); }
:root[data-theme="light"] .mc-hero__bg.is-active{ opacity:.6; }
/* Voal dinspre stânga (paper) ca textul să rămână lizibil peste imagine */
.mc-hero__bgs::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg, var(--mc-paper) 0%, color-mix(in srgb, var(--mc-paper) 60%, transparent) 42%, transparent 100%);
}
/* Video (racheta) — integral, în dreapta (ca imaginile) */
.mc-hero__video{ object-fit:contain; object-position:right center; }
/* Cross-fade slot 2: trăsură → skyline modern */
.mc-hero__xfade{ overflow:hidden; }
.mc-hero__xf{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.mc-hero__xf--top{ opacity:0; }
.mc-hero__bg.is-active .mc-hero__xf--top{ animation:mcXfade 1.8s ease .8s forwards; }
@keyframes mcXfade{ from{opacity:0} to{opacity:1} }
.mc-hero__rotator{ position:relative; min-height:clamp(210px, 25vw, 330px); margin:0 0 var(--mc-space-4); }
.mc-hero__line{
  position:absolute; inset:0; margin:0; max-width:20ch;
  font-family:var(--mc-font-display); font-weight:var(--mc-weight-display);
  font-size:clamp(1.8rem, 4.4vw, 3.4rem); line-height:var(--mc-leading-tight); letter-spacing:var(--mc-tracking-tight);
  background:linear-gradient(100deg, var(--mc-ink) 30%, var(--mc-brand) 70%, var(--mc-accent) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  opacity:0; transform:translate(-42px,-30px) scale(.98); transition:opacity .7s ease, transform .7s ease; pointer-events:none;
}
/* textul coboară din colțul sus-stânga spre poziția lui */
.mc-hero__line.is-active{ opacity:1; transform:translate(0,0) scale(1); }
/* subtitlul hero, puțin mai jos */
.mc-hero__subtitle{ margin-top:var(--mc-space-4); }
/* butoanele hero — în dreapta bannerului, aliniate jos (la nivelul subtitlului) */
.mc-hero__actions{ display:flex; flex-wrap:wrap; gap:var(--mc-space-3); flex:0 0 auto; align-self:flex-end; margin-bottom:var(--mc-space-2); }

/* Butoane derulare hero (prev/next) */
.mc-hero__nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:3;
  width:46px; height:46px; border-radius:var(--mc-radius-full);
  border:1px solid var(--mc-line); background:color-mix(in srgb, var(--mc-surface) 85%, transparent);
  color:var(--mc-ink); font-family:var(--mc-font-body); font-size:26px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; padding:0 0 3px;
  transition:border-color .18s, background .18s, box-shadow .18s, color .18s;
}
.mc-hero__nav:hover{ color:var(--mc-brand); border-color:var(--mc-brand); box-shadow:0 0 0 3px color-mix(in srgb, var(--mc-brand) 16%, transparent); }
.mc-hero__nav:focus-visible{ outline:2px solid var(--mc-brand); outline-offset:2px; }
.mc-hero__nav--prev{ left:var(--mc-space-4); }
.mc-hero__nav--next{ right:var(--mc-space-4); }
@media (max-width:640px){ .mc-hero__nav{ width:38px; height:38px; font-size:22px; } .mc-hero__nav--prev{ left:6px; } .mc-hero__nav--next{ right:6px; } }

/* ---- TRIUNGHIUL SINERGIEI ---- */
.mc-synergy__stage{ position:relative; max-width:1000px; margin:var(--mc-space-7) auto 0; min-height:640px; }
.mc-synergy__links{ position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.mc-synergy__links path{ fill:none; stroke:url(#mcFlow); stroke-width:2.6; stroke-linecap:round; opacity:.9;
  stroke-dasharray:5 9; animation:mcDash 2.2s linear infinite; }
@keyframes mcDash{ to{ stroke-dashoffset:-56; } }
.mc-synergy__dot{ fill:var(--mc-brand); filter:drop-shadow(0 0 5px color-mix(in srgb, var(--mc-brand) 60%, transparent)); }
.mc-synergy__node{
  position:absolute; width:min(410px, 92%); background:var(--mc-surface); color:var(--mc-ink);
  border:1px solid var(--mc-line); border-top:3px solid var(--mc-brand); border-radius:var(--mc-radius-lg);
  box-shadow:var(--mc-shadow); padding:var(--mc-space-5); text-decoration:none; z-index:1;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.mc-synergy__node:hover{ transform:translateY(-6px); box-shadow:var(--mc-shadow-lg); }
.mc-synergy__node--top{ top:0; left:50%; transform:translateX(-50%); }
.mc-synergy__node--top:hover{ transform:translateX(-50%) translateY(-6px); }
.mc-synergy__node--left{ bottom:0; left:0; }
.mc-synergy__node--right{ bottom:0; right:0; }
/* Culoarea urmează serviciul, nu poziția */
.mc-synergy__node--teal{ border-top-color:var(--mc-brand); }
.mc-synergy__node--clay{ border-top-color:var(--mc-accent); }
.mc-synergy__node h3{ font-family:var(--mc-font-display); font-size:var(--mc-text-2xl); font-weight:600; margin:var(--mc-space-3) 0; }
.mc-synergy__node p{ color:var(--mc-muted); font-size:var(--mc-text-base); margin:0 0 var(--mc-space-4); }
.mc-synergy__node .mc-badge{ font-size:var(--mc-text-sm); }
.mc-synergy__more{ font-family:var(--mc-font-mono); font-size:var(--mc-text-sm); text-transform:uppercase; letter-spacing:var(--mc-tracking-label); color:var(--mc-brand); }
.mc-synergy__node--clay .mc-synergy__more{ color:var(--mc-accent); }
.mc-synergy__node--teal .mc-synergy__more{ color:var(--mc-brand); }

/* ---- Liste, pași, callout, media (reluate din v1) ---- */
.mc-checklist{ list-style:none; padding:0; display:flex; flex-direction:column; gap:var(--mc-space-3); }
.mc-checklist li{ position:relative; padding-left:var(--mc-space-5); }
.mc-checklist li::before{ content:"\2192"; position:absolute; left:0; top:0; color:var(--mc-page-accent); font-weight:700; }
.mc-steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:var(--mc-space-6); }
.mc-step__n{ font-family:var(--mc-font-display); font-weight:var(--mc-weight-display); font-size:var(--mc-text-3xl); color:var(--mc-brand); line-height:1; margin-bottom:var(--mc-space-2); }
.mc-step__title{ font-family:var(--mc-font-display); font-size:var(--mc-text-lg); font-weight:600; margin-bottom:var(--mc-space-1); }
.mc-step__text{ color:var(--mc-muted); }
.mc-media{ background:var(--mc-surface-2); border:1px dashed var(--mc-line); border-radius:var(--mc-radius-lg); min-height:240px; display:flex; align-items:center; justify-content:center; color:var(--mc-muted); font-family:var(--mc-font-mono); font-size:var(--mc-text-sm); text-align:center; padding:var(--mc-space-5); }

/* ---- Pagini de serviciu ---- */
.mc-phero{ position:relative; overflow:hidden; background:var(--mc-paper); }
.mc-phero::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(50% 70% at 88% 0%, color-mix(in srgb, var(--mc-page-accent) 16%, transparent), transparent 70%); }
.mc-phero__inner{ position:relative; z-index:1; max-width:var(--mc-container); margin:0 auto; padding:var(--mc-space-9) var(--mc-space-5) var(--mc-space-8); }
.mc-phero__eyebrow{ font-family:var(--mc-font-mono); font-size:var(--mc-text-sm); text-transform:uppercase; letter-spacing:var(--mc-tracking-label); color:var(--mc-page-accent); margin-bottom:var(--mc-space-4); }
.mc-phero__title{ font-family:var(--mc-font-display); font-weight:var(--mc-weight-display); font-size:clamp(2.2rem,5vw,3.4rem); line-height:var(--mc-leading-tight); letter-spacing:var(--mc-tracking-tight); max-width:16ch; margin-bottom:var(--mc-space-5); }
.mc-phero__sub{ font-size:var(--mc-text-xl); color:var(--mc-muted); max-width:var(--mc-measure); }
.mc-features{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:var(--mc-space-6); }
.mc-feature__title{ font-family:var(--mc-font-display); font-size:var(--mc-text-xl); font-weight:600; margin-bottom:var(--mc-space-2); }
.mc-feature__text{ color:var(--mc-muted); }

/* ---- Bandă CTA ---- */
.mc-ctaband{ background:var(--mc-page-accent-soft); border-radius:var(--mc-radius-lg); padding:var(--mc-space-7); text-align:center; }
.mc-ctaband h2{ font-family:var(--mc-font-display); font-size:var(--mc-text-3xl); font-weight:600; margin-bottom:var(--mc-space-3); }
.mc-ctaband p{ color:var(--mc-muted); max-width:52ch; margin:0 auto var(--mc-space-5); }
.mc-btn--accent{ background:var(--mc-page-accent); color:var(--mc-on-brand); }

/* ---- Contact ---- */
.mc-contact__grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--mc-space-7); align-items:start; }
.mc-contact__info{ display:flex; flex-direction:column; gap:var(--mc-space-5); }
.mc-contact__row{ display:flex; flex-direction:column; gap:2px; }
.mc-contact__k{ font-family:var(--mc-font-mono); font-size:var(--mc-text-xs); text-transform:uppercase; letter-spacing:var(--mc-tracking-label); color:var(--mc-muted); }
.mc-contact__v{ font-size:var(--mc-text-lg); }
.mc-form{ display:flex; flex-direction:column; gap:var(--mc-space-4); }
.mc-form__ok{ color:var(--mc-success); font-size:var(--mc-text-sm); }
.mc-form__err{ color:var(--mc-danger); font-size:var(--mc-text-sm); }
/* honeypot anti-spam: ascuns de utilizator, vizibil pentru boți */
.mc-hp{ position:absolute !important; left:-9999px !important; top:auto; width:1px; height:1px; overflow:hidden; }
.mc-badgerow{ display:flex; flex-wrap:wrap; gap:var(--mc-space-2); margin-top:var(--mc-space-5); }

/* ---- Utilitare ---- */
.mc-eyebrow{ font-family:var(--mc-font-mono); font-size:var(--mc-text-sm); text-transform:uppercase; letter-spacing:var(--mc-tracking-label); color:var(--mc-page-accent); }
.mc-lead{ font-size:var(--mc-text-lg); color:var(--mc-muted); max-width:var(--mc-measure); }
.mc-mt-5{ margin-top:var(--mc-space-5); } .mc-mt-6{ margin-top:var(--mc-space-6); } .mc-mt-7{ margin-top:var(--mc-space-7); }

/* ---- Scroll reveal ---- */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .7s ease, transform .7s ease; }
.reveal.is-in{ opacity:1; transform:none; }

/* ---- Logo comută după temă ---- */
.mc-logo--dark{ display:none; }
:root[data-theme="light"] .mc-logo--light{ display:block; }
:root[data-theme="light"] .mc-logo--dark{ display:none; }
:root[data-theme="dark"] .mc-logo--light{ display:none; }
:root[data-theme="dark"] .mc-logo--dark{ display:block; }

/* ---- Responsive ---- */
@media (max-width:900px){ .mc-nav__links{ gap:2px; } .mc-navbtn{ padding:7px 9px; } }
@media (max-width:820px){
  .mc-nav__links{ display:none; }
  /* hero: revenire la stivă (text apoi butoane) */
  .mc-hero__inner{ flex-direction:column; align-items:flex-start; gap:0; }
  .mc-hero__actions{ align-self:flex-start; margin-bottom:0; margin-top:var(--mc-space-6); }
  .mc-synergy__stage{ min-height:0; display:flex; flex-direction:column; gap:var(--mc-space-5); }
  .mc-synergy__links{ display:none; }
  .mc-synergy__node,
  .mc-synergy__node--top,
  .mc-synergy__node--left,
  .mc-synergy__node--right{ position:static; width:auto; transform:none; }
  .mc-synergy__node--top:hover,
  .mc-synergy__node:hover{ transform:translateY(-6px); }
  .mc-contact__grid{ grid-template-columns:1fr; }
}

/* ---- Reduce motion ---- */
@media (prefers-reduced-motion:reduce){
  .mc-hero__line{ transition:none; }
  .mc-hero__bg{ transition:none; transform:none; }
  .mc-hero__xf--top{ animation:none; opacity:.5; }
  .reveal{ transition:none; opacity:1; transform:none; }
  .mc-synergy__links path{ animation:none; }
  html{ scroll-behavior:auto; }
}

/* ======================================================================
   v18 (2026-07-15) — carduri (features/pași/„de ce noi"); hero responsive
   (titlu FHD mai mic, compoziție centrată pe ultra-wide); vignetă casetofon.
   ====================================================================== */

/* 026 — carduri: features (toate paginile) + pași proces + „De ce noi" */
.mc-feature, .mc-step{
  background:var(--mc-surface); border:1px solid var(--mc-line);
  border-radius:var(--mc-radius-lg); box-shadow:var(--mc-shadow-sm);
  padding:var(--mc-space-6);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.mc-feature:hover, .mc-step:hover{
  transform:translateY(-4px); box-shadow:var(--mc-shadow-lg); border-color:var(--mc-page-accent);
}
/* element de culoare în fața titlului (features); la pași, numărul „01" e accentul */
.mc-feature__title::before{
  content:""; display:block; width:36px; height:4px; border-radius:2px;
  background:var(--mc-page-accent); margin-bottom:var(--mc-space-3);
}

/* 027a — titlu hero mai mic pe desktop ≤2000px (FHD prea mare); 2.5K+ rămâne 3.4rem */
@media (max-width:2000px){
  .mc-hero__line{ font-size:clamp(1.8rem, 4.4vw, 3.15rem); }
}
/* 027b — pe ultra-wide compoziția hero rămâne centrată (media nu fuge la marginea ecranului) */
.mc-hero{ max-width:1900px; margin-left:auto; margin-right:auto; }

/* 030 — vignetă casetofon (slot 2), DOAR pe dark: centrul rămâne, marginile −50% radial */
.mc-hero__bgs::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  opacity:0; transition:opacity .7s ease;
  background:radial-gradient(circle at 78% 50%, rgba(0,0,0,0) 34%, rgba(0,0,0,.5) 100%);
}
:root[data-theme="dark"] .mc-hero__bgs:has(.mc-hero__bg:nth-child(2).is-active)::before{ opacity:1; }