/* Inter — latin-ext (includes Romanian diacritics: ă â î ș ț) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('../fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Inter — latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* JetBrains Mono — latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* JetBrains Mono — latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:         #07090F;
  --bg-s:       #0D1018;
  --bg-c:       #111622;
  --border:     #1C2236;
  --orange:     #FF9D30;
  --orange-d:   rgba(255,157,48,.1);
  --orange-g:   rgba(255,157,48,.2);
  --green:      #34D399;
  --cyan:       #38BDF8;
  --purple:     #818CF8;
  --text:       #F0F4FA;
  --text-s:     #8A95AA;
  --text-m:     #454E63;
  --r:          12px;
  --light-bg:    #FFFFFF;
  --light-bg-s:  #F8FAFC;
  --light-border: #E2E8F0;
  --light-text:  #0F172A;
  --light-text-s:#475569;
  --light-text-m:#94A3B8;
}

html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 16px; line-height: 1.6; overflow-x: hidden; }

/* CANVAS */
#bg-canvas { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .45; }

/* ── NAV ── */
nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  padding: 0 5%; height: 68px;
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(7,9,15,.88); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
}

.logo { display: flex; align-items: center; gap: 0; text-decoration: none; }
.logo-word { font-size: 20px; letter-spacing: -.5px; line-height: 1; }
.logo-word .part1 { font-weight: 300; color: var(--text); }
.logo-word .part2 { font-weight: 800; color: var(--orange); }

/* Animatii discrete site */

/* Hero grid lent pan */
.hero-grid { animation: gridPan 20s linear infinite; }
@keyframes gridPan { 0%{background-position:0 0} 100%{background-position:64px 64px} }

/* Pills staggered in */
.hero-pills .pill { opacity: 0; animation: pillIn .4s ease forwards; }
.hero-pills .pill:nth-child(1){animation-delay:.8s}
.hero-pills .pill:nth-child(2){animation-delay:1s}
.hero-pills .pill:nth-child(3){animation-delay:1.2s}
.hero-pills .pill:nth-child(4){animation-delay:1.4s}
.hero-pills .pill:nth-child(5){animation-delay:1.6s}
@keyframes pillIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

/* Trust items staggered */
.trust-item { opacity: 0; animation: pillIn .4s ease forwards; }
.trust-item:nth-child(1){animation-delay:1.8s}
.trust-item:nth-child(2){animation-delay:2s}
.trust-item:nth-child(3){animation-delay:2.2s}
.trust-item:nth-child(4){animation-delay:2.4s}
.trust-item:nth-child(5){animation-delay:2.6s}

/* Fara shimmer - animatii scoase */

/* Glow pulse pe butonul primar - scos */

/* Badge ok entrance */
.badge.ok { animation: badgeIn .3s ease both; }
.badge:nth-child(1){animation-delay:.1s} .badge:nth-child(2){animation-delay:.2s}
.badge:nth-child(3){animation-delay:.3s} .badge:nth-child(4){animation-delay:.4s}

/* Hero badge float */
.hero-badge { animation: float 4s ease-in-out infinite; }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

/* Terminal lines staggered */
.t-body .tl:nth-child(1),
.t-body .to:nth-child(2) { animation: fadeIn .4s .5s both; }
.t-body .to:nth-child(3) { animation: fadeIn .4s 1.2s both; }
.t-body .to:nth-child(4) { animation: fadeIn .4s 1.9s both; }
.t-body .to:nth-child(5) { animation: fadeIn .4s 2.6s both; }
.t-body .to:nth-child(6) { animation: fadeIn .4s 3.3s both; }
.t-body .tl:last-child    { animation: fadeIn .4s 4s both; }
@keyframes fadeIn { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none} }

/* Metric cards count-up via CSS (visual hint) */
.m-val { animation: countUp .8s ease-out both; }
.m-card:nth-child(1) .m-val { animation-delay: .1s; }
.m-card:nth-child(2) .m-val { animation-delay: .2s; }
.m-card:nth-child(3) .m-val { animation-delay: .3s; }
.m-card:nth-child(4) .m-val { animation-delay: .4s; }
@keyframes countUp { from{opacity:0;transform:scale(.7)} to{opacity:1;transform:scale(1)} }

/* Why-num pulse on hover */
.why-item:hover .why-num { border-color: var(--orange); box-shadow: 0 0 12px var(--orange-d); transition: all .3s; }

/* Service card icon glow on hover */
.svc-card:hover .svc-icon { box-shadow: 0 0 20px var(--orange-g); border-color: rgba(255,157,48,.4); transition: all .3s; }

.nav-center { display: flex; gap: 2.5rem; list-style: none; }
.nav-center a { color: #fff; text-decoration: none; font-size: 14px; font-weight: 500; transition: color .2s; }
.nav-center a:hover { color: var(--orange); }

/* Nav mai opac pe sectiuni light */
nav { transition: background .3s; }
nav.on-light { background: rgba(7,9,15,.97); }

.nav-right { display: flex; align-items: center; gap: 1rem; }

/* Lang switcher */
.lang-switch { display: flex; align-items: center; gap: 4px; background: var(--bg-s); border: 1px solid var(--border); border-radius: 8px; padding: 3px; }
.lang-btn { padding: .3rem .65rem; border-radius: 6px; font-size: 13px; font-weight: 600; cursor: pointer; border: none; background: transparent; color: var(--text-s); transition: all .2s; }
.lang-btn.active { background: var(--orange); color: #000; }

.btn { padding: .6rem 1.4rem; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; transition: opacity .15s, box-shadow .15s, border-color .15s, color .15s; border: none; display: inline-flex; align-items: center; gap: .4rem; }
.btn-primary { background: var(--orange); color: #000; box-shadow: 0 0 20px var(--orange-g); }
.btn-primary:hover { opacity: .9; box-shadow: 0 0 30px rgba(255,157,48,.35); }
.btn-outline { background: transparent; color: var(--text); border: 1px solid var(--border); }
.btn-outline:hover { border-color: var(--orange); color: var(--orange); }

/* ── HERO ── */
.hero {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 8rem 5% 4rem; position: relative; z-index: 1; overflow: hidden;
}
.hero-glow { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1000px; height: 600px; background: radial-gradient(ellipse, rgba(255,157,48,.06) 0%, rgba(56,189,248,.04) 45%, transparent 70%); pointer-events: none; filter: blur(50px); }
.hero-grid { position: absolute; inset: 0; background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px); background-size: 64px 64px; opacity: .18; mask-image: radial-gradient(ellipse 70% 50% at 50% 0%, black, transparent); }

.hero-content { text-align: center; max-width: 900px; position: relative; }

.hero-badge { display: inline-flex; align-items: center; gap: .6rem; background: var(--bg-s); border: 1px solid var(--border); border-radius: 999px; padding: .4rem 1.2rem; font-size: 13px; font-weight: 500; color: var(--text-s); margin-bottom: 2rem; }
.badge-dot { width: 6px; height: 6px; background: var(--green); border-radius: 50%; box-shadow: 0 0 6px var(--green); animation: pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }

.hero h1 { font-size: clamp(2.4rem, 5.5vw, 4.8rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.05; margin-bottom: 1.75rem; }
.hero h1 .accent { color: var(--orange); }
.hero h1 .dim { color: var(--text-s); font-weight: 300; }

.hero-sub { font-size: 1.15rem; color: var(--text-s); max-width: 580px; margin: 0 auto 2.5rem; line-height: 1.8; }

.hero-cta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 3rem; }
.hero-cta .btn { padding: .85rem 2.2rem; font-size: 15px; }

.hero-pills { display: flex; gap: .75rem; justify-content: center; flex-wrap: wrap; margin-bottom: 4rem; }
.pill { display: flex; align-items: center; gap: .4rem; background: var(--bg-s); border: 1px solid var(--border); border-radius: 999px; padding: .35rem .9rem; font-size: 13px; color: var(--text-s); }
.pill .pi { color: var(--orange); font-size: 14px; }

/* Terminal */
.terminal-wrap { position: relative; max-width: 640px; margin: 0 auto; }
.terminal-halo { position: absolute; inset: -1px; border-radius: 14px; background: linear-gradient(135deg, var(--orange), rgba(56,189,248,.3), var(--purple)); opacity: .2; filter: blur(8px); z-index: -1; }
.terminal { background: var(--bg-s); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; box-shadow: 0 40px 80px rgba(0,0,0,.6); }
.t-bar { background: var(--bg-c); padding: .75rem 1.25rem; display: flex; align-items: center; gap: .5rem; border-bottom: 1px solid var(--border); }
.t-d { width: 12px; height: 12px; border-radius: 50%; }
.t-r{background:#FF5F57} .t-y{background:#FFBD2E} .t-g{background:#28C840}
.t-title { flex: 1; text-align: center; font-size: 12px; color: var(--text-m); font-family: 'JetBrains Mono', monospace; }
.t-body { padding: 1.5rem 1.75rem; font-family: 'JetBrains Mono', monospace; font-size: 13px; line-height: 2; }
.tl { display: flex; align-items: baseline; gap: .6rem; }
.tp{color:var(--orange)} .tc{color:var(--text)} .to{padding-left:1.2rem}
.ts{color:var(--green)} .ti{color:var(--cyan)} .tm{color:var(--text-m)}
.tor{color:var(--orange)} .tpu{color:var(--purple)}
.tcur { display: inline-block; width: 8px; height: 14px; background: var(--orange); vertical-align: middle; animation: blink 1s infinite; }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

/* ── TRUST ── */
.trust { position: relative; z-index: 1; background: var(--bg-s); border-top: 1px solid var(--border); border-bottom: 1px solid rgba(255,157,48,.15); padding: 1.5rem 5%; }
.trust-inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; }
.trust-item { display: flex; align-items: center; gap: .6rem; color: var(--text-s); font-size: 14px; font-weight: 500; }
.trust-item .ti2 { color: var(--orange); }

/* ── SECTIONS ── */
section { position: relative; z-index: 1; padding: 7rem 5%; }
.container { max-width: 1100px; margin: 0 auto; }
.tag { display: inline-flex; color: var(--orange); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 1rem; }
.sh { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800; letter-spacing: -.03em; line-height: 1.1; margin-bottom: 1.25rem; }
.sp { color: var(--text-s); font-size: 1.05rem; max-width: 520px; line-height: 1.8; }

/* ── SERVICES ── */
.svc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3.5rem; }
.svc-card { background: var(--bg-c); border: 1px solid var(--border); border-radius: var(--r); padding: 2rem; transition: all .3s; position: relative; overflow: hidden; cursor: pointer; text-decoration: none; display: block; color: inherit; }

.svc-card:hover { border-color: rgba(255,157,48,.3); transform: translateY(-3px); }
.svc-icon { width: 52px; height: 52px; background: var(--orange-d); border: 1px solid rgba(255,157,48,.2); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 1.5rem; }
.svc-card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .6rem; }
.svc-card p { color: var(--text-s); font-size: .875rem; line-height: 1.7; margin-bottom: 1.25rem; }
.svc-tags { display: flex; flex-wrap: wrap; gap: .4rem; }
.stag { background: var(--bg-s); border: 1px solid var(--border); color: var(--text-m); font-size: 11px; font-family: 'JetBrains Mono', monospace; padding: .2rem .6rem; border-radius: 4px; }
.svc-price { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--border); font-size: 13px; color: var(--text-s); }
.svc-price strong { color: var(--orange); }
.badge-admin { display: inline-flex; align-items: center; gap: .3rem; background: rgba(52,211,153,.1); border: 1px solid rgba(52,211,153,.25); color: var(--green); font-size: 11px; font-weight: 600; padding: .2rem .6rem; border-radius: 4px; }

/* ── WHY ── */
.why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; margin-top: 4rem; }
.why-points { display: flex; flex-direction: column; gap: 1.75rem; }
.why-item { display: flex; gap: 1.25rem; align-items: flex-start; }
.why-num { width: 34px; height: 34px; flex-shrink: 0; border: 1px solid var(--orange); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--orange); font-family: 'JetBrains Mono', monospace; }
.why-item h3 { font-size: .95rem; font-weight: 700; margin-bottom: .4rem; }
.why-item p { font-size: .875rem; color: var(--text-s); line-height: 1.7; }
.why-visual { background: var(--bg-c); border: 1px solid var(--border); border-radius: 16px; padding: 2.5rem; position: relative; overflow: hidden; }
.why-visual::before { content: ''; position: absolute; top: -80px; right: -80px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255,157,48,.08), transparent 70%); }
.why-flag { font-size: 3rem; letter-spacing: 4px; margin-bottom: 1.5rem; display: block; }
.why-visual h3 { font-size: 1.2rem; font-weight: 800; margin-bottom: .75rem; }
.why-visual p { color: var(--text-s); font-size: .9rem; line-height: 1.8; margin-bottom: 1.5rem; }
.badge-grid { display: flex; flex-wrap: wrap; gap: .5rem; }
.badge { background: var(--bg-s); border: 1px solid var(--border); border-radius: 999px; padding: .3rem .85rem; font-size: 12px; color: var(--text-s); }
.badge.ok { border-color: rgba(52,211,153,.3); color: var(--green); }

/* ── PRICING ── */
.pricing-intro { text-align: center; max-width: 600px; margin: 0 auto 3.5rem; }
.pricing-intro .sp { margin: 0 auto; }
.pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }
.p-card { background: var(--bg-c); border: 1px solid var(--border); border-radius: var(--r); padding: 2rem; transition: all .3s; }
.p-card:hover { border-color: rgba(255,157,48,.3); transform: translateY(-3px); }
.p-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: .4rem; }
.p-card .p-sub { font-size: .875rem; color: var(--text-s); margin-bottom: 1.5rem; }
.p-price { display: flex; align-items: baseline; gap: .3rem; margin-bottom: 1.5rem; }
.p-from { font-size: 13px; color: var(--text-m); }
.p-val { font-size: 2rem; font-weight: 800; color: var(--orange); }
.p-period { font-size: 14px; color: var(--text-s); }
.p-features { list-style: none; display: flex; flex-direction: column; gap: .6rem; margin-bottom: 1.5rem; }
.p-features li { display: flex; align-items: center; gap: .6rem; font-size: .875rem; color: var(--text-s); }
.p-features li::before { content: '✓'; color: var(--green); font-weight: 700; flex-shrink: 0; }
.p-cta { width: 100%; padding: .75rem; font-size: 14px; justify-content: center; }

/* ── FAQ ── */
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-top: 3.5rem; }
.faq-item { background: var(--bg-c); border: 1px solid var(--border); border-radius: var(--r); padding: 1.5rem; }
.faq-item h3 { font-size: .95rem; font-weight: 700; margin-bottom: .6rem; color: var(--text); }
.faq-item p { font-size: .875rem; color: var(--text-s); line-height: 1.7; }

/* ── CONTACT ── */
.contact-wrap { background: var(--bg-c); border: 1px solid var(--border); border-radius: 20px; overflow: hidden; display: grid; grid-template-columns: 1fr 1.4fr; max-width: 960px; margin: 4rem auto 0; box-shadow: 0 40px 100px rgba(0,0,0,.4); }
.c-left { padding: 3rem; background: var(--bg-s); border-right: 1px solid var(--border); display: flex; flex-direction: column; justify-content: space-between; }
.c-left h3 { font-size: 1.5rem; font-weight: 800; margin-bottom: .75rem; }
.c-left p { color: var(--text-s); font-size: .9rem; line-height: 1.8; }
.c-info { display: flex; flex-direction: column; gap: 1rem; margin-top: 2rem; }
.c-row { display: flex; align-items: center; gap: .75rem; font-size: .875rem; color: var(--text-s); }
.c-icon { width: 32px; height: 32px; background: var(--orange-d); border: 1px solid rgba(255,157,48,.2); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.c-legal { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--border); font-size: 12px; color: var(--text-m); line-height: 1.9; }
.c-right { padding: 3rem; }
.f-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
.f-field { display: flex; flex-direction: column; gap: .4rem; margin-bottom: 1rem; }
.f-field label { font-size: 12px; font-weight: 600; color: var(--text-s); letter-spacing: .05em; text-transform: uppercase; }
.f-field input, .f-field select, .f-field textarea { background: var(--bg-s); border: 1px solid var(--border); border-radius: 8px; padding: .8rem 1rem; color: var(--text); font-family: inherit; font-size: 14px; transition: border-color .2s, box-shadow .2s; outline: none; }
.f-field input:focus, .f-field select:focus, .f-field textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,157,48,.08); }
.f-field textarea { min-height: 100px; resize: vertical; }
.f-field select option { background: var(--bg-c); }
.f-submit .btn-primary { width: 100%; padding: 1rem; font-size: 15px; justify-content: center; border-radius: 10px; }

/* ── FOOTER ── */
footer { position: relative; z-index: 1; border-top: 1px solid var(--border); padding: 4rem 5% 2rem; }
.footer-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
.f-brand p { color: #94A3B8; font-size: 13px; line-height: 1.8; margin-top: 1rem; max-width: 260px; }
.f-brand .f-desc2 { font-size: 13px; color: #94A3B8; margin-top: .5rem; }
.f-col h4 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #fff; margin-bottom: 1.25rem; }
.f-col ul { list-style: none; }
.f-col li { margin-bottom: .6rem; }
.f-col a { color: #94A3B8; text-decoration: none; font-size: 13px; transition: color .2s; }
.f-col a:hover { color: var(--orange); }
.footer-bottom { max-width: 1100px; margin: 0 auto; padding-top: 2rem; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; font-size: 12px; color: #94A3B8; }

/* ── ANIMATIONS ── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}
.fade-up {
  animation: fadeUp .7s ease forwards;
}

/* Staggered delays for cards */
.svc-card:nth-child(1) { animation-delay: .1s; }
.svc-card:nth-child(2) { animation-delay: .2s; }
.svc-card:nth-child(3) { animation-delay: .3s; }
.svc-card:nth-child(4) { animation-delay: .4s; }
.svc-card:nth-child(5) { animation-delay: .5s; }
.svc-card:nth-child(6) { animation-delay: .6s; }

.p-card:nth-child(1) { animation-delay: .1s; }
.p-card:nth-child(2) { animation-delay: .2s; }
.p-card:nth-child(3) { animation-delay: .3s; }

.faq-item:nth-child(1) { animation-delay: .1s; }
.faq-item:nth-child(2) { animation-delay: .15s; }
.faq-item:nth-child(3) { animation-delay: .2s; }
.faq-item:nth-child(4) { animation-delay: .25s; }
.faq-item:nth-child(5) { animation-delay: .3s; }
.faq-item:nth-child(6) { animation-delay: .35s; }

/* ── HAMBURGER ── */
.nav-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; }
.nav-hamburger span { display: block; width: 22px; height: 2px; background: var(--text); border-radius: 2px; transition: all .3s; }
.nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; }
.nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.mobile-menu { display: none; position: fixed; top: 68px; left: 0; right: 0; background: rgba(7,9,15,.98); border-bottom: 1px solid var(--border); padding: 1.5rem 5%; z-index: 99; backdrop-filter: blur(20px); }
.mobile-menu.open { display: block; }
.mobile-menu ul { list-style: none; display: flex; flex-direction: column; gap: 0; }
.mobile-menu li { border-bottom: 1px solid var(--border); }
.mobile-menu li:last-child { border-bottom: none; }
.mobile-menu a { display: block; padding: 1rem 0; color: var(--text); text-decoration: none; font-size: 16px; font-weight: 500; transition: color .2s; }
.mobile-menu a:hover { color: var(--orange); }

/* ── RESPONSIVE ── */
@media (max-width: 1000px) {
  .nav-center { display: none; }
  .nav-hamburger { display: flex; }
  .why-grid, .contact-wrap { grid-template-columns: 1fr; }
  .c-left { border-right: none; border-bottom: 1px solid var(--border); }
  .faq-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .f-row { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  section { padding: 4rem 5%; }
  .hero { padding: 6rem 5% 3rem; min-height: auto; }
  .hero h1 { font-size: clamp(1.8rem, 7vw, 2.6rem); }
  .hero-sub { font-size: 1rem; }
  .hero-cta { flex-direction: column; align-items: stretch; }
  .hero-cta .btn { justify-content: center; }
  .hero-pills { justify-content: flex-start; }
  .pill { font-size: 12px; padding: .3rem .7rem; }
  .terminal-wrap { max-width: 100%; }
  .terminal-body { font-size: 11px; padding: 1rem 1.25rem; line-height: 1.8; }
  .t-title { font-size: 11px; }
  .trust-inner { gap: 1rem; }
  .trust-item { font-size: 13px; }
  .svc-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
  .sh { font-size: clamp(1.5rem, 5vw, 2rem); }
  .why-flag { font-size: 2rem; }
  .why-grid { gap: 2.5rem; }
  .faq-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .contact-wrap { border-radius: 12px; }
  .c-right { padding: 2rem; }
  .c-left { padding: 2rem; }
  .hero-badge { font-size: 12px; padding: .35rem .9rem; }
  .f-submit .btn-primary { padding: .9rem; }
}

@media (max-width: 540px) {
  .hero h1 { font-size: 1.75rem; }
  .terminal-body { font-size: 10px; padding: .75rem 1rem; line-height: 1.7; }
  .trust-inner { flex-direction: column; align-items: flex-start; gap: .75rem; padding: 0 5%; }
  .trust { padding: 1.25rem 0; }
  .footer-grid { grid-template-columns: 1fr; }
  .nav-right .btn-primary { font-size: 13px; padding: .5rem 1rem; }
  .lang-btn { padding: .25rem .55rem; font-size: 12px; }
  .f-row { grid-template-columns: 1fr; }
  .contact-wrap { margin-top: 2rem; }
  .hero-cta .btn { width: 100%; }
}

/* ── LIGHT CONTENT AREA — toate sectiunile dintre hero si footer ── */

/* Light content area - toate sectiunile dintre hero si footer */
.section-light,
#services,
#why,
#faq,
#contact,
.pricing-section {
  background: #FFFFFF;
}

/* Pricing usor diferit pentru separare vizuala subtila */
.pricing-section {
  background: #F8FAFC;
  border-top: 1px solid #E2E8F0;
  border-bottom: 1px solid #E2E8F0;
}

/* Trust bar - zona de tranzitie */
.trust {
  background: #0D1018;
  border-bottom: 1px solid rgba(255,157,48,.15);
}

/* Linie de tranzitie subtila */
.trust {
  position: relative;
}
.trust::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #E2E8F0, transparent);
}

/* Footer ramane dark */
footer { background: #07090F; color: var(--text); border-top: 1px solid rgba(255,157,48,.15); }

/* ── Culori text pentru sectiunile light ── */

#services .tag,
#why .tag,
#faq .tag,
#contact .tag,
.pricing-section .tag { color: var(--orange); }

#services .sh,
#why .sh,
#faq .sh,
#contact .sh,
.pricing-section .sh { color: #0F172A; }

#services .sp,
#why .sp,
#faq .sp,
.pricing-section .sp { color: #475569; }

/* Service cards pe light */
#services .svc-card {
  background: #F8FAFC;
  border-color: #E2E8F0;
  color: #0F172A;
}
#services .svc-card h3 { color: #0F172A; }
#services .svc-card p { color: #475569; }
#services .svc-card:hover { border-color: var(--orange); box-shadow: 0 8px 30px rgba(0,0,0,.08); transform: translateY(-3px); }
#services .svc-card:hover .svc-icon { box-shadow: 0 0 20px rgba(255,157,48,.3); border-color: rgba(255,157,48,.4); }
#services .stag { background: #fff; border-color: #E2E8F0; color: #94A3B8; }
#services .svc-price { color: #475569; }
#services .svc-icon { background: rgba(255,157,48,.1); border-color: rgba(255,157,48,.2); }
#services .badge-admin { background: rgba(5,150,105,.1); border-color: rgba(5,150,105,.3); color: #059669; }

/* Why us pe light */
#why .why-num { border-color: var(--orange); color: var(--orange); background: transparent; }
#why .why-item h3 { color: #0F172A; }
#why .why-item p { color: #475569; }
#why .why-visual { background: #F8FAFC; border-color: #E2E8F0; }
#why .why-visual h3 { color: #0F172A; }
#why .why-visual p { color: #475569; }
#why .badge { background: #fff; border-color: #E2E8F0; color: #475569; }
#why .badge.ok { border-color: rgba(5,150,105,.3); color: #059669; }

/* Pricing pe light */
.pricing-section .p-card { background: #fff; border-color: #E2E8F0; }
.pricing-section .p-card h3 { color: #0F172A; }
.pricing-section .p-sub { color: #475569; }
.pricing-section .p-from,
.pricing-section .p-period { color: #94A3B8; }
.pricing-section .p-features li { color: #475569; }
.pricing-section .p-features li::before { color: #059669; }
.pricing-section .p-card:hover { border-color: var(--orange); box-shadow: 0 8px 30px rgba(0,0,0,.08); transform: translateY(-3px); }


/* ── TXT PULSE ── */
@keyframes txt-pulse {
  0%   { opacity: 1; }
  60%  { opacity: 0.25; }
  100% { opacity: 1; }
}
.txt-pulse {
  animation: txt-pulse 2.8s cubic-bezier(.4,0,.2,1) 1 forwards;
  animation-play-state: paused;
}
.txt-pulse.is-visible {
  animation-play-state: running;
}

/* ── TOOLTIP ── */
.tip { position: relative; border-bottom: 1px dashed currentColor; cursor: help; white-space: nowrap; }
.tip::after {
  content: attr(data-tip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: #1C2236;
  color: #F0F4FA;
  font-size: .78rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .6rem .85rem;
  border-radius: 8px;
  border: 1px solid #2E3A52;
  width: 340px;
  white-space: normal;
  pointer-events: none;
  opacity: 0;
  transition: opacity .15s;
  z-index: 100;
}
.tip:hover::after { opacity: 1; }

/* FAQ pe light */
#faq .faq-item { background: #F8FAFC; border-color: #E2E8F0; }
#faq .faq-item h3 { color: #0F172A; }
#faq .faq-item p { color: #475569; }

/* Contact pe light */
#contact .sh { color: #0F172A; }
#contact .contact-wrap { border-color: #E2E8F0; box-shadow: 0 20px 60px rgba(0,0,0,.1); }
#contact .c-left { background: #F8FAFC; border-color: #E2E8F0; }
#contact .c-left h3 { color: #0F172A; }
#contact .c-left p { color: #475569; }
#contact .c-row { color: #475569; }
#contact .c-icon { background: rgba(255,157,48,.1); border-color: rgba(255,157,48,.2); }
#contact .c-legal { color: #94A3B8; border-color: #E2E8F0; }
#contact .c-legal strong { color: #475569 !important; }
#contact .c-right { background: #fff; }
#contact .f-field label { color: #475569; }
#contact .f-field input,
#contact .f-field select,
#contact .f-field textarea { background: #F8FAFC; border-color: #E2E8F0; color: #0F172A; }
#contact .f-field input:focus,
#contact .f-field select:focus,
#contact .f-field textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,157,48,.08); }

/* ── WORDPRESS SPECIFIC ── */

/* Contact notices */
.contact-notice {
  max-width: 960px;
  margin: 2rem auto;
  padding: 1rem 1.5rem;
  border-radius: var(--r);
  font-weight: 500;
  text-align: center;
}
.contact-success {
  background: rgba(52,211,153,.1);
  border: 1px solid rgba(52,211,153,.3);
  color: var(--green);
}
.contact-error {
  background: rgba(239,68,68,.1);
  border: 1px solid rgba(239,68,68,.3);
  color: #ef4444;
}

/* Service page styles */
.service-hero {
  min-height: 60vh;
  display: flex;
  align-items: center;
  background: var(--bg);
  position: relative;
  overflow: hidden;
}
.service-hero h1 {
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.1;
  color: var(--text);
}

.service-prose {
  max-width: 760px;
  padding: 5rem 0;
  color: #475569;
}
.service-prose h2 { font-size: 1.8rem; font-weight: 800; color: #0F172A; margin: 2.5rem 0 1rem; letter-spacing: -.02em; }
.service-prose h3 { font-size: 1.2rem; font-weight: 700; color: #0F172A; margin: 2rem 0 .75rem; }
.service-prose p  { line-height: 1.8; margin-bottom: 1rem; }
.service-prose ul { list-style: none; margin: 1rem 0 1.5rem; display: flex; flex-direction: column; gap: .6rem; }
.service-prose ul li { display: flex; align-items: flex-start; gap: .6rem; font-size: .95rem; }
.service-prose ul li::before { content: '✓'; color: #059669; font-weight: 700; flex-shrink: 0; }
.service-prose strong { color: var(--orange); font-weight: 700; }

/* Page content */
.page-content { background: #fff; min-height: 60vh; }
.page-body { color: #475569; line-height: 1.8; max-width: 760px; margin-top: 2rem; }
.page-body p { margin-bottom: 1rem; }
.page-body h2 { color: #0F172A; font-weight: 700; margin: 2rem 0 1rem; }

/* ── DEVOPS PAGE ── */

/* Light sections */
.devops-light {
  background: #FFFFFF;
}

/* Section headings / tags on light */
.devops-light .tag { color: var(--orange); }
.devops-light .sh  { color: #0F172A; }
.devops-light .sp  { color: #475569; }

/* 6-card service grid */
.devops-svc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 3.5rem;
}

.devops-svc-card {
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: var(--r);
  padding: 2rem;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.devops-svc-card:hover {
  border-color: var(--orange);
  box-shadow: 0 8px 30px rgba(0,0,0,.08);
  transform: translateY(-3px);
}
.devops-svc-icon {
  width: 52px; height: 52px;
  background: rgba(255,157,48,.1);
  border: 1px solid rgba(255,157,48,.2);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 24px;
  margin-bottom: 1.25rem;
  transition: box-shadow .2s, border-color .2s;
}
.devops-svc-card:hover .devops-svc-icon {
  box-shadow: 0 0 20px rgba(255,157,48,.3);
  border-color: rgba(255,157,48,.4);
}
.devops-svc-card h3 { font-size: 1rem; font-weight: 700; color: #0F172A; margin-bottom: .5rem; }
.devops-svc-card p  { font-size: .875rem; color: #475569; line-height: 1.7; }

/* 4-step process (dark section) */
.devops-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 3.5rem;
  position: relative;
}
/* connector line between steps */
.devops-steps::before {
  content: '';
  position: absolute;
  top: 20px;
  left: calc(12.5% + 17px);
  right: calc(12.5% + 17px);
  height: 1px;
  background: linear-gradient(90deg, var(--border), rgba(255,157,48,.3), var(--border));
}

.devops-step { display: flex; flex-direction: column; gap: 1rem; }
.devops-step-num {
  width: 40px; height: 40px; flex-shrink: 0;
  border: 1px solid var(--orange);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700;
  color: var(--orange);
  font-family: 'JetBrains Mono', monospace;
  background: var(--bg-c);
  position: relative; z-index: 1;
}
.devops-step h3 { font-size: .95rem; font-weight: 700; color: var(--text); }
.devops-step p  { font-size: .875rem; color: var(--text-s); line-height: 1.7; }

/* Why ServerHost (light section) */
.devops-why-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}
.devops-why-wrap .sh   { color: #0F172A; }
.devops-why-wrap .sp   { color: #475569; }
.devops-why-badges {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-content: flex-start;
}
.devops-why-badges .badge         { background: #fff; border-color: #E2E8F0; color: #475569; }
.devops-why-badges .badge.ok      { border-color: rgba(5,150,105,.3); color: #059669; }
.devops-why-badges .badge.tip     { border-color: #E2E8F0; color: #475569; }

/* Responsive */
@media (max-width: 1000px) {
  .devops-steps { grid-template-columns: 1fr 1fr; }
  .devops-steps::before { display: none; }
  .devops-why-wrap { grid-template-columns: 1fr; gap: 3rem; }
}
@media (max-width: 768px) {
  .devops-svc-grid { grid-template-columns: 1fr; }
  .devops-steps { grid-template-columns: 1fr; }
}

/* ── WEB HOSTING PAGE ── */

.web-for-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-top: 3.5rem;
}

.web-for-card {
  background: var(--bg-c);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 2rem;
  transition: border-color .2s, transform .2s;
}
.web-for-card:hover {
  border-color: rgba(255,157,48,.3);
  transform: translateY(-3px);
}
.web-for-icon {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.web-for-card h3 { font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: .5rem; }
.web-for-card p  { font-size: .875rem; color: var(--text-s); line-height: 1.7; }

@media (max-width: 768px) {
  .web-for-grid { grid-template-columns: 1fr; }
}

/* ── ACCESSIBILITY ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Lang switch as links (not buttons) */
.lang-switch .lang-btn {
  display: inline-block;
  text-decoration: none;
}