/* ── ПЕРЕМЕННЫЕ ── */
:root{--f:'Google Sans',sans-serif;--tx:#1a1a1a;--r:10px;--fb:rgba(255,255,255,.75);--fb2:1.5px solid rgba(180,178,170,.45);--fc:rgba(30,100,200,.4);--fs:0 0 0 3px rgba(30,100,200,.08);--red:#e24b4a}
html,body{overflow-x:hidden;max-width:100%}
/* ── HERO ── */
.nm-hero{position:relative;overflow:hidden;padding:30px 24px 10px;text-align:center;background:linear-gradient(to bottom,#06101f 0%,#0c1d3a 40%,#132e55 70%,#1a4070 100%)}
.nm-hero *,.nm-form-section *,.nm-feed-section *{font-family:var(--f);box-sizing:border-box}
.nm-hero__glow{position:absolute;border-radius:50%;pointer-events:none}
.nm-hero__glow--tr{top:-100px;right:-40px;width:420px;height:420px;background:radial-gradient(circle,rgba(60,130,220,.2) 0%,transparent 65%)}
.nm-hero__glow--bl{bottom:-80px;left:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(30,100,200,.14) 0%,transparent 60%)}
.nm-hero__glow--c{top:30%;left:55%;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%)}
.nm-hero__inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.nm-hero__badge{display:inline-block;font-size:16px;font-weight:400;letter-spacing:.12em;color:rgba(200,225,255,.95);border:1px solid rgba(200,225,255,.25);padding:7px 22px;border-radius:24px;margin-bottom:18px;text-transform:uppercase}
.nm-hero h1{font-size:42px;font-weight:400;color:#fff;margin:20px 0 30px;line-height:1.2;letter-spacing:.02em}
.nm-hero__sub{font-size:21px;font-weight:300;color:rgba(255,255,255,.7);line-height:1.5}
.nm-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto}
.nm-hero__card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;text-align:left}
.nm-hero__icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.nm-hero__icon--bolt{background:rgba(245,190,60,.1);border:1px solid rgba(245,190,60,.18)}
.nm-hero__icon--mic{background:rgba(100,180,250,.1);border:1px solid rgba(100,180,250,.18)}
.nm-hero__icon--pro{background:rgba(160,120,240,.1);border:1px solid rgba(160,120,240,.18)}
.nm-hero__icon--free{background:rgba(80,210,170,.1);border:1px solid rgba(80,210,170,.18)}
.nm-hero__card-title,.nm-hero__card-desc{font-size:16px;line-height:1.35}
.nm-hero__card-title{font-weight:400;color:rgba(255,255,255,.95)}
.nm-hero__card-desc{font-weight:300;color:rgba(255,255,255,.5);margin-top:2px}

/* ── ОБЩИЕ КОНТЕЙНЕРЫ ── */
.nm-form-section,.nm-feed-section,.nm-loading{max-width:700px;margin-left:auto;margin-right:auto}

/* ── ФОРМА ── */
.nm-form-section{background:#dadfe4;border-radius:12px;padding:28px 20px 24px}
.nm-form-section h2{font-size:20px;font-weight:400;color:#111;text-align:center;margin:0 0 24px}
.nm-form .form1__label{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;color:#333;margin-bottom:6px;font-weight:500}
.nm-form .form1__label .nm-char-count{font-size:14px;color:#888;transition:color .2s;font-weight:400}
.nm-form .nm-field{position:relative;background:var(--fb);border:var(--fb2);border-radius:var(--r);margin-bottom:14px;transition:border-color .25s,box-shadow .25s,background .25s}
.nm-form .nm-field:focus-within,.nm-form .form1__select:focus,.nm-tpl-name-input:focus{border-color:var(--fc);box-shadow:var(--fs)}
.nm-form .nm-field.recording{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(226,75,74,.08)!important;background:rgba(255,251,251,.9)!important}
.nm-form .nm-field.overflow{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(226,75,74,.12)!important}
.nm-form .form1__input,.nm-form .form1__textarea{width:100%;border:none;background:transparent;padding:14px 100px 14px 14px;font-size:18px;color:var(--tx);outline:none;font-family:var(--f);border-radius:var(--r)}
.nm-form .form1__textarea{min-height:90px;resize:vertical;overflow:auto;display:block}
.nm-form .form1__input::placeholder,.nm-form .form1__textarea::placeholder{color:#888}
.nm-form .nm-field-controls{position:absolute;right:2px;top:3px;display:flex;align-items:center;gap:0}
.nm-form .nm-btn-circle{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s;padding:0}
.nm-form .nm-btn-circle:active{transform:scale(.92)}
.nm-form .nm-mic-btn{border:1.3px solid #d0cec8;background:#f5f5f2;color:#bfbebb}
.nm-form .nm-mic-btn:hover{background:#eae9e5;border-color:#b8b6b0}
.nm-form .nm-mic-btn svg{width:20px;height:20px;fill:currentColor;pointer-events:none}
.nm-form .nm-mic-btn.active{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}
.nm-form .nm-clear-btn,.nm-form .nm-cancel-btn{background:rgba(0,0,0,.05);display:none}
.nm-form .nm-clear-btn{color:#999}
.nm-form .nm-cancel-btn{color:#777}
.nm-form .nm-clear-btn.visible{display:flex}
.nm-form .nm-clear-btn:hover{background:#fdf5f5;color:var(--red)}
.nm-form .nm-cancel-btn:hover{background:#f5f0f0}
.nm-form .nm-clear-btn svg,.nm-form .nm-cancel-btn svg{width:16px;height:16px;pointer-events:none}
.nm-form .nm-rec-panel{display:none;align-items:center;gap:8px;background:rgba(255,251,251,.92);border-radius:24px;padding:0}
.nm-form .nm-field.recording .nm-rec-panel{display:flex}
.nm-form .nm-field.recording .nm-cancel-btn{display:flex}
.nm-form .nm-field.recording .nm-clear-btn{display:none!important}
.nm-form .nm-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;animation:nmPulse 1s ease-in-out infinite}
@keyframes nmPulse{0%,100%{opacity:1}50%{opacity:.3}}
.nm-form .nm-rec-wave{display:flex;gap:2px;align-items:center;height:24px;flex-shrink:0}
.nm-form .nm-rec-wave i{display:block;width:2.5px;border-radius:2px;background:var(--red);opacity:.6;animation:nmBar .7s ease-in-out infinite}
.nm-form .nm-rec-wave i:nth-child(1){height:6px;animation-delay:0s}
.nm-form .nm-rec-wave i:nth-child(2){height:14px;animation-delay:.08s}
.nm-form .nm-rec-wave i:nth-child(3){height:20px;animation-delay:.12s}
.nm-form .nm-rec-wave i:nth-child(4){height:10px;animation-delay:.18s}
.nm-form .nm-rec-wave i:nth-child(5){height:18px;animation-delay:.22s}
.nm-form .nm-rec-wave i:nth-child(6){height:8px;animation-delay:.28s}
.nm-form .nm-rec-wave i:nth-child(7){height:16px;animation-delay:.32s}
.nm-form .nm-rec-wave i:nth-child(8){height:12px;animation-delay:.38s}
@keyframes nmBar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.nm-form .nm-rec-timer{font-size:16px;font-weight:600;color:#a32d2d;font-variant-numeric:tabular-nums;min-width:42px;text-align:center;flex-shrink:0}
.nm-form .nm-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.nm-form .form1__select{width:100%;border:var(--fb2);background-color:var(--fb);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;border-radius:var(--r);padding:14px;font-size:18px;color:var(--tx);font-family:var(--f);appearance:none;cursor:pointer;outline:none}
.nm-form .form1__button{width:100%;border:none;background:linear-gradient(135deg,#1a4070,#2b6cb0);border-radius:var(--r);padding:16px;font-size:18px;font-weight:400;color:#fff;cursor:pointer;font-family:var(--f);margin:20px 0 10px;transition:opacity .15s,transform .12s}
.nm-form .form1__button:hover{opacity:.9}
.nm-form .form1__button:active{transform:scale(.98)}
.nm-form .form1__button:disabled{opacity:.5;cursor:not-allowed}
.nm-form .nm-error{font-size:14px;color:#a32d2d;min-height:18px;margin-top:6px;text-align:center}
.nm-form .nm-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;row-gap:8px;margin-top:4px}
.nm-form .nm-bottom-group{display:flex;align-items:center;gap:6px;flex-shrink:0}
.nm-form .nm-bottom-label{font-size:14px;color:#666;font-weight:500;white-space:nowrap}
.nm-form .nm-tpl-btn,.nm-form .nm-font-btn{color:#333;cursor:pointer;font-family:var(--f);line-height:1.2;white-space:nowrap;transition:background .15s}
.nm-form .nm-tpl-btn{background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:7px 12px;font-size:14px}
.nm-form .nm-tpl-btn:hover{background:rgba(255,255,255,.95)}
.nm-form .nm-font-group{display:flex;background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}
.nm-form .nm-font-btn{border:none;background:transparent;padding:5px 12px;font-size:16px;font-weight:600}
.nm-form .nm-font-btn:hover{background:rgba(0,0,0,.06)}
.nm-form .nm-font-btn:active{background:rgba(0,0,0,.1)}
.nm-form .nm-font-sep{width:1px;background:rgba(0,0,0,.1)}
.nm-form .loadingSpinner{display:none}

/* ── ЗАГРУЗКА ── */
.nm-loading{display:none;text-align:center;padding:20px 0;color:#fff;font-size:18px;font-family:var(--f)}
.nm-loading.active{display:flex;flex-direction:column;align-items:center;gap:10px}
.nm-spinner{width:36px;height:36px;border:3px solid #e2e0db;border-top-color:#2b6cb0;border-radius:50%;animation:nmSpin .8s linear infinite}
@keyframes nmSpin{to{transform:rotate(360deg)}}
.nm-loading-timer,.timer{color:#bfbebe;font-variant-numeric:tabular-nums}

/* ── ЛЕНТА ОТВЕТОВ ── */
.nm-feed-section{background:#f5f6fa;border-radius:12px;padding:20px}
.nm-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.nm-feed-title{font-size:14px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.08em}
.nm-feed-clear{background:rgba(200,50,50,.06);border:1px solid rgba(200,50,50,.12);border-radius:8px;padding:8px 16px;font-size:14px;color:#b44;cursor:pointer;font-family:var(--f);transition:background .15s;display:none}
.nm-feed-clear.visible{display:block}
.nm-feed-clear:hover{background:rgba(200,50,50,.12)}
.nm-answer-card{background:#fff;border:1px solid #dddce0;border-radius:12px;padding:16px 18px;margin-bottom:12px;font-family:var(--f)}
.nm-answer-card .nm-answer-text{font-size:18px;color:var(--tx);line-height:1.65;margin:0 0 14px;word-wrap:break-word}
.nm-answer-card .nm-answer-text p{margin:0 0 10px}
.nm-answer-card .nm-answer-text ul,.nm-answer-card .nm-answer-text ol{padding-left:20px;margin:8px 0}
.nm-answer-card .nm-answer-text strong{font-weight:600;color:#111}
.nm-answer-card .nm-answer-text h1,.nm-answer-card .nm-answer-text h2,.nm-answer-card .nm-answer-text h3,.nm-answer-card .nm-answer-text h4,.nm-answer-card .nm-answer-text h5,.nm-answer-card .nm-answer-text h6{font-weight:600;color:#111;line-height:1.3}
.nm-answer-card .nm-answer-text h1{font-size:22px;margin:16px 0 8px}
.nm-answer-card .nm-answer-text h2{font-size:20px;margin:14px 0 6px}
.nm-answer-card .nm-answer-text h3{font-size:18px;margin:12px 0 6px}
.nm-answer-card .nm-answer-text h4,.nm-answer-card .nm-answer-text h5,.nm-answer-card .nm-answer-text h6{font-size:18px;margin:10px 0 4px}
.nm-answer-card .nm-remove-btn{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.05);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#999;float:right;margin:-4px -4px 0 8px}
.nm-answer-card .nm-remove-btn:hover{background:rgba(0,0,0,.1);color:#666}
.nm-answer-card .nm-answer-btns{display:flex;gap:8px;flex-wrap:wrap;clear:both;padding-top:12px;border-top:1px solid #e8e6e1}
.nm-answer-btn{background:#ededeb;border:none;border-radius:8px;padding:8px 14px;font-size:14px;color:#444;cursor:pointer;font-family:var(--f);display:inline-flex;align-items:center;gap:6px;transition:background .15s}
.nm-answer-btn:hover{background:#e0dfdc}
.nm-answer-btn svg{width:16px;height:16px}
/* ── Кнопки скачать документы ── */
.nm-dl-group{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.nm-dl-label{font-size:14px;color:#888;font-weight:500;font-family:var(--f)}
.nm-answer-btns{justify-content:flex-start}

/* ── ВСПОМОГАТЕЛЬНЫЕ ── */
.nm-form .form1__label .nm-char-count.overflow{color:var(--red)!important;font-weight:700}
.nm-tpl-name-input{width:100%;border:var(--fb2);border-radius:8px;padding:12px 14px;font-size:18px;font-family:var(--f);color:var(--tx);outline:none;margin:10px 0;box-sizing:border-box}

/* ── МОДАЛКИ ── */
.modalBackground{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}
.modalContent{background:#fff;border-radius:16px;padding:28px;max-width:420px;width:90%;font-family:var(--f);animation:nmModalIn .3s}
.modalWrapper{text-align:center;color:var(--tx)}
.modalWrapper p,.modalWrapper h3,.modalWrapper label,.modalWrapper span,.modalWrapper a{font-size:18px!important;line-height:1.5}
.modalWrapper h3{font-size:20px!important;font-weight:600}
.modalAudioContent{background:#fef9e7;border-radius:16px;padding:24px 28px;min-width:200px;font-family:var(--f)}
.modalAudioContent p{font-size:18px!important;color:#333}
.modalButton{padding:12px 24px;border:none;border-radius:10px;font-size:18px;cursor:pointer;font-family:var(--f);margin:6px;transition:opacity .15s}
.modalButton:hover{opacity:.85}
.dotAnimation::after{content:'';animation:nmDots 1.5s steps(3) infinite}
@keyframes nmDots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}
@keyframes nmModalIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}

/* ── АДАПТАЦИЯ ── */
@media(max-width:768px){
  .nm-hero__glow--tr{top:-60px;right:-30px;width:200px;height:200px}
  .nm-hero__glow--bl{bottom:-50px;left:-40px;width:180px;height:180px}
  .nm-hero__glow--c{display:none}
  .nm-hero__badge{font-size:14px;padding:5px 14px;margin-bottom:20px}
  .nm-hero h1{font-size:28px}
  .nm-hero__sub{font-size:17px}
  .nm-hero__grid{grid-template-columns:1fr;gap:10px;max-width:100%}
  .nm-hero__card{padding:12px 14px;border-radius:12px}
  .nm-hero__icon{width:30px;height:30px;border-radius:8px}
  .nm-hero__card-title{font-size:19px}
  .nm-hero__card-desc{font-size:18px}
  .nm-form-section{padding:20px 14px}
  .nm-form .nm-selects{grid-template-columns:1fr}
  .nm-form .nm-bottom-bar{flex-direction:column;align-items:stretch}
  .nm-form .nm-bottom-group{justify-content:center}
  .nm-form .nm-rec-panel{padding:0;gap:6px}
  .nm-form .nm-field-controls{gap:0}
  .nm-form .form1__input,.nm-form .form1__textarea,.nm-form .form1__select,.nm-form .form1__button,.nm-form .form1__label span{font-size:18px!important}
  .nm-form-wrap{padding:30px 2px 40px}
  .nm-feed-section {padding: 20px 10px}
}

/* ── ГРАДИЕНТ Hero → Форма ── */
.nm-form-wrap{background:linear-gradient(to bottom,#1a4070 0%,#1d4d82 30%,#235898 60%,#b0c1d4 100%);padding:40px 2px 56px}
 
 button {
           padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            margin: 5px;
        }
        
        /* НейроМастер — стили загрузки фото с кропом. Добавить ПОСЛЕ основного CSS */

.nm-photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}
.nm-photo-upload{margin:0 0 14px}
.nm-photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:30px 16px;background:var(--fb);border:2px dashed rgba(180,178,170,.55);border-radius:var(--r);cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s;user-select:none;text-align:center;box-sizing:border-box;font-family:var(--f)}
.nm-photo-dropzone:hover{border-color:var(--fc);box-shadow:var(--fs)}
.nm-photo-dropzone--hover{background:rgba(255,255,255,.92)!important;border-color:var(--fc)!important;border-style:solid!important;box-shadow:var(--fs)}
.nm-photo-dropzone--disabled{opacity:.4;pointer-events:none}
.nm-photo-dropzone-icon{width:42px;height:42px;color:#78909c}
.nm-photo-dropzone-title{font-size:16px;font-weight:500;color:var(--tx)}
.nm-photo-dropzone-hint{font-size:14px;color:#666}
.nm-photo-counter{font-size:14px;color:#888;font-weight:400;margin-left:8px}

.nm-photo-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.nm-photo-gallery:empty{display:none;margin-top:0}
.nm-photo-card{position:relative;width:160px;height:160px;border-radius:var(--r);overflow:hidden;border:var(--fb2);background:#eef1f4;flex-shrink:0;cursor:pointer}
.nm-photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.nm-photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.nm-photo-card:hover .nm-photo-remove{opacity:1}
.nm-photo-crop{position:absolute;bottom:4px;right:4px;width:28px;height:28px;border:none;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;padding:4px}
.nm-photo-crop svg{width:16px;height:16px}
.nm-photo-card:hover .nm-photo-crop{opacity:1}
.nm-photo-add{width:100px;height:100px;border-radius:var(--r);border:2px dashed rgba(180,178,170,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s;background:transparent}
.nm-photo-add:hover{border-color:var(--fc);background:rgba(255,255,255,.5)}
.nm-photo-add svg{width:24px;height:24px;color:#90a4ae}

/* Просмотр фото на полный экран */
.nm-photo-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99998;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.nm-photo-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}

/* Модалка кропа */
.nm-crop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--f)}
.nm-crop-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.nm-crop-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #eee;font-size:18px;font-weight:500;color:var(--tx)}
.nm-crop-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;padding:0 4px}
.nm-crop-close:hover{color:#333}
.nm-crop-body{flex:1;overflow:auto;min-height:200px;max-height:60vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}
.nm-crop-body img{max-width:100%;display:block}
.nm-crop-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #eee}
.nm-crop-cancel,.nm-crop-confirm{padding:10px 24px;border:none;border-radius:var(--r);font-size:16px;font-weight:500;cursor:pointer;font-family:var(--f);transition:background .15s,opacity .15s}
.nm-crop-cancel{background:#ededeb;color:#444}
.nm-crop-cancel:hover{background:#e0dfdc}
.nm-crop-confirm{background:linear-gradient(135deg,#1a4070,#2b6cb0);color:#fff}
.nm-crop-confirm:hover{opacity:.9}

@media(max-width:600px){
.nm-photo-dropzone{padding:24px 12px}
.nm-photo-dropzone-icon{width:36px;height:36px}
.nm-photo-card,.nm-photo-add{width:91px;height:91px}
.nm-crop-modal{max-width:100%;border-radius:12px}
.nm-photo-remove,.nm-photo-crop{opacity:1}
}

/* Cropper.js — увеличенные ручки для удобной обрезки */
.nm-crop-body .cropper-point{width:20px!important;height:20px!important;background-color:rgba(255,255,255,.9)!important;border:2px solid #2b6cb0!important;border-radius:50%!important;opacity:1!important}
.nm-crop-body .cropper-point.point-e,.nm-crop-body .cropper-point.point-w{top:50%!important;margin-top:-10px!important}
.nm-crop-body .cropper-point.point-n,.nm-crop-body .cropper-point.point-s{left:50%!important;margin-left:-10px!important}
.nm-crop-body .cropper-point.point-ne{top:-10px!important;right:-10px!important}
.nm-crop-body .cropper-point.point-nw{top:-10px!important;left:-10px!important}
.nm-crop-body .cropper-point.point-se{bottom:-10px!important;right:-10px!important}
.nm-crop-body .cropper-point.point-sw{bottom:-10px!important;left:-10px!important}
.nm-crop-body .cropper-line{background-color:rgba(43,108,176,.5)!important;opacity:1!important}
.nm-crop-body .cropper-line.line-n,.nm-crop-body .cropper-line.line-s{height:3px!important;cursor:ns-resize!important}
.nm-crop-body .cropper-line.line-e,.nm-crop-body .cropper-line.line-w{width:3px!important;cursor:ew-resize!important}
.nm-crop-body .cropper-view-box{outline:3px solid rgba(43,108,176,.75)!important;outline-color:rgba(43,108,176,.75)!important}
.nm-crop-body .cropper-dashed{border-color:rgba(255,255,255,.4)!important;border-width:2px!important}
@media(max-width:600px){
.nm-crop-body .cropper-point{width:28px!important;height:28px!important}
.nm-crop-body .cropper-point.point-e,.nm-crop-body .cropper-point.point-w{margin-top:-14px!important}
.nm-crop-body .cropper-point.point-n,.nm-crop-body .cropper-point.point-s{margin-left:-14px!important}
.nm-crop-body .cropper-point.point-ne{top:-14px!important;right:-14px!important}
.nm-crop-body .cropper-point.point-nw{top:-14px!important;left:-14px!important}
.nm-crop-body .cropper-point.point-se{bottom:-14px!important;right:-14px!important}
.nm-crop-body .cropper-point.point-sw{bottom:-14px!important;left:-14px!important}
.nm-crop-body .cropper-line.line-n,.nm-crop-body .cropper-line.line-s{height:5px!important}
.nm-crop-body .cropper-line.line-e,.nm-crop-body .cropper-line.line-w{width:5px!important}
}

/* Поделиться в социальных сетях */
        .telegram-btn {background-color: #39AEDF;color: #ffffff;}
        .vk-btn {background-color: #4A76A8;color: #ffffff;}
        .whatsapp-btn {background-color: #25D366;color: #ffffff;}
        .ok-btn {background-color: #EE8208;color: #ffffff;}
        .button-container {text-align: center;color: #ffffff;}
        .viber-btn {background-color: #665CAC;color: #ffffff;}
        
        .t850__wrap {padding: 12px 20px;}
        .t613__title {padding: 15px 20px;}
        .t613__wrapper {padding: 12px 30px;}
        .t-feed__buttons-wrapper {margin-top: 40px;}
        
    /* Кнопки голосового ввода — внизу только для textarea */
.nm-form .nm-field:has(textarea) .nm-field-controls {
  top: auto;
  bottom: 6px;
}

/* Нижний паддинг textarea, чтобы текст не залезал под кнопки */
.nm-form .nm-field:has(textarea) .form1__textarea {
  padding-bottom: 44px;
}























/* === NMX START === */
/* NMX v0.9 — Группа 1 + Шаг 2.1 + Шаг 2.2 (photo) + Шаг 2.3 (markdown/math/download) + Шаг 2.4 (stt/tts) */
/* v0.9 UI-фиксы: лента ответов видна всегда, кнопка очистки скрыта пока пусто, плотный bottom-bar */

/* TOKENS */
:root{
  --nmx-primary:#2b6cb0;
  --nmx-primary-dark:#1a4070;
  --nmx-grad-hero:linear-gradient(to bottom,#06101f 0%,#0c1d3a 40%,#132e55 70%,#1a4070 100%);
  --nmx-grad-form-wrap:linear-gradient(to bottom,#1a4070 0%,#1d4d82 30%,#235898 60%,#b0c1d4 100%);
  --nmx-grad-submit:linear-gradient(135deg,#1a4070,#2b6cb0);
  --nmx-bg-form:#dadfe4;
  --nmx-bg-feed:#f5f6fa;
  --nmx-bg-card:#fff;
  --nmx-bg-btn-soft:#ededeb;
  --nmx-bg-page:#f8f5f0;
  --nmx-tx:#1a1a1a;
  --nmx-tx-2:#444;
  --nmx-tx-3:#777;
  --nmx-red:#e24b4a;
  --nmx-red-dark:#a32d2d;
  --nmx-success:#22c55e;
  --nmx-border-soft:#dddce0;
  --nmx-violet:#7c5cbf;
  --nmx-pink:#d4618c;
  --nmx-gold:#c9a24c;
  --nmx-sky:#4a9ec8;
  --nmx-green:#5daa68;
  --nmx-fire:#e07040;
  --nmx-fb:rgba(255,255,255);
  --nmx-fb2:1.5px solid rgba(180,178,170,.45);
  --nmx-fc:rgba(30,100,200,.4);
  --nmx-fs:0 0 0 3px rgba(30,100,200,.08);
  --nmx-r-sm:8px;
  --nmx-r:12px;
  --nmx-r-lg:16px;
  --nmx-r-pill:24px;
  --nmx-f:'Google Sans',sans-serif;
  --nmx-fs-h1:42px;
  --nmx-fs-sub:21px;
  --nmx-fs-h2:20px;
  --nmx-fs-base:18px;
  --nmx-fs-small:16px;
  --nmx-w-tool:700px;
  --nmx-w-hero:680px;
}
@media(max-width:768px){
  :root{--nmx-fs-h1:28px;--nmx-fs-sub:18px;--nmx-fs-base:19px;--nmx-fs-small:15px;--nmx-fs-h2:22px}
}

/* HERO */
.nmx-hero{position:relative;overflow:hidden;padding:30px 24px 10px;text-align:center;background:var(--nmx-grad-hero)}
.nmx-hero *,.nmx-form-section *,.nmx-feed-section *,.nmx-loading *{font-family:var(--nmx-f);box-sizing:border-box}
.nmx-hero__glow{position:absolute;border-radius:50%;pointer-events:none}
.nmx-hero__glow--tr{top:-100px;right:-40px;width:420px;height:420px;background:radial-gradient(circle,rgba(60,130,220,.2) 0%,transparent 65%)}
.nmx-hero__glow--bl{bottom:-80px;left:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(30,100,200,.14) 0%,transparent 60%)}
.nmx-hero__glow--c{top:30%;left:55%;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%)}
.nmx-hero__inner{position:relative;z-index:1;max-width:var(--nmx-w-hero);margin:0 auto}
.nmx-hero__badge{display:inline-block;font-size:16px;font-weight:400;letter-spacing:.12em;color:rgba(200,225,255,.95);border:1px solid rgba(200,225,255,.25);padding:7px 22px;border-radius:var(--nmx-r-pill);margin-bottom:18px;text-transform:uppercase}
.nmx-hero h1{font-size:var(--nmx-fs-h1);font-weight:400;color:#fff;margin:20px 0 30px;line-height:1.2;letter-spacing:.02em}
.nmx-hero__sub{font-size:var(--nmx-fs-sub);font-weight:300;color:rgba(255,255,255,.7);line-height:1.5}
.nmx-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px auto 0}
.nmx-hero__card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;text-align:left}
.nmx-hero__icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.nmx-hero__icon--bolt{background:rgba(245,190,60,.1);border:1px solid rgba(245,190,60,.18)}
.nmx-hero__icon--mic{background:rgba(100,180,250,.1);border:1px solid rgba(100,180,250,.18)}
.nmx-hero__icon--pro{background:rgba(160,120,240,.1);border:1px solid rgba(160,120,240,.18)}
.nmx-hero__icon--free{background:rgba(80,210,170,.1);border:1px solid rgba(80,210,170,.18)}
.nmx-hero__card-title,.nmx-hero__card-desc{font-size:16px;line-height:1.35}
.nmx-hero__card-title{font-weight:400;color:rgba(255,255,255,.95)}
.nmx-hero__card-desc{font-weight:300;color:rgba(255,255,255,.5);margin-top:2px}

/* FORM */
.nmx-form-wrap{background:var(--nmx-grad-form-wrap);padding:40px 2px 56px}
.nmx-form-section{max-width:var(--nmx-w-tool);margin:0 auto;background:var(--nmx-bg-form);border-radius:var(--nmx-r);padding:28px 20px 24px}
.nmx-form-section h2{font-size:var(--nmx-fs-h2);font-weight:400;color:var(--nmx-tx);text-align:center;margin:0 0 24px;font-family:var(--nmx-f)}

/* LABEL + COUNTER */
.nmx-form .nmx-label{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--nmx-fs-base);color:var(--nmx-tx-2);margin-bottom:6px;font-weight:500;font-family:var(--nmx-f)}
.nmx-form .nmx-label .nmx-char-count{font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);transition:color .2s;font-weight:400}
.nmx-form .nmx-label .nmx-char-count.overflow{color:var(--nmx-red)!important;font-weight:700}

/* FIELD */
.nmx-form .nmx-field{position:relative;background:var(--nmx-fb);border:var(--nmx-fb2);border-radius:var(--nmx-r);margin-bottom:14px;transition:border-color .25s,box-shadow .25s,background .25s}
.nmx-form .nmx-field:focus-within{border-color:var(--nmx-fc);box-shadow:var(--nmx-fs)}
.nmx-form .nmx-field.overflow{border-color:var(--nmx-red)!important;box-shadow:0 0 0 3px rgba(226,75,74,.12)!important}
.nmx-form .nmx-field.invalid{border-color:rgba(226,75,74,.5)}
.nmx-form .nmx-input,.nmx-form .nmx-textarea{width:100%;border:none;padding:14px 50px 14px 14px;font-size:var(--nmx-fs-base);color:var(--nmx-tx);outline:none;font-family:var(--nmx-f);border-radius:var(--nmx-r)}
.nmx-form .nmx-textarea{min-height:90px;resize:vertical;overflow:auto;display:block}
.nmx-form .nmx-input::placeholder,.nmx-form .nmx-textarea::placeholder{color:var(--nmx-tx-3)}

/* FIELD CONTROLS */
.nmx-form .nmx-field-controls{position:absolute;right:2px;top:3px;display:flex;align-items:center}
.nmx-form .nmx-btn-circle{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s;padding:0}
.nmx-form .nmx-btn-circle:active{transform:scale(.92)}
.nmx-form .nmx-clear-btn{background:rgba(0,0,0,.05);color:var(--nmx-tx-3);display:none}
.nmx-form .nmx-clear-btn.visible{display:flex}
.nmx-form .nmx-clear-btn:hover{background:rgba(226,75,74,.08);color:var(--nmx-red)}
.nmx-form .nmx-clear-btn svg{width:16px;height:16px;pointer-events:none}
.nmx-form .nmx-field:has(textarea) .nmx-field-controls{top:auto;bottom:6px}
.nmx-form .nmx-field:has(textarea) .nmx-textarea{padding-bottom:44px}

/* SELECTS */
.nmx-form .nmx-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:14px}
.nmx-form .nmx-select{width:100%;border:var(--nmx-fb2);background-color:var(--nmx-fb);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;border-radius:var(--nmx-r);padding:14px;font-size:var(--nmx-fs-base);color:var(--nmx-tx);font-family:var(--nmx-f);appearance:none;cursor:pointer;outline:none}
.nmx-form .nmx-select:focus{border-color:var(--nmx-fc);box-shadow:var(--nmx-fs)}

/* SUBMIT */
.nmx-form .nmx-submit{width:100%;border:none;background:var(--nmx-grad-submit);border-radius:var(--nmx-r);padding:16px;font-size:var(--nmx-fs-base);font-weight:400;color:#fff;cursor:pointer;font-family:var(--nmx-f);margin:20px 0 10px;transition:opacity .15s,transform .12s}
.nmx-form .nmx-submit:hover{opacity:.9}
.nmx-form .nmx-submit:active{transform:scale(.98)}
.nmx-form .nmx-submit:disabled{opacity:.5;cursor:not-allowed}

/* ERROR */
.nmx-form .nmx-error{font-size:var(--nmx-fs-small);color:var(--nmx-red-dark);min-height:18px;margin-top:6px;text-align:center;font-family:var(--nmx-f)}

/* GEN-COUNTER */
.nmx-form .nmx-gen-counter{font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);text-align:center;margin:6px 0 4px;min-height:18px;font-family:var(--nmx-f)}
.nmx-form .nmx-gen-counter.warning{color:var(--nmx-fire);font-weight:500}

/* BOTTOM-BAR — v0.9: плотный отступ, без разделительной линии */
.nmx-form .nmx-bottom-bar{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:0;border-top:none;flex-wrap:wrap;gap:8px}
.nmx-form .nmx-bottom-group{display:flex;align-items:center;gap:8px}
.nmx-form .nmx-bottom-group:has(.nmx-font-group){margin-left:auto} /* «Шрифт» всегда у правого края — site-wide */
.nmx-form .nmx-bottom-label{font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);font-family:var(--nmx-f)}
.nmx-form .nmx-font-group{display:flex;align-items:center;background:var(--nmx-bg-btn-soft);border-radius:var(--nmx-r-sm);overflow:hidden}
.nmx-form .nmx-font-btn{background:transparent;border:none;color:var(--nmx-tx-2);padding:6px 12px;font-size:17px;font-weight:600;cursor:pointer;font-family:var(--nmx-f);transition:background .15s}
.nmx-form .nmx-font-btn:hover{background:rgba(0,0,0,.05)}
.nmx-form .nmx-font-sep{width:1px;height:18px;background:rgba(0,0,0,.1)}

/* LOADING */
.nmx-loading{display:none;max-width:var(--nmx-w-tool);margin:24px auto 0;background:var(--nmx-bg-card);border-radius:var(--nmx-r);padding:24px;text-align:center;color:var(--nmx-tx-2);font-family:var(--nmx-f);font-size:var(--nmx-fs-base)}
.nmx-loading.visible{display:block}
.nmx-spinner{width:36px;height:36px;border:3px solid var(--nmx-border-soft);border-top-color:var(--nmx-primary);border-radius:50%;animation:nmx-spin 1s linear infinite;margin:0 auto 14px}
@keyframes nmx-spin{to{transform:rotate(360deg)}}
.nmx-loading-timer{font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);margin-top:8px}

/* FEED — v0.9: видна всегда, не зависит от .visible */
.nmx-feed-section{max-width:var(--nmx-w-tool);margin:24px auto 0;background:var(--nmx-bg-feed);border-radius:var(--nmx-r);padding:20px;font-family:var(--nmx-f)}
.nmx-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}
.nmx-feed-section:has(.nmx-answer-card) .nmx-feed-header{margin-bottom:14px}
.nmx-feed-title{font-size:var(--nmx-fs-small);font-weight:500;color:var(--nmx-tx-3);text-transform:uppercase;letter-spacing:.08em}

/* FEED-CLEAR — v0.9: скрыта по умолчанию, показывается через .visible когда есть карточки */
.nmx-feed-clear{display:none;background:var(--nmx-bg-btn-soft);border:none;color:var(--nmx-tx-2);padding:6px 14px;font-size:var(--nmx-fs-small);border-radius:var(--nmx-r-sm);cursor:pointer;font-family:var(--nmx-f);transition:background .15s}
.nmx-feed-clear.visible{display:inline-flex;align-items:center}
.nmx-feed-clear:hover{background:#e0dfdc}

/* ANSWER CARD */
.nmx-answer-card{position:relative;background:var(--nmx-bg-card);border:1px solid var(--nmx-border-soft);border-radius:var(--nmx-r);padding:18px 18px 14px;margin-bottom:14px}
.nmx-answer-card:last-child{margin-bottom:0}
.nmx-answer-text{font-size:var(--nmx-fs-base);color:var(--nmx-tx);line-height:1.65;word-wrap:break-word;padding-right:36px}
.nmx-remove-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;background:transparent;color:var(--nmx-tx-3);cursor:pointer;border-radius:50%;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.nmx-remove-btn:hover{background:rgba(226,75,74,.08);color:var(--nmx-red)}
.nmx-answer-btns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.nmx-answer-btns .nmx-copy-btn{margin-left:auto} /* «Копировать» всегда у правого края ряда; новые кнопки добавлять слева от неё — site-wide */
.nmx-answer-btn{display:inline-flex;align-items:center;gap:6px;background:var(--nmx-bg-btn-soft);border:none;color:var(--nmx-tx-2);padding:8px 14px;font-size:var(--nmx-fs-small);border-radius:var(--nmx-r-sm);cursor:pointer;font-family:var(--nmx-f);transition:background .15s,color .15s}
.nmx-answer-btn:hover{background:#e0dfdc}
.nmx-answer-btn svg{width:14px;height:14px}
.nmx-answer-btn.copied{background:#d4edda;color:#155724}

/* PHOTO-UPLOAD (Шаг 2.2) */
.nmx-photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}
.nmx-photo-upload{margin:0 0 14px}
.nmx-photo-counter{font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);font-weight:400;margin-left:8px}
.nmx-photo-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:30px 16px;background:var(--nmx-fb);border:2px dashed rgba(180,178,170,.55);border-radius:var(--nmx-r);cursor:pointer;transition:border-color .25s,box-shadow .25s,background .25s;user-select:none;text-align:center;box-sizing:border-box;font-family:var(--nmx-f)}
.nmx-photo-dropzone:hover{border-color:var(--nmx-fc);box-shadow:var(--nmx-fs)}
.nmx-photo-dropzone--hover{background:rgba(255,255,255,.92)!important;border-color:var(--nmx-fc)!important;border-style:solid!important;box-shadow:var(--nmx-fs)}
.nmx-photo-dropzone--disabled{opacity:.4;pointer-events:none}
.nmx-photo-dropzone-icon{width:42px;height:42px;color:#78909c}
.nmx-photo-dropzone-title{font-size:16px;font-weight:500;color:var(--nmx-tx)}
.nmx-photo-dropzone-hint{font-size:14px;color:var(--nmx-tx-3)}

.nmx-photo-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.nmx-photo-gallery:empty{display:none;margin-top:0}
.nmx-photo-card{position:relative;width:160px;height:160px;border-radius:var(--nmx-r);overflow:hidden;border:var(--nmx-fb2);background:#eef1f4;flex-shrink:0;cursor:pointer}
.nmx-photo-card img{width:100%;height:100%;object-fit:cover;display:block}
.nmx-photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;padding:0}
.nmx-photo-card:hover .nmx-photo-remove{opacity:1}
.nmx-photo-add{width:100px;height:100px;border-radius:var(--nmx-r);border:2px dashed rgba(180,178,170,.55);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s;background:transparent}
.nmx-photo-add:hover{border-color:var(--nmx-fc);background:rgba(255,255,255,.5)}
.nmx-photo-add svg{width:24px;height:24px;color:#90a4ae}

.nmx-photo-lightbox{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.nmx-photo-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}

/* MARKDOWN-TYPOGRAPHY (Шаг 2.3) — стили внутри .nmx-answer-text */
.nmx-answer-text h1,.nmx-answer-text h2,.nmx-answer-text h3,.nmx-answer-text h4{margin:24px 0 12px;font-weight:600;line-height:1.3;color:var(--nmx-tx)}
.nmx-answer-text > h1:first-child,.nmx-answer-text > h2:first-child,.nmx-answer-text > h3:first-child,.nmx-answer-text > h4:first-child{margin-top:0}
.nmx-answer-text h1{font-size:1.4em}
.nmx-answer-text h2{font-size:1.25em}
.nmx-answer-text h3{font-size:1.12em}
.nmx-answer-text h4{font-size:1.05em}
.nmx-answer-text p{margin:0 0 16px}
.nmx-answer-text p:last-child{margin-bottom:0}
.nmx-answer-text ul,.nmx-answer-text ol{margin:12px 0 16px;padding-left:24px}
.nmx-answer-text li{margin:0 0 10px}
.nmx-answer-text li:last-child{margin-bottom:0}
/* Нормализация loose-list от marked:  внутри  становится inline без отступов */
.nmx-answer-text li > p{margin:0;padding:0;display:inline}
/* Убиваем «дыры» от лишних  и пустых абзацев, которые marked плодит из-за breaks:true */
.nmx-answer-text li br{display:none}
.nmx-answer-text p:empty{display:none}
.nmx-answer-text br + br{display:none}
.nmx-answer-text > br{display:none}
/* Прижимаем абзац после списка (но с дыханием) */
.nmx-answer-text ol + p,.nmx-answer-text ul + p{margin-top:8px}
.nmx-answer-text strong{font-weight:600;color:var(--nmx-tx)}
.nmx-answer-text em{font-style:italic}
.nmx-answer-text code{background:rgba(0,0,0,.06);border-radius:4px;padding:1px 6px;font-family:Consolas,Menlo,monospace;font-size:.92em}
.nmx-answer-text pre{background:#f5f6fa;border-radius:var(--nmx-r-sm);padding:12px 14px;margin:10px 0;overflow-x:auto;border:1px solid var(--nmx-border-soft)}
.nmx-answer-text pre code{background:transparent;padding:0;font-size:.88em;line-height:1.5}
.nmx-answer-text blockquote{margin:10px 0;padding:6px 14px;border-left:3px solid var(--nmx-primary);background:rgba(43,108,176,.04);color:var(--nmx-tx-2);border-radius:0 var(--nmx-r-sm) var(--nmx-r-sm) 0}
.nmx-answer-text blockquote p{margin:0;display:block}
.nmx-answer-text a{color:var(--nmx-primary);text-decoration:underline}
.nmx-answer-text a:hover{color:var(--nmx-primary-dark)}
.nmx-answer-text hr{border:none;border-top:1px solid var(--nmx-border-soft);margin:14px 0}
.nmx-answer-text table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.95em}
.nmx-answer-text th,.nmx-answer-text td{border:1px solid var(--nmx-border-soft);padding:6px 10px;text-align:left}
.nmx-answer-text th{background:#eef1f5;font-weight:500}
.nmx-answer-text img{max-width:100%;height:auto;border-radius:6px}

/* DOWNLOAD-DOC (Шаг 2.3, опц.) */
.nmx-dl-group{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.nmx-dl-label{font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);margin-right:2px}
.nmx-doc-btn,.nmx-pdf-btn{padding:8px 12px}
.nmx-doc-btn svg,.nmx-pdf-btn svg{width:14px;height:14px}

/* MODAL (для download-doc и др. подтверждений) */
.nmx-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;font-family:var(--nmx-f)}
.nmx-modal-content{background:#fff;border-radius:var(--nmx-r);padding:24px;max-width:420px;width:100%;box-shadow:0 16px 48px rgba(0,0,0,.25)}
.nmx-modal-content h3{margin:0 0 12px;font-weight:500;font-size:18px;color:var(--nmx-tx)}
.nmx-modal-content p{margin:0;line-height:1.5;color:var(--nmx-tx-2);font-size:var(--nmx-fs-base)}
.nmx-modal-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}
.nmx-modal-btn{padding:10px 18px;border:none;border-radius:var(--nmx-r-sm);cursor:pointer;font-family:var(--nmx-f);font-size:var(--nmx-fs-small);font-weight:500;transition:opacity .15s}
.nmx-modal-btn:hover{opacity:.85}
.nmx-modal-btn--primary{background:var(--nmx-primary);color:#fff}
.nmx-modal-btn--secondary{background:var(--nmx-bg-btn-soft);color:var(--nmx-tx-2)}

/* STT-VOICE (Шаг 2.4) */
.nmx-form .nmx-mic-btn{background:transparent;color:var(--nmx-tx-3);transition:background .15s,color .15s}
.nmx-form .nmx-mic-btn:hover{background:rgba(43,108,176,.08);color:var(--nmx-primary)}
.nmx-form .nmx-mic-btn svg{width:18px;height:18px;fill:currentColor}
.nmx-form .nmx-mic-btn.active{background:var(--nmx-success);color:#fff}
.nmx-form .nmx-mic-btn.active:hover{background:#16a34a}
.nmx-form .nmx-cancel-btn{background:rgba(0,0,0,.05);color:var(--nmx-tx-3);width:30px;height:30px}
.nmx-form .nmx-cancel-btn:hover{background:rgba(226,75,74,.1);color:var(--nmx-red)}
.nmx-form .nmx-cancel-btn svg{width:14px;height:14px}

.nmx-form .nmx-rec-panel{display:none;align-items:center;gap:8px;padding:0 6px}
.nmx-form .nmx-field.recording .nmx-rec-panel{display:flex}
.nmx-form .nmx-field.recording .nmx-clear-btn{display:none !important}
.nmx-form .nmx-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--nmx-red);animation:nmx-pulse 1s ease-in-out infinite}
@keyframes nmx-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.nmx-form .nmx-rec-wave{display:flex;align-items:center;gap:2px;height:18px}
.nmx-form .nmx-rec-wave i{display:block;width:2px;background:var(--nmx-red);border-radius:2px;animation:nmx-wave 1s ease-in-out infinite}
.nmx-form .nmx-rec-wave i:nth-child(1){height:6px;animation-delay:0s}
.nmx-form .nmx-rec-wave i:nth-child(2){height:10px;animation-delay:.1s}
.nmx-form .nmx-rec-wave i:nth-child(3){height:14px;animation-delay:.2s}
.nmx-form .nmx-rec-wave i:nth-child(4){height:18px;animation-delay:.3s}
.nmx-form .nmx-rec-wave i:nth-child(5){height:14px;animation-delay:.4s}
.nmx-form .nmx-rec-wave i:nth-child(6){height:10px;animation-delay:.5s}
.nmx-form .nmx-rec-wave i:nth-child(7){height:6px;animation-delay:.6s}
.nmx-form .nmx-rec-wave i:nth-child(8){height:4px;animation-delay:.7s}
@keyframes nmx-wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.nmx-form .nmx-rec-timer{font-size:var(--nmx-fs-small);color:var(--nmx-tx-2);font-variant-numeric:tabular-nums;min-width:38px}
.nmx-form .nmx-field.recording{border-color:rgba(226,75,74,.45)}

/* TTS-ANSWER (Шаг 2.4) — отдельных стилей почти нет, иконка использует .nmx-answer-btn */

/* RESPONSIVE */
@media(max-width:768px){
  .nmx-hero__glow--tr{top:-60px;right:-30px;width:200px;height:200px}
  .nmx-hero__glow--bl{bottom:-50px;left:-40px;width:180px;height:180px}
  .nmx-hero__glow--c{display:none}
  .nmx-hero__badge{font-size:14px;padding:5px 14px;margin-bottom:20px}
  .nmx-hero__grid{grid-template-columns:1fr;gap:10px;max-width:100%}
  .nmx-hero__card{padding:12px 14px;border-radius:12px}
  .nmx-hero__icon{width:30px;height:30px;border-radius:8px}
  .nmx-hero__card-title{font-size:20px}
  .nmx-hero__card-desc{font-size:18px}
  .nmx-form-section,.nmx-feed-section,.nmx-loading{padding:20px 14px}
  .nmx-form-wrap{padding:30px 2px 40px}
  .nmx-form .nmx-selects{grid-template-columns:1fr}
  .nmx-form .nmx-input,.nmx-form .nmx-textarea,.nmx-form .nmx-select{font-size:19px}
  .nmx-answer-text{font-size:19px}
  .nmx-form .nmx-bottom-bar{flex-direction:column;align-items:stretch}
  .nmx-form .nmx-bottom-group{justify-content:center}
  .nmx-photo-dropzone{padding:24px 12px}
  .nmx-photo-dropzone-icon{width:36px;height:36px}
  .nmx-photo-card,.nmx-photo-add{width:91px;height:91px}
  .nmx-photo-remove{opacity:1}
}


/* FORM-TEMPLATE */
.nmx-form .nmx-tpl-btn{background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.1);border-radius:var(--nmx-r-sm);padding:6px 12px;font-size:var(--nmx-fs-small);color:var(--nmx-tx-2);cursor:pointer;font-family:var(--nmx-f);line-height:1.2;white-space:nowrap;transition:background .15s}
.nmx-form .nmx-tpl-btn:hover{background:rgba(255,255,255,.95)}
.nmx-tpl-name-input{width:100%;border:var(--nmx-fb2);border-radius:var(--nmx-r-sm);padding:12px 14px;font-size:var(--nmx-fs-base);font-family:var(--nmx-f);color:var(--nmx-tx);outline:none;margin:10px 0;box-sizing:border-box}
/* === NMX END === */

/* CHIPS */
.nmx-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 14px;padding:0}
.nmx-chips-label{font-size:13px;color:var(--nmx-tx-3);font-family:var(--nmx-f);margin-right:4px;font-weight:400}
.nmx-chip{display:inline-flex;align-items:center;background:rgba(255,255,255,.7);border:1px solid rgba(180,178,170,.4);color:var(--nmx-tx-2);padding:7px 14px;font-size:13px;font-family:var(--nmx-f);font-weight:400;line-height:1.2;border-radius:var(--nmx-r-pill);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s}
.nmx-chip:hover{background:#fff;border-color:var(--nmx-fc);color:var(--nmx-primary);box-shadow:0 1px 4px rgba(43,108,176,.08)}
.nmx-chip:active{transform:scale(.96)}
.nmx-chip:focus-visible{outline:none;border-color:var(--nmx-fc);box-shadow:var(--nmx-fs)}
/* + приёмник 25.06: подсветка ВЫБРАННОЙ чипсы (класс .active вешает JS) — в боевом CSS отсутствовала */
.nmx-chip.active{background:var(--nmx-primary);border-color:var(--nmx-primary);color:#fff}
.nmx-chip.active:hover{background:var(--nmx-primary-dark,#1a4070);border-color:var(--nmx-primary-dark,#1a4070);color:#fff}
.nmx-chip[data-hidden="1"]{display:none}

/* CTA CUSTOM INPUT */
.nmx-cta-custom{width:100%;border:var(--nmx-fb2);background:#fff;border-radius:var(--nmx-r);padding:14px;font-size:var(--nmx-fs-base);color:var(--nmx-tx);font-family:var(--nmx-f);outline:none;box-sizing:border-box;transition:border-color .25s,box-shadow .25s}
.nmx-cta-custom:focus{border-color:var(--nmx-fc);box-shadow:var(--nmx-fs)}
.nmx-cta-custom::placeholder{color:var(--nmx-tx-3)}

/* CHIPS MOBILE */
@media(max-width:768px){
  .nmx-chips{gap:1px;margin:-2px 0 12px}
  .nmx-chip{padding:6px 12px;font-size:14px}
  .nmx-chips-label{width:100%;margin:0 0 2px}
}


/* ═══ FORM 2a — раскладка/пометки (промоут 29.06 из components-2a.html; ранее дублировались page-local) ═══ */
/* row-grid: 2/3 колонки, авто-сворачивание без media-query */
.nmx-row-2,
.nmx-row-3{display:grid;gap:12px;margin-bottom:14px;align-items:start}
.nmx-row-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.nmx-row-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.nmx-row-3 .nmx-chips-block{margin-top:8px}
/* req-mark: звёздочка обязательного поля */
.nmx-req{color:var(--nmx-red,#e24b4a);font-weight:700;margin-left:2px}
/* label-with-button: заголовок поля + кнопка справа */
.nmx-label-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}
.nmx-label-row>.nmx-label{flex:1 1 auto;margin-bottom:0}
.nmx-label-btn{background:transparent;border:1px solid var(--nmx-primary,#2b6cb0);color:var(--nmx-primary,#2b6cb0);border-radius:var(--nmx-r-sm,8px);padding:5px 14px;font:500 13px/1.2 var(--nmx-f);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.nmx-label-btn:hover{background:var(--nmx-primary,#2b6cb0);color:#fff}






/* ── КОНТЕНТ СТРАНИЦЫ (.nmx-page · блок 5 SEO-контент) ── */
.nmx-page{max-width:var(--nmx-w-tool);margin:0 auto;padding:8px 20px 24px;font-family:var(--nmx-f);font-size:var(--nmx-fs-base);line-height:1.6;color:var(--nmx-tx-2)}
.nmx-page h2{font-size:24px;font-weight:600;line-height:1.3;color:var(--nmx-tx);margin:40px 0 14px}
.nmx-page h3{font-size:var(--nmx-fs-base);font-weight:600;line-height:1.35;color:var(--nmx-tx);margin:18px 0 6px}
.nmx-page p{margin:0 0 14px}
.nmx-page ul,.nmx-page ol{margin:0 0 16px;padding-left:24px}
.nmx-page li{margin:7px 0}
.nmx-page strong{color:var(--nmx-tx)}
.nmx-page a{color:var(--nmx-violet);text-decoration:underline;text-underline-offset:3px}
.nmx-page a:hover{opacity:.8}
.nmx-page table{width:100%;border-collapse:collapse;margin:16px 0;font-size:var(--nmx-fs-small)}
.nmx-page th,.nmx-page td{border:1px solid var(--nmx-border-soft);padding:10px 12px;text-align:left;vertical-align:top}
.nmx-page th{background:var(--nmx-bg-form);font-weight:600;color:var(--nmx-tx)}
.nmx-page td:first-child{color:var(--nmx-tx-3)}
.nmx-sample{background:var(--nmx-bg-card);border-radius:var(--nmx-r);padding:16px 20px;margin:6px 0 16px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.06)}
.nmx-sample summary{cursor:pointer;font-weight:600;color:var(--nmx-violet);list-style:none}
.nmx-sample summary::-webkit-details-marker{display:none}
.nmx-sample summary::before{content:'▸ '}
.nmx-sample[open] summary::before{content:'▾ '}
.nmx-sample[open] summary{margin-bottom:12px}
.nmx-sample h3{margin-top:14px}
.nmx-cta-btn{display:inline-block;background:var(--nmx-grad-submit);color:#fff;font-size:var(--nmx-fs-base);font-weight:500;text-decoration:none;padding:14px 32px;border-radius:var(--nmx-r);transition:opacity .15s,transform .12s}
.nmx-cta-btn:hover{opacity:.9;color:#fff}
.nmx-cta-btn:active{transform:scale(.98)}

/* ── КОНТЕНТ-МОДУЛИ (.nmx-page · карточки/шаги/цифры) ── */
.nmx-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:20px 0 30px}
.nmx-stat{background:var(--nmx-bg-card);border-radius:var(--nmx-r-lg);padding:20px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.07)}
.nmx-stat b{display:block;font-size:30px;font-weight:700;color:var(--nmx-violet);line-height:1.1}
.nmx-stat span{display:block;font-size:var(--nmx-fs-small);color:var(--nmx-tx-3);margin-top:6px}
.nmx-stat--accent{background:var(--nmx-violet)}
.nmx-stat--accent b{color:#fff}
.nmx-stat--accent span{color:rgba(255,255,255,.85)}
.nmx-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:16px;margin:16px 0 30px}
.nmx-step{background:var(--nmx-bg-card);border-radius:var(--nmx-r-lg);padding:24px 22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.07)}
.nmx-step__n{width:36px;height:36px;border-radius:50%;background:var(--nmx-violet);color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.nmx-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:16px 0 30px}
.nmx-card{background:var(--nmx-bg-card);border-radius:var(--nmx-r-lg);padding:24px 22px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.07)}
.nmx-page .nmx-step h3,.nmx-page .nmx-card h3{margin:0 0 8px;font-size:17px;line-height:1.3}
.nmx-page .nmx-step p,.nmx-page .nmx-card p{margin:0;color:var(--nmx-tx-2);font-size:var(--nmx-fs-small);line-height:1.5}
.nmx-ic{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;margin-bottom:16px;background:color-mix(in srgb,currentColor 14%,#fff)}
.nmx-ic svg{width:26px;height:26px;stroke-width:1.8}
.nmx-ic--violet{color:var(--nmx-violet)}.nmx-ic--pink{color:var(--nmx-pink)}.nmx-ic--gold{color:var(--nmx-gold)}.nmx-ic--sky{color:var(--nmx-sky)}.nmx-ic--green{color:var(--nmx-green)}.nmx-ic--fire{color:var(--nmx-fire)}
.nmx-getlist{list-style:none;padding:0;margin:16px 0 30px;display:grid;gap:13px}
.nmx-getlist li{display:flex;gap:12px;align-items:flex-start;color:var(--nmx-tx-2)}
.nmx-getlist li .nmx-ic{flex:0 0 auto;width:24px;height:24px;border-radius:0;background:none;margin:1px 0 0;color:var(--nmx-green)}
.nmx-getlist li .nmx-ic svg{width:24px;height:24px}

/* === NMX NAV POPUP START === */
/* v1.4: логотип-шапка вместо круглой иконки, увеличенные шрифты, контрастная secondary-кнопка */
/* Стили попапа «PRO-доступ». Добавить в конец основного CSS-файла сайта.
   Использует токены из :root основного CSS — попап автоматически подстраивается под палитру.

   Дополнительно: T123-блок навигации ставит на  класс .nmx-page-pro / .nmx-page-free.
   Через эти селекторы можно скрывать/показывать любые элементы в зависимости от ветки. */

/* Скрыть иконку профиля Tilda Members на Free-страницах */
.nmx-page-free .tlk-userbar{display:none!important}

.nmx-nav-modal *,
.nmx-nav-modal *::before,
.nmx-nav-modal *::after{box-sizing:border-box}

.nmx-nav-modal{animation:nmx-nav-fade .15s ease-out}
@keyframes nmx-nav-fade{from{opacity:0}to{opacity:1}}

.nmx-nav-modal .nmx-modal-content{
  text-align:center;
  padding:0 28px 32px;
  max-width:440px;
  max-height:90vh;
  overflow-y:auto;
  overflow-x:hidden;
}

/* Шапка попапа с логотипом — прижата к верху бокса, фон совпадает с JPG-фоном логотипа */
.nmx-nav-modal__header{
  background:#0c1d3a;
  margin:0 -28px 24px;
  padding:18px 20px;
  border-radius:var(--nmx-r) var(--nmx-r) 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.nmx-nav-modal__header img{
  display:block;
  height:52px;
  width:auto;
  max-width:100%;
}

.nmx-nav-modal .nmx-nav-modal__title{
  margin:0 0 8px;
  font-size:24px;
  font-weight:500;
  color:var(--nmx-tx);
  font-family:var(--nmx-f);
  line-height:1.25;
}

.nmx-nav-modal__subtitle{
  font-size:16px;
  color:var(--nmx-tx-3);
  margin:0 0 28px;
  font-family:var(--nmx-f);
  line-height:1.4;
}

.nmx-nav-modal__card{
  display:block;
  width:100%;
  text-align:left;
  border:none;
  border-radius:var(--nmx-r);
  padding:18px 20px;
  margin:0 0 12px;
  cursor:pointer;
  font-family:var(--nmx-f);
  transition:opacity .15s,transform .12s,box-shadow .15s;
}
.nmx-nav-modal__card:hover{opacity:.92}
.nmx-nav-modal__card:active{transform:scale(.98)}
.nmx-nav-modal__card:focus-visible{outline:2px solid var(--nmx-primary);outline-offset:2px}

.nmx-nav-modal__card--primary{
  background:var(--nmx-grad-submit);
  color:#fff;
}
.nmx-nav-modal__card--secondary{
  background:var(--nmx-bg-form);
  border:1px solid rgba(0,0,0,.12);
  color:var(--nmx-tx);
  margin-bottom:24px;
}
.nmx-nav-modal__card--secondary:hover{
  background:#cdd3d9;
  opacity:1;
}

.nmx-nav-modal__card-title{
  font-size:18px;
  font-weight:500;
  margin:0 0 4px;
  line-height:1.3;
}
.nmx-nav-modal__card-sub{
  font-size:14px;
  line-height:1.4;
}
.nmx-nav-modal__card--primary .nmx-nav-modal__card-sub{color:rgba(255,255,255,.82)}
.nmx-nav-modal__card--secondary .nmx-nav-modal__card-sub{color:var(--nmx-tx-2)}

.nmx-nav-modal__close{
  font-size:15px;
  color:var(--nmx-tx-3);
  cursor:pointer;
  background:none;
  border:none;
  font-family:var(--nmx-f);
  padding:8px 14px;
  border-radius:var(--nmx-r-sm);
  display:inline-block;
  margin:0 auto;
}
.nmx-nav-modal__close:hover{color:var(--nmx-tx-2)}
.nmx-nav-modal__close:focus-visible{outline:2px solid var(--nmx-primary);outline-offset:2px}

html.nmx-nav-lock,
body.nmx-nav-lock{overflow:hidden!important}

/* Мобильный — крупнее шрифты, больше воздуха */
@media(max-width:480px){
  .nmx-nav-modal .nmx-modal-content{padding:0 22px 28px}
  .nmx-nav-modal__header{margin:0 -22px 22px;padding:16px;border-radius:var(--nmx-r) var(--nmx-r) 0 0}
  .nmx-nav-modal__header img{height:44px}
  .nmx-nav-modal .nmx-nav-modal__title{font-size:22px}
  .nmx-nav-modal__subtitle{font-size:16px;margin-bottom:22px}
  .nmx-nav-modal__card{padding:18px;margin-bottom:14px}
  .nmx-nav-modal__card-title{font-size:18px}
  .nmx-nav-modal__card-sub{font-size:14px}
  .nmx-nav-modal__close{font-size:16px;padding:10px 16px}
}
/* === NMX NAV POPUP END === */


/* ====== NMX REMARK & HINT (общие блоки) ======
   Эти стили можно вынести в общий CSS сайта (Tilda → Настройки → Дополнительный код → CSS в HEAD)
   тогда они будут работать на всех страницах генераторов без дублирования. */

/* Подсказка под полем формы — фиолетовый блок «Что важно упомянуть» */
.nmx-form-hint {
  margin-top: -8px;
  margin-bottom: 18px;
  padding: 12px 14px;
  background: #f3f0fa;
  border-left: 3px solid #7c5cbf;
  border-radius: 6px;
  font-size: 14px;
  color: #444;
  line-height: 1.5;
}
.nmx-form-hint__label { color: #7c5cbf; }

/* Ремарка о пропущенных фактах в карточке ответа — жёлтый блок */
.nmx-remark-block {
  margin-bottom: 8px;
  padding: 12px 14px;
  background: #fff8e6;
  border-left: 3px solid #f0a500;
  border-radius: 6px;
  font-size: 14px;
  color: #4a3800;
  line-height: 1.5;
}
.nmx-remark-block__icon { margin-right: 4px; }
.nmx-remark-block strong { color: #c0392b; }

/* Отступ кнопок в карточке ответа */
.nmx-answer-card .nmx-answer-btns { margin-top: 12px; }

/* === NMX FOOTER START === */
/* Подвал сайта (T123 на странице-подвале, «Шапка и подвал»). Фон зеркалит hero:
   светлее сверху → темнее к низу страницы. Вся вёрстка подвала — только здесь,
   в блоке T123 стилей нет. */
:root{--nmx-grad-footer:linear-gradient(to top,#06101f 0%,#0c1d3a 45%,#132e55 80%,#1a4070 100%)}
.nmx-footer{background:var(--nmx-grad-footer);padding:48px 24px 32px}
.nmx-footer,.nmx-footer *{box-sizing:border-box;font-family:var(--nmx-f)}
.nmx-footer__grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.nmx-footer__col{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.nmx-footer__title{font-size:var(--nmx-fs-small);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,225,255,.95);margin-bottom:4px}
.nmx-footer__link{font-size:var(--nmx-fs-small);color:rgba(255,255,255,.7);text-decoration:none;line-height:1.4;padding:2px 0}
.nmx-footer__link:hover{color:#fff}
/* Тильда красит все  сайтовым цветом правилом с ID (#allrecords a) — оно сильнее
   обычного класса. Перебиваем её специфичность для ссылок подвала. */
#allrecords .nmx-footer__link{color:rgba(255,255,255,.7)!important;text-decoration:none!important}
#allrecords .nmx-footer__link:hover{color:#fff!important}
.nmx-footer__qr{width:136px;height:136px;padding:8px;background:#fff;border-radius:var(--nmx-r-sm)}
.nmx-footer__qr img,.nmx-footer__qr canvas{width:120px;height:120px;display:block}
.nmx-footer__hint{font-size:14px;color:rgba(255,255,255,.5);line-height:1.4}
.nmx-footer__bottom{max-width:1160px;margin:36px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:6px}
.nmx-footer__req{font-size:14px;color:rgba(255,255,255,.45);line-height:1.5}
@media(max-width:900px){.nmx-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nmx-footer__grid{grid-template-columns:1fr}}
/* === NMX FOOTER END === */

/* === NMX SHARE START === */
/* Блок «Поделиться страницей» (T123 сразу после формы; родитель на recepty,
   на остальных страницах — алиасы). Вся вёрстка блока — только здесь,
   в блоке T123 стилей нет (как NMX FOOTER). Боевой код — pages/_site/share.txt.
   Принят вживую на recepty 03.07.26. Полноширинная тёмная лента по канону
   контента (паттерн 08b): фирменный градиент, глоу-круги, кнопки мессенджеров. */
:root{--nmx-grad-share:linear-gradient(135deg,#06101f 0%,#0c1d3a 45%,#1a4070 100%)}
.nmx-share-wrap{position:relative;overflow:hidden;background:var(--nmx-grad-share);padding:38px clamp(24px,5vw,72px)}
.nmx-share-wrap *{font-family:var(--nmx-f);box-sizing:border-box}
.nmx-share-glow{position:absolute;border-radius:50%;pointer-events:none}
.nmx-share-glow--tr{top:-120px;right:-60px;width:340px;height:340px;background:radial-gradient(circle,rgba(60,130,220,.22) 0%,transparent 65%)}
.nmx-share-glow--bl{bottom:-100px;left:-70px;width:300px;height:300px;background:radial-gradient(circle,rgba(124,92,191,.16) 0%,transparent 60%)}
.nmx-share{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.nmx-share__text{flex:1 1 300px;min-width:270px}
.nmx-share__title{font-size:24px;font-weight:400;color:#fff;line-height:1.25;margin:0 0 10px}
.nmx-share__sub{font-size:16px;font-weight:300;color:rgba(255,255,255,.72);line-height:1.5;margin:0}
.nmx-share__btns{flex:1 1 420px;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.nmx-share-btn{border:none;border-radius:10px;padding:11px 18px;font-size:15px;font-weight:400;color:#fff;cursor:pointer;transition:opacity .15s,transform .12s;white-space:nowrap}
.nmx-share-btn:hover{opacity:.88}
.nmx-share-btn:active{transform:scale(.97)}
.nmx-share-btn--tg{background:#39aedf}
.nmx-share-btn--max{background:#5a48f5}
.nmx-share-btn--vk{background:#4a76a8}
.nmx-share-btn--ok{background:#ee8208}
.nmx-share-btn--native{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35)}
@media(max-width:768px){
  .nmx-share-wrap{padding:30px 20px}
  .nmx-share{justify-content:center}
  .nmx-share__text{text-align:center}
  .nmx-share__title{font-size:21px}
  .nmx-share__sub{font-size:15px}
  .nmx-share__btns{justify-content:center;gap:8px}
  .nmx-share-btn{padding:10px 14px;font-size:14px}
}
/* === NMX SHARE END === */

/* === NMX TOOLS START === */
/* Блок перелинковки «Другие инструменты» (T123 перед подвалом; родитель на
   группу — pages/_groups//tools.txt, на страницах группы — алиасы).
   Вся вёрстка блока — только здесь, в блоке T123 стилей нет (как NMX FOOTER
   и NMX SHARE). Принят вживую на recepty 03.07.26 (v0.6 → v1.0).
   Чипсы «Разделы» и градиент-CTA несут базовые стили inline в блоке
   (паттерн контент-слоя nmc-chip: inline не перебивается тильдовским
   цветом ссылок) — здесь только hover к ним. */
.nmx-tools-wrap{background:#f4f6f9;font-family:var(--nmx-f)}
.nmx-tools-wrap *{box-sizing:border-box}
.nmx-tools{max-width:1100px;margin:0 auto;padding:56px clamp(24px,5vw,72px) 64px}
.nmx-tools__head{text-align:center;max-width:720px;margin:0 auto}
.nmx-tools__kicker{font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--nmx-primary);margin-bottom:10px}
.nmx-tools__title{margin:0 0 10px;font-size:clamp(24px,3vw,30px);line-height:1.25;font-weight:700;color:#0f1626}
/* Градиентное слово — приём градиентных цифр контент-канона */
.nmx-tools__grad{background:linear-gradient(90deg,#2b6cb0,#7c5cbf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#2b6cb0}
.nmx-tools__sub{font-size:16px;line-height:1.5;color:#6b7280}
.nmx-tools__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:30px}
/* Тень в покое — двойная мягкая тень карточек контент-канона */
.nmx-tools__card{display:flex;flex-direction:column;gap:7px;background:#fff;border-radius:var(--nmx-r-lg);padding:22px 24px;text-decoration:none;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.06);transition:box-shadow .18s,transform .18s}
.nmx-tools__card:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgba(16,24,40,.06),0 14px 30px rgba(16,24,40,.11)}
.nmx-tools__card:hover .nmx-tools__name{color:var(--nmx-primary)}
.nmx-tools__ic{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;margin-bottom:5px}
.nmx-tools__tag{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#98a2b3}
.nmx-tools__name{font-size:18px;font-weight:700;line-height:1.3;color:#0f1626;transition:color .18s}
.nmx-tools__desc{font-size:16px;line-height:1.45;color:#4a5568}
.nmx-tools__sections{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:32px}
.nmx-tools__sections-label{font-size:16px;color:#6b7280;margin-right:4px}
.nmx-tools__all{text-align:center;margin-top:28px}
.nmx-tools__cta:hover{opacity:.92}
/* Hover чипс nmc-chip — дубль-страховка: правило живёт page-local в контент-блоках;
   при промоуте контент-слоя в global — объединить в один источник */
.nmc-chip:hover{border-color:#2b6cb0 !important;background:#f5f9ff}
/* === NMX TOOLS END === */

/* === NMX MENU START === */
/* Меню сайта (T123 первым блоком; родитель — pages/_site/menu.txt, на остальных
   страницах — алиасы; один код на Free и PRO, ADR 018). Точная копия T770.
   Вся вёрстка блока — только здесь, в блоке T123 стилей нет (как NMX FOOTER
   и NMX SHARE); вынесено из блока после приёмки 04.07.26 (ADR 019).
   Все правила заякорены на id #nmx-menu: тильдовское #allrecords a{color:#ff8562}
   сильнее классов (та же грабля, что у NMX FOOTER). */
#nmx-menu{background-color:#0a2540;font-family:'Google Sans',Arial,sans-serif;position:relative;z-index:900;}
#nmx-menu *{box-sizing:border-box;}
#nmx-menu ul{list-style:none;margin:0;padding:0;}

/* --- верхний ряд --- */
#nmx-menu .nmx-menu__top{position:relative;height:110px;padding:0 20px;}
#nmx-menu .nmx-menu__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
#nmx-menu .nmx-menu__logo img{display:block;width:200px;max-width:200px;height:auto;}
#nmx-menu .nmx-menu__side{position:absolute;top:0;height:100%;width:50%;display:flex;align-items:center;justify-content:center;}
#nmx-menu .nmx-menu__side_left{left:0;flex-direction:column;padding:0 150px 0 40px;}
#nmx-menu .nmx-menu__side_right{left:50%;flex-direction:row;gap:30px;padding:0 40px 0 150px;}
#nmx-menu .nmx-menu__textlink{font-size:14px;color:#fae7b5;text-decoration:none;transition:opacity .2s ease-in-out;}
#nmx-menu .nmx-menu__textlink:hover{opacity:.8;}
#nmx-menu .nmx-menu__socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px !important;}
#nmx-menu .nmx-menu__socials a{display:block;width:30px;height:30px;}
#nmx-menu .nmx-menu__socials svg{display:block;width:30px;height:30px;}
#nmx-menu .nmx-menu__btn{display:inline-flex;align-items:center;justify-content:center;height:45px;padding:0 30px;border-radius:50px;background-color:#515573;color:#fae7b5;font-size:14px;font-weight:400;text-decoration:none;white-space:nowrap;transition:background-color .2s ease-in-out,color .2s ease-in-out;}
#nmx-menu .nmx-menu__btn:hover{background-color:#5f6485;}

/* --- линия --- */
#nmx-menu .nmx-menu__line{border:0;height:1px;background-color:#c2c2c2;margin:0 40px;}

/* --- нижний ряд: пункты меню --- */
#nmx-menu .nmx-menu__nav{height:40px;display:flex;align-items:center;justify-content:center;}
#nmx-menu .nmx-menu__list{display:flex;}
#nmx-menu .nmx-menu__item{padding:0 15px;position:relative;white-space:nowrap;}
#nmx-menu .nmx-menu__link{position:relative;font-size:14px;color:#fae7b5;font-weight:400;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;cursor:pointer;transition:color .3s ease-in-out,opacity .3s ease-in-out;}
#nmx-menu .nmx-menu__link:not(.is-active)::after{content:'';position:absolute;left:0;bottom:20%;opacity:0;width:100%;height:100%;box-shadow:inset 0 -1px 0 0 #fff;transition:all .3s ease;pointer-events:none;}
#nmx-menu .nmx-menu__link:not(.is-active):hover::after,#nmx-menu .nmx-menu__link:not(.is-active):focus-visible::after{opacity:1;bottom:0;}
#nmx-menu .nmx-menu__link.is-active{color:#fff;opacity:.7;}

/* --- выпадающее подменю (десктоп) --- */
#nmx-menu .nmx-menu__sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:15px;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.895,.03,.685,.22),visibility .2s;z-index:990;}
#nmx-menu .nmx-menu__sublist{position:relative;width:280px;background-color:#fff;border:1px solid #515573;border-radius:5px;padding:18px 20px !important;text-align:center;max-height:calc(100vh - 230px);overflow:auto;}
#nmx-menu .nmx-menu__sublist::before,#nmx-menu .nmx-menu__sublist::after{content:'';position:absolute;left:50%;margin-left:-10px;width:0;height:0;border:10px solid transparent;}
#nmx-menu .nmx-menu__sublist::before{border-bottom-color:#515573;top:-21px;}
#nmx-menu .nmx-menu__sublist::after{border-bottom-color:#fff;top:-20px;}
#nmx-menu .nmx-menu__subitem{margin-bottom:12px;}
#nmx-menu .nmx-menu__subitem:last-child{margin-bottom:0;}
#nmx-menu .nmx-menu__sublink{display:block;font-size:14px;font-weight:400;color:#222;text-decoration:none;white-space:normal;line-height:1.35;transition:color .3s ease-in-out,opacity .3s ease-in-out;}
#nmx-menu .nmx-menu__sublink:hover,#nmx-menu .nmx-menu__sublink.is-active{color:#d7c699 !important;}
@media screen and (min-width:981px){
  .nmx-menu__item_has-sub:hover .nmx-menu__sub,
  #nmx-menu .nmx-menu__item_has-sub:focus-within .nmx-menu__sub{opacity:1;visibility:visible;}
}

/* --- мобильная плашка и бургер --- */
#nmx-menu .nmx-menu__bar{display:none;}
#nmx-menu .nmx-menu__bar-title{color:#fff;font-size:16px;font-weight:700;}
#nmx-menu .nmx-menu__burger{position:relative;flex-shrink:0;width:28px;height:20px;padding:0;border:none;background-color:transparent;outline:none;cursor:pointer;z-index:999;}
#nmx-menu .nmx-menu__burger span{display:block;position:absolute;left:0;width:100%;height:3px;background-color:#fff;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out;}
#nmx-menu .nmx-menu__burger span:nth-child(1){top:0;}
#nmx-menu .nmx-menu__burger span:nth-child(2),#nmx-menu .nmx-menu__burger span:nth-child(3){top:8px;}
#nmx-menu .nmx-menu__burger span:nth-child(4){top:16px;}
#nmx-menu .nmx-menu__burger_open span:nth-child(1){top:8px;width:0;left:50%;}
#nmx-menu .nmx-menu__burger_open span:nth-child(2){transform:rotate(45deg);}
#nmx-menu .nmx-menu__burger_open span:nth-child(3){transform:rotate(-45deg);}
#nmx-menu .nmx-menu__burger_open span:nth-child(4){top:8px;width:0;left:50%;}

/* --- мобильная версия (до 980px) --- */
@media screen and (max-width:980px){
  #nmx-menu .nmx-menu__bar{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:20px;background-color:#111;}
  #nmx-menu .nmx-menu__panel{display:none;}
  #nmx-menu.nmx-menu_open .nmx-menu__panel{display:flex;flex-direction:column;}
  #nmx-menu .nmx-menu__top{display:contents;}
  #nmx-menu .nmx-menu__line{display:none;}
  #nmx-menu .nmx-menu__logo{order:1;position:static;transform:none;padding:20px;display:flex;justify-content:center;}
  #nmx-menu .nmx-menu__nav{order:2;height:auto;padding:20px 0;}
  #nmx-menu .nmx-menu__list{display:block;}
  #nmx-menu .nmx-menu__item{display:block;position:static;text-align:center;padding:10px;white-space:normal;}
  #nmx-menu .nmx-menu__side{position:static;width:100%;height:auto;}
  #nmx-menu .nmx-menu__side_left{order:3;padding:20px 20px 0;}
  #nmx-menu .nmx-menu__side_right{order:4;flex-direction:column;gap:15px;padding:20px 20px 25px;}
  /* подменю-аккордеон: прозрачный фон, золотые ссылки — как в T770 */
  #nmx-menu .nmx-menu__sub{display:none;position:static;transform:none;padding:12px 0 2px;opacity:1;visibility:visible;}
  #nmx-menu .nmx-menu__item.is-open .nmx-menu__sub{display:block;}
  #nmx-menu .nmx-menu__sublist{width:100%;max-width:100%;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);border-radius:0;padding:0 0 16px !important;max-height:none;overflow:visible;}
  #nmx-menu .nmx-menu__sublist::before,#nmx-menu .nmx-menu__sublist::after{display:none;}
  #nmx-menu .nmx-menu__subitem{margin-bottom:16px;}
  #nmx-menu .nmx-menu__sublink{color:#fae7b5;}
  #nmx-menu .nmx-menu__sublink.is-active{color:#d7c699 !important;}
}
@media screen and (max-width:480px){
  #nmx-menu .nmx-menu__link{font-size:18px;}
  #nmx-menu .nmx-menu__textlink{font-size:18px;}
  #nmx-menu .nmx-menu__sublink{font-size:16px;}
}
/* === NMX MENU END === */

/* === NMX TECH START === */
/* Кнопка «Наверх» технического head-скрипта сайта (pages/_site/tech.txt, ADR 021).
   Кнопку создаёт сам скрипт на каждой странице (блока T123 нет);
   появляется после прокрутки двух экранов. Использует токены :root. */
.nmx-top-btn{position:fixed;right:16px;bottom:18px;z-index:9990;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:var(--nmx-grad-submit,#2b6cb0);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 4px 14px rgba(0,0,0,.28);-webkit-tap-highlight-color:transparent}
.nmx-top-btn--visible{opacity:1;visibility:visible;transform:none}
.nmx-top-btn:hover{filter:brightness(1.08)}
.nmx-top-btn:active{transform:scale(.94)}
.nmx-top-btn:focus-visible{outline:2px solid var(--nmx-primary,#2b6cb0);outline-offset:2px}
.nmx-top-btn svg{width:20px;height:20px}
@media(max-width:480px){.nmx-top-btn{right:12px;bottom:14px;width:44px;height:44px}}
/* === NMX TECH END === */

/* === NMX BRANCH START === */
/* Ветки Free/PRO в одном коде блока (ADR 022). Класс ветки на  ставит
   head-скрипт NMX TECH (pages/_site/tech.txt). Элемент с .nmx-free-only виден
   только на Free, с .nmx-pro-only — только на /pro/. Fallback: если класса
   ветки нет (head-скрипт выключен) — страница выглядит как Free. */
html.nmx-page-pro .nmx-free-only{display:none!important}
html:not(.nmx-page-pro) .nmx-pro-only{display:none!important}
/* === NMX BRANCH END === */