/*
Theme Name: Voicemail
Theme URI: https://voicemail.ro
Author: DOW MEDIA
Description: Tema custom pentru Voicemail.ro — soluții de telefonie cloud.
Version: 1.0
Text Domain: voicemail
*/

/* ===== Reset & base ===== */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #F7F9FC; }
body {
  color: #0B1220;
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  overflow-x: hidden;
  position: relative;
}
a { color: #E31E24; text-decoration: none; }
a:hover { color: #FF4A50; }
img { max-width: 100%; display: block; }
::selection { background: #E31E24; color: #fff; }
ul { list-style: none; margin: 0; padding: 0; }

.vm-bg-grid {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image: linear-gradient(rgba(11,30,60,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(11,30,60,.055) 1px, transparent 1px);
  background-size: 64px 64px;
}
.vm-bg-glow {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background: radial-gradient(900px 520px at 78% -10%, rgba(227,30,36,.05), transparent 65%), radial-gradient(800px 600px at 8% 12%, rgba(38,86,168,.07), transparent 70%);
}
.vm-page { position: relative; z-index: 1; }

/* ===== Keyframes ===== */
@keyframes vmPulse { 0%,100% { opacity:.25; } 50% { opacity:.9; } }
@keyframes vmScan { 0% { transform:translateY(-100%); } 100% { transform:translateY(900%); } }
@keyframes vmShift { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }
@keyframes vmOrbA { 0%,100% { transform:translate3d(-6%,-4%,0) scale(1); } 50% { transform:translate3d(10%,8%,0) scale(1.25); } }
@keyframes vmOrbB { 0%,100% { transform:translate3d(8%,6%,0) scale(1.15); } 50% { transform:translate3d(-8%,-6%,0) scale(.9); } }
@keyframes vmSweep { 0% { transform:translateX(-120%) skewX(-16deg); } 100% { transform:translateX(220%) skewX(-16deg); } }

/* ===== Layout helpers ===== */
.vm-container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }
.vm-section { border-top: 1px solid rgba(11,18,32,.10); }
.vm-section-alt { background: #F1F5FA; }
.vm-section-pad { padding: 88px 32px; }
.vm-eyebrow { font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:#E31E24; margin-bottom:16px; }
.vm-h2 { font-family:'Space Grotesk',sans-serif; font-size:40px; line-height:1.1; letter-spacing:-.022em; font-weight:600; margin:0 0 12px; }
.vm-h2-lead { font-size:16px; color:#5C6A82; margin:0; }
.vm-btn { display:inline-block; font-family:'IBM Plex Mono',monospace; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:15px 26px; border-radius:7px; border:1px solid transparent; }
.vm-btn-primary { background:#E31E24; color:#fff; }
.vm-btn-primary:hover { background:#FF3A40; color:#fff; }
.vm-btn-outline { color:#0B1220; border-color:rgba(11,18,32,.20); background:rgba(11,18,32,.025); }
.vm-btn-outline:hover { border-color:rgba(11,18,32,.42); }

/* ===== Header ===== */
.vm-header { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(14px); background: #FFFFFF; box-shadow: 0 1px 0 rgba(11,18,32,.04); border-bottom: 1px solid rgba(11,18,32,.10); }
.vm-header-inner { max-width:1280px; margin:0 auto; padding:5px 32px; display:flex; align-items:center; gap:32px; }
.vm-logo { display:flex; align-items:center; flex:none; }
.vm-logo img { height: 40px; }
.vm-nav { margin-left:auto; }
.vm-nav-list { display:flex; align-items:center; gap:4px; }
.vm-nav-list a { color:#4E5B72; font-size:14px; font-weight:500; padding:9px 14px; border-radius:6px; letter-spacing:.01em; display:inline-block; }
.vm-nav-list a:hover, .vm-nav-list li.current-menu-item > a, .vm-nav-list li.current_page_item > a { background:rgba(11,18,32,.05); color:#E31E24; }
.vm-header-cta { flex: none; }
.vm-menu-toggle { display:none; flex:none; background:none; border:none; cursor:pointer; padding:6px; margin-left:auto; }
.vm-menu-toggle span { display:block; width:22px; height:2px; background:#0B1220; margin:5px 0; }

@media (max-width: 900px) {
  .vm-nav { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; padding:10px 20px 18px; border-bottom:1px solid rgba(11,18,32,.10); margin-left:0; }
  .vm-nav.is-open { display:block; }
  .vm-nav-list { flex-direction:column; align-items:stretch; gap:2px; }
  .vm-nav-list a { padding:11px 14px; }
  .vm-header-inner { flex-wrap:wrap; position:relative; }
  .vm-menu-toggle { display:block; }
  .vm-header-cta { display:none; }
}

/* ===== Hero ===== */
.vm-hero { padding:104px 32px 96px; display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; }
.vm-badge { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(227,30,36,.35); background:rgba(227,30,36,.05); border-radius:999px; padding:6px 14px; margin-bottom:28px; }
.vm-badge-dot { width:6px; height:6px; border-radius:50%; background:#E31E24; box-shadow:0 0 10px #E31E24; animation:vmPulse 2s ease-in-out infinite; }
.vm-badge-text { font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color:#C4161C; }
.vm-h1 { font-family:'Space Grotesk',sans-serif; font-size:62px; line-height:1.04; letter-spacing:-.028em; font-weight:600; margin:0 0 26px; text-wrap:balance; }
.vm-h1 span { color:#E31E24; }
.vm-lead { font-size:19px; line-height:1.55; color:#3E4A60; margin:0 0 18px; max-width:560px; font-weight:500; }
.vm-sub { font-size:16px; line-height:1.7; color:#5C6A82; margin:0 0 30px; max-width:580px; }
.vm-quote { font-family:'Space Grotesk',sans-serif; font-size:17px; line-height:1.5; color:#0B1220; margin:0 0 36px; max-width:520px; padding-left:16px; border-left:2px solid #E31E24; }
.vm-hero-actions { display:flex; gap:14px; flex-wrap:wrap; }

.vm-callcard { position:relative; border:1px solid rgba(11,18,32,.13); border-radius:14px; background:linear-gradient(160deg, #FFFFFF, #F4F7FC); padding:22px; overflow:hidden; }
.vm-callcard-scan { position:absolute; top:0; left:0; right:0; height:80px; background:linear-gradient(180deg, rgba(227,30,36,.05), transparent); animation:vmScan 6s linear infinite; pointer-events:none; }
.vm-callcard-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.vm-callcard-label { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#78859A; }
.vm-callcard-dots { display:flex; gap:5px; }
.vm-callcard-dots span { width:7px; height:7px; border-radius:50%; background:rgba(11,18,32,.22); }
.vm-callcard-dots span:last-child { background:#E31E24; }
.vm-flow-step { display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid rgba(11,18,32,.14); border-radius:9px; background:rgba(11,18,32,.025); }
.vm-flow-step.is-active { border-color:rgba(227,30,36,.40); background:rgba(227,30,36,.055); }
.vm-flow-step .idx { font-family:'IBM Plex Mono',monospace; font-size:11px; color:#E31E24; }
.vm-flow-step .label { font-family:'Space Grotesk',sans-serif; font-size:15px; font-weight:500; }
.vm-flow-step .tag { margin-left:auto; font-family:'IBM Plex Mono',monospace; font-size:11px; color:#78859A; }
.vm-flow-step.is-active .tag { color:#C4161C; }
.vm-flow-line { width:1px; height:18px; background:linear-gradient(180deg, rgba(227,30,36,.6), rgba(11,18,32,.16)); margin-left:28px; }
.vm-callcard-footer { margin-top:18px; padding-top:16px; border-top:1px dashed rgba(11,18,32,.14); font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:#78859A; line-height:1.7; }

/* ===== Discovery ===== */
.vm-discovery { display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; }
.vm-discovery-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; align-content:start; }
.vm-q-card { border:1px solid rgba(11,18,32,.12); border-radius:10px; padding:20px; background:#FFFFFF; }
.vm-q-card:hover { border-color:rgba(227,30,36,.45); }
.vm-q-idx { font-family:'IBM Plex Mono',monospace; font-size:11px; color:#78859A; margin-bottom:10px; }
.vm-q-text { font-family:'Space Grotesk',sans-serif; font-size:16.5px; line-height:1.35; font-weight:500; }
.vm-discovery-note { grid-column:1 / -1; font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:#5C6A82; padding-top:6px; }

/* ===== Soluții (articole) ===== */
.vm-solutii-head { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:36px; }
.vm-solutii-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.vm-solutii-card { border:1px solid rgba(11,18,32,.12); border-radius:12px; padding:26px; background:linear-gradient(160deg, #FFFFFF, #F5F8FC); display:block; }
.vm-solutii-card:hover { border-color:rgba(227,30,36,.45); transform:translateY(-2px); }
.vm-solutii-idx { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; color:#E31E24; margin-bottom:14px; }
.vm-solutii-card h3 { font-family:'Space Grotesk',sans-serif; font-size:20px; line-height:1.25; font-weight:600; margin:0 0 12px; color:#0B1220; }
.vm-solutii-card p { font-size:14.5px; line-height:1.65; color:#5C6A82; margin:0; }
.vm-solutii-empty { border:1px solid rgba(11,18,32,.12); border-radius:12px; padding:30px; background:linear-gradient(160deg, #FFFFFF, #F5F8FC); font-size:14.5px; color:#5C6A82; }
.vm-solutii-cats { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.vm-cat-pill { font-family:'IBM Plex Mono',monospace; font-size:12.5px; letter-spacing:.04em; padding:9px 16px; border:1px solid rgba(11,18,32,.14); border-radius:999px; color:#3E4A60; }
.vm-cat-pill:hover { border-color:rgba(227,30,36,.45); color:#E31E24; }
.vm-solutii-more { margin-top:26px; }
.vm-solutii-more a { font-family:'IBM Plex Mono',monospace; font-size:13px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; }

/* ===== Workflow ===== */
.vm-workflow { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.vm-workflow-steps { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:32px; }
.vm-step-card { border:1px solid rgba(11,18,32,.13); border-radius:10px; padding:22px; background:#FFFFFF; }
.vm-step-card .tag { font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.14em; color:#78859A; margin-bottom:12px; }
.vm-step-card .title { font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:600; margin-bottom:8px; }
.vm-step-card .desc { font-size:13.5px; line-height:1.6; color:#5C6A82; }
.vm-step-card.is-accent { border-color:rgba(227,30,36,.35); background:rgba(227,30,36,.045); }
.vm-step-card.is-accent .tag { color:#C4161C; }
.vm-step-card.is-accent .desc { color:#8A5F61; }
.vm-media-slot { position:relative; border:1px solid rgba(11,18,32,.13); border-radius:14px; overflow:hidden; background:#FFFFFF; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; }
.vm-media-slot span { font-family:'IBM Plex Mono',monospace; font-size:12.5px; color:#8A94A6; }

.vm-devlogic { margin-top:44px; display:grid; grid-template-columns:.9fr 1.1fr; gap:56px; align-items:center; }
.vm-devlogic h3 { font-family:'Space Grotesk',sans-serif; font-size:30px; line-height:1.15; letter-spacing:-.02em; font-weight:600; margin:0 0 16px; }
.vm-rules-card { border:1px solid rgba(11,18,32,.13); border-radius:12px; background:#FFFFFF; overflow:hidden; }
.vm-rules-head { display:flex; align-items:center; gap:10px; padding:12px 18px; border-bottom:1px solid rgba(11,18,32,.11); background:rgba(11,18,32,.025); }
.vm-rules-head .dot { width:7px; height:7px; border-radius:50%; background:#E31E24; }
.vm-rules-head .label { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#78859A; }
.vm-rules-body { padding:20px 22px; font-family:'IBM Plex Mono',monospace; font-size:13.5px; line-height:2.05; color:#3E4A60; }
.vm-rules-body .kw { color:#E31E24; }
.vm-rules-body .arrow { color:#78859A; }

/* ===== Implementare / Scalare ===== */
.vm-implementare { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.vm-strong-line { font-family:'Space Grotesk',sans-serif; font-size:19px; line-height:1.5; color:#0B1220; margin:0 0 12px; font-weight:600; }
.vm-scale-box { border:1px solid rgba(11,18,32,.13); border-radius:10px; padding:18px 20px; background:#FFFFFF; margin-bottom:14px; }
.vm-scale-box .tag { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; color:#78859A; margin-bottom:10px; }
.vm-scale-box .val { font-family:'IBM Plex Mono',monospace; font-size:14px; color:#0B1220; }
.vm-scale-box.is-accent { border-color:rgba(227,30,36,.35); background:rgba(227,30,36,.045); margin-bottom:16px; }
.vm-scale-box.is-accent .tag { color:#C4161C; }
.vm-scale-box.is-accent .val { line-height:1.8; }

/* ===== Despre ===== */
.vm-despre { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; align-items:start; }
.vm-despre-side { display:grid; gap:14px; }
.vm-despre-row2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.vm-stat-card { border:1px solid rgba(11,18,32,.13); border-radius:10px; padding:24px; background:#FFFFFF; }
.vm-stat-num { font-family:'Space Grotesk',sans-serif; font-size:38px; font-weight:600; color:#E31E24; line-height:1; }
.vm-stat-label { font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:#5C6A82; margin-top:10px; }
.vm-despre-city { font-family:'Space Grotesk',sans-serif; font-size:24px; font-weight:600; margin-bottom:6px; }
.vm-despre-city-desc { font-size:14.5px; line-height:1.65; color:#5C6A82; }
.vm-tags-label { font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:#5C6A82; margin-bottom:12px; }
.vm-tags { display:flex; flex-wrap:wrap; gap:8px; }
.vm-tag { font-family:'IBM Plex Mono',monospace; font-size:12px; padding:6px 11px; border:1px solid rgba(11,18,32,.14); border-radius:5px; color:#3E4A60; }

/* ===== Prețuri ===== */
.vm-preturi { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.vm-preturi-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.vm-price-card { border:1px solid rgba(11,18,32,.13); border-radius:12px; padding:26px; background:#FFFFFF; }
.vm-price-card .tag { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#78859A; margin-bottom:14px; }
.vm-price-card h3 { font-family:'Space Grotesk',sans-serif; font-size:21px; font-weight:600; margin:0 0 10px; }
.vm-price-card p { font-size:14.5px; line-height:1.65; color:#5C6A82; margin:0; }
.vm-price-card.is-accent { border-color:rgba(227,30,36,.22); background:rgba(227,30,36,.045); }
.vm-price-card.is-accent .tag { color:#C4161C; }
.vm-price-card.is-accent p { color:#8A5F61; }

/* ===== Contact CTA ===== */
.vm-contact { position:relative; overflow:hidden; background:linear-gradient(115deg,#3A0407 0%,#6B0A0E 28%,#8E0D12 52%,#A31217 72%,#4A060A 100%); background-size:280% 280%; animation:vmShift 16s ease-in-out infinite; }
.vm-orb-a { position:absolute; top:-30%; left:-10%; width:70%; height:150%; pointer-events:none; background:radial-gradient(circle at 50% 50%, rgba(227,30,36,.30), transparent 62%); filter:blur(20px); animation:vmOrbA 18s ease-in-out infinite; }
.vm-orb-b { position:absolute; bottom:-40%; right:-8%; width:65%; height:150%; pointer-events:none; background:radial-gradient(circle at 50% 50%, rgba(70,20,140,.30), transparent 62%); filter:blur(20px); animation:vmOrbB 22s ease-in-out infinite; }
.vm-contact-grid-bg { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size:64px 64px; mask-image:radial-gradient(70% 70% at 50% 50%, #000, transparent 80%); -webkit-mask-image:radial-gradient(70% 70% at 50% 50%, #000, transparent 80%); }
.vm-sweep { position:absolute; top:0; bottom:0; left:0; width:18%; pointer-events:none; background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent); animation:vmSweep 9s linear infinite; }
.vm-contact-inner { position:relative; max-width:900px; margin:0 auto; padding:118px 32px; text-align:center; }
.vm-contact-badge { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(255,255,255,.35); background:rgba(255,255,255,.10); border-radius:999px; padding:6px 14px; margin-bottom:24px; }
.vm-contact-badge .dot { width:6px; height:6px; border-radius:50%; background:#fff; box-shadow:0 0 10px #fff; animation:vmPulse 2s ease-in-out infinite; }
.vm-contact-badge span.txt { font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:#fff; }
.vm-contact-h2 { font-family:'Space Grotesk',sans-serif; font-size:52px; line-height:1.06; letter-spacing:-.028em; font-weight:600; margin:0 0 22px; color:#fff; text-wrap:balance; }
.vm-contact-p { font-size:16.5px; line-height:1.75; color:rgba(255,255,255,.78); margin:0 auto 16px; max-width:660px; }
.vm-contact-strong { font-family:'Space Grotesk',sans-serif; font-size:22px; line-height:1.45; color:#fff; font-weight:600; margin:0 0 36px; }
.vm-contact-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.vm-btn-white { display:inline-flex; align-items:center; gap:9px; background:#fff; color:#8E0D12; box-shadow:0 10px 30px rgba(30,0,2,.40); }
.vm-btn-white svg { width:17px; height:17px; }
.vm-btn-white:hover { background:#FFF0F0; color:#5C070A; }
.vm-btn-ghost-white { display:inline-flex; align-items:center; gap:9px; color:#fff; border:1px solid rgba(255,255,255,.45); background:rgba(255,255,255,.08); }
.vm-btn-ghost-white svg { width:17px; height:17px; }
.vm-btn-ghost-white:hover { background:rgba(255,255,255,.18); color:#fff; }

/* ===== Footer ===== */
.vm-footer { border-top:1px solid rgba(11,18,32,.10); background:#F1F5FA; }
.vm-footer-grid { max-width:1280px; margin:0 auto; padding:52px 32px 34px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:48px; }
.vm-footer-about img { height:30px; margin-bottom:18px; }
.vm-footer-about p { font-size:14px; line-height:1.7; color:#78859A; margin:0; max-width:320px; }
.vm-footer-label { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#E31E24; margin-bottom:16px; }
.vm-footer-links { display:flex; flex-direction:column; gap:10px; }
.vm-footer-links a { color:#4E5B72; font-size:14px; }
.vm-footer-links a:hover { color:#E31E24; }
.vm-footer-company { font-size:14px; line-height:1.9; color:#4E5B72; }
.vm-footer-company a { margin-top:8px; display:inline-block; }
.vm-footer-bottom-wrap { max-width:1280px; margin:0 auto; padding:0 32px 40px; }
.vm-footer-bottom { border-top:1px solid rgba(11,18,32,.09); padding-top:20px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.06em; color:#8A94A6; }

@media (max-width: 980px) {
  .vm-hero, .vm-discovery, .vm-workflow, .vm-devlogic, .vm-implementare, .vm-despre, .vm-preturi { grid-template-columns: 1fr; }
  .vm-solutii-grid { grid-template-columns: repeat(2,1fr); }
  .vm-discovery-grid, .vm-despre-row2, .vm-preturi-grid, .vm-workflow-steps { grid-template-columns: 1fr; }
  .vm-footer-grid { grid-template-columns: 1fr 1fr; }
  .vm-h1 { font-size: 44px; }
  .vm-contact-h2 { font-size: 38px; }
}
@media (max-width: 600px) {
  .vm-solutii-grid { grid-template-columns: 1fr; }
  .vm-footer-grid { grid-template-columns: 1fr; }
}

/* ===== Blog / articole ===== */
.vm-blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.vm-blog-card { border:1px solid rgba(11,18,32,.12); border-radius:12px; background:#FFFFFF; overflow:hidden; }
.vm-blog-card img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.vm-blog-card-body { padding:20px; }
.vm-blog-card .date { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#78859A; margin-bottom:10px; }
.vm-blog-card h2, .vm-blog-card h3 { font-family:'Space Grotesk',sans-serif; font-size:19px; font-weight:600; margin:0 0 10px; }
.vm-blog-card p { font-size:14px; line-height:1.6; color:#5C6A82; margin:0; }
.vm-pagination { display:flex; gap:8px; justify-content:center; margin-top:40px; font-family:'IBM Plex Mono',monospace; font-size:13px; }
.vm-pagination a, .vm-pagination span { padding:9px 14px; border:1px solid rgba(11,18,32,.14); border-radius:6px; color:#3E4A60; }
.vm-pagination .current { background:#E31E24; color:#fff; border-color:#E31E24; }
.vm-single-article { max-width:820px; margin:0 auto; padding:88px 32px; }
.vm-single-article .date { font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#78859A; margin-bottom:16px; }
.vm-single-article h1 { font-family:'Space Grotesk',sans-serif; font-size:38px; line-height:1.15; font-weight:600; margin:0 0 30px; }
.vm-single-content { font-size:16px; line-height:1.8; color:#3E4A60; }
.vm-single-content p { margin: 0 0 18px; }
.vm-single-content img { border-radius: 10px; margin: 20px 0; }
.vm-page-content { max-width:1280px; margin:0 auto; padding:88px 32px; }

/* ===== Content pages (ex. Despre noi) — rânduri text + imagine/video ===== */
.vm-about-row { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.vm-about-row.is-reverse .vm-about-media { order: -1; }
.vm-check-list { display:grid; gap:10px; margin:18px 0; }
.vm-check-list li { display:flex; gap:10px; align-items:flex-start; font-size:15.5px; line-height:1.6; color:#3E4A60; }
.vm-check-list li::before { content:''; width:6px; height:6px; border-radius:50%; background:#E31E24; margin-top:8px; flex:none; }
.vm-flow-compare { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.vm-flow-compare-label { font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:#5C6A82; margin-bottom:14px; }
.vm-flow-compare-label.is-accent { color:#C4161C; }

/* ===== Contact — birouri ===== */
.vm-office-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px; }
.vm-office-card { border:1px solid rgba(11,18,32,.13); border-radius:12px; padding:28px; background:#FFFFFF; }
.vm-office-card .tag { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#E31E24; margin-bottom:10px; }
.vm-office-card h3 { font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:600; margin:0 0 4px; }
.vm-office-card .company { font-size:14px; color:#5C6A82; margin:0 0 16px; }
.vm-office-fields { display:grid; gap:8px; margin:0 0 16px; padding:16px 0; border-top:1px dashed rgba(11,18,32,.14); border-bottom:1px dashed rgba(11,18,32,.14); }
.vm-office-fields div { display:flex; justify-content:space-between; gap:16px; font-size:13.5px; }
.vm-office-fields .k { color:#78859A; font-family:'IBM Plex Mono',monospace; font-size:11.5px; }
.vm-office-fields .v { color:#3E4A60; text-align:right; }
.vm-office-note { font-size:13.5px; color:#5C6A82; margin:0; }
.vm-phone-list { display:flex; flex-direction:column; gap:18px; margin:24px 0 28px; }
.vm-phone-row { display:inline-flex; align-items:center; gap:10px; font-family:'IBM Plex Mono',monospace; font-size:17px; font-weight:600; color:#0B1220; }
.vm-phone-row:hover { color:#E31E24; }
.vm-phone-row svg { width:19px; height:19px; flex:none; color:#E31E24; }
.vm-phone-row .city { font-family:'IBM Plex Sans',sans-serif; font-size:13px; font-weight:400; color:#78859A; margin-left:2px; }
.vm-btn-whatsapp { display:inline-flex; align-items:center; gap:9px; background:#25D366; color:#fff; }
.vm-btn-whatsapp svg { width:17px; height:17px; }
.vm-btn-whatsapp:hover { background:#1DA851; color:#fff; }
@media (max-width: 700px) {
  .vm-office-grid { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  .vm-about-row { grid-template-columns: 1fr; }
  .vm-about-row.is-reverse .vm-about-media { order: 0; }
  .vm-flow-compare { grid-template-columns: 1fr; }
}