/* d8n.uz — стили узбекского (self-serve) издания.
   ИСТОЧНИК: утверждённый макет главной d8n.uz от 22.09.2026 (design.css + business.css +
   verify.css). Файл перенесён из макета, а не написан заново: макет определяет визуальное
   решение, и расхождение между ним и сайтом должно быть видно диффом, а не догадкой.

   ЧТО СНЯТО ПРИ ПЕРЕНОСЕ и почему: правила шапки, логотипа, подвала и skip-ссылки
   (.duz-header, .duz-nav…, .duz-logo/.duz-footer, .duz-skip) — у сайта своя шапка и свой
   подвал с юридическими ссылками, и вторая их копия конфликтовала бы с ними; правила
   .duz-preview-toast — это уведомление дизайн-превью, которому на живом сайте места нет
   (см. §5 задания: перехватчик свободного вопроса в hero НЕ переносится).

   ПОДКЛЮЧЕНИЕ: BaseLayout линкует файл только у self-serve издания и добавляет ?v=<хеш
   содержимого>. Хеш считается на сборке из самого файла — токен не может разойтись с
   содержимым (ровно тот дефект, который 20.09 стоил пакету 20a выкладки).

   ОБЛАСТЬ ДЕЙСТВИЯ: все правила начинаются с .duz-, базовая типографика — под
   body.duz-page (этот класс есть только у главной). На внутренних страницах UZ из файла
   работает ровно одно — выпадающее меню «Для бизнеса» в шапке. */

/* ── design.css ─────────────────────────────────────────────── */
:root{--duz-blue:#3659e5;--duz-green:#079b73;--duz-ink:#14203b;--duz-muted:#616d83;--duz-line:#e0e6f0;--duz-ice:#eef4ff;--duz-dark:#11245b}html:has(body.duz-page){scroll-behavior:smooth;scroll-padding-top:92px}body.duz-page{margin:0;background:#fff;color:var(--duz-ink);font-family:Gilroy,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.duz-page *{box-sizing:border-box}.duz-symbols{position:absolute;width:0;height:0;overflow:hidden}.duz-wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.duz-page a{text-decoration:none}.duz-page button,.duz-page a{-webkit-tap-highlight-color:transparent}.duz-page :focus-visible{outline:3px solid #f0a827;outline-offset:5px}.duz-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:16px 23px;border:1px solid transparent;border-radius:9px;background:var(--duz-blue);color:#fff!important;font-size:16px;font-weight:600;line-height:1.2;transition:background .18s,transform .18s,box-shadow .18s;white-space:normal}.duz-button:hover{background:#2748cd;box-shadow:0 6px 15px #3659e526;transform:translateY(-1px)}.duz-button svg,.duz-textlink svg,.duz-promo svg,.duz-trust a svg,.duz-faq a svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.duz-button-small{min-height:46px;font-size:14px;padding:13px 17px;gap:12px}.duz-content{overflow:hidden}.duz-content h2,.duz-content h3,.duz-content h4,.duz-content p{margin:0}.duz-content h2{font-size:clamp(34px,3.45vw,48px);font-weight:600;letter-spacing:-1.5px;line-height:1.09}.duz-content h3{font-size:28px;font-weight:600;line-height:1.17;letter-spacing:-.55px}.duz-content p{font-size:17px;line-height:1.6;color:var(--duz-muted)}.duz-eyebrow{display:block;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:1.65px;color:var(--duz-blue);margin-bottom:22px}.duz-free{background:var(--duz-ice);border:1px solid #dce6fb;border-radius:24px;padding:44px 48px 0;margin-top:18px;position:relative}.duz-free-top{display:flex;justify-content:space-between;align-items:center;gap:36px}.duz-free h2{font-size:44px}.duz-free .duz-eyebrow{margin-bottom:15px}.duz-free-top>div>p{margin-top:17px}.duz-zero{text-align:center;min-width:300px}.duz-zero>div{font-size:94px;line-height:1;letter-spacing:-5px;font-weight:500;color:var(--duz-blue)}.duz-zero>div>span{font-size:32px;letter-spacing:-1px;font-weight:500}.duz-zero>p{margin-top:8px!important;margin-bottom:18px;font-size:15px;color:var(--duz-ink)}.duz-card-note{display:block;font-size:13px;color:var(--duz-muted);margin-top:10px}.duz-free-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:25px 0;border-top:1px solid #d6e0f2}.duz-free-benefits>div{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:600}.duz-free-benefits svg{width:20px;height:20px;stroke:var(--duz-blue);stroke-width:2;fill:none}.duz-promo{border-top:1px solid #d6e0f2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;font-size:13px;line-height:1.5;color:var(--duz-muted)}.duz-promo b{color:var(--duz-ink);font-weight:600;margin-right:10px}.duz-promo a{display:inline-flex;align-items:center;gap:7px;color:var(--duz-blue);white-space:nowrap;font-weight:600}.duz-local-line{display:flex;align-items:center;justify-content:center;gap:74px;padding:28px 0 0}.duz-local-line span{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--duz-muted)}.duz-local-line svg{width:20px;height:20px;stroke:var(--duz-muted);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.duz-section{padding-top:106px;padding-bottom:100px}.duz-section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.duz-section-intro>p{max-width:335px;padding-bottom:3px}.duz-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.duz-feature{border:1px solid var(--duz-line);border-radius:20px;overflow:hidden;background:#f8faff;padding:30px 32px 0}.duz-feature-heading{display:flex;align-items:center;gap:12px;margin-bottom:21px}.duz-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e7eeff;color:var(--duz-blue)}.duz-icon svg{height:21px;width:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.duz-kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--duz-muted)}.duz-feature>p,.duz-ai-copy>p{margin-top:15px;max-width:460px;font-size:16px}.duz-feature-doc{background:#f1f5fd}.duz-feature-ai{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:54px;background:#fff;padding:36px 38px;align-items:center}.duz-ai-copy>p{max-width:420px}.duz-textlink{display:inline-flex;gap:10px;align-items:center;margin-top:24px;font-size:14px;font-weight:600;color:var(--duz-blue)}.duz-ai-note{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:22px;color:var(--duz-muted);font-size:12px}.duz-ai-note svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.6}.duz-process-section{background:#eff4fc;padding:75px 0}.duz-process{display:grid;grid-template-columns:.92fr 1.08fr;gap:90px;align-items:center}.duz-process h2{font-size:48px}.duz-process-copy>p{max-width:380px;margin-top:23px}.duz-process-copy .duz-button{margin-top:28px;font-size:15px}.duz-flow-demo{background:#fff;border:1px solid #dce4f2;border-radius:17px;box-shadow:0 15px 50px #253d6509;overflow:hidden}.duz-flow-title{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid #edf0f7;font-size:16px;font-weight:600}.duz-example-label{font-size:10px;letter-spacing:1px;color:#77839a;font-weight:500}.duz-flow-tabs{display:flex;gap:0;padding:20px 23px 0}.duz-flow-tabs button{display:flex;gap:8px;align-items:center;justify-content:center;flex:1;background:none;border:0;border-bottom:2px solid #e8edf5;padding:7px 3px 17px;font-family:inherit;font-size:13px;color:#78849a;cursor:pointer}.duz-flow-tabs button span{height:21px;width:21px;border-radius:50%;display:grid;place-items:center;background:#f0f3f8;font-size:11px}.duz-flow-tabs button[aria-selected=true]{color:var(--duz-blue);border-bottom-color:var(--duz-blue);font-weight:600}.duz-flow-tabs button[aria-selected=true] span{background:var(--duz-blue);color:#fff}.duz-flow-panel{padding:29px 30px 30px;min-height:285px}.duz-flow-large-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf2ff;color:var(--duz-blue);margin-bottom:15px}.duz-flow-large-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.duz-flow-panel h3{font-size:20px;letter-spacing:-.3px}.duz-flow-panel>p{font-size:14px;line-height:1.5;margin-top:11px;max-width:440px}.duz-flow-file{display:flex;align-items:center;gap:12px;padding:15px 13px;border:1px solid #e1e7f2;border-radius:9px;margin-top:24px}.duz-flow-file>svg{width:25px;height:28px;stroke:var(--duz-blue);stroke-width:1.5;fill:none;flex:none}.duz-flow-file b{display:block;font-size:12px;font-weight:600}.duz-flow-file small{display:block;font-size:11px;color:var(--duz-muted);margin-top:4px}.duz-flow-file>span:last-child{margin-left:auto;background:#eff3fe;border-radius:5px;padding:5px 7px;color:#476092;font-size:10px;white-space:nowrap}.duz-flow-footer{display:flex;gap:8px;justify-content:center;padding:17px;border-top:1px solid #edf0f7;font-size:12px;color:var(--duz-muted)}.duz-flow-footer svg{width:15px;height:15px;stroke:var(--duz-blue);stroke-width:1.8;fill:none}.duz-trust{padding-bottom:86px}.duz-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.duz-trust-grid>article{border-top:1px solid var(--duz-line);padding-top:28px}.duz-trust-icon{display:block;margin-bottom:25px}.duz-trust-icon svg{height:30px;width:30px;fill:none;stroke:var(--duz-blue);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.duz-trust-grid h3{font-size:22px}.duz-trust-grid p{font-size:16px;margin-top:14px}.duz-trust-grid a{display:inline-flex;align-items:center;gap:8px;color:var(--duz-blue);font-size:14px;font-weight:600;margin-top:20px}.duz-start-section{padding:66px 0 70px;background:#f7f9fc;border-block:1px solid #edf0f6}.duz-start-section h2{font-size:38px}.duz-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:68px;margin-top:42px}.duz-steps article{position:relative}.duz-steps article:not(:last-child):after{content:"";position:absolute;height:1px;background:#dce3f0;top:25px;left:70px;width:calc(100% - 60px)}.duz-steps article>span{display:block;color:var(--duz-blue);font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:500}.duz-steps h3{font-size:22px;margin-top:20px}.duz-steps p{margin-top:12px;font-size:16px}.duz-faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px;padding-top:89px;padding-bottom:90px}.duz-faq>div>p{margin-top:22px}.duz-faq>div>p>a{display:inline-flex;align-items:center;gap:8px;color:var(--duz-blue);font-weight:600}.duz-faq-list details{border-bottom:1px solid var(--duz-line)}.duz-faq-list details:first-child{border-top:1px solid var(--duz-line)}.duz-faq-list summary{display:flex;justify-content:space-between;gap:22px;list-style:none;cursor:pointer;padding:23px 0;font-size:18px;font-weight:600;line-height:1.4}.duz-faq-list summary::-webkit-details-marker{display:none}.duz-faq-list summary>span{height:22px;width:22px;flex:none;position:relative}.duz-faq-list summary>span:before,.duz-faq-list summary>span:after{content:"";position:absolute;background:var(--duz-blue);top:10px;left:5px;height:1.5px;width:12px}.duz-faq-list summary>span:after{transform:rotate(90deg)}.duz-faq-list details[open] summary>span:after{transform:rotate(0)}.duz-faq-list details>p{padding:0 34px 24px 0;font-size:15px;line-height:1.65}.duz-faq-list details>p>a{color:var(--duz-blue);text-decoration:underline;text-underline-offset:3px}.duz-final{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:53px 52px 55px;border-radius:22px;background:var(--duz-dark);color:#fff;margin-bottom:85px}.duz-final .duz-eyebrow{color:#aebfff;margin-bottom:19px}.duz-final h2{font-size:43px;color:#fff;line-height:1.1}.duz-final p{color:#b9c7e7;margin-top:21px;font-size:16px}.duz-final-action{display:flex;flex-direction:column;gap:16px;align-items:center}.duz-button-white{background:#fff!important;color:#244acb!important;min-width:254px}.duz-button-white:hover{background:#eaf0ff!important}.duz-final-action>span{color:#b9c7e7;font-size:12px}.duz-mobile-cta{display:none}@media(min-width:1024px){.duz-page .home-hero .container{max-width:1200px}.duz-page .home-hero{padding-top:58px;padding-bottom:50px}}@media(max-width:1150px){.duz-process{gap:50px}.duz-free{padding-inline:36px}.duz-feature{padding-inline:26px}.duz-feature-ai{padding:30px;gap:30px}.duz-local-line{gap:40px}.duz-final{padding-inline:40px}.duz-final h2{font-size:38px}.duz-faq{gap:65px}}@media(max-width:900px){.duz-wrap{width:calc(100% - 40px)}.duz-section{padding-top:75px;padding-bottom:70px}.duz-section-intro{gap:28px}.duz-section-intro h2{font-size:36px}.duz-section-intro>p{max-width:270px;font-size:15px}.duz-free-top{gap:20px}.duz-free h2{font-size:36px}.duz-zero{min-width:255px}.duz-zero .duz-button{font-size:14px;padding-inline:16px}.duz-free-benefits{grid-template-columns:repeat(2,1fr);gap:18px}.duz-free{padding-inline:28px}.duz-promo{align-items:flex-start;font-size:12px;gap:20px}.duz-promo b{display:block}.duz-feature>h3,.duz-ai-copy>h3{font-size:25px}.duz-feature>p,.duz-ai-copy>p{font-size:15px}.duz-feature{padding:25px 22px 0}.duz-feature-ai{padding:28px;gap:25px}.duz-process{gap:30px;grid-template-columns:.8fr 1.2fr}.duz-process h2{font-size:37px}.duz-process-copy>p{font-size:16px}.duz-flow-tabs{padding-inline:12px}.duz-flow-title{padding-inline:21px}.duz-flow-panel{padding-inline:22px;min-height:310px}.duz-trust-grid{gap:28px}.duz-trust-grid h3{font-size:20px}.duz-trust-grid p{font-size:15px}.duz-steps{gap:30px}.duz-start-section h2{font-size:34px}.duz-faq{gap:45px;grid-template-columns:.7fr 1.3fr}.duz-faq-list summary{font-size:16px}.duz-final{padding:38px 30px;gap:25px}.duz-final h2{font-size:32px}.duz-final .duz-eyebrow{font-size:10px}.duz-final p{font-size:14px}.duz-button-white{min-width:210px;font-size:14px}.duz-final-action>span{font-size:10px}}@media(max-width:640px){html:has(body.duz-page){scroll-padding-top:80px}.duz-wrap{width:calc(100% - 36px)}.duz-free{margin-top:6px;padding:28px 24px 0;border-radius:18px}.duz-free-top{display:block}.duz-free h2{font-size:36px}.duz-free-top>div>p{font-size:15px;margin-top:15px}.duz-free .duz-eyebrow{font-size:11px}.duz-zero{text-align:left;margin-top:24px;min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 20px}.duz-zero>div{font-size:70px;letter-spacing:-3px;white-space:nowrap}.duz-zero>div>span{font-size:26px}.duz-zero>p{font-size:13px;margin:0!important;max-width:120px;line-height:1.4}.duz-zero>.duz-button{grid-column:1/-1;margin-top:14px;font-size:15px;width:100%;padding:16px 12px;gap:10px}.duz-card-note{grid-column:1/-1;text-align:center;margin-top:7px}.duz-free-benefits{margin-top:24px;padding:20px 0;gap:15px 12px}.duz-free-benefits>div{font-size:13px;gap:8px}.duz-free-benefits svg{width:17px;height:17px;flex:none}.duz-promo{flex-direction:column;gap:12px;padding:17px 0 21px;font-size:12px}.duz-promo b{margin-bottom:4px}.duz-local-line{justify-content:flex-start;gap:12px 20px;flex-wrap:wrap;padding:21px 6px 0}.duz-local-line span{font-size:12px;gap:7px}.duz-local-line svg{width:17px;height:17px}.duz-section{padding-top:65px;padding-bottom:60px}.duz-eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:17px}.duz-section-intro{display:block;margin-bottom:26px}.duz-section-intro h2{font-size:34px;letter-spacing:-1px}.duz-section-intro>p{max-width:none;margin-top:19px;font-size:16px;padding:0}.duz-feature-grid{grid-template-columns:1fr;gap:18px}.duz-feature{padding:24px 23px 0;border-radius:16px}.duz-feature-heading{margin-bottom:19px}.duz-kicker{font-size:10px}.duz-feature h3{font-size:27px}.duz-feature>p,.duz-ai-copy>p{font-size:16px;margin-top:14px}.duz-feature-ai{grid-column:auto;display:block;padding:24px 23px}.duz-textlink{font-size:13px}.duz-process-section{padding:49px 0}.duz-process{grid-template-columns:1fr;gap:31px}.duz-process h2{font-size:36px;letter-spacing:-1px}.duz-process h2 br:nth-child(2){display:none}.duz-process-copy>p{max-width:none;font-size:16px;margin-top:19px}.duz-process-copy .duz-button{margin-top:22px;font-size:14px}.duz-flow-title{font-size:14px;padding:20px 19px}.duz-flow-tabs{padding:16px 12px 0}.duz-flow-tabs button{font-size:11px;gap:6px;padding-bottom:15px}.duz-flow-tabs button span{height:20px;width:20px}.duz-flow-panel{padding:24px 19px;min-height:298px}.duz-flow-panel h3{font-size:21px}.duz-flow-panel>p{font-size:14px}.duz-flow-file{gap:8px;padding:13px 10px;margin-top:19px}.duz-flow-file b{font-size:11px}.duz-flow-file small{font-size:10px}.duz-flow-file>span:last-child{font-size:9px;padding:4px 5px}.duz-flow-footer{font-size:11px;padding:16px 10px}.duz-trust-grid{grid-template-columns:1fr;gap:29px}.duz-trust-grid>article{padding-top:24px;position:relative;padding-left:49px}.duz-trust-icon{position:absolute;top:25px;left:0;margin:0}.duz-trust-icon svg{height:27px;width:27px}.duz-trust-grid h3{font-size:22px}.duz-trust-grid p{font-size:16px;margin-top:10px}.duz-trust-grid a{font-size:13px;margin-top:15px}.duz-start-section{padding:47px 0}.duz-start-section h2{font-size:33px;line-height:1.12}.duz-steps{grid-template-columns:1fr;gap:29px;margin-top:32px}.duz-steps article{padding-left:57px}.duz-steps article>span{position:absolute;left:0;top:-3px;font-size:29px}.duz-steps h3{margin:0;font-size:22px}.duz-steps p{font-size:16px;margin-top:9px}.duz-steps article:not(:last-child):after{left:16px;top:40px;width:1px;height:calc(100% - 28px)}.duz-faq{display:block;padding-top:54px;padding-bottom:53px}.duz-faq h2{font-size:35px}.duz-faq h2 br{display:none}.duz-faq>div>p{margin-top:15px;font-size:15px}.duz-faq>div>p br{display:none}.duz-faq-list{margin-top:28px}.duz-faq-list summary{font-size:16px;gap:12px;padding:21px 0}.duz-faq-list details>p{font-size:15px;padding-right:8px}.duz-final{display:block;padding:34px 26px;border-radius:18px;margin-bottom:52px}.duz-final .duz-eyebrow{font-size:9px;line-height:1.6;letter-spacing:1px;max-width:250px}.duz-final h2{font-size:33px;letter-spacing:-1px}.duz-final p{font-size:15px;line-height:1.5;max-width:250px}.duz-final-action{margin-top:26px;gap:12px;align-items:stretch}.duz-button-white{width:100%;font-size:16px}.duz-final-action>span{font-size:11px;text-align:center}.duz-mobile-cta:not([hidden]){display:block;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #e1e7f2;padding:10px 18px max(10px,env(safe-area-inset-bottom));z-index:35}.duz-mobile-cta .duz-button{width:100%;min-height:47px;padding-block:12px;font-size:15px}}@media(prefers-reduced-motion:reduce){html:has(body.duz-page){scroll-behavior:auto}.duz-button{transition:none}}

/* ── business.css ─────────────────────────────────────────────── */
.duz-business-nav{position:relative}.duz-business-toggle{display:flex;align-items:center;gap:5px;border:0;padding:0;background:none;font:600 15px Gilroy,Arial,sans-serif;color:var(--duz-ink);cursor:pointer;white-space:nowrap}.duz-business-toggle>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .18s}.duz-business-toggle[aria-expanded=true]{color:var(--duz-blue)}.duz-business-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.duz-business-menu{position:absolute;top:40px;left:-100px;width:570px;background:#fff;border:1px solid #e0e6f0;border-radius:16px;padding:25px 25px 0;box-shadow:0 18px 50px #14203b17;z-index:50}.duz-business-menu[hidden]{display:none}.duz-dropdown-label{font-size:10px;letter-spacing:1.35px;font-weight:700;color:#7a869b;margin-bottom:18px}.duz-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duz-dropdown-grid>a{display:flex;gap:12px;align-items:flex-start;padding:14px 9px;border-radius:8px;white-space:normal}.duz-dropdown-grid>a:hover{background:#f3f6ff}.duz-dropdown-grid>a>svg{flex:none;width:23px;height:23px;fill:none;stroke:var(--duz-blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.duz-dropdown-grid b{display:block;font-size:14px;font-weight:600}.duz-dropdown-grid small{display:block;margin-top:6px;font-size:12px;font-weight:400;line-height:1.5;color:var(--duz-muted)}.duz-business-menu .duz-dropdown-all{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:19px 0;border-top:1px solid #e5eaf3;font-size:13px;color:var(--duz-blue)}.duz-dropdown-all svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.6}.duz-business-band{margin-top:30px;padding:32px 35px 0;border:1px solid #dfe6f2;border-radius:18px;background:#fff;scroll-margin-top:105px}.duz-business-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.duz-business-head .duz-eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:13px}.duz-business-head h3{font-size:26px;line-height:1.25;letter-spacing:-.5px}.duz-outline-link{display:inline-flex;gap:19px;align-items:center;padding:12px 16px;border:1px solid #d8e1f2;border-radius:8px;color:var(--duz-blue);font-size:14px;font-weight:600;white-space:nowrap}.duz-outline-link:hover{background:#f1f5ff}.duz-outline-link svg,.duz-business-links svg,.duz-business-bottom svg,.duz-transform-link svg,.duz-cross-directions svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.duz-business-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.duz-business-links a{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:7px;background:#f4f7fc;font-size:14px;font-weight:500;color:#304264}.duz-business-links a:hover{background:#e9efff;color:var(--duz-blue)}.duz-business-links svg{height:17px;width:17px;color:#5972a2}.duz-business-bottom{display:flex;align-items:center;gap:25px;justify-content:space-between;margin-top:19px;padding-bottom:25px}.duz-business-bottom a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--duz-blue)}.duz-business-bottom>span{font-size:12px;color:#758096;line-height:1.5}.duz-transform-link{display:flex;align-items:center;gap:16px;background:#f1f5fd;border-top:1px solid #e2e9f5;margin:0 -35px;padding:23px 35px;border-radius:0 0 18px 18px;color:var(--duz-ink)}.duz-transform-link:hover{background:#eaf0fd}.duz-transform-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;background:#e0e9ff;color:var(--duz-blue);flex:none}.duz-transform-link b{display:block;font-size:17px;font-weight:600}.duz-transform-link small{display:block;margin-top:6px;font-size:13px;color:var(--duz-muted);line-height:1.5}.duz-transform-cta{display:flex;gap:12px;align-items:center;margin-left:auto;font-size:13px;font-weight:600;color:var(--duz-blue);white-space:nowrap}.duz-cross-border{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:54px 0 57px;border-bottom:1px solid var(--duz-line);scroll-margin-top:100px}.duz-cross-copy .duz-eyebrow{font-size:11px;margin-bottom:18px}.duz-cross-copy h2{font-size:38px;letter-spacing:-1px;line-height:1.13}.duz-cross-copy p{max-width:430px;font-size:16px;margin-top:20px}.duz-cross-copy .duz-textlink{margin-top:19px}.duz-cross-directions{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px;align-items:center;padding:27px 25px 21px;background:#f7f9fd;border:1px solid #e6ebf5;border-radius:16px}.duz-cross-origin{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.duz-country-code{background:var(--duz-blue);color:#fff;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:17px;font-weight:600}.duz-cross-origin b{font-size:13px;font-weight:600;display:block}.duz-cross-origin small{font-size:12px;display:block;color:var(--duz-muted);margin-top:4px}.duz-cross-route{position:absolute;top:16px;right:5px;color:#8d9fbf}.duz-cross-route svg{width:28px}.duz-cross-destinations{display:flex;flex-direction:column;gap:8px}.duz-direction-label{font-size:8px;line-height:1.5;letter-spacing:.9px;color:#748097;font-weight:600;margin-bottom:3px}.duz-cross-destinations>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e1e7f1;border-radius:8px;background:#fff;color:var(--duz-ink)}.duz-cross-destinations>a:hover{border-color:#bbcbee;background:#f0f5ff}.duz-destination-code{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#edf2fc;color:#617799;font-size:10px;font-weight:600;flex:none}.duz-destination-code svg{height:16px;width:16px}.duz-cross-destinations b{font-size:13px;font-weight:500}.duz-cross-destinations>a>svg{width:15px;height:15px;margin-left:auto;color:#7e8eaa}.duz-cross-directions .duz-cross-note{grid-column:1/-1;border-top:1px solid #e2e8f2;padding-top:13px;margin-top:2px;font-size:11px;line-height:1.5;color:#76839a}.duz-cross-border+.duz-trust{padding-top:78px}@media(max-width:1150px){.duz-business-toggle{font-size:14px}.duz-cross-border{gap:35px}.duz-cross-copy h2{font-size:35px}.duz-transform-cta{white-space:normal;max-width:150px}.duz-cross-directions{padding-inline:20px}}@media(max-width:900px){.duz-business-menu{left:-125px;top:35px;width:540px}.duz-business-head h3{font-size:23px}.duz-business-band{padding:27px 27px 0}.duz-transform-link{margin-inline:-27px;padding:22px 27px;gap:12px}.duz-transform-link b{font-size:15px}.duz-transform-link small{font-size:12px}.duz-transform-cta{font-size:12px;max-width:130px}.duz-business-bottom{gap:18px}.duz-business-bottom>span{max-width:245px;font-size:11px}.duz-cross-border{gap:27px}.duz-cross-copy h2{font-size:32px}.duz-cross-directions{grid-template-columns:1fr;padding:22px}.duz-cross-origin{flex-direction:row;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #e1e7f2}.duz-cross-route{right:0;top:13px;transform:rotate(90deg)}.duz-country-code{height:38px;width:38px;font-size:14px}.duz-cross-note{margin:0!important}.duz-business-links{gap:9px}.duz-business-links a{font-size:13px}}@media(max-width:640px){.duz-business-toggle{font-size:16px;width:100%;justify-content:space-between;min-height:28px}.duz-business-menu{position:static;width:auto;padding:18px 13px 0;margin-top:13px;box-shadow:none;border-radius:10px;background:#f7f9fd}.duz-dropdown-label{font-size:9px;line-height:1.5;margin-bottom:9px}.duz-dropdown-grid{grid-template-columns:1fr;gap:0}.duz-dropdown-grid>a{padding:12px 2px;gap:11px}.duz-dropdown-grid b{font-size:14px}.duz-dropdown-grid small{font-size:12px;margin-top:4px}.duz-business-menu .duz-dropdown-all{font-size:13px;margin-top:10px;padding:15px 0}.duz-business-band{padding:25px 22px 0;margin-top:22px;border-radius:16px;scroll-margin-top:85px}.duz-business-head{display:block}.duz-business-head h3{font-size:25px;line-height:1.22}.duz-business-head .duz-eyebrow{font-size:9px;letter-spacing:1.05px;line-height:1.6}.duz-outline-link{margin-top:20px;padding:10px 14px;font-size:13px}.duz-business-links{gap:8px;margin-top:23px}.duz-business-links a{font-size:12px;padding:10px 10px;gap:7px}.duz-business-links svg{width:15px;height:15px}.duz-business-bottom{display:block;padding-bottom:23px;margin-top:18px}.duz-business-bottom>a{font-size:12px}.duz-business-bottom>span{display:block;margin-top:12px;max-width:none;font-size:11px}.duz-transform-link{margin-inline:-22px;padding:21px 22px;display:grid;grid-template-columns:32px 1fr;gap:12px 10px;border-radius:0 0 16px 16px}.duz-transform-icon{height:32px;width:32px;border-radius:8px;align-self:start}.duz-transform-link b{font-size:16px;line-height:1.35}.duz-transform-link small{font-size:12px;line-height:1.5}.duz-transform-cta{grid-column:2;margin-left:0;max-width:none;font-size:13px}.duz-cross-border{grid-template-columns:1fr;gap:25px;padding:42px 0}.duz-cross-copy h2{font-size:32px}.duz-cross-copy .duz-eyebrow{font-size:10px;letter-spacing:1.2px}.duz-cross-copy p{font-size:16px;margin-top:17px}.duz-cross-copy .duz-textlink{font-size:14px}.duz-cross-directions{padding:21px;gap:15px}.duz-cross-destinations>a{padding:12px}.duz-cross-destinations b{font-size:14px}.duz-direction-label{font-size:9px;letter-spacing:.8px;margin-bottom:4px}.duz-cross-border+.duz-trust{padding-top:48px}}

/* ── verify.css ─────────────────────────────────────────────── */
.duz-cross-route{font-size:29px;line-height:1}.duz-verify{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px 65px;padding:74px 0;border-bottom:1px solid var(--duz-line);scroll-margin-top:105px}.duz-verify-intro .duz-eyebrow{font-size:11px;letter-spacing:1.25px;margin-bottom:18px}.duz-verify-intro h2{font-size:40px}.duz-verify-intro>p{margin-top:20px;max-width:430px}.duz-verify-benefit{display:flex;align-items:center;gap:12px;font-size:14px;color:#536482;line-height:1.5;margin-top:16px}.duz-verify-benefit:first-of-type{margin-top:28px}.duz-verify svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.duz-verify-benefit svg{color:var(--duz-blue)}.duz-verify-form{background:#f3f6fc;border:1px solid #dfe7f4;border-radius:18px;padding:30px}.duz-verify-form-head{display:flex;align-items:center;gap:13px;margin-bottom:26px}.duz-verify-icon{display:grid;place-items:center;color:var(--duz-blue);background:#e4ecff;border-radius:11px;width:44px;height:44px}.duz-verify-form-head b{display:block;font-size:19px;font-weight:600}.duz-verify-form-head small{display:block;font-size:13px;color:var(--duz-muted);margin-top:5px}.duz-verify-form label{display:block;margin-bottom:9px;font-weight:600;font-size:14px}.duz-verify-form input{width:100%;height:55px;border:1px solid #c8d3e6;border-radius:8px;padding:0 15px;font:500 16px Gilroy,Arial,sans-serif;background:#fff;color:var(--duz-ink);min-width:0}.duz-verify-form input::placeholder{color:#8590a4;font-size:14px;font-weight:400}.duz-verify-form #docid-hint{font-size:12px;line-height:1.5;margin-top:10px;color:#728098}.duz-verify-form>.duz-button{width:100%;margin-top:20px;cursor:pointer;font-family:inherit;font-size:15px}.duz-verify-help{font-size:13px;margin-top:18px;color:#506282}.duz-verify-help summary{cursor:pointer}.duz-verify-help p{font-size:13px;margin-top:10px;line-height:1.6}.duz-verify-footnote{font-size:11px;line-height:1.5;color:#7b889c;text-align:center;padding:13px 16px 0}.duz-verify #docid-message{font-size:13px;line-height:1.55;margin-top:17px;padding:12px 14px;background:#fff;border:1px solid #d7e1f1;border-radius:8px;overflow-wrap:anywhere}.duz-verify #docid-message[data-kind=error]{color:#a73738;background:#fff3f2;border-color:#f1cfcb}.duz-verify #docid-message[data-kind=success]{color:#257454;background:#effaf5;border-color:#cce8db}.duz-verify [hidden]{display:none!important}.duz-verify button:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.duz-docid-result{grid-column:1/-1;padding:30px;border:1px solid #dfe7f4;border-radius:18px;background:#fff;box-shadow:0 12px 40px #152b5510;scroll-margin-top:110px;overflow-wrap:anywhere}.duz-result-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #e1e7f1;padding-bottom:23px}.duz-result-top .duz-eyebrow{font-size:10px;margin-bottom:9px}.duz-result-top h3{font-size:25px}.duz-result-top>span{font-size:13px;font-family:monospace;color:#536482}.duz-result-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px;margin:24px 0}.duz-result-fields dt{font-size:12px;color:#78849a;margin-bottom:7px}.duz-result-fields dd{font-size:15px;line-height:1.5;margin:0}.duz-result-signatures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 20px}.duz-result-signature{padding:17px;border-radius:10px;background:#f5f7fb;border:1px solid #e2e8f3}.duz-result-signature b{font-size:15px}.duz-result-signature p{font-size:13px;margin-top:5px}.duz-result-signature[data-result=valid]{border-left:3px solid #379a75}.duz-result-signature[data-result=invalid]{background:#fff3f2;border-left:4px solid #c0353e}.duz-result-signature[data-result=invalid] .duz-sign-status{color:#b3202c;font-weight:600}.duz-result-signature[data-result=unknown]{border-left:3px solid #b19553}.duz-docid-result h4{font-size:17px}.duz-result-notice{font-size:13px!important;margin-top:12px!important}.duz-result-actions{display:flex;align-items:center;gap:24px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f3}.duz-result-actions button{cursor:pointer;font-family:inherit;font-size:14px;flex:none}.duz-result-actions p{font-size:12px;max-width:420px}.duz-result-parties{font-size:14px;line-height:1.6;margin-top:14px;color:#536482}.duz-verify:focus-within~*{scroll-margin-top:100px}@media(max-width:1150px){.duz-verify{gap:35px}.duz-verify-intro h2{font-size:35px}}@media(max-width:900px){.duz-verify{gap:30px}.duz-verify-form{padding:24px}.duz-verify-intro h2{font-size:32px}.duz-result-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.duz-verify{grid-template-columns:1fr;padding:48px 0;gap:26px;scroll-margin-top:90px}.duz-verify-intro h2{font-size:32px}.duz-verify-intro>p{font-size:16px;margin-top:17px}.duz-verify-intro .duz-eyebrow{font-size:9px;letter-spacing:.9px;line-height:1.6}.duz-verify-benefit{font-size:13px;margin-top:13px}.duz-verify-benefit:first-of-type{margin-top:21px}.duz-verify-form{padding:23px 20px}.duz-verify-form-head b{font-size:18px}.duz-verify-form-head small{font-size:12px}.duz-verify-form-head{gap:11px;margin-bottom:22px}.duz-docid-result{padding:22px}.duz-result-top{display:block}.duz-result-top>span{display:block;margin-top:15px}.duz-result-top h3{font-size:23px}.duz-result-fields{grid-template-columns:1fr;gap:18px}.duz-result-signatures{grid-template-columns:1fr}.duz-result-actions{display:block}.duz-result-actions button{width:100%}.duz-result-actions p{margin-top:13px}.duz-verify-footnote{padding-inline:2px}}.duz-receipt-notice{font-size:13px!important;margin-top:16px!important}.duz-receipt-notice[data-kind=error]{color:#b3202c}.duz-verify{scroll-margin-top:20px}

/* ── добавления проекта ─────────────────────────────────────────────────── */
/* Виджет консультанта убирается, пока на экране блок проверки документа. Замер 22.09.2026:
   на 320 и 390 px он накрывает кнопку «Проверить документ» и раскрытие «Где найти DOC ID?»,
   когда раздел стоит вверху экрана. Та же причина, что у плавающей кнопки регистрации:
   человек пришёл проверить полученный документ, и его сценарий нельзя перекрывать
   предложением поговорить. На широком экране перекрытия нет — правило только для узкого. */
@media(max-width:640px){body.duz-page.duz-verify-open #agw{display:none}}

/* СЕТКИ СЧИТАЮТ ЭЛЕМЕНТЫ, А НЕ ДЕРЖАТ ПРИБИТОЕ ЧИСЛО КОЛОНОК. В макете пунктов тарифа было
   четыре, карточек доверия три, и оба числа стояли в CSS литералами. Решением CEO 22.09
   (вечер) пункты сведены к трём, а карточек стало две — при прибитых колонках это дало бы
   пустую ячейку в ряду, то есть ровно ту потерю чистоты вёрстки, ради которой правка и
   делалась. Теперь число колонок приходит из разметки атрибутом `data-count`: вернут
   четвёртый пункт или третью карточку — ряд соберётся сам, без правки стилей.
   Узкие экраны не трогаем: там свои правила ниже по файлу, и они уже сводят всё в одну-две
   колонки независимо от количества. */
/* ПУНКТЫ ТАРИФА — РЯД С ПЕРЕНОСОМ, А НЕ СЕТКА С ПРИБИТЫМ ЧИСЛОМ КОЛОНОК.
   Замер 22.09.2026 (вечер): при равных колонках пункт «Отправка контрагентам с E-IMZO»
   переносился на вторую строку рядом с одностр��чными соседями на КАЖДОЙ ширине от 1440 до
   901 — ряд читался рваным, и это была ровно та потеря чистоты, на которую указал CEO. Три
   равные колонки при этом не помещаются в принципе: на 901 в две строки уходили все три
   пункта сразу, то есть менять надо было не текст, а раскладку.
   Ряд с переносом сам решает, сколько пунктов войдёт в строку: 1440–1024 — три в ряд,
   960–640 — два, ниже — один, и КАЖДЫЙ пункт при этом остаётся однострочным. Добавят
   четвёртый пункт — ряд переложится сам, без правки стилей и без пустой ячейки. */
.duz-free-benefits{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px}
@media(max-width:640px){.duz-free-benefits{gap:14px 18px}}
/* Токен, который нельзя разрывать по дефису (E-IMZO и подобные). */
.duz-nowrap{white-space:nowrap}
@media(min-width:641px){
  .duz-trust-grid[data-count="1"]{grid-template-columns:minmax(0,520px)}
  .duz-trust-grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}
}

/* ЭКРАНЫ ПРИЛОЖЕНИЯ В БЛОКАХ 01 И 02 — РАЗМЕТКОЙ (решение CEO 23.09.2026).
   До 23.09 здесь лежали два растровых снимка и правила против их кадрирования. Снимки
   существовали в одном языке, и узбекская страница показывала русский интерфейс под
   оговоркой. Теперь оба экрана собраны разметкой: обе локали живые, вес 12 КБ вместо
   2.5 МБ, знаки чёткие на любой плотности.

   ЦВЕТА СНЯТЫ ПИПЕТКОЙ С НАСТОЯЩЕГО ПРИЛОЖЕНИЯ, а не подобраны под палитру сайта
   (правка CEO 23.09: «сделай цвета как в настоящей мобилке»). Первая редакция красила
   экран в фирменный #3659e5 и сине-серый фон страницы — получалась карточка сайта в
   форме телефона. Здесь `--app-*` это измеренные значения со снимков d8n: экран #f7f7f7,
   поверхности белые, разделитель #f2f2f2, синий приложения #407aff, активная вкладка
   #ececec, экран документа #f2f1f7. Фирменный синий страницы сюда НЕ подставлять: внутри
   снимка продукта должен быть цвет продукта, иначе снимок перестаёт быть снимком.

   ЗЕЛЁНЫЙ ОСТАЁТСЯ НАШ. `--duz-green` — тот же, что у буквы «u» в вордмарке d8n.uz, и он
   стоит ровно в двух местах: «в сети» и «подписано». Это единственная краска, которой на
   экране быть не обязано, и она там ради связи с логотипом. */
.duz-app-shot{--app-bg:#f7f7f7;--app-doc-bg:#f2f1f7;--app-surface:#fff;--app-sep:#f2f2f2;--app-blue:#407aff;--app-chip:#ececec;--app-ink:#000;--app-dim:#8e8e93;max-width:390px;margin:26px auto 24px}
/* Рамка устройства. Ни aspect-ratio, ни фиксированной высоты: экран показывается целиком,
   как и во времена растра — прежний снимок кадрировался, и панель вкладок уезжала за край. */
.duz-app{background:var(--app-bg);border:1px solid #e4e4e9;border-radius:30px;box-shadow:0 18px 44px #14203b12;overflow:hidden;padding:0 0 10px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Gilroy,Arial,sans-serif}
.duz-app-shot figcaption{margin-top:10px;font-size:11px;line-height:1.5;text-align:center;color:#758096}
.duz-status{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 4px;color:var(--app-ink)}
.duz-status>span{font-size:13.5px;font-weight:600;letter-spacing:.1px}
.duz-status svg{width:53px;height:14.6px;fill:currentColor}
.duz-app-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px 10px}
.duz-app-bar>b{font-size:17px;font-weight:700;color:var(--app-ink);letter-spacing:-.2px}
.duz-app-chip{background:var(--app-surface);border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;color:var(--app-ink);box-shadow:0 1px 3px #0000001a}
.duz-app-compose{display:grid;place-items:center;width:30px;height:30px;flex:none;color:var(--app-ink)}
.duz-app-compose svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.duz-app-round{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:999px;background:var(--app-surface);color:var(--app-ink);box-shadow:0 1px 3px #0000001a}
.duz-app-round svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.duz-app-search{display:flex;align-items:center;gap:9px;margin:0 12px;padding:11px 14px;border-radius:13px;background:var(--app-surface);font-size:15px;color:var(--app-dim);box-shadow:0 1px 3px #0000000d}
.duz-app-search svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* Ряд фильтров ПЕРЕНОСИТСЯ, а не прокручивается: на 320 px узбекские подписи шире экрана,
   а прокручиваемая область без видимой полосы недостижима с клавиатуры. */
.duz-app-filters{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin:9px 12px 10px;padding:3px;border-radius:13px;background:var(--app-surface);box-shadow:0 1px 3px #0000000d}
.duz-app-filters>span{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;font-size:13px;font-weight:600;color:var(--app-ink)}
.duz-app-filters>span.is-on{background:var(--app-chip)}
.duz-app-filters i{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#d8d8dd;font-style:normal;font-size:11px;font-weight:600;color:#5a5a60}
/* Список идёт от края до края экрана, как в приложении: белая полоса без внутренней
   карточки и без боковых отступов. Разделитель начинается там же, где имя. */
.duz-chats{background:var(--app-surface);border-block:1px solid var(--app-sep)}
.duz-chat{position:relative;display:flex;gap:12px;align-items:flex-start;padding:11px 14px}
.duz-chat+.duz-chat:before{content:"";position:absolute;left:78px;right:0;top:0;height:1px;background:var(--app-sep)}
.duz-chat-av{position:relative;display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%}
.duz-chat-av img{display:block;width:52px;height:52px;border-radius:50%}
.duz-chat-glyph{background:var(--app-blue);color:#fff}
.duz-chat-glyph svg{width:28px;height:28px;fill:currentColor}
.duz-chat-av.is-online:after{content:"";position:absolute;right:0;bottom:2px;width:13px;height:13px;border-radius:50%;background:var(--duz-green);border:2.5px solid var(--app-surface)}
.duz-chat-main{flex:1;min-width:0;padding-top:2px}
.duz-chat-main b{display:block;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.2px;color:var(--app-ink)}
.duz-chat-from{display:block;margin-top:2px;font-size:14.5px;line-height:1.3;color:var(--app-ink)}
.duz-chat-text{display:block;margin-top:2px;font-size:14.5px;line-height:1.3;color:var(--app-dim)}
.duz-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:11px;flex:none;padding-top:3px}
.duz-chat-meta>span{font-size:13px;color:var(--app-dim)}
/* Булавка наклонена, как в приложении: вертикальная читается крестиком. */
.duz-chat-meta svg{width:15px;height:15px;fill:none;stroke:#b5b5ba;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(38deg)}
/* ПАНЕЛЬ ВКЛАДОК — ПЛАВАЮЩАЯ КАПСУЛА, как в приложении, и она обязана быть видна целиком.
   Прежний растр кадрировался, панель уезжала за край, и вместе с ней — доказательство
   «это приложение, а не виджет». Гейт 22d держит все четыре вкладки. */
.duz-app-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:12px 10px 4px;padding:6px 6px;border-radius:999px;background:var(--app-surface);box-shadow:0 6px 20px #0000001f}
.duz-app-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.2;text-align:center;color:var(--app-ink)}
.duz-app-tab svg{width:23px;height:23px;fill:currentColor}
.duz-app-tab.is-on{background:var(--app-chip);color:var(--app-blue)}
/* ── ЭКРАН ДОКУМЕНТА ───────────────────────────────────────────────────────── */
.duz-app-doc{background:var(--app-doc-bg);padding-bottom:16px}
.duz-doc-bar{margin-bottom:8px;padding-inline:14px}
.duz-doc-actions{display:flex;gap:8px}
/* Отступ заголовка задан ЧЕРЕЗ .duz-app намеренно: `.duz-content h4{margin:0}` имеет
   специфичность 0,1,1 и перебивал одиночный класс — заголовок прижимался к краю.
   26px это 12 отступа карточки плюс 14 её внутреннего поля: заголовок встаёт на одну
   вертикаль с текстом карточек, как в приложении. */
.duz-app .duz-doc-title{margin:0 26px;font-size:23px;font-weight:700;line-height:1.16;letter-spacing:-.5px;color:var(--app-ink)}
.duz-app .duz-doc-num{margin:5px 26px 0;font-size:14px;line-height:1.4;color:var(--app-dim)}
.duz-doc-status{display:flex;align-items:center;gap:12px;margin:14px 12px 0;padding:14px 14px;border-radius:14px;background:var(--app-surface);font-size:15px;font-weight:600;line-height:1.3;color:var(--app-ink)}
.duz-tick{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--duz-green);color:#fff}
.duz-tick svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.duz-doc-parties{margin:10px 12px 0;padding:0 14px;border-radius:14px;background:var(--app-surface)}
.duz-doc-parties>div{padding:13px 0;border-top:1px solid var(--app-sep)}
.duz-doc-parties>div:first-child{border-top:0}
.duz-doc-parties dt{font-size:13px;line-height:1.4;color:var(--app-dim)}
.duz-doc-parties dd{margin:3px 0 0;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--app-ink)}
.duz-doc-h{display:block;margin:18px 12px 7px;padding-left:14px;font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--app-dim)}
.duz-doc-signs{margin:0 12px;padding:0 14px;border-radius:14px;background:var(--app-surface)}
.duz-doc-sign{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--app-sep)}
.duz-doc-sign:first-child{border-top:0}
.duz-doc-sign b{display:block;font-size:15px;font-weight:700;line-height:1.3;color:var(--app-ink)}
.duz-doc-sign small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--app-dim)}
.duz-doc-file{display:flex;align-items:center;gap:13px;margin:0 12px;padding:13px 14px;border-radius:14px;background:var(--app-surface)}
/* Значок файла — страница со скошенным углом, как в приложении, а не плитка с подписью. */
.duz-pdf{display:grid;place-items:end center;flex:none;width:38px;height:46px;padding-bottom:7px;border-radius:5px;background:#dde6ff;color:#3f63c8;font-size:9px;font-weight:700;letter-spacing:.04em;clip-path:polygon(0 0,66% 0,100% 23%,100% 100%,0 100%)}
.duz-doc-file b{display:block;font-size:15px;font-weight:600;line-height:1.3;color:var(--app-ink);overflow-wrap:anywhere}
.duz-doc-file small{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:var(--app-dim)}
.duz-app .duz-doc-demo{margin:16px 16px 0;font-size:12px;line-height:1.4;text-align:center;color:#a5a5aa}
/* Ссылка на закон живёт отдельной строкой под экраном, а не внутри абзаца о продукте. */
.duz-legal-note{margin:0;font-size:13px;line-height:1.55;color:var(--duz-muted)}
@media(max-width:640px){
  .duz-app-shot{margin-top:22px;margin-bottom:22px}
  .duz-app{border-radius:26px}
  .duz-app-shot figcaption{font-size:10px}
  .duz-status{padding:10px 18px 3px}
  .duz-status>span{font-size:12.5px}
  .duz-status svg{width:48px;height:13.2px}
  .duz-app-chip{padding:8px 13px;font-size:13px}
  .duz-app-bar>b{font-size:16px}
  .duz-app-search{font-size:14px;padding:10px 12px}
  .duz-app-filters>span{padding:7px 9px;font-size:11.5px}
  .duz-chat{padding:10px 11px;gap:10px}
  .duz-chat+.duz-chat:before{left:67px}
  .duz-chat-av,.duz-chat-av img{width:46px;height:46px}
  .duz-chat-glyph svg{width:25px;height:25px}
  .duz-chat-main b{font-size:15px}
  .duz-chat-from,.duz-chat-text{font-size:13.5px}
  .duz-app-tab{font-size:10px;padding:6px 1px}
  .duz-app-tab svg{width:21px;height:21px}
  .duz-app .duz-doc-title{margin-inline:22px;font-size:21px}
  .duz-app .duz-doc-num{margin-inline:22px}
  .duz-legal-note{font-size:12px}
}

/* ЕДИНАЯ ФОРМА КНОПОК НА ГЛАВНОЙ ИЗДАНИЯ (постановка CEO 22.09.2026, §6 задания).
   Общий дизайн-система сайта — квадратная (`--radius: 0`), а страница self-serve издания
   вся построена на скруглении 9 px. До правки это было видно буквально в одном ряду:
   «Начать бесплатно» в шапке — прямоугольная и цвета #2462ea, «Начать бесплатно» на
   странице — скруглённая и цвета #3659e5. Две кнопки с одной подписью и разным видом
   читаются как разные действия. Переопределение висит на `body.duz-page`, то есть только
   на этой странице: квадратная система на остальных страницах и в других изданиях не
   тронута. Фокус остаётся видимым — без него правка была бы ухудшением доступности. */
body.duz-page .btn{border-radius:9px}
body.duz-page .btn-primary{background:var(--duz-blue);border-color:var(--duz-blue)}
body.duz-page .btn-primary:hover{background:#2c49c4;border-color:#2c49c4}
body.duz-page .btn-primary:focus-visible,body.duz-page .btn:focus-visible{outline:3px solid rgba(54,89,229,.32);outline-offset:2px}
body.duz-page .btn[disabled],body.duz-page .btn[aria-disabled=true]{opacity:.55;pointer-events:none}
body.duz-page #agwBtn{border-radius:9px;background:var(--duz-blue);border-color:var(--duz-blue)}
body.duz-page #agwBtn:hover{background:#2c49c4}
/* ПЛАВАЮЩИЙ КОНСУЛЬТАНТ НЕ ЖИВЁТ НА ПЕРВОМ ЭКРАНЕ. Там уже стоит живой ассистент с полем
   ввода, и второй плавающий вход в ту же функцию перекрывает кнопку регистрации и спорит
   сам с собой. Класс ставит наблюдатель в UzClosing. */
body.duz-page.duz-hero-open #agw{display:none}


/* ПЕРЕПИСКА С АССИСТЕНТОМ — ТОТ ЖЕ ТЕЛЕФОН, ЧТО В БЛОКАХ 01 И 02 (решение CEO 23.09).
   Рамка, строка состояния и переменные `--app-*` общие: три экрана одного устройства
   читаются как один продукт, три разных карточки — как три картинки. Цвет пузыря
   собеседника — синий ПРИЛОЖЕНИЯ, не фирменный синий страницы: внутри снимка продукта
   стоит цвет продукта. */
.duz-app-thread{padding-bottom:12px}
.duz-thread-bar{display:flex;align-items:center;gap:10px;padding:6px 16px 12px;border-bottom:1px solid var(--app-sep)}
.duz-thread-bar img{width:34px;height:34px;border-radius:50%;flex:none}
.duz-thread-bar b{display:block;font-size:15px;font-weight:700;color:var(--app-ink);letter-spacing:-.2px}
.duz-thread-bar small{display:block;margin-top:1px;font-size:12px;color:var(--app-dim)}
/* Лента печатается. Высоту ЛЕНТЫ скрипт замеряет по готовой разметке и прибивает, поэтому
   страница под карточкой не едет; пузыри при этом растут естественно, без пустых коробок
   под печатающимся текстом. Ожидающая реплика скрыта видимостью, а не display — иначе
   `justify-content` перестроил бы уже показанные. */
.duz-thread{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:12px}
.duz-msg.is-waiting{visibility:hidden}
.duz-msg.is-dots{display:flex;align-items:center;gap:5px}
.duz-msg.is-dots i{width:7px;height:7px;border-radius:50%;background:#c3c7d0;animation:duz-dot 1.1s infinite}
.duz-msg.is-dots i:nth-child(2){animation-delay:.18s}
.duz-msg.is-dots i:nth-child(3){animation-delay:.36s}
@keyframes duz-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.duz-msg.is-dots i{animation:none}}
/* РАЗМЕР РЕПЛИК ЗАДАН ЧЕРЕЗ .duz-app И ОДИН НА ОБЕ СТОРОНЫ. `.duz-content p` имеет
   специфичность 0,1,1 и перебивал одиночный класс: ответы ассистента рисовались 17 px,
   вопросы посетителя 14 px — в одной переписке два разных кегля (замечание CEO 23.09,
   четвёртый случай этой ловушки за сессию). 16 px — размер тела сообщения в настоящем
   мессенджере на экране 390 px. */
.duz-app .duz-msg{max-width:86%;margin:0;padding:10px 14px;border-radius:18px;font-size:16px;line-height:1.35;letter-spacing:-.1px}
/* Через .duz-app намеренно: реплика посетителя — это <p>, и `.duz-content p` (0,1,1)
   перебивал одиночный класс — текст на синем пузыре выходил серым и на три пункта
   крупнее соседнего. Третий раз за пакет одна и та же ловушка специфичности. */
.duz-app .duz-msg-me{align-self:flex-end;background:var(--app-blue);color:#fff;border-bottom-right-radius:6px}
.duz-app .duz-msg-ai{align-self:flex-start;background:var(--app-surface);color:var(--app-ink);border-bottom-left-radius:6px;box-shadow:0 1px 3px #0000000f}
/* Кнопки вариантов: ассистент предлагает, сценарий выбирает. Выбранная подсвечивается
   перед тем, как стать репликой посетителя, — так видно, что выбор сделан из списка. */
.duz-opts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:-2px}
.duz-opt{padding:8px 14px;border:1.5px solid #c9d6ff;border-radius:999px;background:var(--app-surface);font-size:14.5px;font-weight:500;line-height:1.2;color:var(--app-blue);transition:background .18s,border-color .18s,color .18s}
.duz-opt.is-picked{background:var(--app-blue);border-color:var(--app-blue);color:#fff}
/* Ряд кнопок СХЛОПЫВАЕТСЯ, а не прячется видимостью: съеденный выбор оставлял после себя
   пустую дыру между репликами. Высота ленты прибита скриптом, поэтому карточка не едет,
   а скрытые реплики ниже просто подтягиваются — этого не видно. */
.duz-opts.is-waiting{display:none}
/* НАПОМИНАНИЕ — ПЛАШКА, А НЕ ПУЗЫРЬ (постановка CEO 23.09: «можно показать как приходят
   напоминания»). Оно приходит само, без вопроса, и потому не принадлежит ни одной стороне
   переписки: по центру, служебным кеглем, со знаком колокольчика. Пузырь ассистента на его
   месте читался бы третьим ответом подряд и ломал бы чередование сторон. */
.duz-app .duz-rem{align-self:center;display:inline-flex;align-items:center;gap:6px;max-width:88%;margin:2px 0;padding:6px 12px;border-radius:999px;background:#e8e8ed;color:#6d6d72;font-size:13px;line-height:1.3;letter-spacing:-.05px;text-align:center}
.duz-app .duz-rem svg{width:13px;height:13px;flex:none;fill:currentColor;stroke:none}
.duz-rem.is-waiting{visibility:hidden}
@media(prefers-reduced-motion:reduce){.duz-opt{transition:none}}








.duz-thread-input{display:flex;align-items:center;gap:10px;margin:2px 12px 0;padding:8px 8px 8px 15px;border-radius:999px;background:var(--app-surface);box-shadow:0 1px 3px #0000000f;font-size:14px;color:var(--app-dim)}
.duz-thread-input i{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--app-blue);color:#fff}
.duz-thread-input svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.duz-shot-ai .duz-ai-note{display:flex;justify-content:center;align-items:center;gap:7px;margin:10px 0 0;font-size:11px;color:#758096}
.duz-shot-ai .duz-ai-note svg{height:14px;width:14px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:640px){
  .duz-thread{padding:10px}
  /* Кегль реплик НЕ уменьшается по ширине окна: карточка всегда 390 px и на телефоне,
     и на десктопе, а медиазапрос смотрит на окно — получалось 16 px в браузере и 15 px
     на телефоне для одного и того же экрана. Уменьшаются только поля. */
  .duz-app .duz-msg{padding:9px 12px}
  .duz-opt{font-size:13.5px;padding:7px 12px}
  
  .duz-msg-ai dd,.duz-msg-ai li,
  .duz-thread-bar{padding-inline:13px}
}
