:root{
  --ds-blue:#0a68e8; --ds-blue2:#0759c8; --ds-navy:#102b59;
  --ds-text:#203b62; --ds-muted:#6d809b; --ds-line:#dce7f4;
  --ds-bg:#f3f8fd; --ds-white:#fff;
}
*{box-sizing:border-box}
body{margin:0}
.top,.mega,.footer{display:none!important}

.ds-shell{position:sticky;top:0;z-index:1000;background:rgba(243,248,253,.94);
  backdrop-filter:blur(12px);padding:10px 0;font-family:Inter,Segoe UI,Arial,sans-serif}
.ds-wrap{width:min(1240px,calc(100% - 40px));margin:auto}
.ds-header{min-height:72px;background:#fff;border:1px solid #e2ebf5;border-radius:17px;
  display:flex;align-items:center;padding:0 20px;box-shadow:0 10px 28px rgba(16,43,89,.07);gap:18px}
.ds-logo{display:flex;align-items:center;text-decoration:none;min-width:180px}
.ds-logo-mark{font-weight:900;font-size:24px;letter-spacing:-.04em;color:var(--ds-navy)}
.ds-logo-slash{font-weight:900;font-size:24px;color:var(--ds-blue);margin:0 5px}
.ds-logo-uzk{font-weight:900;font-size:24px;color:var(--ds-navy)}
.ds-logo-sub{display:block;font-size:8px;line-height:1.1;color:#7b8da5;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}
.ds-nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.ds-nav>a,.ds-product-button{border:0;background:none;text-decoration:none;color:var(--ds-navy);font:800 14px Inter,Segoe UI,Arial,sans-serif;cursor:pointer;padding:25px 0}
.ds-nav>a:hover,.ds-product-button:hover{color:var(--ds-blue)}
.ds-phone{font:800 13px Inter,Segoe UI,Arial,sans-serif;text-decoration:none;color:var(--ds-navy);white-space:nowrap}
.ds-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;padding:11px 15px;font:800 13px Inter,Segoe UI,Arial,sans-serif;background:var(--ds-blue);color:#fff;white-space:nowrap}
.ds-burger{display:none;margin-left:auto;width:42px;height:42px;border-radius:10px;border:1px solid var(--ds-line);background:white;cursor:pointer;align-items:center;justify-content:center}
.ds-burger span,.ds-burger:before,.ds-burger:after{content:"";display:block;width:20px;height:2px;background:var(--ds-navy);border-radius:4px}
.ds-burger span{margin:4px 0}

.ds-mega{position:fixed;z-index:999;top:92px;left:50%;transform:translateX(-50%) translateY(-8px);
  width:min(1180px,calc(100% - 40px));background:#fff;border:1px solid var(--ds-line);border-radius:18px;
  box-shadow:0 22px 60px rgba(16,43,89,.16);padding:22px;opacity:0;visibility:hidden;transition:.18s}
.ds-mega.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ds-mega-grid{display:grid;grid-template-columns:1.35fr 1fr 1.15fr 1fr 1fr;gap:22px}
.ds-mega h4{margin:0 0 10px;color:var(--ds-navy);font:900 14px Inter,Segoe UI,Arial,sans-serif}
.ds-mega h4 a{color:inherit;text-decoration:none}
.ds-mega a{display:block;text-decoration:none;color:#667c99;font:600 12.5px/1.35 Inter,Segoe UI,Arial,sans-serif;padding:5px 0}
.ds-mega a:hover{color:var(--ds-blue)}
.ds-mega .ds-all{color:var(--ds-blue);font-weight:900;margin-top:6px}

.ds-mobile{display:none;position:fixed;z-index:1002;inset:0;background:#f3f8fd;padding:12px;overflow:auto}
.ds-mobile.open{display:block}
.ds-mobile-head{display:flex;align-items:center;background:white;border:1px solid var(--ds-line);border-radius:15px;padding:12px 14px}
.ds-mobile-close{margin-left:auto;border:0;background:#edf5ff;color:var(--ds-navy);font-size:25px;width:40px;height:40px;border-radius:10px}
.ds-mobile-nav{margin-top:12px;background:white;border:1px solid var(--ds-line);border-radius:15px;padding:8px 16px 16px}
.ds-mobile-nav details{border-bottom:1px solid #edf2f7;padding:10px 0}
.ds-mobile-nav summary{cursor:pointer;font:900 15px Inter,Segoe UI,Arial,sans-serif;color:var(--ds-navy)}
.ds-mobile-nav a{display:block;text-decoration:none;color:#5e7593;font:700 14px Inter,Segoe UI,Arial,sans-serif;padding:8px 4px}
.ds-mobile-direct{font:900 16px Inter,Segoe UI,Arial,sans-serif!important;color:var(--ds-navy)!important;border-bottom:1px solid #edf2f7}

.ds-footer{background:#0e2854;color:#fff;padding:34px 0 22px;font-family:Inter,Segoe UI,Arial,sans-serif;margin-top:44px}
.ds-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}
.ds-footer-brand{font-size:28px;font-weight:900;letter-spacing:-.04em}
.ds-footer-brand span{color:#45a0ff}
.ds-footer p,.ds-footer a{color:#c9d7e9;text-decoration:none;font-size:13px;line-height:1.55}
.ds-footer h4{margin:0 0 10px;font-size:14px}
.ds-footer a{display:block;margin:5px 0}
.ds-footer-bottom{margin-top:22px;padding-top:17px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#aebfd4;font-size:12px}

.ds-page{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f3f8fd;color:var(--ds-text);min-height:60vh;padding:26px 0 46px}
.ds-page h1{color:var(--ds-navy);font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.045em;margin:0 0 16px}
.ds-page h2{color:var(--ds-navy)}
.ds-lead{max-width:820px;color:#607894;font-size:18px;line-height:1.55}
.ds-crumbs{font-size:13px;color:#8192a8;margin-bottom:22px}
.ds-crumbs a{color:inherit;text-decoration:none}
.ds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.ds-card{display:block;text-decoration:none;background:white;border:1px solid var(--ds-line);border-radius:18px;padding:22px;min-height:154px;box-shadow:0 8px 24px rgba(16,43,89,.04);transition:.16s}
.ds-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,43,89,.08);border-color:#bed8f5}
.ds-card b{display:block;color:var(--ds-navy);font-size:18px;margin-bottom:7px}
.ds-card span{color:#6d809b;font-size:13px;line-height:1.45}
.ds-card i{display:block;margin-top:15px;color:var(--ds-blue);font-style:normal;font-weight:900;font-size:13px}
.ds-note{background:white;border:1px solid var(--ds-line);border-radius:18px;padding:24px;margin-top:24px}
.ds-note p{margin:0;color:#657c98}

@media(max-width:1080px){
  .ds-phone{display:none}.ds-nav{gap:16px}.ds-mega-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .ds-wrap{width:calc(100% - 24px)}
  .ds-header{min-height:66px;padding:0 14px}
  .ds-nav,.ds-phone,.ds-cta{display:none}
  .ds-burger{display:flex;flex-direction:column}
  .ds-logo{min-width:0}.ds-logo-mark,.ds-logo-slash,.ds-logo-uzk{font-size:21px}.ds-logo-sub{font-size:7px}
  .ds-mega{display:none!important}
  .ds-footer-grid{grid-template-columns:1fr 1fr}
  .ds-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .ds-footer-grid,.ds-grid{grid-template-columns:1fr}
  .ds-page{padding-top:18px}
  .ds-page h1{font-size:34px}
}