:root{--ink:#173f4a;--muted:#557279;--teal:#3f7d7d;--teal-dark:#316e70;--mint:#eaf5f0;--line:#dce9e7;--white:#fff;--shadow:0 18px 50px rgba(23,63,74,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Montserrat,Arial,sans-serif;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,233,231,.8)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;height:74px}.brand-mark{position:relative;width:78px;height:82px;overflow:hidden;flex:none}.brand-mark img{position:absolute;left:0;top:0;width:212px;max-width:none}.brand-wordmark{position:relative;width:130px;height:64px;overflow:hidden;flex:none}.brand-wordmark img{position:absolute;left:-65px;top:0;width:168px;max-width:none}.nav-links{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:600;color:var(--muted)}.nav-links a:hover{color:var(--teal-dark)}.nav-links a.button:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:0;border-radius:10px;background:var(--teal);color:#fff;font:600 15px Montserrat,Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--teal-dark);transform:translateY(-1px)}.button.light{background:#fff;color:var(--teal-dark)}.button.light:hover{background:var(--teal-dark);color:#fff}.button.outline{background:transparent;border:1px solid var(--teal);color:var(--teal-dark)}.hero{min-height:650px;padding:90px 0;background:linear-gradient(105deg,rgba(18,57,70,.88),rgba(34,91,94,.74)),url('/images/hero-datacenter.jpg') center/cover}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}.eyebrow{color:#bfe3d6;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600}.hero h1{margin:18px 0 18px;color:#fff;font-size:clamp(36px,4.4vw,56px);line-height:1.08;letter-spacing:-.03em}.hero p{max-width:600px;color:#e3f0ed;font-size:20px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-card{padding:30px;border-radius:var(--radius);background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);color:#fff}.hero-card strong{display:block;font-size:42px;line-height:1}.hero-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.hero-card small{display:block;margin-top:7px;color:#d7ebe6}.hero-side{display:flex;flex-direction:column;align-items:center;gap:22px}.hero-side .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;width:100%;justify-content:center;margin-top:0;text-align:center}.hero-side .stats span:nth-child(2){padding-left:12px}.hero-side .stats{font-size:13px;gap:14px 18px}.hero-side .stats b{font-size:24px}.stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:36px;color:#d7ebe6}.stats b{display:block;font-size:30px;color:#fff;line-height:1}.section{padding:86px 0}.section.mint{background:var(--mint)}.section-head{max-width:760px;margin:0 auto 42px;text-align:center}.section-head h2{margin:0 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.15}.section-head p{color:var(--muted);font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card img{width:52px;height:52px;object-fit:contain;margin-bottom:20px}.card h3{margin:0 0 10px;font-size:20px}.card p{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{padding:28px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.service h3{margin:0 0 10px}.service p{color:var(--muted);margin:0}.calculator-ui{margin-top:24px}.price-request{display:grid;gap:14px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.price-request h3{margin:0;font-size:26px}.price-request p{margin:0;color:var(--muted)}.price-request input,.price-request textarea{width:100%;padding:14px 16px;border:1px solid #648f87;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.price-request textarea{min-height:82px;resize:vertical}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}.step{position:relative;padding:28px 22px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700}.step h3{margin:0 0 8px}.step p{margin:0;color:var(--muted)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.price-box{padding:30px;background:linear-gradient(135deg,#e8f4ef,#f8fcfa);border-radius:var(--radius);border:1px solid var(--line)}.price-box h3{font-size:28px;margin:0 0 12px}.price-box p{color:var(--muted)}.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.person{padding:30px;min-height:100%;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#e8f4ef,#f8fcfa);box-shadow:var(--shadow)}.person div{padding:0}.person h3{font-size:20px;margin:0 0 10px}.person p{font-size:15px;color:var(--muted);margin:0}.faq{max-width:900px;margin:auto}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:18px}.faq p{color:var(--muted);margin:14px 0 0}.contact-section{background:var(--ink);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}.contact-grid p{color:#c8dedb}.contact-info{display:grid;gap:18px;margin-top:28px}.contact-info strong{display:block;color:#fff}.contact-form{display:grid;gap:14px;padding:30px;border-radius:var(--radius);background:rgba(255,255,255,.1)}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;font:inherit}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#c8dedb}.contact-form textarea{min-height:110px;resize:vertical}.form-note{font-size:12px;color:#b8d2ce}.site-footer{padding:30px 0;background:#12323d;color:#c8dedb}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px}.footer-grid a{text-decoration:underline}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:8px}.calculator-fields>fieldset,.calculator-fields>.calc-total,.calculator-fields>input[type=hidden]{grid-column:1/-1}.calculator-fields>label{display:grid;gap:6px;color:var(--ink);font-size:14px;font-weight:600}.calculator-fields select{width:100%;padding:9px 10px;border:1px solid #648f87;border-radius:9px;background:rgba(255,255,255,.65);color:var(--ink);font:inherit}.calculator-fields fieldset{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:10px;border:1px solid #648f87;border-radius:9px;color:var(--ink);font-size:13px}.calculator-fields legend{padding:0 4px;font-size:13px;font-weight:600}.calculator-fields fieldset label{font-weight:400}.calc-total{padding:12px 0;color:var(--ink);font-size:20px}.calc-total strong{color:var(--teal-dark)}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(11,37,44,.68)}.modal.open{display:flex}.modal-box{position:relative;width:min(520px,100%);padding:34px;border-radius:20px;background:var(--mint);box-shadow:0 25px 70px rgba(0,0,0,.28)}.modal-box h2{margin:0 0 20px;color:var(--ink)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer}.modal .contact-form{padding:0;background:transparent}.modal input,.modal textarea{border-color:#648f87;background:rgba(255,255,255,.65);color:var(--ink)}.modal input::placeholder,.modal textarea::placeholder{color:#557279}.toast{position:fixed;z-index:200;left:50%;top:50%;transform:translate(-50%,-50%);padding:22px 30px;border:2px solid #62c584;border-radius:12px;background:#fff;color:#2f7d55;box-shadow:0 10px 40px rgba(0,0,0,.25);font-weight:600}
@media(max-width:900px){.nav-links{gap:14px}.nav-links a:not(:last-child){display:none}.hero-grid,.pricing,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}.team{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.nav{min-height:66px}.brand{height:62px}.brand-mark{width:66px;height:70px}.brand-mark img{width:177px}.brand-wordmark{width:108px;height:56px}.brand-wordmark img{left:-55px;width:140px}.hero{padding:64px 0;min-height:auto}.hero p{font-size:17px}.hero-card-grid,.cards,.service-grid,.steps{grid-template-columns:1fr}.section{padding:62px 0}.team{grid-template-columns:1fr 1fr}.hero-actions .button{width:100%}.contact-form{padding:20px}}
@media(max-width:600px){.calculator-fields{grid-template-columns:1fr}.calculator-fields>fieldset,.calculator-fields>.calc-total,.calculator-fields>input[type=hidden]{grid-column:1}}

/* Layout refinement: tighter rhythm and clearer content density. */
.hero{min-height:590px;padding:72px 0}
.hero{background:linear-gradient(105deg,rgba(18,57,70,.72),rgba(34,91,94,.55)),url('/images/hero-datacenter.jpg') center/cover}
.hero-card-kicker{font-size:24px!important;line-height:1.15}
.hero-card p{margin:12px 0 0;font-size:18px;line-height:1.35;color:#e3f0ed}
.hero-card p b{color:#fff}
.hero-card small{font-size:12px;line-height:1.3}
.hero-card-kicker{font-size:18px!important;line-height:1.2}
.hero-card p b{font-size:27px;line-height:1.1}
.hero-grid{gap:56px}
.hero-card{padding:24px}
.hero-card-grid{gap:18px;margin-top:18px}
.section{padding:72px 0}
.section-head{margin-bottom:34px}
.cards{gap:16px}
.card{padding:24px}
.card img{margin-bottom:16px}
.service-grid{gap:18px}
.service{padding:24px}
.price-box h2{margin:0 0 18px;font-size:clamp(28px,3vw,38px);line-height:1.15}
.price-box{padding:26px}
.pricing{gap:24px}
.person{padding:24px}
.person-avatar{display:grid;place-items:center;width:64px;height:64px;margin-bottom:18px;border-radius:50%;background:linear-gradient(135deg,#3f7d7d,#8fc5b5);color:#fff;font-size:20px;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 20px rgba(23,63,74,.14)}
.contact-grid{gap:40px}
.contact-info{gap:16px;margin-top:24px}
.contact-form{padding:24px}
.contact-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.contact-highlights span{padding:14px 12px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.06);color:#c8dedb;font-size:12px;line-height:1.35}
.contact-highlights b{display:block;margin-bottom:5px;color:#fff;font-size:15px;line-height:1.15}
@media(max-width:900px){.contact-highlights{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.hero{padding:56px 0;min-height:auto}.section{padding:58px 0}.contact-highlights{grid-template-columns:1fr}.person-avatar{width:56px;height:56px;margin-bottom:14px}}

.person-avatar{width:88px;height:88px;margin-bottom:18px;border:3px solid rgba(255,255,255,.78);background-image:url('/images/team-avatars-neutral.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#eaf5f0;box-shadow:0 8px 20px rgba(23,63,74,.14)}
.person-avatar.avatar-1{background-position:0 0}
.person-avatar.avatar-2{background-position:100% 0}
.person-avatar.avatar-3{background-position:0 100%}
.person-avatar.avatar-4{background-position:100% 100%}
@media(max-width:560px){.person-avatar{width:72px;height:72px;margin-bottom:14px}}

/* Keep the two hero columns equal in height on desktop. */
.hero-grid{align-items:stretch}
.hero-grid>div:first-child{align-self:center}
.hero-side{align-self:stretch;justify-content:space-between}
.hero-card{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}
@media(max-width:900px){.hero-grid{align-items:center}.hero-side{align-self:auto;height:auto}.hero-card{flex:none}}

/* Avoid artificial offsets and excess empty space inside content cards. */
.hero-side .stats span:nth-child(2){padding-left:0}
.cards,.service-grid,.steps,.team{align-items:start}
.pricing{align-items:start}

/* Prevent mobile header elements from creating a horizontal page overflow. */
html,body{overflow-x:clip}
@media(max-width:560px){
  .nav{gap:10px}
  .brand{gap:6px}
  .brand-wordmark{width:96px}
  .brand-wordmark img{left:-48px;width:124px}
  .nav-links{gap:0}
  .nav-links .button{min-height:40px;padding:9px 12px;font-size:13px;white-space:nowrap}
}
@media(max-width:380px){
  .container{width:calc(100% - 20px)}
  .nav{gap:8px}
  .brand-mark{width:56px;height:62px}
  .brand-mark img{width:150px}
  .brand-wordmark{width:88px;height:50px}
  .brand-wordmark img{left:-44px;width:114px}
  .nav-links .button{padding:8px 9px;font-size:11px}
}

.step-image{display:block;width:88px;height:88px;margin-bottom:18px;border:3px solid rgba(255,255,255,.78);border-radius:18px;background-image:url('/images/team-steps.jpg');background-size:200% 200%;background-repeat:no-repeat;background-color:#eaf5f0;box-shadow:0 8px 20px rgba(23,63,74,.14)}
.step-start{background-position:0 0}
.step-contract{background-position:100% 0}
.step-optimization{background-position:0 100%}
.step-result{background-position:100% 100%}
@media(max-width:560px){.step-image{width:72px;height:72px;margin-bottom:14px}}

/* Keep each step number inside its thematic image. */
.step:before{display:none}
.step-image{position:relative}
.step-image:before{counter-increment:step;content:counter(step);position:absolute;bottom:8px;left:8px;display:grid;place-items:center;width:30px;height:30px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:var(--teal);color:#fff;font-weight:700;line-height:1;box-shadow:0 4px 10px rgba(23,63,74,.2)}
.cf-turnstile{width:300px;max-width:100%;margin-left:auto;margin-right:auto}

.topic-image{display:block;width:88px;height:88px;margin-bottom:18px;border:3px solid rgba(255,255,255,.78);border-radius:18px;background-image:url('/images/team-topics.jpg');background-size:200% 200%;background-repeat:no-repeat;background-color:#eaf5f0;box-shadow:0 8px 20px rgba(23,63,74,.14)}
.topic-security{background-position:0 0}
.topic-privacy{background-position:100% 0}
.topic-monitoring{background-position:0 100%}
.topic-support{background-position:100% 100%}
@media(max-width:560px){.topic-image{width:72px;height:72px;margin-bottom:14px}}
body{background:#fff}
.card,.service,.price-request,.price-request input,.price-request textarea,.button.light,.toast{background:#f5f9f7}
.service-grid,.steps{align-items:stretch}
.service,.step{height:100%}
.cards{align-items:stretch}
.card{height:100%}
.pricing{align-items:stretch}
.price-box,.price-request{height:100%}
.step{background:#f5f9f7}
.price-box{background:#f5f9f7}
.topic-image,.step-image,.person-avatar{margin-left:auto;margin-right:auto}
@media(max-width:560px){.team{grid-template-columns:1fr}}