@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#03080d;--panel:#071018;--cyan:#31d8ff;--cyan2:#70e5ff;--purple:#a76bff;--text:#f4f7f8;--muted:#a2afb6;--line:#1a3340;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 72px));margin:auto}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:88px;background:rgba(2,7,11,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(80,180,220,.08)}.nav{height:100%;display:flex;align-items:center;gap:28px;position:relative}.brand{position:absolute;left:0;top:18px;width:136px;height:136px;padding:5px;display:flex;align-items:center;justify-content:center;background:#03080d;border:1px solid rgba(91,153,177,.28);border-radius:5px;box-shadow:0 12px 35px rgba(0,0,0,.45);z-index:60}.brand img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 0 9px rgba(49,216,255,.12))}.nav nav{display:flex;gap:29px;margin-left:150px}.nav nav a{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#d2d9dc;padding:13px 8px;border-bottom:1px solid rgba(80,180,220,.08)}.nav nav a.active,.nav nav a:hover{color:var(--cyan);border-color:var(--cyan)}.phone{font-size:15px;font-weight:700;white-space:nowrap}.phone span{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);margin-right:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:42px;padding:12px 20px;border-radius:5px;text-transform:uppercase;font-size:15px;font-weight:800;letter-spacing:.05em;transition:.25s}.btn b{font-size:18px;font-weight:500}.btn-cyan{background:var(--cyan);color:#001019;box-shadow:0 0 26px rgba(49,216,255,.15)}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(49,216,255,.27)}.btn-outline{border:1px solid var(--purple);color:#e7cfff;background:rgba(75,30,120,.04)}.btn-outline:hover{background:rgba(167,107,255,.10);transform:translateY(-2px)}.btn-top{min-height:40px}.mobile-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:650px;position:relative;overflow:hidden;padding-top:88px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,11,1) 0%,rgba(2,7,11,.98) 39%,rgba(2,7,11,.64) 53%,rgba(2,7,11,.10) 76%),#02070b}.hero-photo{position:absolute;top:0;right:0;width:57%;height:100%;background:url('assets/server-room-clean.jpg') center/cover no-repeat;filter:saturate(.88) brightness(.72);clip-path:inset(0)}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02070b 0%,rgba(2,7,11,.92) 39%,rgba(2,7,11,.42) 55%,rgba(2,7,11,.04) 76%,rgba(2,7,11,.18) 100%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(49,216,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(49,216,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 80%)}.hero-inner{position:relative;z-index:2;min-height:562px;display:grid;grid-template-columns:49% 51%;align-items:center}.hero-copy{padding-top:25px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--purple);font-size:15px;font-weight:800;letter-spacing:.16em}.eyebrow i{width:31px;height:1px;background:var(--purple);box-shadow:0 0 9px var(--purple)}.mini-brand{color:var(--purple);font-size:19px;font-weight:800;letter-spacing:.26em;margin-top:24px}.hero h1{font-size:clamp(45px,5vw,68px);line-height:.99;letter-spacing:-.055em;margin:4px 0 22px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#c16dff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:650px;font-size:14px;line-height:1.7;color:#c1ccd1;margin:0}.hero-actions{display:flex;gap:14px;margin-top:26px}.quick-points{display:flex;gap:25px;margin-top:27px;color:#d4dde1;font-size:15px}.quick-points span{display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:#13e0aa;box-shadow:0 0 12px #13e0aa}.hero-visual{height:100%;position:relative;min-height:562px}.feature-panel{position:absolute;right:4%;top:20%;width:300px;padding:22px 20px;background:rgba(3,12,19,.78);border:1px solid rgba(49,216,255,.18);box-shadow:0 15px 60px rgba(0,0,0,.45);backdrop-filter:blur(9px);border-radius:5px}.feature{display:flex;gap:14px;align-items:center;padding:10px 0}.feature strong{width:36px;height:36px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(49,216,255,.55);border-radius:50%;font-size:18px}.feature>div{display:flex;flex-direction:column;gap:4px}.feature b{font-size:15px}.feature small{color:#9eacb3;font-size:9px}
.section{padding:58px 0}.services{background:radial-gradient(circle at 50% 0%,rgba(30,80,110,.10),transparent 35%)}.section-head{text-align:center;margin-bottom:28px}.center{align-items:center}.eyebrow.centered{display:block}.section h2,.about h2,.values h2,.contact h2{font-size:31px;line-height:1.05;letter-spacing:-.04em;margin:9px 0}.accent-line{width:44px;height:2px;background:var(--purple);margin:13px auto 0;box-shadow:0 0 14px rgba(167,107,255,.5)}.section-intro{max-width:700px;margin:12px auto 0;color:#9daab0;font-size:15px;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-tile{position:relative;display:block;border-radius:9px;overflow:hidden;transition:.3s;line-height:0;background:#050b10}.service-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.25)}.service-details{border-top:1px solid var(--line);padding-top:64px}.service-detail{padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:95px}.service-detail:last-child{border-bottom:0}.service-detail-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.service-detail-head h3{font-size:26px;margin:8px 0 10px;letter-spacing:-.03em}.service-detail-head p{max-width:760px;color:#a5b1b7;font-size:15px;line-height:1.7;margin:0}.back-service{color:var(--purple);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding-top:8px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.price-card{position:relative;min-height:265px;padding:24px 22px 18px;background:#061018;border:1px solid #16303d;border-radius:12px;display:flex;flex-direction:column}.price-card.featured{border-color:var(--purple);box-shadow:0 0 30px rgba(167,107,255,.06)}.price-card h4{font-size:15px;margin:0 0 22px}.price-card h4 span{font-size:10px;color:var(--purple);font-weight:700;margin-left:7px}.price-card strong{font-size:30px;letter-spacing:-.04em}.price-card strong small{font-size:15px;color:#91a5ae;font-weight:600;letter-spacing:0}.price-card ul{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:9px;color:#bdc9ce;font-size:10.5px;line-height:1.35}.price-card li::before{content:'✓';color:var(--cyan);font-weight:800;margin-right:8px}.price-card a{margin-top:auto;border:1px solid #23718a;border-radius:5px;text-align:center;padding:10px;color:var(--cyan);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.price-card.featured a{border-color:var(--purple);color:#eadbff;background:rgba(167,107,255,.07)}
.stats-strip{padding:0 0 4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;background:#071017}.stats div{padding:21px 25px;border-right:1px solid var(--line)}.stats div:last-child{border-right:0}.stats b{display:block;color:var(--cyan);font-size:30px;line-height:1}.stats span{display:block;margin-top:7px;color:#b0bbc0;font-size:10px}.partners{padding-top:34px;padding-bottom:30px}.partner-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:24px;margin-top:24px;padding:8px 0}.partner-row a{height:54px;display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:7px;transition:transform .25s ease,filter .25s ease,background .25s ease}.partner-row a:hover{transform:translateY(-2px);background:rgba(49,216,255,.035);filter:brightness(1.16)}.partner-row img{display:block;max-width:100%;max-height:42px;width:auto;height:auto;object-fit:contain}.partner-row a:first-child img{max-height:39px}
.about{border-top:1px solid var(--line);padding-top:60px}.about-grid{display:grid;grid-template-columns:40% 60%;gap:40px;align-items:center}.about p,.values p,.contact p{color:#a5b1b7;font-size:15px;line-height:1.7;max-width:500px}.about-card{display:grid;grid-template-columns:1fr 1fr;min-height:200px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#071017}.about-photo{background:url('assets/server-room-clean.jpg') center/cover;min-height:200px;filter:saturate(.85) brightness(.78)}.checklist{padding:25px;display:flex;flex-direction:column;justify-content:center;gap:18px;font-size:15px}.checklist span{color:#e3eaed}.checklist span::first-letter{color:var(--cyan)}.values{border-top:1px solid var(--line)}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact{border-top:1px solid var(--line);background:radial-gradient(circle at 80% 50%,rgba(80,40,130,.09),transparent 35%)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.big-phone{display:inline-block;margin-top:15px;color:var(--cyan);font-size:28px;font-weight:800}form{display:grid;gap:11px}input,textarea{width:100%;border:1px solid var(--line);background:#050b10;color:white;border-radius:5px;padding:13px;font:inherit;outline:0}input:focus,textarea:focus{border-color:#32758a}textarea{min-height:130px;resize:vertical}form small{color:var(--cyan)}
#footer{border-top:1px solid var(--line);padding-top:35px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.8fr 1.2fr 1fr;gap:35px;padding-bottom:30px}.footer-brand img{width:130px;height:120px;object-fit:contain;object-position:left}.footer-grid h4{font-size:15px;margin:7px 0 12px}.footer-grid p{font-size:10px;line-height:1.6;color:#9da9af;margin:4px 0}.footer-grid a{color:#dfe7ea}.social{display:flex;gap:8px}.social a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:5px;font-weight:800}.footer-bottom{border-top:1px solid var(--line);padding:15px 0;color:#74838a;font-size:9px;display:flex;justify-content:space-between}
@media(max-width:1050px){.nav nav{display:none;position:absolute;top:78px;left:0;right:0;margin:0;padding:12px 18px;background:rgba(2,7,11,.98);border:1px solid var(--line);border-radius:7px;flex-direction:column;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.5)}.nav nav.open{display:flex}.phone{margin-left:auto}.mobile-toggle{display:block}.hero-inner{grid-template-columns:1fr}.hero{min-height:980px}.hero-visual{min-height:470px}.feature-panel{right:6%;top:17%}.service-grid{grid-template-columns:repeat(2,1fr)}.price-grid{grid-template-columns:1fr}.service-detail-head{grid-template-columns:1fr}.about-grid,.contact-grid,.values-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.brand{width:105px;height:105px;top:12px}.container{width:min(100% - 36px,1180px)}.site-header{height:68px}.btn-top,.phone{display:none}.hero{padding-top:68px;min-height:900px}.hero-inner{min-height:auto}.hero-copy{padding-top:42px}.hero h1{font-size:43px}.mini-brand{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.quick-points{flex-direction:column;gap:10px}.hero-visual{min-height:430px}.feature-panel{width:calc(100% - 20px);right:10px;top:13%;}.service-grid,.stats{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.service-detail-head{grid-template-columns:1fr}.back-service{display:inline-block}.stats div{border-right:0;border-bottom:1px solid var(--line)}.stats div:last-child{border-bottom:0}.partner-row{grid-template-columns:repeat(3,1fr);gap:12px}.partner-row a{height:48px}.about-card{grid-template-columns:1fr}.about-photo{min-height:150px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:1051px){.nav nav a{padding:31px 0 27px;border-bottom:2px solid transparent}}

/* --- Service / partner refinements --- */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:96px}
.service-details{border-top:1px solid var(--line);padding-top:64px}
.service-detail{padding:42px 0;border-bottom:1px solid var(--line)}
.service-detail:last-child{border-bottom:0}
.service-detail-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}
.service-detail-head h3{font-size:26px;margin:8px 0 10px;letter-spacing:-.03em}
.service-detail-head p{max-width:760px;color:#a5b1b7;font-size:15px;line-height:1.7;margin:0}
.back-service{color:var(--purple);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding-top:8px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}
.price-card{position:relative;min-height:265px;padding:24px 22px 18px;background:#061018;border:1px solid #16303d;border-radius:12px;display:flex;flex-direction:column}
.price-card.featured{border-color:var(--purple);box-shadow:0 0 30px rgba(167,107,255,.06)}
.price-card h4{font-size:15px;margin:0 0 22px}
.price-card h4 span{font-size:10px;color:var(--purple);font-weight:700;margin-left:7px}
.price-card strong{font-size:30px;letter-spacing:-.04em}
.price-card strong small{font-size:15px;color:#91a5ae;font-weight:600;letter-spacing:0}
.price-card ul{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:9px;color:#bdc9ce;font-size:10.5px;line-height:1.35}
.price-card li::before{content:'✓';color:var(--cyan);font-weight:800;margin-right:8px}
.price-card a{margin-top:auto;border:1px solid #23718a;border-radius:5px;text-align:center;padding:10px;color:var(--cyan);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.price-card.featured a{border-color:var(--purple);color:#eadbff;background:rgba(167,107,255,.07)}
.section-intro{max-width:700px;margin:12px auto 0;color:#9daab0;font-size:15px;line-height:1.65}
.partners{padding-top:34px;padding-bottom:30px}
.partner-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:24px;margin-top:24px;padding:8px 0}
.partner-row a{height:54px;display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:7px;transition:transform .25s ease,filter .25s ease,background .25s ease}
.partner-row a:hover{transform:translateY(-2px);background:rgba(49,216,255,.035);filter:brightness(1.16)}
.partner-row img{display:block;max-width:100%;max-height:42px;width:auto;height:auto;object-fit:contain}
.partner-row a:first-child img{max-height:39px}
.service-config-error{margin:30px 0;padding:20px;border:1px solid #6d2d3d;background:#180b10;border-radius:9px;color:#d9aeb8;font-size:15px}
.service-config-error code{color:var(--cyan)}
@media(max-width:1050px){
  .price-grid{grid-template-columns:1fr}
  .service-detail-head{grid-template-columns:1fr}
  .partner-row{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
  .partner-row{grid-template-columns:repeat(2,1fr);gap:12px}
  .price-grid{grid-template-columns:1fr}
  .service-detail-head{grid-template-columns:1fr}
  .back-service{display:inline-block}
}

.service-anchor-list{height:0;overflow:visible;position:relative}.service-anchor-list span{display:block;height:0;position:relative;top:-96px;visibility:hidden}

.service-tile-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:606 / 689;
  object-fit:contain;
  background:#02070b;
}

/* V9 — service tiles compact */
@media(min-width:1051px){
  .service-grid{grid-template-columns:repeat(6,1fr);gap:12px;align-items:start}
}
@media(min-width:651px) and (max-width:1050px){
  .service-grid{grid-template-columns:repeat(4,1fr);gap:12px}
}
@media(max-width:650px){
  .service-grid{grid-template-columns:repeat(2,1fr);gap:10px}
}
.partner-row{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
.partner-row img{max-width:100%}

/* V10 — servicii: 4 coloane simetrice */
@media(min-width:1051px){
  .service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px 26px;
    align-items:start;
  }
}
@media(min-width:651px) and (max-width:1050px){
  .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
  }
}
@media(max-width:650px){
  .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
}