/* ============================================================
   ETALON — foaia de stil comună tuturor paginilor
   Modifici aici o singură dată și se schimbă pe tot site-ul.
   ============================================================ */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#EDEEEF; --card:#FFFFFF; --sunk:#E3E5E6;
  --ink:#15181B; --ink2:#3A4046; --muted:#6B7278; --faint:#98A0A6;
  --rule:#D8DBDD; --rule2:#C2C7CA;
  --accent:#7A2231; --accent-soft:#F3E7E9; --accent-deep:#5C1724;
  --brass:#8A6A1E;
  --dark:#15181B;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --sans:'IBM Plex Sans',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;
  line-height:1.62;-webkit-font-smoothing:antialiased}
.w{max-width:1140px;margin:0 auto;padding:0 28px}
.lbl{font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.012em;line-height:1.16;text-wrap:balance}
p{color:var(--ink2)}
a{color:inherit}

/* ── navigație ── */
nav{position:sticky;top:0;z-index:40;background:rgba(237,238,239,.93);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule)}
nav .in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:66px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand svg{width:26px;height:26px;display:block}
.brand span{font-weight:600;letter-spacing:.2em;font-size:15px}
.nl{display:flex;gap:26px;align-items:center}
.nl a{text-decoration:none;font-size:13.5px;color:var(--ink2);padding:4px 0;border-bottom:1px solid transparent}
.nl a:hover{color:var(--ink);border-bottom-color:var(--accent)}
.nl a.on{color:var(--ink);border-bottom-color:var(--accent)}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;
  font-size:13.5px;font-weight:500;padding:10px 19px;border:1px solid var(--accent);transition:.15s}
.btn:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule2)}
.btn.ghost:hover{background:var(--card);border-color:var(--ink)}

/* ── antet de pagină interioară ── */
.phead{padding:60px 0 46px;border-bottom:1px solid var(--rule)}
.phead h1{font-size:clamp(31px,3.8vw,45px);max-width:20ch;margin-top:15px}
.phead .lede{font-family:var(--serif);font-size:18px;line-height:1.55;color:var(--ink2);
  margin-top:20px;max-width:62ch}
.rule-top{width:52px;height:3px;background:var(--accent);margin-bottom:22px}

/* ── erou (prima pagină) ── */
.hero{padding:76px 0 0;border-bottom:1px solid var(--rule)}
.hero .grid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:start}
.hero h1{font-size:clamp(36px,4.4vw,55px)}
.hero .lede{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--ink2);
  margin-top:22px;max-width:38ch}
.hero .cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hero .sub{margin-top:22px;font-size:12.5px;color:var(--muted);max-width:46ch}
.shot{border:1px solid var(--rule2);background:var(--card);
  box-shadow:0 1px 0 rgba(0,0,0,.03),0 22px 44px -26px rgba(21,24,27,.4)}
.shot img{width:100%;display:block}
.shot .cap{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--faint);padding:8px 12px;border-top:1px solid var(--rule)}

/* ── bandă cifre ── */
.facts{border-bottom:1px solid var(--rule);background:var(--card)}
.facts .g{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:26px 0;border-left:1px solid var(--rule)}
.fact:first-child{border-left:none}
.fact .n{font-family:var(--serif);font-size:33px;font-weight:600;line-height:1;letter-spacing:-.02em}
.fact .t{font-size:12.5px;color:var(--muted);margin-top:9px;padding-right:22px}
.fact:not(:first-child){padding-left:26px}

/* ── secțiuni ── */
section{padding:74px 0;border-bottom:1px solid var(--rule)}
.sh{display:flex;align-items:baseline;gap:16px;margin-bottom:36px}
.sh .lbl{white-space:nowrap}
.sh .ln{flex:1;height:1px;background:var(--rule2)}
h2{font-size:clamp(26px,3vw,35px);max-width:23ch}
.intro{font-size:16.5px;max-width:64ch;margin-top:16px;font-family:var(--serif)}

/* ── grilă de servicii ── */
.svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule2);
  border:1px solid var(--rule2);margin-top:34px}
.svc{background:var(--card);padding:28px 24px;display:flex;flex-direction:column;gap:9px;
  text-decoration:none;transition:.15s}
a.svc:hover{background:#FAFAFA}
.svc .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.svc h3{font-size:18.5px}
.svc p{font-size:13.5px;line-height:1.55}
.svc .go{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);margin-top:auto;padding-top:12px}

/* ── bloc de serviciu detaliat ── */
.block{display:grid;grid-template-columns:.34fr .66fr;gap:44px;padding:44px 0;
  border-top:1px solid var(--rule)}
.block:first-of-type{border-top:none;padding-top:8px}
.block .side .k{font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--accent);display:block;margin-bottom:10px}
.block h3{font-size:25px;margin-bottom:12px}
.block p{font-size:14.5px;max-width:60ch}
.block .side p{font-size:13px;color:var(--muted);margin-top:12px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin-top:20px}
.tick{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--ink2)}
.tick i{color:var(--accent);font-style:normal;font-weight:600;flex:none;font-family:var(--mono);
  font-size:12px;padding-top:2px}
.tag{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;
  text-transform:uppercase;padding:3px 8px;border:1px solid var(--rule2);color:var(--muted);
  margin-top:14px}
.tag.adv{border-color:#D6C48E;color:var(--brass);background:#FBF7EC}

/* ── două coloane ── */
.feature{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;margin-top:44px}
.feature.rev{grid-template-columns:.85fr 1.15fr}
.feature h3{font-size:23px;margin-bottom:13px}
.feature p{font-size:14.5px}
.feature .tick{margin-top:13px}

/* ── pași ── */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:38px}
.step{border-top:3px solid var(--ink);padding-top:19px}
.step .n{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em}
.step h3{font-size:19px;margin:11px 0 9px}
.step p{font-size:13.5px}

/* ── fond închis ── */
.dark{background:var(--dark);color:#E9EAEB;border-bottom:none}
.dark h2,.dark h3{color:#fff}
.dark p{color:#AAB1B6}
.dark .lbl{color:#7E868C}
.dark .sh .ln{background:#2B3136}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#262C31;border:1px solid #262C31;margin-top:34px}
.mcell{background:var(--dark);padding:28px 26px}
.mcell h3{font-size:18px;margin-bottom:11px}
.mcell p{font-size:13.5px;line-height:1.6}
.mcell.warn{background:#1B1E21}
.mcell.warn h3{color:#E7C98A}

/* ── preț ── */
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.pr{background:var(--card);border:1px solid var(--rule2);padding:28px 26px;display:flex;
  flex-direction:column;gap:15px}
.pr.mark{border:2px solid var(--accent);position:relative}
.pr.mark:before{content:"Recomandat la început";position:absolute;top:-11px;left:24px;
  background:var(--accent);color:#fff;font-family:var(--mono);font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;padding:4px 9px}
.pr .k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pr .amt{font-family:var(--serif);font-size:35px;font-weight:600;line-height:1;letter-spacing:-.02em}
.pr .amt u{text-decoration:none;font-size:15px;color:var(--muted);font-family:var(--sans);font-weight:400}
.pr ul{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--ink2)}
.pr li{display:flex;gap:10px}
.pr li i{color:var(--accent);font-style:normal;flex:none}
.note{font-size:13px;color:var(--muted);margin-top:26px;max-width:72ch}

/* ── tabel simplu ── */
table.t{width:100%;border-collapse:collapse;margin-top:30px;background:var(--card);
  border:1px solid var(--rule2);font-size:14px}
table.t th{font-family:var(--mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);text-align:left;padding:14px 18px;border-bottom:1px solid var(--rule2);font-weight:400}
table.t td{padding:14px 18px;border-bottom:1px solid var(--rule);color:var(--ink2);vertical-align:top}
table.t tr:last-child td{border-bottom:none}
table.t td:first-child{color:var(--ink);font-weight:500;width:31%}

/* ── despre / contact ── */
.two{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.two h2{margin-bottom:16px}
.two p{font-size:15px;margin-bottom:14px}
.contact{background:var(--card);border:1px solid var(--rule2);padding:32px}
.contact h3{font-size:21px;margin-bottom:12px}
.crow{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--rule)}
.crow .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.crow .v{font-size:14px;text-align:right}
.crow .v a{text-decoration:none;border-bottom:1px solid var(--accent)}

/* ── bandă de final ── */
.cta-band{background:var(--card);border-bottom:1px solid var(--rule)}
.cta-band .in{display:flex;justify-content:space-between;align-items:center;gap:32px;
  padding:44px 0;flex-wrap:wrap}
.cta-band h3{font-size:24px;max-width:24ch}
.cta-band p{font-size:14px;margin-top:8px;max-width:50ch}

footer{background:var(--dark);color:#8F979D;padding:44px 0 38px}
footer .in{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:flex-end}
footer .brand span{color:#fff}
footer .fl{display:flex;gap:22px;flex-wrap:wrap}
footer a{text-decoration:none;font-size:13px}
footer a:hover{color:#fff}
footer .fine{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#5F676D;margin-top:26px;
  padding-top:22px;border-top:1px solid #262C31;width:100%;line-height:1.7}

@media(max-width:960px){
  .hero .grid,.feature,.feature.rev,.two,.block{grid-template-columns:1fr;gap:30px}
  .svcs,.steps,.prices,.mgrid,.cols{grid-template-columns:1fr}
  .facts .g{grid-template-columns:1fr 1fr}
  .fact{border-left:none;padding-left:0!important;border-top:1px solid var(--rule)}
  .fact:nth-child(-n+2){border-top:none}
  .block{padding:34px 0}
  .block:first-of-type{padding-top:4px}
}
@media(max-width:760px){
  nav .in{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:0;gap:14px}
  nav .in>.btn{margin-left:auto}
  .nl{order:3;width:100%;gap:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;
      padding:11px 0 12px;margin-top:2px;border-top:1px solid var(--rule);white-space:nowrap}
  .nl a{font-size:12px}
  .crow{flex-direction:column;gap:3px}
  .crow .v{text-align:left}
  table.t td:first-child{width:auto}
}


/* ===== language switch ===== */
.navright{display:flex;align-items:center;gap:14px}
nav .in>.navright{margin-left:auto}
.langsw{display:inline-flex;border:1px solid var(--rule2);border-radius:2px;overflow:hidden}
.langsw button{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:6px 9px;
  background:transparent;border:0;color:var(--muted);cursor:pointer;line-height:1}
.langsw button+button{border-left:1px solid var(--rule2)}
.langsw button.on{background:var(--ink);color:#fff}
/* ===== interactive demo panels ===== */
.viz{background:var(--card);border:1px solid var(--rule2);
  box-shadow:0 1px 0 rgba(0,0,0,.03),0 22px 44px -26px rgba(21,24,27,.4);overflow:hidden}
.viz .vhd{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 15px;border-bottom:1px solid var(--rule)}
.viz .vt{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.2}
.viz .vt small{display:block;font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);font-weight:400;margin-top:4px}
.viz .tabs{display:inline-flex;border:1px solid var(--rule2);border-radius:2px;overflow:hidden;flex:none}
.viz .tabs button{font-family:var(--mono);font-size:10px;letter-spacing:.03em;padding:6px 8px;
  background:transparent;border:0;color:var(--muted);cursor:pointer;line-height:1.1}
.viz .tabs button+button{border-left:1px solid var(--rule2)}
.viz .tabs button.on{background:var(--accent);color:#fff}
.viz .vbody{padding:6px 6px 0}
.viz svg{width:100%;height:auto;display:block}
.viz .vft{display:flex;flex-wrap:wrap;gap:7px 15px;align-items:center;
  padding:11px 15px;border-top:1px solid var(--rule)}
.viz .lg{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);
  font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.viz .sw{width:15px;height:8px;border-radius:1px;display:inline-block;flex:none}
.viz .stat{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.03em;color:var(--ink)}
.viz .vseg{display:flex;justify-content:center;padding:6px 0 4px}
@media(max-width:560px){.viz .vhd{flex-direction:column;align-items:flex-start}
  .viz .stat{margin-left:0}}
/* ── mențiunea de preț introductiv din cardul Pilot ── */
.pr .offer{background:var(--accent-soft);border-left:3px solid var(--accent);
  padding:9px 12px;font-size:12.5px;color:var(--accent-deep);line-height:1.45}
.pr .offer b{font-weight:600}