/* BoxServer v2. Culori proprii, suprafețe calme, aceeași ierarhie pe toate paginile. */
:root { color-scheme: dark; --bg:#080e19; --surface:#0d1522; --raised:#111c2c; --line:#26364b; --line-soft:#1b283a; --blue:#1d7cff; --cyan:#65baff; --txt:#f2f5fa; --muted:#a5b2c5; --quiet:#8797ad; --green:#9cdac1; --radius:8px; --wrap:1200px; }
/* Bază și tipografie. */
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:104px; }
body { margin:0; background:var(--bg); color:var(--txt); font-family:'Inter',Arial,sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased; }
body.menu-open { overflow:hidden; }
h1,h2,h3,p,ul,figure { margin:0; }
h1,h2,h3 { line-height:1.14; font-weight:550; letter-spacing:-.045em; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; -webkit-tap-highlight-color:transparent; }
button { color:inherit; cursor:pointer; }
button:disabled { cursor:wait; opacity:.6; }
img,svg,canvas { display:block; max-width:100%; }
[hidden] { display:none !important; }
:focus-visible:not(.form-control) { outline:2px solid var(--cyan); outline-offset:5px; }
::selection { background:#1d7cff55; }
.wrap { width:min(var(--wrap),calc(100% - 80px)); margin-inline:auto; }
.section { padding-block:100px; border-top:1px solid var(--line-soft); }
.section-tag { display:block; margin-bottom:18px; color:var(--cyan); font-size:11px; font-weight:650; letter-spacing:.09em; text-transform:uppercase; }
.section-title { font-size:clamp(32px,3.5vw,46px); }
.section-subtitle { max-width:620px; margin-top:20px; color:var(--muted); line-height:1.8; }
.section-header { margin-bottom:44px; }
.section-header-row { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
.section-header-row .section-subtitle { max-width:400px; margin:0; }
.text-link { display:inline-flex; align-items:center; gap:12px; color:var(--cyan); font-size:14px; font-weight:550; }
.text-link:hover { color:#c9e6ff; }
.text-link i { font-size:12px; transition:transform .18s; }
.text-link:hover i { transform:translateX(3px); }
.skip-link { position:fixed; top:12px; left:16px; z-index:200; padding:10px 16px; background:var(--blue); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
/* Antet și navigare. */
.site-header { position:sticky; top:0; z-index:50; height:88px; background:var(--bg); border-bottom:1px solid var(--line-soft); }
.nav-container { display:flex; height:100%; align-items:center; justify-content:space-between; gap:32px; }
.brand-logo { display:inline-flex; align-items:baseline; flex-shrink:0; font-size:27px; font-weight:750; letter-spacing:-1.5px; line-height:1; }
.brand-logo .box { color:var(--txt); }.brand-logo .server { color:var(--cyan); }.brand-logo .tld { color:var(--muted); font-size:17px; font-weight:400; letter-spacing:-.5px; margin-left:2px; }
.nav-links { display:flex; align-items:center; gap:32px; padding:0; list-style:none; }
.nav-links a { display:inline-block; padding-block:28px; font-size:14px; color:var(--muted); transition:color .15s; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--txt); }
.nav-links a[aria-current="page"] { box-shadow:0 1px var(--cyan); }
.nav-client-btn { display:inline-flex; align-items:center; gap:14px; font-size:13px; font-weight:550; padding:10px 16px; border:1px solid #34445c; border-radius:6px; }
.nav-client-btn:hover { border-color:var(--cyan); background:var(--surface); }.nav-client-btn i { font-size:11px; color:var(--muted); }
.mobile-menu-btn { display:none; background:none; border:0; padding:10px; font-size:22px; }.mobile-drawer { display:none; }
/* Butoane cu suprafețe simple. */
.btn { display:inline-flex; justify-content:center; align-items:center; gap:14px; min-height:48px; padding:12px 22px; border:1px solid transparent; border-radius:6px; font-size:14px; font-weight:550; line-height:1.5; transition:background .18s,border-color .18s,color .18s; }
.btn.primary { background:var(--blue); color:#fff; }.btn.primary:hover { background:#388dff; }
.btn.secondary { background:transparent; color:var(--txt); border-color:#34445c; }.btn.secondary:hover { background:#152135; border-color:#617a9d; }
.btn i { font-size:12px; }.btns { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:32px; }.full-width,.order-submit { width:100%; }
/* Introducere și glob: singura zonă cu lumină ambientală. */
.hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:30px; padding-block:74px 66px; min-height:650px; }
.brand-badge { display:flex; align-items:center; gap:10px; margin-bottom:26px; color:var(--muted); font-size:11px; font-weight:550; letter-spacing:.055em; text-transform:uppercase; }
.brand-badge::before { content:''; display:block; width:24px; height:2px; background:var(--cyan); }
.hero h1 { font-size:clamp(40px,4.2vw,62px); max-width:630px; line-height:1.08; }.highlight-cyan { color:var(--cyan); }
.hero .lead { max-width:530px; margin-top:26px; color:var(--muted); font-size:16px; line-height:1.85; }
.hero-footnote { display:flex; align-items:center; gap:9px; margin-top:22px; color:var(--quiet); font-size:12px; }.hero-footnote i { font-size:11px; color:var(--cyan); }
.globe-stage-wrapper { position:relative; width:100%; min-width:0; aspect-ratio:1; display:flex; align-items:center; justify-content:center; isolation:isolate; }
.globe-stage-wrapper::before { content:''; position:absolute; inset:14%; z-index:-1; border-radius:50%; background:radial-gradient(circle,#16345755,transparent 70%); }
#globe-canvas-container { width:100%; height:100%; position:absolute; inset:0; touch-action:pan-y; cursor:grab; }#globe-canvas-container:active { cursor:grabbing; }
.globe-caption { position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:center; gap:12px; align-items:center; color:var(--quiet); font-size:11px; letter-spacing:.03em; }
.globe-caption::before { content:''; width:24px; height:1px; background:#3f5979; }.globe-tools { position:absolute; right:0; bottom:-30px; z-index:1; }
.globe-toggle { display:inline-flex; align-items:center; gap:7px; color:var(--muted); border:0; padding:6px 0 6px 10px; background:var(--bg); font-size:11px; }
.globe-fallback { width:82%; height:82%; position:absolute; left:9%; top:9%; opacity:.7; }
.globe-fallback-note { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:180px; text-align:center; color:var(--muted); font-size:12px; }
/* Repere fără carduri separate. */
.stats { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding-block:30px; }.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.stat-card { padding-inline:30px; border-left:1px solid var(--line); }.stat-card:first-child { padding-left:0; border-left:0; }
.stat-number { color:var(--txt); font-size:23px; font-weight:550; letter-spacing:-.04em; }.stat-label { color:var(--quiet); font-size:12px; margin-top:4px; }
/* Alegerea serviciilor și pachetele. */
.services { padding-block:92px 72px; }.service-choices { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-choice { position:relative; padding:35px 36px 35px 0; }.service-choice + .service-choice { border-left:1px solid var(--line); padding-left:36px; }
.service-choice-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }.service-number { color:var(--quiet); font-size:12px; }
.service-choice h3 { font-size:28px; margin-bottom:12px; }.service-choice p { max-width:400px; margin-bottom:24px; color:var(--muted); font-size:14px; line-height:1.8; }.service-choice-top > i { color:var(--cyan); font-size:20px; }
.pricing { padding-bottom:96px; }.pricing-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:30px; }.pricing-heading h2 { font-size:27px; }
.pricing-tabs { display:inline-flex; gap:4px; flex-wrap:wrap; border-bottom:1px solid var(--line); }.pricing-tab { padding:13px 16px; border:0; background:none; color:var(--muted); font-size:13px; font-weight:550; position:relative; }
.pricing-tab[aria-selected="true"] { color:var(--txt); }.pricing-tab[aria-selected="true"]::after { content:''; position:absolute; bottom:-1px; left:16px; right:16px; height:2px; background:var(--cyan); }
.pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }.pricing-card { display:flex; flex-direction:column; padding:32px 28px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); position:relative; }
.pricing-card.featured { border-color:#48678e; background:#101c2c; }.featured-badge { color:var(--cyan); font-size:10px; font-weight:550; letter-spacing:.03em; position:absolute; top:14px; right:18px; }
.plan-name { margin-top:8px; font-size:12px; font-weight:650; letter-spacing:.06em; color:#c7d3e3; }.plan-price-wrap { margin-top:22px; }.plan-price { font-size:44px; font-weight:500; letter-spacing:-.06em; color:var(--txt); line-height:1.15; }
.plan-period { font-size:12px; color:var(--quiet); margin-top:6px; min-height:22px; }.plan-features { list-style:none; padding:24px 0; margin-top:20px; border-top:1px solid var(--line); flex:1; }
.plan-features li { display:flex; gap:11px; align-items:baseline; padding-block:6px; color:#b9c6d8; font-size:13px; }.plan-features i { color:var(--quiet); font-size:10px; flex-shrink:0; }.plan-order-btn { width:100%; margin-top:8px; }
.pricing-note { display:flex; justify-content:space-between; gap:20px; margin-top:24px; font-size:12px; color:var(--quiet); }.service-links { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:36px; }
/* Infrastructură: informații stabile, fără indicatoare de stare simulate. */
.infrastructure { background:var(--surface); }.infrastructure-intro { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.infrastructure-copy .section-title { max-width:450px; }.infrastructure-copy p { margin-top:24px; color:var(--muted); line-height:1.85; max-width:470px; }.infrastructure-copy .text-link { margin-top:28px; }
.infrastructure-diagram { border:1px solid #2a3b52; border-radius:var(--radius); overflow:hidden; background:var(--bg); }.diagram-header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:18px 24px; border-bottom:1px solid var(--line); color:var(--quiet); font-size:11px; letter-spacing:.03em; }.diagram-header strong { font-weight:550; color:#d2dbea; }
.diagram-stack { padding:8px 24px; }.diagram-row { display:grid; grid-template-columns:32px 1fr auto; align-items:center; gap:16px; padding:22px 0; border-bottom:1px solid var(--line-soft); }.diagram-row:last-child { border-bottom:0; }
.diagram-row > i { color:var(--cyan); font-size:18px; }.diagram-row strong { display:block; font-weight:550; font-size:14px; }.diagram-row small { display:block; color:var(--quiet); font-size:11px; margin-top:3px; }.diagram-row > span { font-size:11px; color:var(--muted); }
.infrastructure-benefits { margin-top:70px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }.feature-box { padding-top:26px; border-top:1px solid #344258; }
.feature-box .icon { display:block; color:var(--cyan); font-size:22px; margin-bottom:23px; }.feature-box h3 { font-size:21px; letter-spacing:-.025em; margin-bottom:14px; }.feature-box p { color:var(--muted); font-size:14px; line-height:1.85; }
.details-strip { display:flex; flex-wrap:wrap; gap:14px 32px; margin-top:44px; padding-top:26px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.details-strip i { color:var(--cyan); margin-right:8px; }
/* Calculator VPS. */
.vps-calculator { background:var(--bg); }.calc-wrapper { display:grid; grid-template-columns:1.3fr 1fr; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }.calc-controls { padding:40px; background:var(--surface); }
.slider-group + .slider-group { margin-top:32px; }.slider-header { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:22px; }.slider-label { color:#c3cedd; font-size:13px; }.slider-label i { color:var(--quiet); margin-right:8px; }.slider-value-badge { font-size:13px; color:var(--txt); font-variant-numeric:tabular-nums; }
.cloud-slider { display:block; width:100%; height:4px; padding:0; margin:0; appearance:none; -webkit-appearance:none; border:0; border-radius:3px; background:#31435b; cursor:pointer; }.cloud-slider::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; height:16px; width:16px; border-radius:50%; border:3px solid var(--surface); background:var(--cyan); box-shadow:0 0 0 1px var(--cyan); }.cloud-slider::-moz-range-thumb { height:11px; width:11px; border-radius:50%; border:2px solid var(--surface); background:var(--cyan); box-shadow:0 0 0 1px var(--cyan); }
.slider-limits { display:flex; justify-content:space-between; margin-top:13px; font-size:10px; color:var(--quiet); }.calc-options-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid var(--line); margin-top:32px; padding-top:26px; }.calc-field > label { display:block; margin-bottom:10px; color:var(--muted); font-size:12px; }
.cloud-select { display:block; width:100%; min-height:42px; padding:9px; background:var(--bg); border:1px solid #34445b; border-radius:5px; color:var(--txt); font-size:12px; }.switch-row { display:flex; align-items:center; gap:10px; min-height:42px; }.switch { position:relative; width:34px; height:20px; flex:0 0 34px; }.switch input { opacity:0; width:100%; height:100%; margin:0; position:absolute; z-index:1; cursor:pointer; }
.slider-toggle { display:block; height:20px; border-radius:20px; background:#34445b; }.slider-toggle::before { content:''; position:absolute; height:14px; width:14px; border-radius:50%; background:#c7d2e2; top:3px; left:3px; transition:transform .15s; }.switch input:checked + .slider-toggle { background:var(--blue); }.switch input:checked + .slider-toggle::before { transform:translateX(14px); background:#fff; }.switch-label { color:var(--muted); font-size:11px; }
.calc-summary-card { display:flex; flex-direction:column; justify-content:center; padding:40px; border-left:1px solid var(--line); }.summary-tag { font-size:11px; letter-spacing:.06em; color:var(--quiet); margin-bottom:22px; }.spec-line { display:flex; justify-content:space-between; gap:16px; padding-block:9px; border-bottom:1px solid var(--line-soft); font-size:12px; color:var(--muted); }.spec-line span:last-child { color:#d9e1ec; text-align:right; }
.summary-price-box { display:flex; align-items:baseline; gap:12px; margin-block:28px; }.summary-price-val { font-size:48px; font-weight:500; letter-spacing:-.055em; color:var(--txt); line-height:1.2; }.summary-price-val .currency { font-size:28px; vertical-align:top; margin-right:3px; }.summary-period { color:var(--quiet); font-size:12px; }.activation-hint,.order-hint { margin-top:13px; text-align:center; color:var(--quiet); font-size:11px; }
/* Întrebări și suport. */
.faq-layout { display:grid; grid-template-columns:.85fr 1.4fr; gap:100px; }.faq-intro .section-subtitle { font-size:14px; }.faq-list { border-top:1px solid var(--line); }.faq-item { border-bottom:1px solid var(--line); }.faq-item summary { position:relative; padding:24px 34px 24px 0; font-size:15px; font-weight:500; line-height:1.5; cursor:pointer; list-style:none; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary::after { content:'+'; position:absolute; right:4px; top:22px; font-size:23px; font-weight:400; color:var(--quiet); }.faq-item[open] summary::after { content:'−'; }.faq-item p { padding:0 30px 24px 0; color:var(--muted); font-size:14px; line-height:1.8; }.faq-item p a { color:var(--cyan); text-decoration:underline; text-underline-offset:3px; }
.contact { background:var(--surface); }.contact-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }.contact-copy .section-title { max-width:380px; }.contact-copy .section-subtitle { font-size:14px; }.support-options { margin-top:35px; padding-top:28px; border-top:1px solid #2d3c51; }.support-option + .support-option { margin-top:26px; }.support-option h3 { font-size:15px; letter-spacing:-.015em; margin-bottom:8px; }.support-option p { font-size:13px; color:var(--quiet); margin-bottom:10px; }.support-option .text-link { font-size:12px; }
.contact-form-card { min-width:0; }.form-group { margin-bottom:20px; }.form-group label { display:block; font-size:12px; font-weight:500; color:#c2cfdf; margin-bottom:9px; }.form-control { display:block; width:100%; padding:12px 14px; background:var(--bg); border:1px solid #33435a; border-radius:5px; color:var(--txt); font-size:14px; line-height:1.6; outline:none; box-shadow:none; transition:border-color .15s; }.form-control:focus { border-color:var(--cyan); box-shadow:none; }.form-control::placeholder { color:#74849b; opacity:1; }textarea.form-control { resize:vertical; min-height:130px; }
.form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }.form-status { color:var(--muted); font-size:13px; margin-block:14px; }.form-status[data-state="error"] { color:#ffb5b5; }.form-status[data-state="success"] { color:var(--green); }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.captcha-group { margin-top:22px; }.form-note { font-size:11px; color:var(--quiet); margin-top:15px; }.form-note a { text-decoration:underline; text-underline-offset:3px; }
/* Subsol comun. */
.site-footer { border-top:1px solid var(--line); padding-block:60px 26px; }.footer-main { display:grid; grid-template-columns:1.7fr 1fr 1fr; gap:60px; padding-bottom:48px; }.footer-brand p { max-width:310px; color:var(--quiet); font-size:12px; line-height:1.9; margin-top:20px; }.footer-column h2 { font-size:12px; font-weight:550; letter-spacing:0; color:#d6dfec; margin-bottom:18px; }.footer-column ul { list-style:none; padding:0; display:grid; gap:10px; }.footer-column a { font-size:12px; color:var(--quiet); }.footer-column a:hover { color:var(--txt); }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line-soft); padding-top:22px; color:var(--quiet); font-size:10px; }.romania-badge { display:inline-flex; align-items:center; gap:9px; }.flag-container { display:flex; width:15px; height:10px; overflow:hidden; border-radius:1px; }.flag-stripe { flex:1; }.stripe-blue { background:#002b7f; }.stripe-yellow { background:#fcd116; }.stripe-red { background:#ce1126; }
/* Comandă și cookie-uri: un singur contur pentru fiecare câmp. */
.modal-overlay { position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgb(0 5 13 / .8); z-index:100; padding:24px; overflow-y:auto; }.modal-overlay.active { display:flex; }.modal-card { width:100%; max-width:550px; max-height:calc(100dvh - 48px); overflow-y:auto; background:var(--surface); border:1px solid #34465e; border-radius:10px; padding:30px; }.modal-header { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:25px; }.modal-header h3 { font-size:23px; letter-spacing:-.03em; }.modal-close-btn { background:none; border:0; color:var(--muted); font-size:29px; padding:0 4px; line-height:1; }
.service-summary { background:var(--bg); padding:18px; border-left:2px solid var(--blue); margin-bottom:25px; }.summary-title { font-size:14px; color:var(--txt); font-weight:600; }.summary-price { color:var(--cyan); font-size:13px; margin-top:4px; }.summary-details { color:var(--muted); font-size:11px; line-height:1.7; margin-top:7px; }.order-submit { margin-top:8px; }
.cookie-banner { position:fixed; bottom:18px; left:50%; transform:translateX(-50%); width:min(750px,calc(100% - 36px)); padding:15px 20px; z-index:80; border:1px solid #36475e; border-radius:var(--radius); background:#142032; }.cookie-banner.hidden { display:none; }.cookie-content { display:flex; gap:24px; align-items:center; justify-content:space-between; }.cookie-text { color:#b2c0d3; font-size:11px; line-height:1.8; }.cookie-actions { display:flex; align-items:center; gap:16px; flex-shrink:0; }.cookie-details { font-size:11px; color:var(--muted); }.cookie-btn { background:transparent; color:var(--txt); border:1px solid #5a6f8d; border-radius:4px; padding:7px 12px; white-space:nowrap; font-size:11px; }
/* Pagini de servicii și documentele existente. */
.service-intro { padding-block:80px 50px; max-width:850px; }.service-intro .section-title { font-size:clamp(42px,5vw,64px); }.service-intro .section-subtitle { max-width:620px; }.breadcrumbs { display:flex; gap:10px; align-items:center; margin-bottom:30px; color:var(--quiet); font-size:11px; }.breadcrumbs a:hover { color:var(--cyan); }.service-note { max-width:700px; margin:26px auto 0; color:var(--quiet); text-align:center; font-size:12px; }
.service-advantages { padding-block:68px; border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }.service-advantages h2 { font-size:20px; letter-spacing:-.025em; margin-bottom:12px; }.service-advantages p { color:var(--muted); font-size:13px; }.service-callout { padding:40px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:80px; }.service-callout h2 { font-size:26px; margin-bottom:12px; }.service-callout p { color:var(--muted); font-size:13px; }.service-callout .btn { flex-shrink:0; }
.legal-section { padding-block:70px 100px; }.legal-content { max-width:820px; margin-inline:auto; }.legal-content h1 { font-size:clamp(34px,4vw,48px); margin-block:12px 30px; }.legal-content h2 { font-size:24px; margin-block:32px 18px; }.legal-content h3 { font-size:19px; margin-bottom:16px; }.legal-content p,.legal-content li { font-size:14px; color:var(--muted); line-height:1.9; }.legal-content p + p { margin-top:14px; }.legal-content ul { padding-left:20px; margin-block:18px; }.legal-content strong { color:#d5dfed; font-weight:600; }.legal-block { padding-bottom:28px; border-bottom:1px solid var(--line-soft); }.legal-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-block:32px; }.legal-warning { padding:16px; background:#211c24; border-left:2px solid #9b6d71; margin-block:20px; }.legal-separator { height:1px; background:var(--line); margin-block:40px; }.legal-footer { margin-top:30px; }.text-accent { color:var(--cyan); }
/* Adaptări pentru tabletă și mobil. */
@media (min-width:1600px) { :root { --wrap:1280px; } }
@media (max-width:1050px) {
  .wrap { width:calc(100% - 56px); }.nav-links { gap:24px; }.hero { grid-template-columns:1.1fr .9fr; gap:10px; min-height:590px; padding-block:65px; }.hero h1 { font-size:46px; }.hero .lead { font-size:14px; }.globe-caption { font-size:9px; }.infrastructure-intro { gap:40px; }.faq-layout,.contact-layout { gap:50px; }.calc-controls,.calc-summary-card { padding:28px; }.pricing-card { padding:30px 22px; }.plan-price { font-size:38px; }.plan-features li { font-size:12px; }
}
@media (max-width:800px) {
  .site-header { height:72px; }.nav-links,.nav-actions { display:none; }.mobile-menu-btn { display:block; }.mobile-drawer { display:none; position:fixed; top:72px; inset-inline:0; bottom:0; padding:30px 28px; background:var(--bg); border-top:1px solid var(--line); z-index:49; overflow-y:auto; }.mobile-drawer.active { display:block; }.mobile-nav-links { list-style:none; padding:0; margin-bottom:28px; }.mobile-nav-links a { display:block; padding:16px 0; border-bottom:1px solid var(--line); font-size:20px; }
  .hero { grid-template-columns:1fr; padding-block:55px 40px; gap:12px; }.hero-left { max-width:620px; }.hero h1 { font-size:clamp(40px,7.5vw,59px); }.hero .lead { max-width:570px; font-size:15px; }.globe-stage-wrapper { max-width:450px; justify-self:center; margin-top:6px; }.globe-caption { font-size:10px; }.stats-grid { grid-template-columns:1fr 1fr; gap:26px 0; }.stat-card:nth-child(3) { border-left:0; padding-left:0; }.stat-number { font-size:22px; }
  .section,.services { padding-block:70px; }.section-header-row,.pricing-heading { flex-direction:column; align-items:flex-start; gap:20px; }.pricing-tabs { width:100%; }.pricing-grid { grid-template-columns:1fr; }.pricing-card { padding:32px; }.plan-features { display:grid; grid-template-columns:1fr 1fr; gap:3px 20px; }.plan-price { font-size:44px; }
  .infrastructure-intro,.calc-wrapper,.faq-layout,.contact-layout { grid-template-columns:1fr; gap:36px; }.infrastructure-intro { gap:40px; }.infrastructure-copy .section-title,.infrastructure-copy p { max-width:100%; }.infrastructure-benefits { gap:24px; margin-top:44px; }.feature-box h3 { font-size:19px; }.feature-box p { font-size:13px; }.calc-wrapper { gap:0; }.calc-summary-card { border-left:0; border-top:1px solid var(--line); }.footer-main { grid-template-columns:1.3fr 1fr 1fr; gap:25px; }.service-advantages { gap:24px; }.service-callout { padding:28px; }
}
@media (max-width:520px) {
  .wrap { width:calc(100% - 40px); }.brand-logo { font-size:25px; }.hero { padding-top:42px; }.brand-badge { font-size:9px; gap:8px; letter-spacing:.025em; margin-bottom:23px; }.brand-badge::before { width:15px; }.hero h1 { font-size:42px; }.hero .lead { font-size:14px; margin-top:22px; }.btns { gap:12px; margin-top:26px; }.btns .btn { font-size:12px; padding-inline:16px; }.hero-footnote { font-size:10px; }.globe-stage-wrapper { margin-block:0 14px; }.globe-caption { justify-content:flex-start; font-size:9px; }.globe-toggle { font-size:10px; }
  .stat-card { padding-inline:20px; }.stat-number { font-size:19px; }.stat-label { font-size:10px; }.section,.services { padding-block:58px; }.section-title { font-size:34px; }.section-subtitle { font-size:14px; }.service-choices { grid-template-columns:1fr; }.service-choice,.service-choice + .service-choice { padding:28px 0; border-left:0; }.service-choice + .service-choice { border-top:1px solid var(--line); }.service-choice h3 { font-size:26px; }
  .pricing-tab { padding-inline:11px; font-size:11px; }.pricing-tab[aria-selected="true"]::after { inset-inline:11px; }.pricing-card { padding:28px 24px; }.plan-features { grid-template-columns:1fr; }.pricing-note { flex-direction:column; gap:12px; }.infrastructure-benefits { grid-template-columns:1fr; gap:30px; }.feature-box .icon { margin-bottom:16px; }.diagram-header { padding-inline:18px; font-size:10px; }.diagram-stack { padding-inline:18px; }.diagram-row { grid-template-columns:22px 1fr auto; gap:10px; }.diagram-row strong { font-size:12px; }.diagram-row small,.diagram-row > span { font-size:9px; }
  .calc-controls,.calc-summary-card { padding:26px 20px; }.calc-options-grid { grid-template-columns:1fr; gap:20px; }.slider-label,.slider-value-badge { font-size:12px; }.form-row { grid-template-columns:1fr; gap:16px; }.footer-main { grid-template-columns:1fr 1fr; gap:32px; padding-bottom:32px; }.footer-brand { grid-column:1 / -1; }.footer-bottom { font-size:9px; }.cookie-content { flex-direction:column; gap:12px; align-items:flex-start; }.cookie-actions { width:100%; justify-content:space-between; }.modal-overlay { padding:14px; }.modal-card { padding:22px; max-height:calc(100dvh - 28px); }.modal-header h3 { font-size:22px; }.service-intro { padding-block:50px 35px; }.service-advantages,.legal-grid { grid-template-columns:1fr; gap:30px; }.service-callout { flex-direction:column; align-items:flex-start; padding:25px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }


/* V3 — compoziție tehnică: axe, repere pătrate și culoare, fără contururi duble pe câmpuri. */
:root {
  --wrap: 1280px;
  --bg: #070d18;
  --surface: #0d192a;
  --raised: #122238;
  --line: #2c4360;
  --line-soft: #1d3048;
  --cyan: #72c7ff;
  --muted: #bac8dc;
  --quiet: #99abc3;
  --radius: 5px;
}
body { font-size:18px; background:radial-gradient(ellipse at 90% 6%,#12336245,transparent 32%),var(--bg); }
.site-header { height:88px; background:var(--bg); }
.nav-container { gap:28px; }
.brand-logo { font-size:31px; }
.brand-logo .tld { font-size:20px; }
.nav-links { gap:30px; }
.nav-links a { font-size:16px; padding-block:27px; }
.nav-client-btn { font-size:15px; padding:11px 19px; border-radius:4px; }
.nav-client-btn i { font-size:12px; }
.section { padding-block:92px; }
.section-title { font-size:clamp(36px,3.5vw,50px); line-height:1.15; font-weight:600; letter-spacing:-.04em; }
.section-tag { font-size:13px; letter-spacing:.075em; margin-bottom:18px; }
.section-subtitle { font-size:18px; line-height:1.8; }
.section-header-row .section-subtitle { max-width:450px; }
.text-link { font-size:16px; }
.btn { min-height:52px; font-size:16px; padding:13px 24px; border-radius:4px; }
.btn.primary { background:linear-gradient(105deg,#1d7cff,#268eeb); box-shadow:0 7px 24px #1258a529; }
.btn.primary:hover { background:#3895ff; box-shadow:0 8px 28px #1d7cff33; }
.btn.secondary { background:#0e1b2e; border-color:#3c587b; }

/* Un chenar tehnic comun. Cele patru repere sunt decorative și nu captează clickuri. */
.technical-frame { --frame-border:var(--line); position:relative; border:1px solid var(--frame-border); }
.technical-frame::before {
  --corner-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Crect x='.5' y='.5' width='10' height='10' fill='none' stroke='white'/%3E%3C/svg%3E");
  content:''; position:absolute; inset:-6px; z-index:3; pointer-events:none;
  background:var(--frame-border);
  -webkit-mask:var(--corner-outline) left top / 11px 11px no-repeat,var(--corner-outline) right top / 11px 11px no-repeat,var(--corner-outline) left bottom / 11px 11px no-repeat,var(--corner-outline) right bottom / 11px 11px no-repeat;
  mask:var(--corner-outline) left top / 11px 11px no-repeat,var(--corner-outline) right top / 11px 11px no-repeat,var(--corner-outline) left bottom / 11px 11px no-repeat,var(--corner-outline) right bottom / 11px 11px no-repeat;
}
.hero { margin-block:30px; padding:52px 42px 46px; min-height:620px; gap:20px; grid-template-columns:1.15fr 1fr; background:radial-gradient(ellipse at 82% 42%,#163e6b5e,transparent 58%),linear-gradient(115deg,#0b1525,#0a1424); }
.hero::after { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background-image:linear-gradient(#689fe909 1px,transparent 1px),linear-gradient(90deg,#689fe909 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent 38%,#000 90%); }
.hero > * { position:relative; z-index:1; }
.hero h1 { font-size:clamp(46px,4.5vw,64px); font-weight:650; letter-spacing:-.05em; }
.highlight-cyan { color:#79caff; }
.hero .lead { max-width:590px; font-size:18px; line-height:1.8; margin-top:27px; }
.brand-badge { font-size:12px; line-height:1.65; letter-spacing:.045em; color:#c3d7ef; margin-bottom:25px; }
.brand-badge::before { width:7px; height:7px; flex:0 0 7px; background:var(--cyan); box-shadow:0 0 12px #65baff44; }
.hero-footnote { font-size:14px; color:#a7bfdc; }
.hero-footnote i { font-size:13px; }
.globe-stage-wrapper { margin-bottom:20px; }
.globe-stage-wrapper::before { inset:2%; background:radial-gradient(circle,#1d7cff22,transparent 68%); }
.globe-caption { bottom:-10px; color:#b0c4dc; font-size:12px; text-align:center; }
.globe-tools { bottom:-43px; }
.globe-toggle { background:transparent; font-size:12px; color:#adbed3; }
.stats { margin-block:0; padding-block:27px; background:linear-gradient(90deg,#0e1d31,#0a1524); }
.stat-card { padding-inline:28px; }
.stat-card:first-child { padding-left:28px; }
.stat-number { font-size:25px; font-weight:600; }
.stat-label { font-size:14px; color:#a9bdd6; }

/* Servicii: linii continue, ilustrații și texte mai generoase. */
.services { padding-block:78px 52px; }
.service-choices { background:linear-gradient(110deg,#10213a,#0b1728); }
.service-choice,.service-choice + .service-choice { padding:34px; }
.service-choice + .service-choice { border-left-color:var(--line); }
.service-choice-top { min-height:74px; margin-bottom:22px; gap:20px; }
.service-number { color:#a8bfdc; font-size:14px; }
.service-art { width:118px; height:74px; flex:0 0 118px; }
.service-choice h3 { font-size:32px; max-width:480px; font-weight:600; line-height:1.2; }
.service-choice p { max-width:490px; font-size:17px; line-height:1.8; }
.service-choice .text-link { font-size:16px; }
.pricing { padding-bottom:86px; }
.pricing-heading { margin-bottom:30px; }
.pricing-heading h2 { font-size:31px; font-weight:600; }
.pricing-tab { font-size:15px; padding:13px 17px; }
.pricing-grid { gap:22px; }
.pricing-card { background:linear-gradient(145deg,#11233b,#0b1727); padding:34px 28px 30px; border-radius:18px; overflow:hidden; transition:border-color .2s,transform .2s; }
.pricing-card.technical-frame::before { content:none; }
.pricing-card:hover { --frame-border:#5e87b1; border-color:var(--frame-border); transform:translateY(-3px); }
.pricing-card.featured { --frame-border:#538fc6; background:linear-gradient(155deg,#173a61,#0d213c 65%); border-color:var(--frame-border); transform:scale(1.025); }
.pricing-card.featured:hover { transform:translateY(-3px) scale(1.025); }
.featured-badge { font-size:13px; top:0; right:0; padding:9px 17px; background:var(--blue); color:#fff; border-radius:0 17px 0 18px; }
.plan-name { font-size:15px; margin-top:15px; letter-spacing:.045em; }
.plan-price { font-size:51px; font-weight:550; }
.plan-period { font-size:14px; margin-top:9px; }
.plan-features { padding-block:22px; }
.plan-features li { font-size:16px; line-height:1.65; gap:10px; padding-block:7px; }
.plan-features i { color:#79bbef; font-size:11px; }
.pricing-note { font-size:14px; line-height:1.75; margin-top:28px; }

/* Secțiuni diferențiate: culoarea revine pe suprafețele importante. */
.infrastructure { background:linear-gradient(115deg,#0e2139,#0c1728 70%); border-block:1px solid #284562; }
.infrastructure-intro { gap:64px; }
.infrastructure-copy .section-title { max-width:500px; }
.infrastructure-copy p { max-width:520px; font-size:18px; }
.infrastructure-diagram { background:#081526; border-radius:3px; overflow:visible; }
.diagram-header { padding:22px; font-size:14px; }
.diagram-header strong { color:#d4e7fb; }
.diagram-stack { padding-inline:22px; }
.diagram-row { grid-template-columns:30px 1fr auto; gap:15px; padding-block:23px; }
.diagram-row strong { font-size:17px; }
.diagram-row small { font-size:14px; color:#a0b6d1; }
.diagram-row > span { font-size:14px; }
.diagram-row > i { font-size:21px; }
.infrastructure-benefits { gap:28px; margin-top:54px; }
.feature-box { border:1px solid #304d6c; background:#0e1e33; padding:30px 26px; border-radius:4px; }
.feature-box .icon { font-size:25px; }
.feature-box h3 { font-size:25px; font-weight:600; }
.feature-box p { font-size:17px; }
.details-strip { font-size:15px; padding-top:28px; margin-top:36px; gap:16px 26px; }
.calc-wrapper { overflow:visible; background:#0e1c30; border-radius:4px; }
.calc-controls { background:linear-gradient(135deg,#13263e,#0f1c2f); padding:36px; }
.calc-summary-card { padding:36px; background:linear-gradient(160deg,#10243d,#0a1729); }
.slider-label,.slider-value-badge { font-size:16px; }
.slider-limits { font-size:13px; }
.calc-field > label { font-size:15px; }
.cloud-select { min-height:47px; font-size:14px; padding:10px; }
.switch-label { font-size:13px; }
.summary-tag { font-size:13px; }
.spec-line { font-size:15px; padding-block:12px; }
.summary-price-val { font-size:55px; }
.summary-period { font-size:15px; }
.activation-hint,.order-hint { font-size:13px; line-height:1.7; }
.faq-intro .section-subtitle { font-size:17px; }
.faq-item summary { font-size:18px; padding-block:25px; }
.faq-item p { font-size:17px; }
.contact { background:linear-gradient(110deg,#10253e,#0d182a 80%); border-block:1px solid #2d4561; }
.contact-copy .section-title { max-width:440px; }
.contact-copy .section-subtitle { font-size:18px; }
.contact-form-card { background:#0c1b2e; border-top:1px solid #466284; padding:28px 26px; }
.support-option h3 { font-size:18px; }
.support-option p { font-size:16px; }
.support-option .text-link { font-size:15px; }
.form-group label { font-size:15px; }
.form-control { font-size:16px; padding:13px 15px; background:#081422; border-color:#46617e; }
.form-control:focus { outline:none; box-shadow:none; border-color:var(--cyan); }
.form-note,.form-status { font-size:14px; }
.modal-card { max-width:610px; padding:32px; background:#0d1d31; }
.modal-header h3 { font-size:27px; }
.summary-title { font-size:17px; }
.summary-price { font-size:16px; }
.summary-details { font-size:14px; }
.cookie-text,.cookie-btn,.cookie-details { font-size:13px; }
.cookie-banner { width:min(850px,calc(100% - 36px)); }
.footer-brand p { font-size:15px; max-width:350px; }
.footer-column h2 { font-size:16px; }
.footer-column a { font-size:15px; }
.footer-bottom { font-size:13px; }
.service-intro { padding-block:64px 44px; }
.service-intro .section-subtitle { font-size:19px; }
.breadcrumbs { font-size:14px; }
.service-note { font-size:15px; }
.service-advantages h2 { font-size:25px; }
.service-advantages p { font-size:17px; }
.service-callout { background:linear-gradient(110deg,#163659,#0d1a2d); }
.service-callout h2 { font-size:30px; }
.service-callout p { font-size:17px; }
.legal-content { max-width:900px; }
.legal-content p,.legal-content li { font-size:17px; }
.legal-content h2 { font-size:28px; }
.legal-content h3 { font-size:23px; }

/* Mobil : structura v2 este păstrată; detaliile tehnice rămân discrete. */
@media (min-width:1600px) { :root { --wrap:1380px; }.hero { min-height:650px; }.hero h1 { font-size:68px; } }
@media (max-width:1100px) {
  .wrap { width:calc(100% - 56px); }.nav-links { gap:20px; }.nav-links a { font-size:15px; }
  .hero { padding:36px 28px; gap:15px; }.hero h1 { font-size:50px; }.hero .lead { font-size:17px; }
  .brand-badge { font-size:11px; }.globe-caption { font-size:11px; }
  .stat-card,.stat-card:first-child { padding-inline:20px; }.stat-number { font-size:22px; }
  .service-choice,.service-choice + .service-choice { padding:28px; }.service-choice h3 { font-size:28px; }
  .pricing-card { padding-inline:22px; }.plan-features li { font-size:15px; }
  .infrastructure-intro { gap:36px; }.diagram-header { font-size:12px; }.diagram-row strong { font-size:15px; }.diagram-row small,.diagram-row > span { font-size:12px; }
  .calc-controls,.calc-summary-card { padding:28px; }.slider-label,.slider-value-badge { font-size:15px; }.calc-options-grid { grid-template-columns:1fr; gap:20px; }
  .feature-box { padding:24px 20px; }.feature-box h3 { font-size:22px; }.feature-box p { font-size:16px; }
}
@media (max-width:800px) {
  body { font-size:16px; background:var(--bg); }.site-header { height:72px; }.brand-logo { font-size:28px; }.brand-logo .tld { font-size:18px; }
  .hero { grid-template-columns:1fr; padding:34px 26px; margin-block:22px; min-height:0; gap:10px; }.hero h1 { font-size:clamp(40px,7.3vw,58px); }.hero .lead { font-size:17px; max-width:620px; }
  .brand-badge { font-size:12px; }.hero-footnote { font-size:13px; }.globe-stage-wrapper { max-width:440px; margin-bottom:28px; }.globe-caption { font-size:11px; }.globe-tools { bottom:-38px; }
  .section,.services { padding-block:64px; }.section-title { font-size:38px; }.section-subtitle { font-size:17px; }
  .stats { padding-block:25px; }.stat-card:nth-child(3) { padding-left:20px; }.stat-label { font-size:13px; }
  .service-choice h3 { font-size:28px; }.service-choice p { font-size:16px; }.service-art { width:94px; flex-basis:94px; }
  .pricing-heading h2 { font-size:29px; }.pricing-tab { font-size:14px; }.pricing-grid { gap:26px; }.pricing-card { padding:32px; }.pricing-card.featured,.pricing-card.featured:hover { transform:none; }.plan-features li { font-size:16px; }
  .infrastructure-copy p,.contact-copy .section-subtitle { font-size:17px; }.infrastructure-benefits { gap:22px; }.feature-box h3 { font-size:22px; }
  .diagram-row strong { font-size:17px; }.diagram-row small,.diagram-row > span { font-size:14px; }
  .calc-options-grid { grid-template-columns:1fr 1fr; }.spec-line { font-size:15px; }.faq-layout,.contact-layout { gap:35px; }
  .contact-form-card { padding:26px 22px; }.service-callout h2 { font-size:27px; }.footer-main { gap:28px; }
}
@media (max-width:520px) {
  .wrap { width:calc(100% - 36px); }.hero { padding:28px 18px 32px; margin-block:18px; }.hero h1 { font-size:39px; }.hero .lead { font-size:16px; line-height:1.8; margin-top:23px; }
  .brand-badge { font-size:11px; gap:9px; letter-spacing:.025em; }.hero-footnote { font-size:12px; line-height:1.7; }.hero-footnote i { flex-shrink:0; }
  .btns { gap:12px; }.btns .btn { font-size:14px; padding-inline:17px; min-height:49px; }.globe-stage-wrapper { margin-block:12px 26px; }.globe-caption { font-size:10px; justify-content:center; gap:7px; }.globe-caption::before { width:14px; }.globe-toggle { font-size:11px; }
  .stat-card,.stat-card:first-child,.stat-card:nth-child(3) { padding-inline:16px; }.stat-number { font-size:20px; line-height:1.35; }.stat-label { font-size:12px; line-height:1.6; margin-top:6px; }
  .section,.services { padding-block:55px; }.section-title { font-size:34px; }.section-tag { font-size:12px; }.section-subtitle { font-size:16px; }
  .service-choice,.service-choice + .service-choice { padding:25px 20px; }.service-number { font-size:12px; }.service-choice-top { gap:12px; min-height:60px; }.service-art { width:90px; height:60px; flex-basis:90px; }.service-choice h3 { font-size:27px; }.service-choice p { font-size:16px; }.service-choice .text-link { font-size:15px; }
  .pricing-heading h2 { font-size:28px; }.pricing-tabs { justify-content:space-between; }.pricing-tab { padding-inline:8px; font-size:13px; }.pricing-grid { gap:24px; }.pricing-card { padding:28px 23px; }.plan-price { font-size:46px; }.plan-name { font-size:15px; }.plan-features li { font-size:15px; }.plan-period { font-size:14px; }.pricing-note,.pricing-note .text-link { font-size:14px; }
  .diagram-header { padding:18px 16px; font-size:11px; gap:10px; }.diagram-stack { padding-inline:16px; }.diagram-row { grid-template-columns:22px 1fr; gap:12px; padding-block:20px; }.diagram-row strong { font-size:15px; }.diagram-row small { font-size:12px; }.diagram-row > span { grid-column:2; font-size:13px; margin-top:-7px; color:var(--cyan); }.diagram-row > i { font-size:18px; }
  .feature-box { padding:25px 22px; }.feature-box h3 { font-size:23px; }.feature-box p { font-size:16px; }.details-strip { font-size:14px; }
  .calc-controls,.calc-summary-card { padding:26px 20px; }.calc-options-grid { grid-template-columns:1fr; }.slider-header { gap:10px; }.slider-label,.slider-value-badge { font-size:14px; }.slider-label i { display:none; }.slider-limits { font-size:12px; }.summary-tag { font-size:12px; }.spec-line { font-size:14px; }.summary-price-val { font-size:48px; }
  .faq-item summary { font-size:17px; }.faq-item p { font-size:16px; }.contact-copy .section-subtitle { font-size:16px; }.contact-form-card { padding:25px 18px; }.form-group label { font-size:14px; }.form-control { font-size:16px; }.form-note { font-size:13px; }
  .modal-card { padding:24px 20px; }.modal-header h3 { font-size:24px; }.summary-details { font-size:13px; }.cookie-text,.cookie-btn,.cookie-details { font-size:12px; }.footer-brand p,.footer-column a { font-size:14px; }.footer-column h2 { font-size:15px; }.footer-bottom { font-size:12px; }
  .service-intro .section-subtitle { font-size:17px; }.service-advantages p,.service-callout p { font-size:16px; }.service-note { font-size:14px; }.legal-content p,.legal-content li { font-size:16px; }
}

/* V3.5 — preț și perioadă pe aceeași linie, tehnologii și brand simplificat. */
.plan-price-wrap { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.pricing-card .plan-period { margin:0; min-height:0; font-size:15px; white-space:nowrap; }
.plan-caption { min-height:24px; margin-top:6px; color:var(--quiet); font-size:14px; }
.technology-strip { display:grid; grid-template-columns:220px 1fr; align-items:center; gap:35px; padding:36px 0; border-bottom:1px solid var(--line); }
.technology-strip h2 { font-size:19px; font-weight:500; line-height:1.45; letter-spacing:-.02em; color:var(--muted); }
.technology-logos { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; padding:0; list-style:none; }
.technology-logos li { display:inline-flex; align-items:center; gap:10px; color:#d4dfed; font-size:18px; font-weight:550; line-height:1.3; }
.technology-logos i { font-size:29px; }
.tech-redis i { color:#ec5147; }.tech-node i { color:#78ba62; }.tech-laravel i { color:#ff6259; }.tech-js i { color:#f7df1e; }
.vite-logo { width:29px; height:29px; }
@media(max-width:1050px) { .technology-strip { grid-template-columns:1fr; gap:24px; }.technology-strip h2 br { display:none; }.technology-logos { justify-content:flex-start; gap:22px 35px; } }
@media(max-width:520px) { .technology-strip { padding-block:30px; }.technology-strip h2 { font-size:17px; }.technology-logos { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px; }.technology-logos li { font-size:16px; }.technology-logos i { font-size:26px; }.vite-logo { width:26px; height:26px; }.pricing-card .plan-period { font-size:14px; }.plan-price-wrap { gap:10px; } }

/* V3.6 — sigle monocrome, ancore de servicii și formulare aliniate. */
.technology-strip { display:block; padding:32px 0; }
.technology-logos { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:center; justify-items:center; gap:24px; }
.technology-logos li { min-width:0; font-size:19px; gap:12px; }
.technology-logos li > i,.technology-logos li > svg { color:var(--cyan); }
.tech-logo { width:31px; height:31px; flex-shrink:0; }
.service-anchor { display:block; height:0; }
.calc-wrapper,.calc-controls,.calc-summary-card { border-radius:0; }
.contact-form-card { --frame-border:#466284; border:1px solid var(--frame-border); border-radius:0; overflow:visible; }
.captcha-group { margin-top:24px; }
.captcha-heading { display:flex; gap:8px; align-items:center; color:var(--muted); font-size:13px; margin-bottom:10px; }
.captcha-heading i { color:var(--cyan); font-size:12px; }
.captcha-panel { display:flex; justify-content:center; align-items:center; min-width:0; width:100%; padding:16px 0; background:transparent; border:0; }
.box-captcha { min-width:0; max-width:100%; }
.box-captcha > div { margin-inline:auto; }
@media(max-width:800px) { .technology-logos { gap:14px; }.technology-logos li { flex-direction:column; gap:9px; font-size:15px; } }
@media(max-width:520px) { .technology-strip { padding-block:28px; }.technology-logos { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }.technology-logos li { font-size:13px; gap:8px; }.technology-logos i { font-size:26px; }.tech-logo { width:27px; height:27px; }.captcha-heading { font-size:12px; } }

/* V3.10 — carduri de preț pătrate, mai înalte și cu text mai lizibil. */
.pricing-card { border-radius:0; overflow:visible; min-height:650px; padding:42px 28px 36px; }
.pricing-card.technical-frame::before { content:''; }
.pricing-card .featured-badge { border-radius:0 0 0 16px; }
.pricing-card .plan-name { font-size:17px; font-weight:600; }
.pricing-card .plan-period { font-size:16px; }
.pricing-card .plan-caption { font-size:15px; }
.pricing-card .plan-features { padding-block:25px; }
.pricing-card .plan-features li { font-size:17px; line-height:1.7; gap:12px; padding-block:10px; }
.pricing-card .plan-features i { font-size:16px; }
.pricing-card .plan-order-btn { font-size:17px; min-height:54px; }
@media(max-width:1100px) { .pricing-card { padding-inline:24px; } }
@media(max-width:800px) { .pricing-card { min-height:0; padding:38px 30px 34px; }.pricing-card .plan-features li { font-size:17px; } }
@media(max-width:520px) { .pricing-card { padding:36px 24px 32px; }.pricing-card .plan-name { font-size:16px; }.pricing-card .plan-period { font-size:15px; }.pricing-card .plan-features li { font-size:16px; padding-block:9px; }.pricing-card .plan-features i { font-size:16px; }.pricing-card .plan-order-btn { font-size:16px; } }

/* V3.11 — acordeon animat și carduri de preț cu colțuri de 7 px. */
.pricing-card { border-radius:7px; overflow:hidden; }
.pricing-card.technical-frame::before { content:none; }
.pricing-card.featured { transform:scale(1.04); }
.pricing-card.featured:hover { transform:translateY(-3px) scale(1.04); }
.pricing-card.featured .plan-price { font-size:54px; }
.pricing-card .featured-badge { border-radius:0 6px 0 16px; }
.faq-answer { overflow:hidden; }
.faq-answer-inner { display:flow-root; }
.faq-item summary[aria-expanded="true"]::after { content:'−'; }
.faq-item summary[aria-expanded="false"]::after { content:'+'; }
@media(max-width:800px) { .pricing-card.featured,.pricing-card.featured:hover { transform:none; } }
@media(max-width:520px) { .pricing-card.featured .plan-price { font-size:46px; } }

/* V3.12 — separatoare întrerupte și evidențierea întrebării deschise. */
.faq-list { border-top:1px dashed #365472; }
.faq-item { border-bottom:1px dashed #365472; background:transparent; transition:background-color .2s ease; }
.faq-item[open] { background:#10233b; }
.faq-item summary { padding:25px 44px 25px 18px; }
.faq-item summary::after { right:16px; }
.faq-item[open] summary,.faq-item[open] summary::after { color:var(--cyan); }
.faq-item p { padding-left:18px; padding-right:24px; }
@media(max-width:520px) { .faq-item summary { padding-left:14px; padding-right:38px; }.faq-item summary::after { right:12px; }.faq-item p { padding-left:14px; padding-right:18px; } }

/* V3.13 — separatoare FAQ cu segmente de 6 px și spații de 9 px. */
.faq-list { border-top:0; background-image:repeating-linear-gradient(to right,#365472 0 6px,transparent 6px 15px); background-position:left top; background-size:100% 1px; background-repeat:no-repeat; padding-top:1px; }
.faq-item { position:relative; border-bottom:0; padding-bottom:1px; }
.faq-item::before { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:repeating-linear-gradient(to right,#365472 0 6px,transparent 6px 15px); pointer-events:none; }

/* V3.14 — segmente lungi și rare, cu contrast redus. */
.faq-list { background-image:repeating-linear-gradient(to right,rgba(114,170,220,.22) 0 14px,transparent 14px 38px); }
.faq-item::before { background:repeating-linear-gradient(to right,rgba(114,170,220,.22) 0 14px,transparent 14px 38px); }

/* V3.15 — linii FAQ continue, foarte fine și închise. */
.faq-list { background-image:linear-gradient(#1b293b,#1b293b); background-size:100% .5px; }
.faq-item::before { height:.5px; background:#1b293b; }

/* V3.16 — sigle de echipamente înaintea ofertelor. */
.hardware-strip { margin-bottom:38px; padding:24px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.hardware-logos { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:center; gap:28px; margin:0; padding:0; list-style:none; }
.hardware-brand { display:flex; justify-content:center; align-items:center; min-width:0; height:64px; }
.hardware-brand img { display:block; width:120px; max-width:100%; height:54px; object-fit:contain; filter:brightness(0) invert(1); opacity:.72; transition:opacity .2s; }
.hardware-brand img:hover { opacity:.95; }
.hardware-brand--dell img { width:54px; }
.hardware-brand--xeon img { width:110px; height:34px; }
.hardware-brand--mikrotik img { width:132px; }
.hardware-brand--apc img { width:100px; height:46px; }
@media(max-width:800px) { .hardware-logos { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }.hardware-strip { padding-block:22px; margin-bottom:30px; } }
@media(max-width:520px) { .hardware-logos { gap:18px 14px; }.hardware-brand { height:48px; }.hardware-brand img { height:42px; width:100px; }.hardware-brand--dell img { width:42px; }.hardware-brand--xeon img { width:90px; height:26px; }.hardware-brand--mikrotik img { width:110px; }.hardware-brand--apc img { width:80px; height:38px; } }

/* V3.17 — echipamente sus, tehnologii lângă oferte; același stil monocrom. */
.hardware-strip { margin-bottom:0; border-top:0; }
.technology-strip { margin-bottom:38px; padding:24px 0; border-top:1px solid var(--line-soft); border-bottom:1px solid var(--line-soft); }
.technology-logos li { min-height:64px; color:#b7c2d0; }
.technology-logos li > i,.technology-logos li > svg { color:inherit; }
@media(max-width:800px) { .technology-strip { padding-block:22px; margin-bottom:30px; }.technology-logos li { min-height:58px; } }
@media(max-width:520px) { .hardware-strip { margin-bottom:0; }.technology-logos li { min-height:54px; } }

/* V3.18 — rândul tehnologiilor fără linia de deasupra. */
.technology-strip { border-top:0; }

/* V3.20 — întrebări fără fundal la deschidere. */
.faq-item[open] { background:transparent; }