*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#16212b;background:#fff;line-height:1.6}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e7edf2;backdrop-filter:blur(10px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#16212b}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#0f6cbd;color:white;font-weight:700}.brand strong,.brand small{display:block}.brand small{font-size:12px;color:#607080}.nav{display:flex;gap:24px;align-items:center}.nav a{text-decoration:none;color:#263746;font-weight:600;font-size:14px}.nav-cta{background:#0f6cbd;color:white!important;padding:10px 16px;border-radius:9px}.menu-toggle{display:none;background:none;border:0;font-size:26px}.hero{padding:86px 0;background:linear-gradient(135deg,#f7fbff,#eaf4fb)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0f6cbd;margin-bottom:12px}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin:0 0 22px}.hero p{font-size:18px;color:#516170;max-width:720px}.hero-actions{display:flex;gap:14px;margin:28px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.btn-primary{background:#0f6cbd;color:#fff}.btn-secondary{background:#fff;color:#0f6cbd;border:1px solid #b9d4e8}.trust-row{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#304758}.hero-card{background:#fff;border:1px solid #dfeaf2;border-radius:24px;padding:28px;box-shadow:0 20px 55px rgba(16,69,103,.12)}.device-visual{min-height:260px;display:flex;align-items:center;justify-content:center;position:relative}.monitor{width:260px}.screen{height:155px;border:10px solid #263746;border-radius:14px;background:#dff1ff;padding:24px}.screen-line{display:block;height:10px;background:#6aa6cf;border-radius:10px;margin-bottom:12px;width:65%}.screen-line.wide{width:90%}.screen-line.short{width:45%}.diagnostic{display:flex;gap:7px;margin-top:20px}.diagnostic span{width:22px;height:22px;border-radius:50%;background:#0f6cbd}.stand{width:90px;height:18px;background:#263746;margin:8px auto;border-radius:8px}.tool-card{position:absolute;background:#fff;border:1px solid #d4e2ec;border-radius:10px;padding:8px 12px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.08)}.t1{left:2%;top:18%}.t2{right:2%;top:32%}.t3{left:12%;bottom:12%}.section{padding:84px 0}.section.alt{background:#f6f9fb}.section-heading{max-width:760px;margin-bottom:38px}.section h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 14px}.section-heading p,.split p{color:#607080}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid #e1e8ee;border-radius:18px;padding:24px;background:#fff}.service-card .icon{font-size:30px}.service-card h3{margin:12px 0 8px}.service-card p{margin:0;color:#607080}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.check-list{display:grid;gap:12px}.check-list div{display:flex;gap:16px;align-items:center;padding:16px 18px;background:#fff;border-radius:14px;border:1px solid #e2e9ef}.check-list strong{color:#0f6cbd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:22px;border:1px solid #e1e8ee;border-radius:16px}.step>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0f6cbd;color:#fff;font-weight:700}.step h3{margin:14px 0 7px}.step p{color:#607080;margin:0}.contact-section{background:#102a43;color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}.contact-section p{color:#c9d6df}.contact-note{margin-top:24px;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:12px}.contact-form{background:#fff;color:#16212b;padding:26px;border-radius:18px;display:grid;gap:14px}.contact-form label{display:grid;gap:6px;font-weight:700;font-size:14px}.contact-form input,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #cfd9e2;border-radius:9px;font:inherit}.form-message{margin:0!important;color:#0f6cbd!important;font-size:14px}.footer{padding:26px 0;background:#0b1e2e;color:#e7eef3}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong,.footer span{display:block}.footer p{margin:0;color:#aebeca;font-size:13px}@media(max-width:850px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 4%;border-bottom:1px solid #e7edf2;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hero{padding:60px 0}.cards,.steps{grid-template-columns:1fr}.hero-actions{flex-direction:column}.footer-row{flex-direction:column;align-items:flex-start}.device-visual{min-height:220px}.monitor{width:220px}.screen{height:135px}}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;overflow:hidden!important}


.site-logo{
  display:block;
  width:190px;
  max-height:64px;
  object-fit:contain;
  object-position:left center;
}
.brand-logo-link{
  display:flex;
  align-items:center;
}
.hero-logo{
  display:block;
  width:220px;
  max-width:70%;
  height:auto;
  margin:0 auto 16px auto;
  object-fit:contain;
}
@media(max-width:560px){
  .site-logo{width:150px;max-height:54px}
  .hero-logo{width:180px}
}