/* Нейропазл — лендинг. Токены совпадают с frontend-final/css/base.css */
:root{
  --np-bg:#FBFAF8;
  --np-surface:#FFFFFF;
  --np-surface-2:#F4F1EC;
  --np-surface-3:#F3F0EB;
  --np-accent:#D2632F;
  --np-accent-hover:#BE5828;
  --np-accent-soft:#FBEDE5;
  --np-ink:#1A1A1A;
  --np-text:#000000;
  --np-text-2:#5C574F;
  --np-text-3:#6E6A65;
  --np-text-4:#8E8A84;
  --np-text-5:#A39C92;
  --np-line:#EFECE7;
  --np-line-3:#E4E0D9;
  --np-border:#E8E5E0;
  --np-border-strong:#DAD5CD;
  --np-footer-bg:#000000;
  --np-footer-line:#2A2A2A;
  --np-footer-tile:#2F2F2F;
  --np-footer-text:#AEA9A2;
  --np-footer-muted:#8E8A84;
  --np-footer-legal:#7C7873;
  --np-r-8:8px; --np-r-10:10px; --np-r-14:14px; --np-r-18:18px; --np-r-pill:999px;
  --np-font:'Archivo',Helvetica,Arial,sans-serif;
  --np-font-display:'Unbounded',Helvetica,Arial,sans-serif;
  --np-font-mono:'JetBrains Mono',ui-monospace,monospace;
  --np-container:1080px;
  --np-gutter:40px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--np-bg);color:var(--np-text);font-family:var(--np-font);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}
body.is-locked{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--np-accent)}
h1,h2,h3,p{margin:0}
button{font-family:inherit;color:inherit}
img,svg{display:block}

.np-container{max-width:calc(var(--np-container) + var(--np-gutter)*2);margin:0 auto;padding:0 var(--np-gutter)}
.np-eyebrow{font-family:var(--np-font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--np-text-4)}
.np-h2{font-family:var(--np-font-display);font-size:24px;font-weight:600;letter-spacing:-.02em}
.np-h3{font-size:17px;font-weight:600;letter-spacing:-.01em}
.np-text{font-size:14px;line-height:1.45;color:var(--np-text-3);text-wrap:pretty}
.np-section{padding-top:88px}
.np-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding-bottom:22px;border-bottom:1px solid var(--np-line)}
.np-section__head--baseline{align-items:baseline}
.np-section__title{display:grid;gap:10px}
.np-section__lead{font-size:14px;line-height:1.5;color:var(--np-text-2);max-width:400px;text-wrap:pretty}

/* кнопки — как .np-btn во внутренних страницах */
.np-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--np-r-8);padding:9px 16px;font-size:13px;font-weight:500;line-height:1.45;cursor:pointer;background:none;transition:background .15s,border-color .15s,color .15s}
.np-btn--primary{background:var(--np-accent);color:#FFFFFF}
.np-btn--primary:hover{background:var(--np-accent-hover);color:#FFFFFF}
.np-btn--secondary{background:var(--np-surface);border-color:var(--np-border-strong);color:var(--np-text)}
.np-btn--secondary:hover{border-color:#C8C2B8;color:var(--np-text)}
.np-btn--block{width:100%}

/* логотип */
.np-logo{display:inline-flex;align-items:center;gap:9px}
.np-logo__name{font-family:var(--np-font-display);font-size:16px;font-weight:600;letter-spacing:-.02em}
.np-mark{position:relative;flex:none;width:22px;height:22px}
.np-mark i{position:absolute;width:50%;height:50%;background:var(--np-ink)}
.np-mark i:nth-child(1){left:0;top:0;border-radius:70% 20% 28% 62%/66% 26% 62% 32%}
.np-mark i:nth-child(2){left:52.25%;top:0;border-radius:24% 66% 70% 22%/62% 68% 24% 28%}
.np-mark i:nth-child(3){left:0;top:52.2%;border-radius:62% 24% 22% 70%/28% 24% 66% 62%}
.np-mark i:nth-child(4){left:61.4%;top:61.4%;border-radius:22% 68% 62% 26%/24% 28% 66% 68%;transform:rotate(-11deg);background:var(--np-accent)}
.np-logo--inverse .np-logo__name{color:#FFFFFF;font-size:14px}
.np-logo--inverse .np-mark i{background:#FFFFFF}
.np-logo--inverse .np-mark i:nth-child(4){background:var(--np-accent)}

/* шапка */
.np-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}
.np-header__nav{display:flex;align-items:center;gap:28px;font-size:13px;color:var(--np-text-2)}
.np-header__actions{display:flex;align-items:center;gap:10px}
.np-header__mobile{display:none;align-items:center;gap:4px}
.np-header__login{display:flex;align-items:center;height:44px;padding:0 14px;font-size:14px;font-weight:500}
.np-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}

/* выдвижное меню — как .np-drawer во внутренних страницах */
.np-drawer{position:fixed;inset:0;z-index:60;background:var(--np-bg);display:none;flex-direction:column}
.np-drawer.is-open{display:flex}
.np-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 18px}
.np-drawer__list{padding:8px 20px 0;display:flex;flex-direction:column;overflow:auto}
.np-drawer__item{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:17px 0;border-bottom:1px solid var(--np-line);font-size:17px;color:var(--np-text)}
.np-drawer__foot{margin-top:auto;padding:0 20px 30px;display:flex;flex-direction:column;gap:16px}
.np-drawer__close{text-align:center;font-size:14px;color:var(--np-text-4);background:none;border:0;cursor:pointer}

/* первый экран */
.np-hero{display:grid;justify-items:center;text-align:center;gap:24px;padding:72px 0}
.np-hero__img{width:700px;max-width:100%;height:auto}
.np-hero__title{font-family:var(--np-font-display);font-size:46px;font-weight:600;line-height:1.12;letter-spacing:-.03em;max-width:760px;text-wrap:pretty}
.np-hero__lead{font-size:16px;line-height:1.55;color:var(--np-text-2);max-width:560px;text-wrap:pretty}
.np-hero__actions{display:flex;gap:10px;padding-top:6px}

/* окно ввода чата */
.np-composer{background:var(--np-surface);border:1px solid var(--np-line-3);border-radius:var(--np-r-14);padding:14px 14px 12px;display:grid;gap:12px}
.np-composer__input{width:100%;border:0;background:none;resize:none;font:inherit;font-size:14px;line-height:1.5;padding:6px 2px 0;min-height:52px;color:var(--np-text)}
.np-composer__input::placeholder{color:var(--np-text-5);transition:color .15s}
.np-composer__input:focus::placeholder{color:transparent}
.np-composer__input:focus{outline:none}
.np-composer:focus-within{border-color:#CFC8BC}
.np-composer__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.np-model{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--np-line-3);background:var(--np-surface);border-radius:var(--np-r-8);font-size:12px;color:var(--np-text-2);cursor:pointer}
.np-model:hover{border-color:#C8C2B8;color:var(--np-text-2)}
.np-send{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--np-r-8);border:0;background:var(--np-accent);cursor:pointer}
.np-send:hover{background:var(--np-accent-hover)}

/* функции */
.np-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:24px}
.np-feature{background:var(--np-surface);border:1px solid var(--np-border);border-radius:var(--np-r-18);padding:22px;display:grid;gap:12px;align-content:start;box-shadow:0 1px 2px rgba(26,26,26,.03);color:var(--np-text);transition:border-color .15s}
a.np-feature:hover{border-color:var(--np-border-strong);color:var(--np-text)}
.np-feature__head{display:flex;align-items:center;gap:9px}
.np-feature__visual{height:150px;border-radius:12px;background:#F7F4EF;border:1px solid #F0EDE8;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px;overflow:hidden}
.np-feature__visual>svg{max-width:100%;height:auto}

/* как это работает */
.np-step{background:var(--np-surface);border:1px solid var(--np-border);border-radius:var(--np-r-18);padding:24px;display:flex;flex-direction:column;gap:12px}
.np-step__num{font-family:var(--np-font-mono);font-size:11px;letter-spacing:.08em;color:var(--np-text-4)}
.np-step .np-text{margin-bottom:10px}
.np-step__visual{margin-top:auto}

/* тарифы */
.np-tariffs__head{display:grid;gap:10px;padding-bottom:28px}
.np-tariffs__head p{font-size:14px;color:var(--np-text-2);max-width:520px}
.np-tariffs__row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:stretch}
.np-tgroup{border:1px solid transparent;border-radius:var(--np-r-18);padding:16px 0;display:flex;flex-direction:column}
.np-tgroup--promo{background:var(--np-surface-2);border-color:var(--np-border);padding:16px}
.np-tgroup__head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:0 2px}
.np-tgroup__title{font-size:17px;font-weight:600;letter-spacing:-.01em}
.np-tgroup__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1}
.np-tgroup__list--one{grid-template-columns:minmax(0,1fr)}
.np-badge{font-size:11px;font-weight:500;letter-spacing:.01em;background:var(--np-accent-soft);color:var(--np-accent);padding:4px 9px;border-radius:var(--np-r-pill)}
.np-tcard{background:var(--np-surface);border:1px solid var(--np-border);border-radius:var(--np-r-18);padding:18px;display:flex;flex-direction:column}
.np-tcard__top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.np-tcard__term{grid-column:1;grid-row:1;display:inline-flex;gap:4px;margin-bottom:5px;font-family:var(--np-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--np-text-4)}
.np-tcard__name{grid-column:1;grid-row:2;font-size:15px;font-weight:600;letter-spacing:-.01em}
.np-tcard__price{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.np-tcard__old{font-size:12px;color:var(--np-text-4);text-decoration:line-through}
.np-tcard__now{font-size:18px;font-weight:600;letter-spacing:-.02em}
.np-tcard__desc{font-size:12.5px;line-height:1.5;color:var(--np-text-3);margin:12px 0 18px;padding-top:12px;border-top:1px solid var(--np-line);text-wrap:pretty}
.np-tcard .np-btn{margin-top:auto;width:100%;flex-wrap:wrap;gap:0 5px}
.np-tcard--dark{background:var(--np-ink);border-color:var(--np-ink);color:#FFFFFF}
.np-tcard--dark .np-tcard__term,.np-tcard--dark .np-tcard__desc{color:var(--np-footer-text)}
.np-tcard--dark .np-tcard__desc{border-top-color:var(--np-footer-tile)}

.np-once{background:var(--np-surface);border:1px solid var(--np-border);border-radius:var(--np-r-18);padding:18px;margin-top:14px}
.np-once__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.np-once__head .np-eyebrow{margin-left:auto;letter-spacing:.08em}
.np-once__body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:end}
.np-once__text{font-size:13px;line-height:1.5;color:var(--np-text-3);margin-bottom:14px;text-wrap:pretty}
.np-once__label{font-size:13px;color:var(--np-text-2);margin-bottom:10px}
.np-days{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.np-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--np-surface);border:1px solid var(--np-line-3);border-radius:var(--np-r-10);padding:11px 6px;cursor:pointer;transition:border-color .15s,background .15s}
.np-day:hover{border-color:#C8C2B8}
.np-day__n{font-size:17px;font-weight:600;line-height:1;letter-spacing:-.02em}
.np-day__u{font-family:var(--np-font-mono);font-size:10px;color:var(--np-text-3)}
.np-day.is-active{background:var(--np-surface-2);border-color:var(--np-ink)}
.np-day.is-active .np-day__u{color:var(--np-text-2)}
.np-once__sum{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:13px 16px;border:1px solid var(--np-line-3);border-radius:var(--np-r-14);background:var(--np-surface-2)}
.np-once__sum span:first-child{font-size:13px;color:var(--np-text-2);white-space:nowrap}
.np-once__price{font-size:18px;font-weight:600;letter-spacing:-.02em}

/* вопросы */
.np-faq{padding:88px 0 96px}
.np-faq__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--np-line)}
.np-faq__kb{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--np-accent)}
.np-faq__kb:hover{color:var(--np-ink)}
.np-faq__kb svg{transition:transform .15s}
.np-faq__kb:hover svg{transform:translateX(2px)}
.np-faq__item{border-bottom:1px solid var(--np-line)}
.np-faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;background:none;border:0;cursor:pointer;text-align:left;font-size:15px;font-weight:600;color:var(--np-text)}
.np-faq__q:hover{color:var(--np-accent)}
.np-faq__icon{flex:none;width:28px;height:28px;border-radius:var(--np-r-8);border:1px solid var(--np-border-strong);display:flex;align-items:center;justify-content:center}
.np-faq__icon svg{transition:transform .2s}
.np-faq__q[aria-expanded="true"] .np-faq__icon svg{transform:rotate(45deg)}
.np-faq__a{font-size:14px;line-height:1.5;color:var(--np-text-3);text-wrap:pretty;max-width:720px;padding:0 52px 22px 0}

/* футер — как .np-footer во внутренних страницах */
.np-footer{background:var(--np-footer-bg);color:#FFFFFF;padding:40px 0 24px}
.np-footer__inner{display:flex;flex-direction:column;gap:26px}
.np-footer__top{display:grid;grid-template-columns:1.1fr 1.15fr 1.15fr .85fr;gap:40px;align-items:start}
.np-footer__col{display:flex;flex-direction:column;gap:12px}
.np-footer__brand{display:flex;flex-direction:column;gap:14px}
.np-footer__support{display:flex;flex-direction:column;gap:5px}
.np-footer__mail{font-size:15px;font-weight:600;color:#FFFFFF}
.np-footer__links{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--np-footer-text)}
.np-footer__links a:hover,.np-footer__mail:hover{color:#FFFFFF}
.np-social{display:flex;gap:8px;flex-wrap:wrap}
.np-social a{width:34px;height:34px;border-radius:9px;border:1px solid var(--np-footer-tile);display:flex;align-items:center;justify-content:center;color:var(--np-footer-text)}
.np-social a:hover{color:#FFFFFF;border-color:#4A4A4A}
.np-footer__legal{border-top:1px solid var(--np-footer-line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--np-font-mono);font-size:11px;color:var(--np-footer-legal)}

/* планшет */
@media (max-width:1023px){
  :root{--np-gutter:28px}
  .np-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-grid--steps{grid-template-columns:minmax(0,1fr)}
  .np-tariffs__row{grid-template-columns:minmax(0,1fr)}
  .np-tgroup--main{padding:0}
  .np-once__body{grid-template-columns:minmax(0,1fr)}
  .np-footer__top{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* телефон */
@media (max-width:767px){
  :root{--np-gutter:20px}
  body{font-size:14px}
  .np-header{padding:16px 0}
  .np-header__nav,.np-header__actions{display:none}
  .np-header__mobile{display:flex}
  .np-logo__name{font-size:15px}
  .np-btn{padding:12px 18px;font-size:15px;border-radius:var(--np-r-10);min-height:44px}
  .np-hero{justify-items:stretch;text-align:left;gap:18px;padding:40px 0 32px}
  .np-hero__title{font-size:30px;line-height:1.15}
  .np-hero__lead{font-size:15px}
  .np-hero__actions{display:grid;gap:10px;padding-top:2px}
  .np-section{padding-top:44px}
  .np-section__head{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:16px}
  .np-h2{font-size:20px}
  .np-grid{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:16px}
  .np-feature,.np-step{padding:20px}
  .np-tgroup__list{grid-template-columns:minmax(0,1fr)}
  .np-tcard,.np-once{padding:16px;border-radius:var(--np-r-14)}
  .np-once__body{gap:16px}
  .np-once__sum{border-radius:var(--np-r-10);padding:13px 14px}
  .np-faq{padding:44px 0 56px}
  .np-faq__q{min-height:56px;padding:14px 0;gap:16px;font-size:14px}
  .np-faq__a{padding:0 44px 16px 0}
  .np-footer{padding:28px 0 30px}
  .np-footer__top{grid-template-columns:minmax(0,1fr);gap:22px}
  .np-footer__mail{font-size:17px}
  .np-footer__links{font-size:13px;gap:10px}
  .np-social a{width:44px;height:44px}
  .np-footer__legal{flex-direction:column;align-items:flex-start;gap:6px}
}

/* поддержка */
.np-support-fab{position:fixed;right:22px;bottom:22px;z-index:50;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:0;border-radius:var(--np-r-pill);background:var(--np-ink);color:#FFFFFF;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 6px 20px rgba(26,26,26,.18);transition:background .15s,transform .15s}
.np-support-fab:hover{background:#2A2A2A;transform:translateY(-1px)}
.np-support-fab__ic{width:30px;height:30px;border-radius:50%;background:var(--np-accent);display:flex;align-items:center;justify-content:center}
.np-support{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}
.np-support[hidden]{display:none}
.np-support__backdrop{position:absolute;inset:0;background:rgba(26,26,26,.45)}
.np-support__dialog{position:relative;width:100%;max-width:400px;background:var(--np-bg);border:1px solid var(--np-border);border-radius:var(--np-r-18);padding:36px 28px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}
.np-support__close{position:absolute;top:10px;right:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:0;background:none;border-radius:var(--np-r-8);cursor:pointer}
.np-support__close:hover{background:var(--np-surface-2)}
.np-support__ic{width:52px;height:52px;border-radius:var(--np-r-14);background:var(--np-surface-2);border:1px solid var(--np-border);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.np-support__title{font-family:var(--np-font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.np-support__text{font-size:14px;line-height:1.5;color:var(--np-text-3);max-width:30ch;margin-bottom:18px;text-wrap:pretty}
.np-support__mail{display:block;width:100%;margin-bottom:12px;padding:11px 14px;border:1px solid var(--np-line-3);border-radius:var(--np-r-10);background:var(--np-surface);font-family:var(--np-font-mono);font-size:14px;color:var(--np-text);word-break:break-all}
.np-support__mail:hover{border-color:#C8C2B8;color:var(--np-accent)}
body.is-locked .np-support-fab{display:none}
@media (max-width:767px){
  .np-support-fab{right:16px;bottom:16px;font-size:14px;padding:7px 14px 7px 7px}
  .np-support__dialog{padding:32px 20px 20px}
}

@media print{
  .np-drawer,.np-support,.np-support-fab{display:none !important}
}