:root{--ink:#19232d;--muted:#5e6975;--line:#dce3ea;--surface:#fff;--soft:#f4f7fa;--blue:#2563eb;--blue-dark:#153f9e;--green:#10b981;--amber:#f59e0b;--coral:#ef6f61;--shadow:0 22px 70px #212d3c24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--surface);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #dce3eacc;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,5vw,72px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--ink);border-radius:8px;justify-content:center;align-items:center;min-width:58px;min-height:34px;font-size:.82rem;display:inline-flex}.nav{color:var(--muted);align-items:center;gap:clamp(12px,2.2vw,28px);font-size:.95rem;display:flex}.nav a:hover{color:var(--ink)}.hero{background:linear-gradient(115deg,#f8fbff 0%,#fff 46%,#eef7f2 100%);grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;gap:clamp(34px,6vw,84px);min-height:calc(100vh - 72px);padding:clamp(42px,7vw,92px) clamp(18px,5vw,72px);display:grid}.hero-copy{max-width:720px}.eyebrow{color:var(--blue);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.55rem,7vw,5.8rem);line-height:.98}h2{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}h3{margin:14px 0 10px;font-size:1.2rem}.hero-text{max-width:660px;color:var(--muted);margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{color:#fff;background:var(--blue)}.primary:hover{background:var(--blue-dark)}.secondary{color:var(--ink);border-color:var(--line);background:#fff}.hero-visual{align-content:center;align-self:stretch;gap:16px;display:grid}.server-panel{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(#fffffff5,#ffffffdb),repeating-linear-gradient(90deg,#2563eb14 0 1px,#0000 1px 68px);border-radius:8px;padding:clamp(20px,4vw,34px)}.panel-top{gap:8px;margin-bottom:44px;display:flex}.panel-top span{background:var(--coral);border-radius:50%;width:12px;height:12px}.panel-top span:nth-child(2){background:var(--amber)}.panel-top span:nth-child(3){background:var(--green)}.deploy-line{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;padding:0 18px;display:grid}.status-dot{background:var(--green);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 6px #10b98124}.deploy-line small{color:var(--green);text-transform:uppercase;font-weight:800}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.metric-grid div{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:104px;padding:18px}.metric-grid span{color:var(--muted);font-size:.86rem;display:block}.metric-grid strong{margin-top:10px;font-size:clamp(1.15rem,2.2vw,1.55rem);display:block}.cloud-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.cloud-strip span{border:1px solid var(--line);min-height:46px;color:var(--muted);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(.72rem,1.4vw,.92rem);font-weight:800;display:inline-flex}.section,.process,.contact{padding:clamp(56px,8vw,110px) clamp(18px,5vw,72px)}.section-heading{gap:8px;margin-bottom:34px;display:grid}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:230px;padding:24px}.card p,.contact-copy p,.steps span{color:var(--muted)}.icon{color:#fff;background:var(--ink);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.88rem;font-weight:800;display:inline-flex}.process{background:var(--soft)}.steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);counter-increment:step;background:#fff;border-radius:8px;min-height:190px;padding:24px}.steps li:before{content:counter(step);color:#fff;background:var(--blue);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:18px;font-weight:800;display:inline-flex}.steps strong,.steps span{display:block}.steps strong{margin-bottom:8px;font-size:1.08rem}.contact{grid-template-columns:minmax(0,.82fr) minmax(320px,1fr);align-items:start;gap:clamp(28px,6vw,72px);display:grid}.contact-copy{position:sticky;top:108px}.contact-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:16px;padding:clamp(20px,4vw,32px);display:grid}label{color:var(--ink);gap:8px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:12px 14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid #2563eb24}.form-button{border:0;width:100%;font-size:1rem}.footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:28px clamp(18px,5vw,72px);display:flex}@media (max-width:960px){.hero,.contact{grid-template-columns:1fr}.hero{min-height:auto}.contact-copy{position:static}.service-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site-header{flex-direction:column;align-items:flex-start}.nav{justify-content:space-between;width:100%}.hero-actions,.button{width:100%}.server-panel{min-height:340px}.metric-grid,.service-grid,.steps{grid-template-columns:1fr}.deploy-line{grid-template-columns:auto 1fr}.deploy-line small{grid-column:2}.cloud-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{flex-direction:column}}