/* НТЦ «Редуктор» — современный лаконичный стиль */
:root{
  --nt-ink:#0b1522; --nt-body:#4a5666; --nt-muted:#8592a3;
  --nt-line:#e8ebef; --nt-soft:#f6f7f9; --nt-white:#fff;
  --nt-green:#1f8a4c; --nt-green-d:#176d3b;
  --nt-r:16px; --nt-r-lg:24px;
}
html,body{max-width:100%;overflow-x:hidden}
.nt-body{margin:0;background:#fff;color:var(--nt-ink);font-family:Inter,Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.nt-body *{box-sizing:border-box}
.nt-body a{color:inherit;text-decoration:none}
.nt-body img{max-width:100%;height:auto;display:block}
.nt-wrap{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}
.nt-h2,.nt-h3{margin:0;color:var(--nt-ink);letter-spacing:-.03em;line-height:1.15;font-weight:800}
.nt-h2{font-size:38px}
.nt-h3{font-size:19px;font-weight:700;letter-spacing:-.01em}
.nt-lead{font-size:17px;color:var(--nt-body);margin:14px 0 0;max-width:560px}

/* Шапка */
.nt-top{display:none}
.nt-hdr{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--nt-line);backdrop-filter:saturate(180%) blur(8px)}
.nt-hdr .nt-wrap{display:flex;align-items:center;gap:32px;height:82px}
.nt-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.nt-logo .nt-mark{width:42px;height:42px;border-radius:12px;background:var(--nt-ink);display:grid;place-items:center;flex:0 0 auto}
.nt-logo .nt-mark svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nt-logo .nt-word{font-weight:800;font-size:17px;letter-spacing:.16em;line-height:1;color:var(--nt-ink)}
.nt-logo .nt-sub{display:block;font-size:9px;letter-spacing:.18em;color:var(--nt-muted);font-weight:600;margin-top:5px}
.nt-nav{display:flex;gap:30px;margin-left:auto;align-items:center}
.nt-nav a{font-size:14px;font-weight:600;color:var(--nt-body);letter-spacing:.01em;transition:color .18s ease}
.nt-nav a:hover{color:var(--nt-ink)}
.nt-phone{font-weight:700;font-size:15px;white-space:nowrap;flex:0 0 auto;color:var(--nt-ink)}
.nt-burger{display:none;width:44px;height:44px;border:1px solid var(--nt-line);border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;flex:0 0 auto}
.nt-burger b{display:block;width:18px;height:2px;background:var(--nt-ink)}

/* Кнопки */
.nt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 26px;border-radius:12px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;text-align:center;transition:background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease}
.nt-btn-green{background:var(--nt-green);color:#fff!important}
.nt-btn-green:hover{background:var(--nt-green-d);transform:translateY(-1px)}
.nt-btn-green:active{background:#125a30}
.nt-btn-ghost{background:#fff;color:var(--nt-ink)!important;border-color:var(--nt-line)}
.nt-btn-ghost:hover{border-color:#cfd6df;background:#fbfcfd}
.nt-btn-lg{height:54px;padding:0 30px;font-size:16px}

/* Первый экран — светлый, крупная типографика */
.nt-hero{background:#fff;padding:92px 0 72px;border-bottom:1px solid var(--nt-line);overflow:hidden}
.nt-hero .nt-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.nt-hero h1{color:var(--nt-ink);font-size:58px;margin:0 0 22px;letter-spacing:-.04em;line-height:1.04;font-weight:800}
.nt-hero p{color:var(--nt-body);font-size:18px;margin:0 0 34px;max-width:520px;line-height:1.6}
.nt-hero .nt-btns{display:flex;gap:12px;flex-wrap:wrap}
.nt-hero-badge{display:inline-flex;align-items:center;gap:9px;background:var(--nt-soft);border:1px solid var(--nt-line);border-radius:999px;padding:7px 16px;margin-bottom:26px;font-size:13px;color:var(--nt-body)}
.nt-hero-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nt-green);flex:0 0 auto}
.nt-badge-num{font-weight:700;color:var(--nt-ink);font-size:13px;white-space:nowrap}
.nt-badge-txt{font-size:13px}

/* Цифры справа — без коробок, разделители */
.nt-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--nt-line)}
.nt-stat{padding:26px 0;border-bottom:1px solid var(--nt-line)}
.nt-stat:nth-child(odd){padding-right:28px;border-right:1px solid var(--nt-line)}
.nt-stat:nth-child(even){padding-left:28px}
.nt-stat b{display:block;font-size:34px;color:var(--nt-ink);line-height:1;letter-spacing:-.03em;font-weight:800}
.nt-stat span{display:block;font-size:14px;color:var(--nt-muted);margin-top:8px;line-height:1.4}

/* Секции */
.nt-sec{padding:88px 0}
.nt-sec-head{margin-bottom:44px;max-width:640px}
.nt-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nt-card{background:var(--nt-soft);border:1px solid transparent;border-radius:var(--nt-r);padding:28px;transition:background-color .2s ease, border-color .2s ease, transform .2s ease;display:block;color:inherit}
.nt-card:hover{background:#fff;border-color:var(--nt-line);transform:translateY(-2px)}
.nt-card .nt-ico{width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--nt-line);color:var(--nt-green);display:grid;place-items:center;margin-bottom:20px}
.nt-card p{color:var(--nt-body);font-size:15px;margin:10px 0 0;line-height:1.55}
.nt-card .nt-more{display:inline-block;margin-top:18px;font-weight:600;font-size:14px;color:var(--nt-green)}

/* Преимущества */
.nt-feat{background:var(--nt-soft);border:0}
.nt-feat .nt-grid3{gap:40px}
.nt-feat b{display:block;font-size:40px;color:var(--nt-ink);font-weight:800;line-height:1;letter-spacing:-.03em}
.nt-feat h3{margin:12px 0 6px;color:var(--nt-ink);font-size:17px}
.nt-feat p{margin:0;color:var(--nt-body);font-size:15px}

/* CTA */
.nt-cta{background:var(--nt-ink);color:#fff;border-radius:var(--nt-r-lg);padding:52px;display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 -64px;position:relative;z-index:2}
.nt-cta h2{color:#fff;font-size:30px;margin:0 0 10px;letter-spacing:-.03em}
.nt-cta p{margin:0;color:#a9b6c6;font-size:15px;max-width:460px}
.nt-cta-wrap{padding-bottom:64px}

/* Подвал */
.nt-ftr{background:var(--nt-ink);color:#94a3b5;padding:64px 0 28px;font-size:14px}
.nt-ftr .nt-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.nt-ftr h4{color:#fff;margin:0 0 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.nt-ftr a{color:#c3d0de;display:block;margin:0 0 10px;font-size:14px}
.nt-ftr .nt-logo .nt-mark{background:#fff}
.nt-ftr .nt-logo .nt-mark svg{stroke:var(--nt-ink)}
.nt-ftr .nt-logo .nt-word{color:#fff}
.nt-ftr .nt-logo .nt-sub{color:#7f8fa3}
.nt-ftr-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#76879b}

/* Планшет */
@media (max-width:1023px){
  .nt-phone{display:none}
  .nt-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--nt-line);flex-direction:column;gap:0;padding:10px 24px 20px}
  .nt-nav.nt-open{display:flex}
  .nt-nav a{display:block;width:100%;padding:14px 0;border-bottom:1px solid var(--nt-line);font-size:16px}
  .nt-burger{display:flex;margin-left:auto}
  .nt-hdr .nt-wrap{height:72px;gap:14px}
  .nt-hero{padding:56px 0 48px}
  .nt-hero .nt-wrap{grid-template-columns:1fr;gap:36px}
  .nt-hero h1{font-size:40px}
  .nt-hero p{font-size:17px}
  .nt-h2{font-size:30px}
  .nt-sec{padding:56px 0}
  .nt-grid3{grid-template-columns:1fr;gap:12px}
  .nt-ftr .nt-cols{grid-template-columns:1fr;gap:28px}
  .nt-cta{padding:32px;border-radius:18px}
  .nt-cta h2{font-size:24px}
  .nt-cta .nt-btn{width:100%}
}

/* Телефон */
@media (max-width:560px){
  .nt-wrap{padding:0 18px}
  .nt-hdr .nt-wrap{height:66px}
  .nt-logo .nt-mark{width:36px;height:36px;border-radius:10px}
  .nt-logo .nt-mark svg{width:20px;height:20px}
  .nt-logo .nt-word{font-size:15px;letter-spacing:.12em}
  .nt-logo .nt-sub{font-size:8px;margin-top:4px}
  .nt-hdr .nt-btn-green{display:none}
  .nt-nav{top:66px}
  .nt-hero{padding:36px 0 40px}
  .nt-hero h1{font-size:31px;line-height:1.08;letter-spacing:-.03em}
  .nt-hero p{font-size:16px;margin-bottom:26px}
  .nt-hero .nt-btns{flex-direction:column;gap:10px}
  .nt-hero .nt-btn{width:100%}
  .nt-stats{grid-template-columns:1fr 1fr}
  .nt-stat{padding:18px 0}
  .nt-stat:nth-child(odd){padding-right:16px}
  .nt-stat:nth-child(even){padding-left:16px}
  .nt-stat b{font-size:26px}
  .nt-stat span{font-size:13px}
  .nt-sec{padding:44px 0}
  .nt-h2{font-size:26px}
  .nt-sec-head{margin-bottom:28px}
  .nt-card{padding:22px}
  .nt-feat .nt-grid3{gap:24px}
  .nt-ftr{padding-top:80px}
}