:root{
  --ink:#071226;--muted:#5f6e83;--line:#e6ebf3;--blue:#1769ff;--green:#089c55;--orange:#ff5b16;--purple:#6d46ff;
  --shadow:0 22px 60px rgba(18,37,73,.10);--shadow-sm:0 10px 25px rgba(18,37,73,.07);--max:1100px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid #3658ff;outline-offset:2px}
.icon-stroke{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:var(--max);margin:0 auto;padding:0 42px}
.top{background:radial-gradient(circle at 78% 16%,rgba(8,156,85,.12),transparent 25%),radial-gradient(circle at 92% 34%,rgba(255,91,22,.12),transparent 26%),linear-gradient(180deg,#fff 0%,#fbfcff 100%);border-bottom:1px solid #edf1f7}
nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:23px;letter-spacing:-.035em}
.brand small{display:block;font-size:10px;letter-spacing:.32em;font-weight:800;color:#2a3548;margin-top:-3px}
.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800}
.nav-drop{position:relative}
.nav-drop>button{background:none;border:0;font:inherit;font-weight:800;color:#0d1729;cursor:pointer;padding:0}
.nav-drop>button:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-left:9px;margin-bottom:3px}
.drop-menu{position:absolute;top:calc(100% + 14px);left:0;min-width:210px;background:#fff;border:1px solid #e1e8f2;border-radius:12px;box-shadow:var(--shadow-sm);padding:8px;display:none;z-index:40}
.drop-menu a{display:block;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:750;color:#1a2a42}
.drop-menu a:hover,.drop-menu a:focus{background:#f4f7fc}
.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu,.nav-drop.open .drop-menu{display:block}
.page{padding:42px 0 64px}
.eyebrow{display:inline-flex;border-radius:999px;background:#ecebff;color:#2646ee;font-size:12px;font-weight:900;letter-spacing:.035em;text-transform:uppercase;padding:8px 14px;margin-bottom:16px}
h1{font-size:44px;line-height:1.02;letter-spacing:-.05em;margin:0 0 14px;font-weight:950}
h1 em{font-style:normal;color:#3658ff}
.lead{font-size:18px;line-height:1.55;color:#56677e;margin:0 0 28px;max-width:720px}
.panel{background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:28px 32px;box-shadow:var(--shadow-sm);margin:0 0 18px}
.panel h2{font-size:22px;letter-spacing:-.03em;margin:0 0 12px}
.panel p,.panel li{font-size:15px;line-height:1.65;color:#56677e}
.panel p{margin:0 0 12px}
.panel p:last-child{margin-bottom:0}
.panel a{color:#1769ff;font-weight:750}
.highlight{font-weight:800;color:#0b1528}
.flow{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7edf6;border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden;margin:0 0 22px}
.step{min-height:112px;display:flex;align-items:center;gap:14px;padding:18px 18px}
.step:not(:last-child){border-right:1px dashed #d0dae8}
.big-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#f4f8ff;flex:0 0 auto;color:var(--blue)}
.step:nth-child(1) .big-ico{color:var(--green)}
.step:nth-child(3) .big-ico{color:var(--purple)}
.step:nth-child(4) .big-ico{color:var(--orange)}
.big-ico svg{width:30px;height:30px}
.step strong{font-size:15px;display:block}
.step p{margin:4px 0 0;color:#64748b;font-size:12px}
.num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0bb35d;color:#fff;font-weight:950;font-size:12px;margin-right:6px}
.step:nth-child(2) .num{background:#1769ff}
.step:nth-child(3) .num{background:#7048ff}
.step:nth-child(4) .num{background:#ff5b16}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}
.standard{background:#fff;border:1px solid #e7edf6;border-radius:15px;padding:22px;box-shadow:var(--shadow-sm)}
.standard h3{font-size:15px;margin:0 0 8px}
.standard p{font-size:13px;color:#65758b;margin:0;line-height:1.5}
.weights{width:100%;border-collapse:collapse;font-size:14px}
.weights th,.weights td{text-align:left;padding:10px 8px;border-bottom:1px solid #e7edf6;vertical-align:top}
.weights th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#5f6e83}
.contact-panel{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:linear-gradient(135deg,#071226 0%,#12203d 100%);color:#fff;border-radius:20px;padding:40px 44px;box-shadow:var(--shadow);margin:0 0 18px}
.contact-panel h2{margin:0 0 10px;font-size:26px;color:#fff;letter-spacing:-.03em}
.contact-panel p{margin:0;font-size:15px;line-height:1.55;color:#b7c4d9;max-width:540px}
.contact-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#071226;border-radius:8px;padding:16px 24px;font-weight:950;font-size:14px;white-space:nowrap}
.facts{display:grid;gap:12px}
.fact{background:#fff;border:1px solid #e7edf6;border-radius:14px;padding:16px 18px}
.fact strong{display:block;font-size:13px;margin-bottom:4px}
.fact span,.fact a{font-size:13px;color:#5f6e83;line-height:1.45}
.fact a{color:#1769ff;font-weight:750}
.bottom{background:#071226;color:#d5deea;padding:36px 0 28px;margin-top:12px}
.bottom a{color:#fff}
.foot{display:flex;flex-wrap:wrap;gap:18px 28px;font-size:13px;font-weight:750}
.bottom p{font-size:12px;color:#8ea0b8;margin:18px 0 0}
@media(max-width:900px){
  .wrap{padding:0 22px}
  h1{font-size:34px}
  .navlinks{display:none}
  .flow,.cards4,.contact-panel{grid-template-columns:1fr}
  .step:not(:last-child){border-right:0;border-bottom:1px dashed #d0dae8}
  .contact-btn{justify-self:start}
}
