/* Раздел «Всё для документов» на странице приложения и страницы шаблонов / ИИ-юриста (15.11.2026).
   Цвета — те же, что у карточек .plan/.law (legal.css) и страниц promo-watch.css; переменные не нужны: файл грузят обе оболочки. */
/* Оттенки функций — те же rgb, что у квадратов баннера в приложении (HomeBanners.tsx). */
.tone-f-templates{--tone:52,211,153}.tone-f-ai{--tone:45,212,191}.tone-f-court{--tone:244,114,182}.tone-f-penalty{--tone:251,191,36}.tone-f-fee{--tone:251,146,60}.tone-f-company{--tone:96,165,250}.tone-f-compare{--tone:167,139,250}.tone-f-selfemployed{--tone:56,189,248}.tone-f-search{--tone:190,242,100}
.feature-suite .section__sub{margin-bottom:0}
/* Ряд из 20 квадратов (по функции на каждый), как баннер приложения: листается везде, видно ≈5,5 на компьютере, ≈3,5 на планшете, ≈2,3 на телефоне.
   Край ряда мягко затухает (mask), а не обрезается; где есть продолжение, решают классы fade-start/fade-end (legal-features.js). */
.feature-tiles-wrap{position:relative;margin-top:28px}
.feature-tiles{--fs:0px;--fe:0px;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:6px 0 8px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fs),#000 calc(100% - var(--fe)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fs),#000 calc(100% - var(--fe)),transparent 100%)}
.feature-tiles::-webkit-scrollbar{display:none}.feature-tiles.fade-start{--fs:56px}.feature-tiles.fade-end{--fe:56px}
[dir=rtl] .feature-tiles{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 var(--fs),#000 calc(100% - var(--fe)),transparent 100%);mask-image:linear-gradient(270deg,transparent 0,#000 var(--fs),#000 calc(100% - var(--fe)),transparent 100%)}
.feature-tiles .feature-tile{flex:0 0 calc((100% - 60px) / 5.5);scroll-snap-align:start}
.feature-tiles__arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;min-width:0;padding:0;margin-top:-22px;border:1px solid #bfe5d640;border-radius:50%;background:#0f1c1fe6;color:#eef8f4;box-shadow:0 8px 22px #0006;cursor:pointer;transition:opacity .2s,border-color .2s}
.feature-tiles__arrow:hover{border-color:#6fe3b0b3}.feature-tiles__arrow:focus-visible{outline:2px solid #bfe5d6;outline-offset:2px}.feature-tiles__arrow[hidden]{display:none}
.feature-tiles__arrow:disabled{opacity:0;pointer-events:none}
.feature-tiles__arrow--prev{inset-inline-start:-22px}.feature-tiles__arrow--next{inset-inline-end:-22px}
.feature-tiles__arrow--next svg,[dir=rtl] .feature-tiles__arrow--prev svg{transform:scaleX(-1)}[dir=rtl] .feature-tiles__arrow--next svg{transform:none}
.tone-f-review{--tone:248,113,113}.tone-f-create{--tone:129,140,248}.tone-f-editor{--tone:94,234,212}.tone-f-sign{--tone:232,121,249}.tone-f-export{--tone:251,113,133}.tone-f-ocr{--tone:34,211,238}.tone-f-paste{--tone:147,197,253}.tone-f-details{--tone:253,186,116}.tone-f-versions{--tone:196,181,253}.tone-f-jurisdictions{--tone:110,231,183}.tone-f-platforms{--tone:203,213,225}
.feature-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:4px;aspect-ratio:1;min-width:0;padding:16px;border:1px solid rgba(var(--tone),.3);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(var(--tone),.34),transparent 62%),linear-gradient(160deg,rgba(var(--tone),.13),#0f1c1f 70%);color:#eef8f4;text-decoration:none;box-shadow:inset 0 1px #ffffff14,0 10px 26px #0003;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.feature-tile::after{content:'';position:absolute;inset:auto -30% -45% auto;width:85%;aspect-ratio:1;border-radius:50%;background:rgba(var(--tone),.12);z-index:-1}
.feature-tile:hover{transform:translateY(-3px);border-color:rgba(var(--tone),.65);box-shadow:inset 0 1px #ffffff1f,0 16px 32px #0004}
.feature-tile:focus-visible{outline:2px solid rgba(var(--tone),.9);outline-offset:3px}
.feature-tile__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:auto;border-radius:12px;background:rgba(var(--tone),.2);color:rgb(var(--tone));box-shadow:inset 0 1px #fff2}
.feature-tile__tag{font-size:10px;font-weight:760;letter-spacing:.14em;line-height:1.3;text-transform:uppercase;color:rgba(var(--tone),.95)}
.feature-tile strong{font-size:clamp(14px,1.35vw,17px);line-height:1.2;color:#f3fbf7;text-wrap:balance}
.feature-tile__copy{font-size:12px;line-height:1.4;color:#b3c9c5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-tile__go{position:absolute;top:16px;inset-inline-end:16px;width:16px;height:16px;color:#d9ece6;opacity:.6;transition:opacity .2s,transform .2s}
.feature-tile:hover .feature-tile__go{opacity:1}[dir=rtl] .feature-tile__go{transform:scaleX(-1)}
.feature-dots{display:flex;justify-content:center;align-items:center;gap:2px;height:16px;margin-top:8px}.feature-dots[hidden]{display:none}
.feature-dots button{width:14px;height:16px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.feature-dots button::before{content:'';width:6px;height:6px;border-radius:3px;background:#ffffff38;transition:width .25s,background .25s}
.feature-dots button.on{width:24px}.feature-dots button.on::before{width:18px;background:rgb(var(--tone,111,227,176))}
.feature-dots button:focus-visible{outline:2px solid #bfe5d6;outline-offset:1px;border-radius:4px}
/* Карточки функций: строка на всю ширину — крупный макет, обрезанный до значимой части, и текст рядом; стороны чередуются. */
.feature-grid{display:grid;gap:22px;margin-top:30px}
.feature-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;min-width:0;overflow:hidden;scroll-margin-top:96px;border:1px solid rgba(var(--tone),.32);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(var(--tone),.22),transparent 55%),linear-gradient(160deg,rgba(var(--tone),.08),#101f24 65%);box-shadow:inset 0 1px #f0fff50d;transition:border-color .2s ease}
.feature-card:hover{border-color:rgba(var(--tone),.7)}
.feature-card:nth-child(even) .feature-frame{order:2}
.feature-card--text{grid-template-columns:1fr}
.feature-frame{position:relative;display:block;overflow:hidden;aspect-ratio:900/640;background:#0a141c;cursor:zoom-in}
.feature-frame .feature-shot{position:absolute;max-width:none;height:auto;width:160%;top:-9.375%;inset-inline-start:-11.111%}
.feature-frame.crop-chat .feature-shot{inset-inline-start:-60%}
.feature-frame.crop-search{aspect-ratio:640/455}.feature-frame.crop-search .feature-shot{width:225%;top:-18.68%;inset-inline-start:-62.5%}
.feature-frame::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(var(--tone),.2);pointer-events:none}
.feature-frame:focus-visible{outline:3px solid rgba(var(--tone),.9);outline-offset:-3px}
.feature-card__body{display:flex;flex-direction:column;gap:12px;padding:30px 32px}
.feature-card h3{margin:0;font-size:24px;line-height:1.25;color:#f3fbf7}
.feature-card p{margin:0;color:#c0d3d0;font-size:16px;line-height:1.6}
.feature-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:6px}
.feature-card .feature-card__cta{border-color:rgba(var(--tone),.6);background:linear-gradient(145deg,rgba(var(--tone),.28),rgba(var(--tone),.1));color:#f6fffb}
.feature-card .feature-card__cta:hover{border-color:rgb(var(--tone))}
.feature-card__more{color:rgb(var(--tone));font-size:14px;text-underline-offset:4px}
.feature-popular{margin-top:44px;padding:26px;border:1px solid rgba(var(--tone),.32);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(var(--tone),.16),transparent 50%),#0f1e23}
.feature-popular .feature-frame{border-radius:20px;margin:0 0 18px;max-width:900px}
.feature-popular h3{margin:0 0 14px;font-size:22px}.feature-popular h3:not(:first-child){margin-top:26px}
.feature-popular__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px}.feature-popular__head a{color:#badfcd}
/* Просмотр макета крупно */
.feature-lightbox{max-width:min(96vw,1440px);max-height:94vh;width:auto;padding:0;border:1px solid #b9d7cf42;border-radius:18px;background:#081216;color:#edf5f3;overflow:visible}
.feature-lightbox::backdrop{background:#020809d9;backdrop-filter:blur(4px)}
.feature-lightbox figure{margin:0}.feature-lightbox img{display:block;max-width:100%;max-height:calc(94vh - 56px);width:auto;height:auto;border-radius:18px 18px 0 0}
.feature-lightbox figcaption{padding:12px 18px;font-weight:600;text-align:start}
.feature-lightbox__close{position:absolute;top:-14px;inset-inline-end:-14px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b9d7cf66;border-radius:50%;background:#122329;color:#edf5f3;cursor:pointer}
.feature-lightbox__close:focus-visible{outline:2px solid #bce3d0;outline-offset:2px}
.feature-lightbox-open{overflow:hidden}
/* Плавающая стрелка «вниз»: у правого края окна (в RTL — у левого), в нижней трети; ниже баннера согласия (z-index 10000),
   а если она пересекает кнопки первого экрана, плеер или баннер, landing.js поднимает её над ними через --arrow-lift. */
.hero-scroll{position:fixed;right:24px;bottom:calc(96px + env(safe-area-inset-bottom,0px) + var(--arrow-lift,0px));z-index:60;display:grid;place-items:center;padding:0;border:0;background:none;color:#eef8f4;cursor:pointer;transition:opacity .4s ease,transform .4s ease,visibility .4s}
[dir=rtl] .hero-scroll{right:auto;left:24px}
.hero-scroll.is-hidden{opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none}
.hero-scroll__ring{display:grid;place-items:center;width:64px;height:64px;border:1px solid #bce2ce66;border-radius:50%;background:linear-gradient(145deg,#ffffff24,#ffffff08),#122329b3;box-shadow:inset 0 1px 1px #ffffff40,0 10px 28px #0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:hero-blink 1.6s ease-in-out infinite}
.hero-scroll:hover .hero-scroll__ring{border-color:#bce2cecc}.hero-scroll:focus-visible{outline:none}.hero-scroll:focus-visible .hero-scroll__ring{outline:2px solid #bce3d0;outline-offset:3px}
@keyframes hero-blink{0%,100%{opacity:.72;transform:translateY(0);box-shadow:inset 0 1px 1px #ffffff40,0 10px 28px #0006,0 0 0 0 #6fe3b000}50%{opacity:1;transform:translateY(5px);box-shadow:inset 0 1px 1px #ffffff52,0 10px 28px #0006,0 0 0 8px #6fe3b040,0 0 34px 8px #6fe3b08c;border-color:#c8f0dc;background:linear-gradient(145deg,#6fe3b03a,#ffffff0a),#16352cd9}}
@media(prefers-reduced-motion:reduce){.hero-scroll__ring{animation:none;opacity:1}.hero-scroll,.feature-tile,.feature-card{transition:none}}
/* Страница функции */
.feature-page .feature-frame{border:1px solid rgba(var(--tone),.35);border-radius:20px;margin:24px 0 8px}
.feature-page h1{color:#f3fbf7}.feature-page .feature-page__cta{border-color:rgba(var(--tone),.6);background:linear-gradient(145deg,rgba(var(--tone),.3),rgba(var(--tone),.1))}
.feature-page::before{content:'';display:block;height:4px;width:72px;border-radius:2px;background:rgb(var(--tone));margin:4px 0 14px}
.feature-steps{counter-reset:s;padding:0;list-style:none}.feature-steps li{counter-increment:s;position:relative;padding:12px 16px;padding-inline-start:54px;margin:10px 0;border:1px solid rgba(var(--tone),.25);border-radius:14px;background:#0d1a1f}
.feature-steps li::before{content:counter(s);position:absolute;inset-inline-start:14px;top:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--tone),.22);color:rgb(var(--tone));font-weight:700}
.feature-others a{border-color:rgba(var(--tone),.35);color:rgb(var(--tone))}
/* Списки шаблонов и «Часто ищут» — общие для страницы приложения и каталога. */
.tpl-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.tpl-links li{margin:0;min-width:0}
.tpl-links a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 18px;border:1px solid #abcfc747;border-radius:14px;background:#101c22;color:#edf5f3;text-decoration:none;overflow-wrap:anywhere}
.tpl-links a:hover{border-color:#bce2ce80}.tpl-links strong{font-size:16px;line-height:1.4}.tpl-links span{color:#b5c9c5;font-size:14px;line-height:1.5}.tpl-links small{color:#8fb0a6;font-size:12px}
.tpl-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.tpl-chips a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #abcfc733;border-radius:14px;color:#badfcd;text-decoration:none;overflow-wrap:anywhere}
.tpl-countries{margin-top:22px}
.tpl-country{padding-top:36px}.tpl-country h2{display:flex;align-items:center;gap:12px}.tpl-country h3{margin:24px 0 12px;font-size:17px;color:#cfe5dc}
.tpl-count{display:inline-flex;min-width:32px;justify-content:center;padding:2px 10px;border-radius:99px;background:#18372c;font-size:14px;font-weight:600}
.tpl-guest,.tpl-note{color:#9bb4ae;font-size:14px;max-width:70ch}
.tpl-facts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}.tpl-facts div{padding:10px 16px;border:1px solid #abcfc733;border-radius:14px;background:#0d1a1f}.tpl-facts dt{font-size:12px;color:#8fb0a6}.tpl-facts dd{margin:2px 0 0;font-weight:600}
.tpl-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0}.action--ghost{background:transparent!important}
.tpl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tpl-grid h2{margin-top:0}
.tpl-preview{position:relative;max-height:720px;overflow:hidden;padding:28px 32px;border:1px solid #abcfc733;border-radius:18px;background:#f4f7f6;color:#1c2427;font:15px/1.6 Georgia,'Times New Roman',serif;text-align:start}
.tpl-preview::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(#f4f7f600,#f4f7f6)}
.tpl-preview h2{font-size:18px;color:#1c2427;margin:18px 0 8px}.tpl-preview p,.tpl-preview li{color:#1c2427;margin:6px 0}.tpl-preview ul{color:#1c2427}
.tpl-preview table{width:100%;border-collapse:collapse;margin:10px 0}.tpl-preview th,.tpl-preview td{border:1px solid #c5d0cd;padding:4px 8px;text-align:start;vertical-align:top}.tpl-preview th p,.tpl-preview td p{margin:0}
.tpl-preview mark{padding:0 3px;border-radius:4px;background:#ffe9a8;color:#3d2c00}
.promo-links{display:flex;flex-wrap:wrap;gap:16px}
/* ИИ-юрист */
.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ai-grid article{padding:18px 20px;border:1px solid #abcfc733;border-radius:18px;background:#0d1a1f}.ai-grid h3{margin:0 0 6px;font-size:17px}.ai-grid p{margin:0;color:#b5c9c5}
.ai-questions li{padding:10px 14px;border-inline-start:3px solid #548e79;background:#0d1a1f;border-radius:0 12px 12px 0;list-style:none}[dir=rtl] .ai-questions li{border-radius:12px 0 0 12px}.ai-questions{padding:0}
.ai-limits{padding:24px 28px;margin:20px 0;border:1px solid #f0d3a066;border-radius:18px;background:#2a231425}
.ai-faq details{padding:14px 0;border-bottom:1px solid #abcfc733}.ai-faq summary{cursor:pointer;font-weight:600}.ai-faq p{color:#b5c9c5}
@media(max-width:900px){.feature-card{grid-template-columns:1fr}.feature-card:nth-child(even) .feature-frame{order:0}.feature-tile{padding:12px}.feature-tiles .feature-tile{flex-basis:calc((100% - 36px) / 3.5)}.feature-tiles__arrow--prev{inset-inline-start:-8px}.feature-tiles__arrow--next{inset-inline-end:-8px}}
@media(max-width:640px){
 .feature-tiles-wrap{margin-top:20px}.feature-tiles{gap:10px}.feature-tiles .feature-tile{flex-basis:calc((100% - 20px) / 2.3);aspect-ratio:auto;min-height:150px}.feature-tiles__arrow{display:none}
 .feature-tile__copy{display:-webkit-box}.feature-tile strong{font-size:15px}
 .tpl-grid{grid-template-columns:1fr}.feature-popular{padding:18px}.tpl-preview{padding:18px}.feature-card__body{padding:18px 18px 20px}.feature-card h3{font-size:20px}.feature-grid{gap:16px;margin-top:18px}
 .hero-scroll{right:14px;bottom:calc(88px + env(safe-area-inset-bottom,0px) + var(--arrow-lift,0px))}[dir=rtl] .hero-scroll{right:auto;left:14px}.hero-scroll__ring{width:56px;height:56px}.hero-scroll__ring svg{width:28px;height:28px}
 .feature-lightbox__close{top:8px;inset-inline-end:8px}
}