@font-face{font-family:'Instrument Sans';src:url(assets/instrument-sans.ttf) format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(assets/jetbrains-mono.ttf) format('truetype');font-weight:400 500;font-display:swap}
body{margin:0;background:#F4F2EC}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
a{color:inherit}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #0E1020;box-shadow:0 0 0 2px #F4F2EC}
.on-dark a:focus-visible{outline-color:#F4F2EC;box-shadow:0 0 0 2px #0E1020}
.wrap{max-width:1240px;margin:0 auto;box-sizing:border-box;padding-inline:24px}
.nav{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border-radius:6px;text-decoration:none;font-weight:500}
.nav:hover{background:#EAE7DF}
.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:10px;background:#3D3BF3;color:#fff;text-decoration:none;font-weight:600}
.primary:hover{background:#2C2AC4}
.second{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;background:#fff;border:1px solid #0E1020;text-decoration:none;font-weight:600}
.second:hover{background:#EAE7DF}
.mob-nav{display:none}
.mob-nav summary{display:flex;align-items:center;min-height:44px;padding:0 12px;cursor:pointer;font-weight:600}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px 64px;align-items:end}
.t-hero{display:grid;grid-template-columns:92px 122px minmax(120px,1fr) 80px 88px 92px 112px}
.t-pos{display:grid;grid-template-columns:minmax(150px,1fr) 80px 50px 80px 90px}
.t-need{display:grid;grid-template-columns:128px minmax(0,1fr) 92px 100px}
.t-sales{display:grid;grid-template-columns:minmax(0,1fr) 90px 92px}
.t-client{display:grid;grid-template-columns:minmax(0,1fr) 62px 96px}
.t-stock{display:grid;grid-template-columns:minmax(0,1fr) 60px 56px}
.t-users{display:grid;grid-template-columns:minmax(0,1fr) 106px 74px 74px}
.c{padding:3px 7px;min-width:0}
.r{text-align:right}
.mono{font-family:'JetBrains Mono',monospace}
.need-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 64px;align-items:start}
.sec-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:start}
.problem{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px 32px;padding:24px 0;border-bottom:1px solid #A3A6B5}
.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px 64px}
.rule{display:grid;grid-template-columns:220px minmax(0,1fr);gap:4px 24px;padding:14px 0;border-top:1px solid #2A2D40}
summary{cursor:pointer}
.q summary{display:flex;align-items:center;min-height:44px;font-weight:600;font-size:18px;line-height:25px}
.q summary:hover{color:#2C2AC4}
.step{display:flex;align-items:center;min-height:44px;width:100%;padding:8px 14px;border:1px solid #D9DAE2;border-radius:6px;cursor:pointer;font:inherit;font-weight:500;text-align:left}
.step:hover{border-color:#3D3BF3}
@media (max-width:720px){
  .desk-nav,.hm{display:none}
  .mob-nav{display:block;order:3;width:100%}
  .hero-copy,.need-layout,.sec-layout,.problem,.faq{grid-template-columns:minmax(0,1fr)}
  .rule{grid-template-columns:minmax(0,1fr)}
  .t-hero{grid-template-columns:minmax(0,1fr) 78px 104px}
  .t-need{grid-template-columns:minmax(0,1fr) 72px 84px}
  .t-users{grid-template-columns:minmax(0,1fr) 62px 62px}
  .price{padding:20px !important}
  .hero-side{display:none}
  .steps{flex:1 1 100% !important;border-left:0 !important;border-top:1px solid #D9DAE2}
}