/* Start:/local/templates/suab/css/base.css?179187541339213*/ *{box-sizing:border-box}body{margin:0}img{max-width:100%}[hidden]{display:none!important}.header{min-height:72px}.cinema{background:#080a0d;color:#f6f4f0;overflow:hidden}.wrap{width:92%;max-width:1360px;margin-inline:auto}@media(max-width:700px){.wrap{width:calc(100% - 30px)}}@font-face{font-family:"Onest";src:url("/local/templates/suab/assets/fonts/Onest-VF-cyrlat.woff2") format("woff2");font-weight:500 800;font-style:normal;font-display:swap}@font-face{font-family:"Golos Text";src:url("/local/templates/suab/assets/fonts/GolosText-VF-cyrlat.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@layer reset,base,components,responsive;@layer reset{*{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}}@layer base{:root{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface2:#eaecef;--text:#17191e;--muted:#636973;--line:#d8dce1;--accent:#b93915;--hot:#ff794b;--soft:#fff0e9;--nav:rgba(245,246,248,.94);--shadow:0 24px 70px #15202c16;--radius:22px;--ease:cubic-bezier(.2,.7,.2,1)}:root[data-theme=dark]{color-scheme:dark;--bg:#0b0d10;--surface:#14171c;--surface2:#1d2128;--text:#f3f4f6;--muted:#a0a7b3;--line:#30353f;--accent:#ff865e;--soft:#302018;--nav:rgba(11,13,16,.94);--shadow:0 24px 70px #0005}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:56px;--heading-gap:var(--sp-4);--block-gap:calc(var(--sp-4) + var(--sp-1));--section-y:var(--sp-8);--section-y-sm:var(--sp-7)}@media(max-width:760px){:root{--heading-gap:var(--sp-3);--block-gap:var(--sp-4);--section-y:var(--sp-7);--section-y-sm:var(--sp-6)}}:root{--h2-lg:clamp(30px,2.9vw,40px);--h2-md:clamp(25px,2.4vw,29px);--prose-w:780px;--cta:var(--hot);--cta-hover:#ff916b;--cta-ink:#16100d;--btn-radius:8px;--line-strong:#7f8691}:root[data-theme=dark]{--line-strong:#6d7480}:root{--btn-h:48px;--btn-h-sm:44px;--btn-fs:15px;--btn-fw:500;--btn-px:24px;--btn-px-sm:18px}:root{--cb-head:'Onest','Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;--cb-text:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif;--cb-mono:ui-monospace,Menlo,Consolas,monospace}:root{--ic-list:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E");--ic-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--text);font-family:var(--cb-text);font-size:16px;line-height:1.6;transition:background .25s,color .25s}body.locked{overflow:hidden}::selection{background:#ff795b55}:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:4px}h1,h2,h3,h4{line-height:1.07;letter-spacing:-.045em;font-weight:650}h1,h2,h3{font-family:var(--cb-head)}h1{font-size:clamp(40px,5.1vw,76px);max-width:1060px}h2{font-size:clamp(30px,3.8vw,52px)}h3{font-size:25px}p{max-width:75ch}table,.editorial-table{font-variant-numeric:tabular-nums}.license-prices strong,.tc-price,.suab-marketplace-price,.solution-price,.product-price,.price,.price-promo,.price-old{font-family:var(--cb-head);font-variant-numeric:tabular-nums}small,.meta{font-size:14px;color:var(--muted)}.wrap{width:min(1240px,calc(100% - 88px));margin:auto}.section{padding:100px 0}.section-sm{padding:56px 0}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:12px;margin-bottom:25px}.eyebrow:before{content:'';width:25px;height:2px;background:var(--accent)}.label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kicker{display:flex;justify-content:space-between;gap:24px;margin-bottom:38px;border-top:1px solid var(--line);padding-top:20px}.lead{font-size:clamp(18px,1.7vw,23px);line-height:1.5;color:var(--muted);margin-top:25px;max-width:650px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{color:var(--muted);max-width:370px}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:grid;gap:20px}.skip{position:fixed;left:20px;top:-100px;background:var(--surface);padding:14px;z-index:200}.skip:focus{top:10px}.button{border:1px solid var(--line-strong,#7f8691);border-radius:var(--btn-radius,8px);min-height:var(--btn-h,48px);padding:12px var(--btn-px,24px);display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--surface);font-size:var(--btn-fs,15px);font-weight:var(--btn-fw,500);line-height:1.3;transition:transform var(--dur-1,140ms) var(--ease),background-color var(--dur-1,140ms),border-color var(--dur-1,140ms)}.button:hover{background:var(--surface2)}.button.primary{background:var(--hot);border-color:var(--hot);color:var(--cta-ink,#16100d)}.button.primary:hover{background:var(--cta-hover,#ff916b)}.button.small{padding:10px var(--btn-px-sm,18px);min-height:var(--btn-h-sm,44px)}.button.wide{width:100%}.icon-btn{width:44px;min-width:44px;height:44px;border:1px solid transparent;border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--surface2)}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:550;font-size:14px}.text-link:hover{color:var(--accent)}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.badge{font-size:12px;border-radius:100px;padding:5px 10px;border:1px solid var(--line);display:inline-flex;gap:6px;align-items:center;line-height:1.3}.rule{border:0;border-top:1px solid var(--line);margin:32px 0}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:30px;min-width:0}.card p{color:var(--muted);margin-top:16px}.card h3{line-height:1.2}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:14px;font-weight:600}.card-link:hover{color:var(--accent)}.rise{transition:transform .3s var(--ease),box-shadow .3s}.rise:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.progress{position:fixed;top:0;left:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:var(--hot);z-index:110}}@layer components{.header{position:sticky;top:0;z-index:80;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:28px}.brand{font-size:35px;font-weight:800;letter-spacing:-.08em;display:inline-flex;align-items:baseline;line-height:1}.brand em{color:var(--hot);font-style:normal}.brand small{font-size:10px;font-weight:500;letter-spacing:.11em;margin-left:18px;line-height:1.5;max-width:66px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-item{display:flex;align-items:center;gap:1px}.nav-item>a{font-size:14px;white-space:nowrap;padding:20px 0}.nav-toggle{border:0;background:none;width:24px;height:44px;padding:0;display:grid;place-items:center}.nav-toggle svg{width:12px;transition:transform .2s}.nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-tools{display:flex;align-items:center;gap:4px}.nav-tools>.button{margin-left:12px}.mobile-toggle{display:none}.menu-panel{position:absolute;left:50%;transform:translateX(-50%);top:85px;width:min(1240px,calc(100% - 48px));border:1px solid var(--line);border-top:0;background:var(--surface);box-shadow:var(--shadow);border-radius:0 0 24px 24px;padding:32px;animation:menu-in .23s var(--ease)}.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 20px}.mega-item{padding:16px 10px;border-radius:14px;display:flex;gap:16px;align-items:center}.mega-item:hover{background:var(--bg)}.mega-item img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff;padding:4px}.mega-item strong{font-size:16px;font-weight:600;line-height:1.2;display:block}.mega-item small{display:block;font-size:12px;line-height:1.4;margin-top:6px}.mega-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mega-bottom p{font-size:14px;color:var(--muted)}.simple-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.simple-menu a{padding:25px;border:1px solid var(--line);border-radius:14px}.simple-menu a:hover{background:var(--bg)}.simple-menu strong{display:block;font-size:20px;line-height:1.3}.simple-menu small{display:block;margin-top:8px}.mobile-nav{padding:20px 28px 32px;max-height:calc(100dvh - 70px);overflow:auto}.mobile-nav details{border-bottom:1px solid var(--line)}.mobile-nav summary{padding:20px 0;font-size:22px;cursor:pointer}.mobile-nav>a{display:block;padding:18px 0;font-size:20px}.mobile-links{display:grid;gap:16px;padding:0 12px 22px;font-size:16px}.mobile-links img{width:36px;height:36px;object-fit:contain;background:white;border-radius:7px}.mobile-links a{display:flex;align-items:center;gap:16px}.menu-shade{position:fixed;inset:86px 0 0;background:#0005;z-index:70;backdrop-filter:blur(4px)}.hero{position:relative;overflow:hidden;padding:86px 0 35px}.hero h1{font-size:clamp(58px,6.9vw,100px);letter-spacing:-.065em;line-height:1.02;position:relative;z-index:2}.service-card{min-height:350px;display:flex;flex-direction:column;overflow:hidden}.service-symbol{font-size:68px;font-weight:650;letter-spacing:-.06em;color:var(--accent);line-height:1;margin:26px 0}.service-card .card-link{margin-top:auto;padding-top:30px}.service-card.featured{background:#1c2028;color:#fff;border-color:#1c2028}.service-card.featured p,.service-card.featured .label{color:#b6bbc4}.service-card.featured .service-symbol{color:#ff865e}.service-card h3{font-size:27px;max-width:240px}.scenario{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.scenario-list{display:grid;gap:10px;margin-top:30px}.scenario-tab{text-align:left;padding:18px 20px;background:transparent;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center}.scenario-tab[aria-selected=true]{background:var(--surface);border-color:var(--accent);color:var(--accent)}.scenario-stage{border:1px solid var(--line);border-radius:26px;background:var(--surface);padding:32px;min-height:385px;box-shadow:var(--shadow)}.window-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line);gap:20px}.flow-step{display:flex;align-items:start;gap:16px;padding:25px 0;border-bottom:1px solid var(--line)}.flow-step:last-child{border-bottom:0}.step-icon{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--line);border-radius:13px;color:var(--accent);font-size:14px}.flow-step strong{font-size:16px;font-weight:600}.flow-step p{font-size:14px;color:var(--muted);margin-top:6px}.number{font-size:16px;color:var(--accent)}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:26px 0}.breadcrumbs a:hover{color:var(--accent)}.page-intro{padding:38px 0 58px}.page-intro h1{font-size:clamp(38px,4.9vw,68px)}.page-intro .lead{max-width:780px}.pill-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill{font-size:14px;border:1px solid var(--line);padding:9px 16px;border-radius:30px;background:var(--surface)}.pill:hover,.pill.active{border-color:var(--accent);color:var(--accent);background:var(--soft)}.filters{position:sticky;top:112px;align-self:start}.filter-group legend{font-size:14px;font-weight:600;margin-bottom:16px}.filters fieldset{border:0;margin:0;padding:0}.check{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;margin-bottom:13px}.check input{accent-color:var(--accent);width:17px;height:17px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.catalog-toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:14px;max-width:210px}.product-card .button{margin-top:16px;padding:10px var(--btn-px-sm,18px);min-height:var(--btn-h-sm,44px)}.empty{padding:70px 30px;text-align:center;border:1px dashed var(--line);border-radius:20px}.empty h3{font-size:26px}.empty p{margin:14px auto 25px;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:35px}.pagination button,.pagination a{min-width:42px;min-height:42px;border:1px solid var(--line);background:var(--surface);border-radius:9px;display:grid;place-items:center}.pagination [aria-current=page]{background:var(--text);color:var(--bg);border-color:var(--text)}.product-info .lead{font-size:18px}.product-price{margin-top:26px;padding:25px 0;border-block:1px solid var(--line)}.product-price strong{font-size:24px;font-weight:600;display:block}.split-copy{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.split-copy p{color:var(--muted);margin-top:20px}.faq details{padding:24px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:19px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px}.faq summary:after{content:'+';font-size:28px;font-weight:300;color:var(--accent)}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);padding-top:18px;max-width:800px}.compare-tray{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 16px 12px 25px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;z-index:65;display:flex;align-items:center;gap:25px;max-width:calc(100% - 36px)}.compare-tray strong{font-size:14px}.compare-scroll{overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.compare-table{border-collapse:collapse;width:100%;min-width:650px;table-layout:fixed}.compare-table th,.compare-table td{padding:24px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}.compare-table th{font-weight:500;color:var(--muted);width:200px;background:var(--surface2)}.compare-table thead th{color:var(--text);font-size:22px;line-height:1.25;letter-spacing:-.035em}.compare-table td strong{font-size:22px;line-height:1.2;display:block}.compare-table .button{margin-top:20px}.remove-compare{display:block;margin-top:16px;font-size:12px;color:var(--muted);border:0;background:none;padding:0}.compare-table caption{text-align:left;padding:16px 24px;color:var(--muted);font-size:14px}.editorial-card{border:1px solid var(--line);border-radius:22px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.editorial-cover{padding:30px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;background:#e3e8f0;color:#212a3b}.editorial-card:nth-child(3n+2) .editorial-cover{background:#eed5c9;color:#572514}.editorial-card:nth-child(3n+3) .editorial-cover{background:#1f2d30;color:#d0e6e4}.editorial-cover .label{color:inherit;opacity:.7}.editorial-copy{padding:27px;display:flex;flex-direction:column;flex:1}.editorial-copy h3{font-size:24px;line-height:1.22;margin:13px 0 18px}.editorial-copy .card-link{margin-top:auto;padding-top:18px}.news-row{display:grid;grid-template-columns:150px 1fr 40px;gap:30px;align-items:start;border-bottom:1px solid var(--line);padding:34px 0}.news-row h3{font-size:27px;line-height:1.23;max-width:820px}.news-row p{margin-top:12px;color:var(--muted);font-size:14px}.news-row:hover h3{color:var(--accent)}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:75px;align-items:start}.article-aside{position:sticky;top:120px;font-size:14px}.article-aside h2{font-size:14px;letter-spacing:0;margin-bottom:20px}.toc{display:grid;gap:13px;list-style:none;padding:0}.toc a{color:var(--muted);display:block;border-left:2px solid var(--line);padding-left:15px;line-height:1.45}.toc a:hover{color:var(--accent);border-color:var(--accent)}.article-body{font-size:18px;line-height:1.8;overflow-wrap:anywhere;min-width:0}.article-body p{margin:0 0 24px}.article-body h2{font-size:32px;line-height:1.2;margin:55px 0 22px}.article-body h3{font-size:25px;line-height:1.3;margin:34px 0 20px}.article-body h4{font-size:21px;line-height:1.4;margin:25px 0 15px}.article-body ul,.article-body ol{padding-left:25px;margin:20px 0 28px}.article-body li{padding:5px 0}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.article-body table{border-collapse:collapse;font-size:14px;line-height:1.6;width:100%;display:block;overflow:auto;margin:30px 0}.article-body th,.article-body td{padding:16px;border:1px solid var(--line);min-width:110px}.article-body th{background:var(--surface2)}.article-body blockquote{padding:25px 30px;border-left:3px solid var(--accent);background:var(--surface);margin:30px 0}.article-body img{max-width:100%;height:auto;max-height:600px;object-fit:contain;margin:30px auto;border-radius:16px}.source-note{padding:18px 22px;border:1px solid var(--line);background:var(--surface);border-radius:14px;color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:30px}.source-note a{text-decoration:underline}.search-box{display:flex;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:10px 12px 10px 24px;gap:15px;margin:35px 0 0}.search-box input{width:100%;background:none;border:0;outline:none;color:var(--text);min-width:0;font-size:20px}.search-box:focus-within{border-color:var(--accent)}.search-results{margin-top:32px}.search-result{padding:26px 0;border-bottom:1px solid var(--line)}.search-result h3{font-size:25px;line-height:1.25;margin:8px 0 12px}.search-result p{font-size:14px;color:var(--muted)}mark{background:var(--soft);color:var(--accent);border-radius:3px}.cta-section{background:#1a1e24;color:#f5f6f8;padding:65px;border-radius:28px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center;margin:20px auto 90px}.cta-section p{color:#b4bbc6;margin-top:20px}.cta-section h2{font-size:clamp(35px,4.3vw,59px)}.cta-section .actions{margin-top:0;justify-content:flex-end}.footer{border-top:1px solid var(--line);padding:62px 0 90px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:40px}.footer-grid h3{font-size:14px;letter-spacing:0;font-weight:600;margin-bottom:20px}.footer-links{display:grid;gap:12px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--accent)}.footer-brand p{font-size:14px;color:var(--muted);margin-top:23px;max-width:250px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:38px;margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-bottom a{text-decoration:underline}.contact-big{font-size:clamp(25px,3vw,40px);letter-spacing:-.04em;display:block;margin:24px 0 10px;line-height:1.2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px;font-size:14px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);min-width:0}.field textarea{min-height:110px;resize:vertical}.form-note{font-size:12px;color:var(--muted);line-height:1.6}.consent{display:flex;gap:10px;align-items:start;font-size:12px;color:var(--muted);margin:20px 0}.consent input{accent-color:var(--accent);margin-top:4px;min-width:16px}.consent a{text-decoration:underline}.form-status{padding:15px;background:var(--soft);border-radius:10px;margin:15px 0}.dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:26px;padding:40px;width:min(600px,calc(100% - 32px));box-shadow:var(--shadow);max-height:90dvh;overflow:auto}.dialog::backdrop{background:#06070b99;backdrop-filter:blur(8px)}.dialog .close-dialog{position:absolute;right:17px;top:15px}.dialog h2{font-size:35px;margin:10px 0 15px}.dialog>p{color:var(--muted);font-size:14px;margin-bottom:25px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);padding:13px 20px;background:var(--text);color:var(--bg);border-radius:12px;z-index:160;font-size:14px;text-align:center}.builder{display:grid;grid-template-columns:1.15fr .85fr;gap:35px}.builder-options{display:grid;gap:12px}.builder-choice{display:flex;align-items:center;gap:18px;padding:23px;background:var(--surface);border:1px solid var(--line);border-radius:15px;cursor:pointer}.builder-choice:has(input:checked){border-color:var(--accent);background:var(--soft)}.builder-choice input{width:18px;height:18px;accent-color:var(--accent)}.builder-choice strong{display:block;font-size:17px;font-weight:600}.builder-choice small{display:block;margin-top:3px}.builder-summary{background:#1b2027;color:white;border-radius:24px;padding:35px;align-self:start;position:sticky;top:110px}.builder-summary h3{font-size:28px}.builder-summary ul{list-style:none;margin:25px 0;padding:0;display:grid;gap:13px;font-size:14px;color:#c8cdd7}.builder-summary small{display:block;color:#b4bbc6;margin-top:17px}.system-page{text-align:center;padding:110px 24px}.error-number{font-size:clamp(100px,18vw,240px);font-weight:600;letter-spacing:-.07em;line-height:1;color:var(--line)}.system-page h1{font-size:40px;margin:25px auto}.system-page p{margin:auto;color:var(--muted)}.system-page .actions{justify-content:center}.archive-banner{border:1px solid var(--line);padding:20px 24px;border-radius:16px;background:var(--surface2);margin:20px 0}.archive-banner p{font-size:14px;color:var(--muted)}.filter-mobile{display:none}.reveal{animation:reveal .7s var(--ease) both}.list-mode{grid-template-columns:1fr!important}.list-mode .product-card{display:grid;grid-template-columns:160px 1fr}.list-mode .product-visual{height:100%;border-bottom:0;border-right:1px solid var(--line)}.list-mode .product-card-content{padding:20px}.list-mode .product-card-footer{display:flex;gap:20px;align-items:center;padding-top:15px}.list-mode .product-card .button{margin-top:0}@keyframes menu-in{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}}@layer responsive{@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.brand small{display:none}.nav{gap:18px}.nav-links{gap:16px}.nav-tools>.button{padding:12px 18px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(55px,7vw,80px)}.mega-item{gap:10px;padding:12px 5px}.mega-item img{width:45px;height:45px}.mega-item strong{font-size:14px}.article-layout{gap:40px;grid-template-columns:200px minmax(0,1fr)}}@media(max-width:920px){.nav-links,.nav-tools>.button{display:none}.nav-tools{margin-left:auto}.mobile-toggle{display:inline-flex}.nav{height:72px}.menu-panel{display:none!important}.hero{padding-top:55px}.hero h1{font-size:60px}.hero .lead{font-size:18px}.section{padding:75px 0}.scenario{gap:35px;grid-template-columns:1fr 1fr}.scenario-stage{padding:23px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-section{padding:45px;gap:25px}.cta-section .actions{justify-content:start}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.article-layout{display:block;max-width:760px}.article-aside{position:static;margin-bottom:35px}.toc{grid-template-columns:1fr 1fr}.split-copy{gap:35px}.builder{gap:22px}}@media(max-width:700px){.wrap{width:calc(100% - 30px)}.nav{height:68px}.brand{font-size:32px}.hero{padding-top:38px}.hero h1{font-size:clamp(50px,11.5vw,76px);max-width:600px}.hero .lead{font-size:18px}.hero .eyebrow{margin-bottom:22px}.section{padding:62px 0}.section-sm{padding:35px 0}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px;font-size:16px}.section-head>.text-link{margin-top:20px}.kicker{margin-bottom:26px;gap:14px}.kicker>span:last-child{display:none}.grid-3,.grid-4{grid-template-columns:1fr}.grid{gap:16px}.service-card{min-height:300px;padding:27px}.service-symbol{font-size:55px;margin:20px 0}.service-card h3{font-size:29px;max-width:none}.scenario{grid-template-columns:1fr;gap:30px}.scenario-list{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:25px}.scenario-tab{font-size:12px;padding:12px 8px;justify-content:center;text-align:center}.scenario-tab svg{display:none}.scenario-stage{min-height:370px}.page-intro{padding:25px 0 40px}.page-intro h1{font-size:clamp(36px,8.7vw,53px);overflow-wrap:anywhere}.breadcrumbs{padding:20px 0;font-size:12px}.breadcrumbs span:last-child{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lead{font-size:18px}.pill-list{gap:8px}.pill{font-size:12px;padding:8px 12px}.filter-mobile{display:flex;margin-bottom:18px}.filters{position:static;margin-bottom:25px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;display:none}.filters.open{display:block}.catalog-toolbar{flex-wrap:wrap;gap:14px}.catalog-toolbar .meta{font-size:12px}.catalog-toolbar select{font-size:12px;max-width:175px}.product-card .badge{font-size:10px;padding:4px 7px}.product-card .button{padding:10px 12px;width:100%;min-height:var(--btn-h-sm,44px)}.product-info .actions>.button{flex:1}.split-copy{grid-template-columns:1fr;gap:28px}.faq summary{font-size:17px}.compare-tray{bottom:15px;gap:12px;padding:12px 12px 12px 18px;width:calc(100% - 32px);justify-content:space-between}.compare-tray .button{min-height:var(--btn-h-sm,44px);padding:10px 17px}.compare-tray strong{font-size:12px}.compare-table th,.compare-table td{padding:18px}.editorial-cover{min-height:165px}.editorial-copy{padding:25px}.editorial-copy h3{font-size:25px}.news-row{grid-template-columns:1fr 26px;gap:14px;padding:28px 0}.news-row .meta{grid-column:1/-1}.news-row h3{font-size:23px}.article-body{font-size:17px;line-height:1.75}.article-body h2{font-size:29px;margin-top:40px}.article-body h3{font-size:24px}.toc{grid-template-columns:1fr;gap:12px}.search-box{padding:8px 8px 8px 15px;border-radius:14px;gap:8px}.search-box>svg{display:none}.search-box input{font-size:16px}.search-box .button{padding:12px 17px}.search-result h3{font-size:23px}.cta-section{width:calc(100% - 30px);padding:32px;display:block;margin-bottom:60px;border-radius:24px}.cta-section .actions{margin-top:25px}.cta-section h2{font-size:38px}.footer{padding:45px 0 100px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:100%}.footer-bottom{flex-direction:column;gap:15px;font-size:12px}.contact-big{font-size:31px}.form-grid{grid-template-columns:1fr}.dialog{padding:30px 24px;border-radius:22px}.dialog h2{font-size:30px;margin-top:20px}.builder{grid-template-columns:1fr}.builder-summary{position:static;padding:28px}.builder-choice{padding:20px}.source-note{font-size:12px;padding:16px 18px}.list-mode .product-card{grid-template-columns:100px 1fr}.list-mode .product-card-footer{display:block}.list-mode .product-card .button{margin-top:12px}.system-page h1{font-size:32px}}@media(max-width:390px){.hero h1{font-size:49px}.nav-tools{gap:0}.hero .button{padding:13px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.header,.footer,.compare-tray,.cta-section,.actions,.article-aside{display:none!important}body{background:white;color:black}.wrap{width:100%}.article-layout{display:block}.section{padding:20px 0}}}@layer components{.mega-sub{display:flex;gap:13px;margin-top:7px;flex-wrap:wrap}.mega-sub a{font-size:14px;color:var(--accent)}.mega-sub a:hover{text-decoration:underline}.page-intro h1{white-space:pre-line}.button:disabled{opacity:.55;cursor:wait;transform:none}}.tariff-table{min-width:950px}.tariff-table thead th{font-size:20px}.tariff-table .text-link{font-size:13px}@media(max-width:700px){.tariff-table th,.tariff-table td{padding:18px}}@layer components{.social-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.social-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;font-size:12px;font-weight:650}.social-link:hover{background:var(--surface2);border-color:var(--accent)}.social-max{background:var(--soft);color:var(--accent)}.dialog-channels{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.dialog-channels p{font-size:13px;color:var(--muted)}.dialog-channels .social-links{margin-top:10px}.prepared-message{display:block;width:100%;min-height:180px;resize:vertical;padding:14px;margin-top:15px;background:var(--surface);color:var(--text);border:1px solid #818894;border-radius:12px;font-size:14px;line-height:1.6}.field input,.field textarea{border-color:#818894}:root[data-theme=dark] .field input,:root[data-theme=dark] .field textarea,:root[data-theme=dark] .prepared-message{border-color:#727d8e}.comparison-group{margin-bottom:45px}.comparison-group .section-head{margin:24px 0 18px}.comparison-group h2{font-size:30px}.comparison-group .meta{margin-bottom:18px}.remove-compare{min-height:44px}}@layer responsive{@media(max-width:600px){.nav-tools{gap:2px}.nav{gap:8px}.comparison-group .section-head{align-items:start}.comparison-group h2{font-size:25px}.social-links{gap:6px}}}.cinema{position:relative;isolation:isolate;background:#080a0d;color:#f6f4f0;overflow:hidden;min-height:780px}.cinema h1{font-size:clamp(48px,5.25vw,78px);line-height:1.02;letter-spacing:-.055em;max-width:740px}.cinema h1>span{color:#aeafb5}.cinema .actions{gap:25px}.cinema .button.primary{min-height:54px;padding-inline:25px}@media(max-width:1050px){.cinema h1{font-size:57px}}@media(max-width:760px){.cinema{min-height:0}.cinema h1{font-size:clamp(44px,9.3vw,66px)}.cinema .actions{gap:22px}}.brand-icon{display:block;width:var(--icon-size,72px);height:var(--icon-size,72px);flex:0 0 auto;object-fit:contain;aspect-ratio:1;border:0;border-radius:0;background:transparent;padding:0;filter:none;transition:filter .2s ease,transform .25s ease}.mega-item .brand-icon{width:64px;height:64px;padding:0;background:transparent;border-radius:0}.mobile-links .brand-icon{width:40px;height:40px;padding:0;background:transparent;border-radius:0}.simple-menu>a:has(.brand-icon){display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;column-gap:18px}.simple-menu>a>.brand-icon{grid-column:1;grid-row:1 / span 2;width:60px;height:60px}.simple-menu>a:has(.brand-icon)>strong,.simple-menu>a:has(.brand-icon)>small{grid-column:2}.simple-menu>a:has(.brand-icon)>small{margin-top:5px}.service-symbol:has(.brand-icon){height:84px;display:flex;align-items:center;margin:20px 0 27px}.service-symbol>.brand-icon{width:84px;height:84px}:root[data-theme=dark] .brand-icon,.service-card.featured .brand-icon{filter:brightness(1.48) saturate(.85)}.mega-item:hover>.brand-icon,.simple-menu>a:hover>.brand-icon{transform:translateY(-2px)}@media(max-width:640px){.simple-menu>a:has(.brand-icon){grid-template-columns:52px minmax(0,1fr);column-gap:15px}.simple-menu>a>.brand-icon{width:52px;height:52px}.mega-item .brand-icon{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.brand-icon{transition:none}.mega-item:hover>.brand-icon,.simple-menu>a:hover>.brand-icon{transform:none}}.icon-menu-link>span{min-width:0}.icon-menu-link strong,.icon-menu-link small{display:block}[data-article-design=journal]{--reading-wash:#f4f5f7;--reading-accent:#a33216}[data-article-design=journal] .article-aside{grid-column:2;grid-row:1}[data-article-design=guide]{--reading-wash:#eaf0f4;--reading-accent:#0c6a63}[data-article-design=guide] .article-aside{border:1px solid #c6d9d4;border-radius:12px;background:#e0ebe8;padding:20px}:root[data-theme=dark] [data-article-design=journal]{--reading-wash:#131a25;--reading-paper:#222c3b;--reading-line:#414e61}:root[data-theme=dark] [data-article-design=guide]{--reading-wash:#101e20;--reading-paper:#1c2c2e;--reading-ink:#e6f3f0;--reading-muted:#b1cfcb;--reading-line:#3b5752}:root[data-theme=dark] [data-article-design=guide] .article-aside{background:#244039;border-color:#456259}@media(max-width:1000px){[data-article-design=guide] .article-aside{padding:0}}.nav{gap:20px}.nav-links{gap:14px}.nav-tools{gap:8px}.header-contacts{display:grid;grid-template-columns:auto 24px;align-items:center;column-gap:5px;margin-inline:12px}.header-phone{font-size:15px;font-weight:650;white-space:nowrap;line-height:1.4}.header-contact{position:relative}.header-contact summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;min-height:30px}.header-contact summary::-webkit-details-marker{display:none}.message-dropdown{grid-column:1/-1}.message-dropdown summary{color:var(--accent)}.message-dropdown summary svg{width:16px;height:16px}.contact-popover{position:absolute;right:0;top:calc(100% + 15px);width:325px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px;display:grid;gap:10px;z-index:101;max-height:75vh;overflow:auto}.contact-popover strong{font-size:17px}.contact-popover .button{margin-top:8px}.channel-item{display:flex;align-items:center;gap:12px;padding:9px 2px;font-size:15px;overflow-wrap:anywhere}.channel-item>span:last-child:not(:first-child){margin-left:auto}.channel-item svg{width:24px;height:24px;flex-shrink:0}.channel-item small{display:block;color:var(--muted);font-size:13px}.channel-telegram svg{color:#1488c4}.channel-max svg{color:#6851d8}.social-link{display:inline-flex;align-items:center;gap:7px}.social-link svg{width:18px;height:18px}.company-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px}.product-info .lead{max-width:65ch}.help-dock{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:70;transition:opacity .2s,visibility .2s}.help-dock[data-dock-park]{opacity:0;visibility:hidden;pointer-events:none}.help-dock>summary{list-style:none;display:flex;align-items:center;gap:8px;box-sizing:border-box;background:var(--text);color:var(--bg);padding:0 18px;border:1px solid var(--line);border-radius:var(--btn-radius);cursor:pointer;box-shadow:var(--shadow);font-size:15px;font-weight:var(--btn-fw);line-height:1.2;white-space:nowrap;min-height:var(--btn-h-sm)}.help-dock>summary::-webkit-details-marker{display:none}.help-dock>summary>span:first-child{font-size:20px;color:var(--hot)}.help-panel{position:absolute;bottom:calc(100% + 14px);right:0;display:grid;gap:12px;width:300px;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));overflow-y:auto;border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--surface);box-shadow:var(--shadow)}body:has(.compare-tray:not([hidden])) .help-dock{bottom:108px}body>.help-dock[data-dock-off],body[data-design-family="comparison"]>.help-dock,body[data-design-family="selector"]>.help-dock,body[data-design-family="contacts"]>.help-dock{display:none}body:has(dialog[open],input:focus,textarea:focus,select:focus,[contenteditable="true"]:focus) .help-dock{visibility:hidden;pointer-events:none}@media print{.help-dock{display:none}}.advisor-dialog{max-width:650px;max-height:calc(100dvh - 32px);overflow:auto}.advisor-dialog>[data-advisor-close]{position:absolute;top:14px;right:14px;font-size:28px}.advisor-dialog h2{font-size:36px;padding-right:25px}.advisor-form{margin-top:28px}.advisor-form fieldset{border:0;padding:0;margin:18px 0}.advisor-form legend{font-size:22px;font-weight:600;line-height:1.3;margin-bottom:20px}.advisor-error{color:var(--accent)}.advisor-result h3{font-size:29px;margin:12px 0 20px}.advisor-result p{margin-top:15px}.advisor-result .text-link{margin-top:25px;background:none;border:0;text-decoration:underline;padding:5px 0}.gallery-dialog{max-width:min(95vw,800px);max-height:94dvh;background:var(--surface);color:var(--text);padding:24px;border:1px solid var(--line);border-radius:20px;overflow:auto}.gallery-dialog::backdrop{background:#080b10db}.gallery-dialog img{max-height:65dvh;width:auto;margin:20px auto;object-fit:contain}.gallery-dialog p{margin:15px 0;font-size:18px}.gallery-dialog .button{margin-left:auto;display:flex;width:fit-content}@media(min-width:1151px) and (max-width:1350px){.brand small{display:none}.nav{gap:12px}.nav-links{gap:8px}.nav-item>a{font-size:14px}.nav-tools{gap:3px}.header-contacts{margin-inline:3px}}@media(max-width:1150px){.nav-links{gap:5px}.nav-item>a{font-size:14px}.header-contacts{margin-inline:2px}}@media(max-width:920px){.nav-links{display:none}.header-contacts{margin-right:10px}.nav-tools{gap:4px}}@media(max-width:640px){.header-phone{display:none}.header-contacts{display:block;margin:0}.message-dropdown summary{min-height:42px;width:42px;border:1px solid var(--line);border-radius:50%}.message-dropdown summary>span{display:none}.message-dropdown summary svg{width:21px;height:21px}.contact-popover{position:fixed;top:80px;right:16px;left:16px;width:auto;max-height:calc(100dvh - 100px)}.nav{gap:8px}.nav-tools{gap:4px}.help-dock{bottom:calc(16px + env(safe-area-inset-bottom));right:16px}.help-panel{max-width:calc(100vw - 32px)}.advisor-dialog{padding:32px 22px}.advisor-dialog h2{font-size:29px}.advisor-form legend{font-size:21px}.gallery-dialog{padding:18px}}body[data-template=package] .page-intro{padding-bottom:24px}main>.actions.section-sm{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:32px}body[data-template=package] main>.actions.section-sm+.section-sm{padding-top:12px}.contact-mobile-bar{display:none}@media(max-width:640px){.contact-mobile-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-block:7px;font-size:13px}.contact-mobile-bar>a:first-child{font-weight:650}.contact-popover{top:112px}.help-panel .button{font-size:var(--btn-fs,15px)}}.cinema{--film-x:0;--film-y:0;--film-accent:#ffa579;--film-wash:#ed6d3826;--film-duration:7600ms}.cinema[data-scene="1"]{--film-accent:#bdb3ff;--film-wash:#8b71ee26}.cinema[data-scene="2"]{--film-accent:#9fcec5;--film-wash:#56b6a426}.cinema[data-running="false"] *,.cinema[data-running="false"] :before,.cinema[data-running="false"] :after{transition:none!important}@media(prefers-reduced-motion:reduce){.cinema *,.cinema :before,.cinema :after{animation:none!important;transition:none!important}}body div.empty{width:auto;height:auto;overflow:visible} /* D-07: плейсхолдер полей форм — --muted вместо браузерного #757575 (контраст на фоне поля, а не 4,3:1) */input::placeholder,textarea::placeholder{color:var(--muted);opacity:1} /* End */ /* Start:/local/templates/suab/css/ui-sprite.css?17914897054712*/ .suab-sprite-icon{display:inline-block;width:var(--icon-size,24px);height:var(--icon-size,24px);flex:none;vertical-align:middle;overflow:visible;fill:none;stroke:none}.suab-sprite-wordmark{width:118px;height:52px}.suab-icon-size-8{--icon-size:8px}.suab-icon-size-9{--icon-size:9px}.suab-icon-size-10{--icon-size:10px}.suab-icon-size-11{--icon-size:11px}.suab-icon-size-12{--icon-size:12px}.suab-icon-size-13{--icon-size:13px}.suab-icon-size-14{--icon-size:14px}.suab-icon-size-15{--icon-size:15px}.suab-icon-size-16{--icon-size:16px}.suab-icon-size-17{--icon-size:17px}.suab-icon-size-18{--icon-size:18px}.suab-icon-size-19{--icon-size:19px}.suab-icon-size-20{--icon-size:20px}.suab-icon-size-21{--icon-size:21px}.suab-icon-size-22{--icon-size:22px}.suab-icon-size-23{--icon-size:23px}.suab-icon-size-24{--icon-size:24px}.suab-icon-size-25{--icon-size:25px}.suab-icon-size-26{--icon-size:26px}.suab-icon-size-27{--icon-size:27px}.suab-icon-size-28{--icon-size:28px}.suab-icon-size-29{--icon-size:29px}.suab-icon-size-30{--icon-size:30px}.suab-icon-size-31{--icon-size:31px}.suab-icon-size-32{--icon-size:32px}.suab-icon-size-33{--icon-size:33px}.suab-icon-size-34{--icon-size:34px}.suab-icon-size-35{--icon-size:35px}.suab-icon-size-36{--icon-size:36px}.suab-icon-size-37{--icon-size:37px}.suab-icon-size-38{--icon-size:38px}.suab-icon-size-39{--icon-size:39px}.suab-icon-size-40{--icon-size:40px}.suab-icon-size-41{--icon-size:41px}.suab-icon-size-42{--icon-size:42px}.suab-icon-size-43{--icon-size:43px}.suab-icon-size-44{--icon-size:44px}.suab-icon-size-45{--icon-size:45px}.suab-icon-size-46{--icon-size:46px}.suab-icon-size-47{--icon-size:47px}.suab-icon-size-48{--icon-size:48px}.suab-icon-size-49{--icon-size:49px}.suab-icon-size-50{--icon-size:50px}.suab-icon-size-51{--icon-size:51px}.suab-icon-size-52{--icon-size:52px}.suab-icon-size-53{--icon-size:53px}.suab-icon-size-54{--icon-size:54px}.suab-icon-size-55{--icon-size:55px}.suab-icon-size-56{--icon-size:56px}.suab-icon-size-57{--icon-size:57px}.suab-icon-size-58{--icon-size:58px}.suab-icon-size-59{--icon-size:59px}.suab-icon-size-60{--icon-size:60px}.suab-icon-size-61{--icon-size:61px}.suab-icon-size-62{--icon-size:62px}.suab-icon-size-63{--icon-size:63px}.suab-icon-size-64{--icon-size:64px}.suab-icon-size-65{--icon-size:65px}.suab-icon-size-66{--icon-size:66px}.suab-icon-size-67{--icon-size:67px}.suab-icon-size-68{--icon-size:68px}.suab-icon-size-69{--icon-size:69px}.suab-icon-size-70{--icon-size:70px}.suab-icon-size-71{--icon-size:71px}.suab-icon-size-72{--icon-size:72px}.suab-icon-size-73{--icon-size:73px}.suab-icon-size-74{--icon-size:74px}.suab-icon-size-75{--icon-size:75px}.suab-icon-size-76{--icon-size:76px}.suab-icon-size-77{--icon-size:77px}.suab-icon-size-78{--icon-size:78px}.suab-icon-size-79{--icon-size:79px}.suab-icon-size-80{--icon-size:80px}.suab-icon-size-81{--icon-size:81px}.suab-icon-size-82{--icon-size:82px}.suab-icon-size-83{--icon-size:83px}.suab-icon-size-84{--icon-size:84px}.suab-icon-size-85{--icon-size:85px}.suab-icon-size-86{--icon-size:86px}.suab-icon-size-87{--icon-size:87px}.suab-icon-size-88{--icon-size:88px}.suab-icon-size-89{--icon-size:89px}.suab-icon-size-90{--icon-size:90px}.suab-icon-size-91{--icon-size:91px}.suab-icon-size-92{--icon-size:92px}.suab-icon-size-93{--icon-size:93px}.suab-icon-size-94{--icon-size:94px}.suab-icon-size-95{--icon-size:95px}.suab-icon-size-96{--icon-size:96px}.suab-icon-size-97{--icon-size:97px}.suab-icon-size-98{--icon-size:98px}.suab-icon-size-99{--icon-size:99px}.suab-icon-size-100{--icon-size:100px}.suab-icon-size-101{--icon-size:101px}.suab-icon-size-102{--icon-size:102px}.suab-icon-size-103{--icon-size:103px}.suab-icon-size-104{--icon-size:104px}.suab-icon-size-105{--icon-size:105px}.suab-icon-size-106{--icon-size:106px}.suab-icon-size-107{--icon-size:107px}.suab-icon-size-108{--icon-size:108px}.suab-icon-size-109{--icon-size:109px}.suab-icon-size-110{--icon-size:110px}.suab-icon-size-111{--icon-size:111px}.suab-icon-size-112{--icon-size:112px}.suab-icon-size-113{--icon-size:113px}.suab-icon-size-114{--icon-size:114px}.suab-icon-size-115{--icon-size:115px}.suab-icon-size-116{--icon-size:116px}.suab-icon-size-117{--icon-size:117px}.suab-icon-size-118{--icon-size:118px}.suab-icon-size-119{--icon-size:119px}.suab-icon-size-120{--icon-size:120px}.suab-icon-size-121{--icon-size:121px}.suab-icon-size-122{--icon-size:122px}.suab-icon-size-123{--icon-size:123px}.suab-icon-size-124{--icon-size:124px}.suab-icon-size-125{--icon-size:125px}.suab-icon-size-126{--icon-size:126px}.suab-icon-size-127{--icon-size:127px}.suab-icon-size-128{--icon-size:128px}@media(prefers-reduced-motion:reduce){.suab-sprite-icon{animation:none;transition:none}} /* End */ /* Start:/local/templates/suab/css/shell-visual.css?179191967125981*/ /* T05: approved shell typography; renderer/menus/content remain native. */ /* TYPO-ARIAL-20261011 (решение владельца): шрифт шапки — токен текста сайта (Arial, без webfont); на стенде так с 08.10 — не возвращать стек Inter (приёмка партии 8: ветка отставала от стенда). */ .header{font-family:var(--cb-text)} .header .brand{align-items:baseline} .header .brand small{font-size:10px;font-weight:500;letter-spacing:.11em;line-height:1.5;max-width:66px;width:auto;white-space:normal;margin-left:12px} .header .header-call>small{display:none} .header .contact-popover-title>small{display:none} @media(prefers-reduced-motion:reduce){.header .menu-panel{animation:none}.header .nav-toggle,.header .nav-toggle svg,.header .nav-links .nav-item-pair,.header .mobile-nav summary:after{transition:none}} /* ===== Меню шапки. Решение владельца 2026-10-07: пункты одного стиля, «Битрикс24» — отдельным оранжевым пунктом, панели — компактные и под своим пунктом. Селекторы с запасом по специфичности: финальный template_styles.css грузится позже этого файла и несёт прежние правила пунктов и панелей (.nav-toggle, .menu-panel, .simple-menu …) — они здесь перекрыты, а не удалены. ===== */ /* A. Один стиль всех пунктов верхней строки: кнопки панелей, ссылки (nav-link) и «Контакты» из блока контактов (ссылка не на tel:). Номер телефона, когда владелец выберет главный, остаётся номером — у него своё назначение и своё начертание. */ .header .nav-links :is(.nav-toggle,.nav-link), .header .header-call .header-phone:not([href^="tel:"]){box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;padding:0 10px;border:0;border-radius:9px;background:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:550;line-height:1.4;letter-spacing:normal;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .2s,color .2s} .header .nav-links :is(.nav-toggle,.nav-link):hover, .header .header-call .header-phone:not([href^="tel:"]):hover{background:var(--surface2)} .header .nav-links :is(.nav-toggle,.nav-link):focus-visible, .header .header-call .header-phone:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:9px} /* текущая страница — та же линия под пунктом, что у раскрытой панели (она задана в template_styles.css для .nav-toggle) */ .header .nav-links .nav-link[aria-current=page]:not(.nav-link-accent):after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:2px;border-radius:2px;background:var(--accent)} @media(min-width:921px) and (max-width:1150px){ .header .nav-links :is(.nav-toggle,.nav-link), .header .header-call .header-phone:not([href^="tel:"]){min-width:56px;padding:0 8px;font-size:13px} } /* «Контакты» стоит в блоке контактов, а не в строке меню: общий отступ между ними (nav gap + поле блока) больше, чем между пунктами, — стягиваем его до шага пунктов */ .header .nav-links{margin-inline-end:-22px} @media(min-width:921px) and (max-width:1150px){.header .nav-links{margin-inline-end:-10px}} /* B. «Битрикс24» — оранжевая плашка: цвет и тёмный текст те же, что у главной кнопки сайта (#ff794b + #16100d, контраст 7,3:1); высота пункта остаётся 44 px (цель нажатия), плашка 34 px рисуется псевдоэлементом. */ .header .nav-links .nav-item-link{margin-inline-end:8px} .header .nav-links .nav-link-accent{isolation:isolate;padding-inline:14px;color:#16100d} .header .nav-links .nav-link-accent:before{content:'';position:absolute;inset:5px 0;z-index:-1;border-radius:100px;background:var(--hot);transition:background .2s} .header .nav-links .nav-link-accent:hover{background:none} .header .nav-links .nav-link-accent:hover:before{background:#ff916b} .header .nav-links .nav-link-accent:focus-visible{outline-offset:1px;border-radius:100px} /* Планшет 761-920 px (ревью дизайнера 2026-10-08): в шапке оставалось «Контакты» рядом с «Связаться», а «Битрикс24» уходил в бургер. Теперь «Битрикс24» — ссылкой в шапке (остальные разделы по-прежнему в бургере), «Контакты» убрано: оно дублировало «Связаться», а страница контактов доступна из меню-бургера и окна «Связаться». «Битрикс24» остаётся и в бургере разделом аккордеона (тарифы на этом диапазоне доступны только оттуда; панели ≤920 px не открываются). До 760 px и от 921 px шапка как была. */ @media(min-width:761px) and (max-width:920px){ .header .nav-links{display:flex;margin-left:0;gap:0} .header .nav-links .nav-item:not(.nav-item-link){display:none} .header .nav-links .nav-item-link{margin-inline:0} .header .header-call{display:none} } @media(min-width:921px) and (max-width:1150px){.header .nav-links .nav-link-accent{padding-inline:11px}.header .nav-links .nav-item-link{margin-inline-end:4px}} /* 921–1000 px: строка шапки с седьмым пунктом иначе выходит на 24 px за поле — поля пунктов уже, «Битрикс24» остаётся читаемым */ @media(min-width:921px) and (max-width:1000px){ .header .nav-links :is(.nav-toggle,.nav-link), .header .header-call .header-phone:not([href^="tel:"]){min-width:0;padding:0 6px} .header .nav-links .nav-link-accent{padding-inline:10px} .header .nav-links .nav-item-link{margin-inline-end:2px} } /* 921–979 px: ссылка «Контакты» блока контактов (не tel:) не помещается между «Компанией» и «Связаться» — строка сжимает её до 17–50 px, текст (61 px) налезает на соседей (921 px: 14 px, 940: 5 px; с 980 зазор ≥ 13 px). Поля пунктов не сжимаем (зазор между словами < 8 px), логотип, «Связаться», поиск, тему и бургер не трогаем — скрыта сама ссылка, как на планшете 761–920 px; «Контакты» остаются в панели «Компания», окне «Связаться» и подвале. */ @media(min-width:921px) and (max-width:979px){.header .header-call .header-phone:not([href^="tel:"]){display:none}} /* «Битрикс24»: ссылка + шеврон в одном .nav-item (вид ссылки — r11-shell.css); фон и подчёркивание — на .nav-item */ .header .nav-links .nav-item-pair{position:relative;gap:0;border-radius:9px} .header .nav-links .nav-item-pair:is(:hover,:has(.nav-toggle[aria-expanded=true])){background:var(--surface2)} .header .nav-links .nav-item-pair:has(.nav-toggle[aria-expanded=true]):after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:2px;border-radius:2px;background:var(--accent)} .header .nav-links .nav-item-pair .nav-link{min-width:0;padding-inline:14px 4px} .header .nav-links .nav-item-pair .nav-toggle{width:30px;min-width:0;padding:0 8px 0 0;border-radius:9px} .header .nav-links .nav-item-pair :is(.nav-link:hover,.nav-toggle:hover,.nav-toggle[aria-expanded=true]){background:none} .header .nav-links .nav-item-pair .nav-toggle[aria-expanded=true]:after{display:none} @media(min-width:921px) and (max-width:1150px){.header .nav-links .nav-item-pair .nav-link{padding-inline:11px 3px}.header .nav-links .nav-item-pair .nav-toggle{width:26px;padding-right:6px}} @media(min-width:921px) and (max-width:1000px){.header .nav-links .nav-item-pair .nav-link{padding-inline:10px 2px}.header .nav-links .nav-item-pair .nav-toggle{width:24px;padding-right:5px}} @media(max-width:920px){.header .nav-links .nav-item-pair .nav-toggle{display:none}} /* до 920 px — бургер: остаётся ссылка */ /* C. Панели: ширина по содержимому, левый край — под своим пунктом (js/shell-menu.js выставляет left; без него — у левого поля). Компактные отступы, без рамок-карточек вокруг каждого пункта. */ .header .menu-panel{left:16px;transform:none;width:max-content;max-width:calc(100% - 32px);padding:10px;border-radius:0 0 16px 16px} .header .menu-panel-company{width:252px} .header .menu-panel-info{width:316px} .header .menu-list{display:grid;gap:2px} .header .menu-list .icon-menu-link{display:flex;align-items:center;gap:12px;min-height:40px;padding:7px 12px;border:0;border-radius:10px;background:none;color:var(--text)} .header .menu-list .icon-menu-link:hover,.header .menu-list .icon-menu-link:focus-visible{background:var(--surface2)} .header .menu-list .icon-menu-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px} .header .menu-list .icon-menu-link strong{font-size:15px;font-weight:550;line-height:1.3} .header .menu-list .icon-menu-link small{margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--muted)} .header .menu-list .brand-icon{flex:none;width:36px;height:36px;padding:0;background:none} /* без значка и без описания пункт — просто строка */ .header .menu-panel-company .menu-list .icon-menu-link{min-height:34px;padding:5px 12px} .header .menu-panel-company .menu-list .icon-menu-link strong{font-weight:500} /* Нижняя группа: служебные ссылки под тонким разделителем, компактно и без растягивания по краям панели. */ .header .menu-panel .mega-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:2px 16px;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line)} .header .menu-panel .mega-bottom p{margin:0 0 0 12px;max-width:none;font-size:13px;line-height:1.4;color:var(--muted)} .header .menu-panel .mega-bottom>a{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:8px;font-size:13.5px;font-weight:550;line-height:1.3;color:var(--accent)} .header .menu-panel .mega-bottom>a:hover,.header .menu-panel .mega-bottom>a:focus-visible{background:var(--surface2)} .header .menu-panel .mega-bottom>a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px} .header .menu-panel .mega-bottom>a svg{width:16px;height:16px;flex:none} .header .menu-panel-company .mega-bottom{display:grid;gap:0;margin-top:6px;padding-top:6px} .header .menu-panel-company .mega-bottom>a{min-height:30px;font-size:13px;font-weight:500;color:var(--muted)} .header .menu-panel-company .mega-bottom>a:hover{color:var(--text)} /* Панели меню (SPEC docs/menu-redesign-20261013): токены base.css, шрифт — от .header */ .menu-panel :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:-2px} .mp-head{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border-radius:10px;color:var(--text)} .mp-head strong{display:block;font-size:15px;font-weight:600;line-height:1.3} .mp-head small,.mp-item small,.mp-ind small{display:block;font-size:12.5px;line-height:1.35;color:var(--muted)} .mp-head small{margin-top:2px} .mp-cap{margin:8px 12px 4px;font-size:12px;font-weight:600;line-height:1.35;color:var(--muted)} .mp-head:hover,.mp-ind:hover,.mp-compare:hover,.menu-panel-services .mp-links a:hover{background:var(--surface2)} /* Услуги */ .header .menu-panel-services{width:min(1100px,calc(100vw - 88px))} .menu-panel-services .mp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 4px} .menu-panel-services .mp-grid+.mp-grid{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)} .menu-panel-services .mp-links{margin-top:2px} .menu-panel-services .mp-links a{display:flex;align-items:center;min-height:32px;padding:4px 8px 4px 60px;border-radius:8px;font-size:14px;line-height:1.35;color:var(--text)} .menu-panel-services .mp-links a:hover{color:var(--accent)} @media(max-width:1150px){.menu-panel-services .mp-head{gap:10px;padding-inline:8px}.menu-panel-services .mp-links a{padding-left:54px}} /* Продукты */ .header .menu-panel-products{width:min(960px,calc(100vw - 88px))} .mp-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px} .mp-col+.mp-col{padding-left:8px;border-left:1px solid var(--line)} .menu-panel-products .mp-links{display:flex;flex-wrap:wrap;gap:0 4px;margin:0 0 4px 60px} .menu-panel-products .mp-links a{display:inline-flex;align-items:center;min-height:30px;padding:2px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--text)} .menu-panel-products .mp-links a:hover{border-color:var(--accent);background:var(--soft)} .header .menu-panel-products .mega-bottom p{margin:0 12px 0 auto} /* Битрикс24: строка тарифа «название — пунктир — вместимость», свечение на :hover и :focus-visible */ .header .menu-panel-b24{width:min(960px,calc(100vw - 88px));left:var(--mp-left,16px)!important} /* left — из shell-menu.js; !important — поверх инлайнового left из r11-shell.js */ .mp-b24{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 248px;gap:8px} .mp-pack{min-width:0;padding:2px} .mp-pack+.mp-pack{padding-left:10px;border-left:1px solid var(--line)} .mp-head-pack{align-items:center;gap:14px;padding:8px 10px 10px} .mp-head-pack strong{font-size:16px} .mp-head-pack img{display:block;flex:none;width:56px;height:56px} .mp-row{display:flex;align-items:baseline;min-height:40px;padding:9px 12px 9px 14px;border-radius:10px;font-size:14.5px;line-height:1.3;color:var(--text)} .mp-row strong{display:flex;flex:1;align-items:baseline;min-width:0;font-weight:500} .mp-row strong:after{content:'';flex:1;min-width:16px;margin:0 8px;border-bottom:1.5px dotted var(--line-strong);opacity:.55;transform:translateY(-3px)} .mp-row small{flex:none;font-size:12.5px;color:var(--muted);white-space:nowrap} .mp-row:is(:hover,:focus-visible){background:linear-gradient(90deg,color-mix(in srgb,var(--hot) 16%,transparent),color-mix(in srgb,var(--hot) 5%,transparent) 70%,transparent)} .mp-row:is(:hover,:focus-visible) strong:after{opacity:1;border-color:var(--hot)} .mp-compare{display:flex;align-items:center;gap:8px;min-height:34px;margin-top:2px;padding:6px 12px 6px 14px;border-radius:10px;font-size:13px;font-weight:550;line-height:1.3;color:var(--accent)} .mp-compare svg{width:14px;height:14px;flex:none} /* Боковая зона: фон --bg, в тёмной теме --surface2 */ .mp-side{display:flex;flex-direction:column;align-self:start;padding:10px 6px 8px;border-radius:12px;background:var(--bg)} :root[data-theme=dark] .mp-side{background:var(--surface2)} .mp-side .mp-cap{margin:2px 10px 6px} .mp-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;color:var(--text)} .mp-item:hover{background:var(--surface)} .mp-item strong{display:block;font-size:14.5px;font-weight:550;line-height:1.3} .mp-aspro{margin:6px 10px 2px;padding-top:8px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--muted)} .mp-aspro a,.mm-note a{color:var(--text);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px} .mp-aspro a:hover{color:var(--accent)} /* Готовые решения; подписи групп стоят на одной линии */ .header .menu-panel-ready{max-width:calc(100vw - 88px)} .mp-ready{display:grid;grid-template-columns:minmax(0,560px) minmax(0,296px);gap:8px} .mp-main{min-width:0;padding:2px 2px 0} .mp-main>.mp-head{align-items:center;padding:8px 10px 10px} .mp-main>.mp-head strong{font-size:16px} .mp-sets{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:0 4px} .mp-set .mp-cap{display:flex;align-items:flex-end;min-height:2.7em;margin:8px 10px 4px} .mp-ind{display:block;padding:7px 10px;border-radius:10px;color:var(--text)} .mp-ind strong{display:block;font-size:14.5px;font-weight:550;line-height:1.3} .mp-ind small{margin-top:1px} /* Серая кнопка квиза — только при PARAMS quiz (фаза 1: не задан) */ .mp-quiz,.mm-quiz{display:flex;align-items:center;justify-content:center;border:0;background:var(--surface2);color:var(--text);font:inherit;font-weight:500;cursor:pointer} .mp-quiz{display:inline-flex;min-height:36px;margin-left:auto;padding:0 16px;border-radius:8px;font-size:13.5px} .mp-quiz:hover{background:var(--line)} /* 921–1000 px: названия тарифов коробки в одну строку, подписи боковой колонки — до двух. Правило ПОСЛЕ .mp-row, .mp-side, .mp-item, иначе оно перекрыто */ @media(min-width:921px) and (max-width:1000px){.mp-b24{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 176px}.mp-pack+.mp-pack{padding-left:8px}.mp-row{padding-inline:12px 8px}.mp-row strong:after{min-width:8px;margin:0 6px}.mp-side{padding-inline:4px}.mp-item{gap:10px;padding-inline:6px}} /* Мобильное меню: «Битрикс24» — обычная строка, без капсулы; раскрытый раздел (один, shell-menu.js) — --soft, --accent, вес 600; цели ≥ 44 px */ .header .mobile-nav summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;list-style:none} .mobile-nav summary::-webkit-details-marker{display:none} .mobile-nav summary:after{content:'';flex:none;width:10px;height:10px;margin-right:4px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s} .header .mobile-nav details[open]>summary{margin:4px -12px 6px;padding-inline:12px;border-radius:12px;background:var(--soft);color:var(--accent);font-weight:600} .mobile-nav details[open]>summary:after{border-color:var(--accent);transform:rotate(-135deg)} .mobile-nav details[open]{border-bottom-color:transparent} .header .mobile-nav>a{display:flex;align-items:center;min-height:56px;padding-block:0} .header .mobile-links{gap:0} .header .mobile-links a{min-height:44px} /* «Знания», «Компания»: было 26–40 px */ .mm-body{padding:2px 0 16px} .mm-group{padding:4px 0 8px} .mm-cap{margin:10px 0 2px;font-size:12px;font-weight:600;line-height:1.35;color:var(--muted)} .mm-head{display:flex;align-items:center;gap:14px;min-height:48px;padding:6px 0;color:var(--text)} .mm-head strong{display:block;font-size:16px;font-weight:600;line-height:1.3} .mm-head small{display:block;margin-top:1px;font-size:12.5px;line-height:1.35;color:var(--muted)} .mm-head img{display:block;flex:none;width:48px;height:48px;border-radius:6px} .mm-head-slim{min-height:46px} .mm-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px 50px} .mm-chips-side{margin-top:8px;padding:10px 0 0;border-top:1px solid var(--line)} .mm-chips>a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1.3;color:var(--text)} .mm-chips>a:active{border-color:var(--hot);background:var(--soft)} .mm-row{display:flex;align-items:baseline;min-height:44px;padding:10px 4px;font-size:14.5px;line-height:1.3;color:var(--text)} .mm-row strong{display:flex;flex:1;align-items:baseline;min-width:0;font-weight:500} .mm-row strong:after{content:'';flex:1;min-width:12px;margin:0 8px;border-bottom:1.5px dotted var(--line-strong);opacity:.55;transform:translateY(-3px)} .mm-row small{flex:none;font-size:12.5px;color:var(--muted);white-space:nowrap} .mm-row:active{border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--hot) 16%,transparent),transparent 80%)} .mm-quiz{width:100%;min-height:46px;margin-top:12px;border-radius:10px;font-size:14.5px} .mm-link{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;font-size:14px;font-weight:550;color:var(--accent)} .mm-link svg{width:16px;height:16px;flex:none} .mm-note{margin:6px 0 0;padding:10px 0 0 50px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--muted)} .mobile-nav :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:-2px} /* Адрес организации из настроек сайта (lib/SuabAddress.php): блок контактов и токены #SUAB_ADDRESS#, #SUAB_ADDRESS_STREET#, #SUAB_CITY# в тексте выводят одну разметку . Начертание, размер, цвет и межстрочье адрес наследует у контейнера (подвал, страница контактов, юридические документы, карточка связи статьи): своих значений у него нет, поэтому смена адреса — смена содержимого, а не оформления. Нужен другой вид в одном месте — правило пишется селектором по контексту, например .contact-visit .suab-address[data-suab-address="short"]{…}, рядом с CSS этого блока. */ .suab-address{font-style:normal} /* ===== Движение панелей меню (MOTION.md, этап 2; эталон — prototype/desktop-motion.html и mobile-motion.html автора меню). Один авторский момент — раскрытие панели, остальное тихие отклики. Только opacity/translate/clip-path/transform; выход мгновенный (hidden). ===== */ :root{--ease-out:cubic-bezier(.16,1,.3,1);interpolate-size:allow-keywords} @keyframes panel-in{from{opacity:0;translate:0 -6px;clip-path:inset(0 -80px 100% -80px)}to{opacity:1;translate:0 0;clip-path:inset(0 -80px -120px -80px)}} @keyframes item-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}} @keyframes shade-in{from{opacity:0}} .header .menu-panel{animation:panel-in .26s var(--ease-out) backwards} .menu-shade{animation:shade-in .2s ease-out backwards} /* каскад содержимого: первый элемент виден через 70 мс, шаг 36 мс, до шестого — весь вход ≈ 0,5 с */ .menu-panel :is(.mp-grid>.mp-group,.mp-pack,.mp-side,.mp-main,.mp-col){animation:item-in .34s var(--ease-out) backwards;animation-delay:calc(70ms + var(--i,0)*36ms)} .menu-panel-services .mp-grid>.mp-group:nth-child(2),.menu-panel-b24 .mp-pack:nth-child(2),.menu-panel-ready .mp-side,.menu-panel-products .mp-col:nth-child(2){--i:1} .menu-panel-services .mp-grid>.mp-group:nth-child(3),.menu-panel-b24 .mp-side,.menu-panel-products .mp-col:nth-child(3){--i:2} .menu-panel-services .mp-grid>.mp-group:nth-child(4){--i:3} .menu-panel-services .mp-grid+.mp-grid>.mp-group:nth-child(-n+2){--i:4} .menu-panel-services .mp-grid+.mp-grid>.mp-group:nth-child(n+3){--i:5} /* линия под раскрытым пунктом растёт из центра (у пары «ссылка + шеврон» её нет: у шеврона нет подписи) */ .header .nav-links .nav-item:not(.nav-item-pair)>.nav-toggle{position:relative} .header .nav-links .nav-item:not(.nav-item-pair)>.nav-toggle:after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .26s var(--ease-out)} .header .nav-links .nav-item:not(.nav-item-pair)>.nav-toggle[aria-expanded=true]:after{transform:scaleX(1)} /* упаковка облака и коробки чуть приподнимается над колонкой; стрелки «… →» смещаются на 3 px */ .mp-head-pack img{transition:transform .4s var(--ease-out)} .mp-pack:hover .mp-head-pack img,.mp-head-pack:focus-visible img{transform:translateY(-2px) scale(1.04)} .mega-bottom>a svg,.mp-compare svg{transition:transform .22s var(--ease-out)} .mega-bottom>a:hover svg,.mp-compare:hover svg{transform:translateX(3px)} /* телефон: плавное раскрытие аккордеона (Chrome/Edge 131+, Safari 18.4+; в остальных мгновенно, без поломки) */ .mobile-nav details::details-content{block-size:0;overflow:clip;transition:block-size .3s var(--ease-out),content-visibility .3s allow-discrete} .mobile-nav details[open]::details-content{block-size:auto} .mobile-nav details[open] .mm-body>*{animation:item-in .32s var(--ease-out) backwards} .mobile-nav details[open] .mm-body>*:nth-child(1){animation-delay:60ms}.mobile-nav details[open] .mm-body>*:nth-child(2){animation-delay:100ms}.mobile-nav details[open] .mm-body>*:nth-child(3){animation-delay:140ms}.mobile-nav details[open] .mm-body>*:nth-child(n+4){animation-delay:180ms} @media(prefers-reduced-motion:reduce){.header .menu-panel,.menu-shade,.menu-panel *,.mobile-nav *{animation:none!important;transition:none!important}.header .nav-links .nav-toggle:after{transition:none}} /* End */ /* Start:/local/templates/suab/css/wayfinding.css?17914897052341*/ .site-wayfinding{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding-block:2px 20px}.site-back31{display:inline-flex;align-items:center;gap:9px;min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;white-space:normal;box-shadow:0 1px 2px #00000004;transition:background-color .16s,border-color .16s}.site-back31>span:first-child{flex:none;color:var(--accent);font-size:18px}.site-back31__copy,.site-back31__copy>span{min-width:0;font-size:14px;color:inherit;overflow-wrap:anywhere}.site-back31__sep{padding-inline:3px;opacity:.45}.site-back31:hover{background:var(--surface);border-color:var(--accent);color:var(--text);text-decoration:none}.site-back31:focus-visible,.site-wayfinding__all:focus-visible,.site-wayfinding__quiz:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-wayfinding__all{display:inline-flex;align-items:center;min-height:44px;padding-inline:8px;font-size:14px;font-weight:600;color:var(--text);text-decoration:underline;text-underline-offset:4px}.site-wayfinding__quiz{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-left:auto;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;border-bottom:2px solid var(--accent)}.site-wayfinding__quiz>span{color:var(--accent)}.workshop-page .site-wayfinding{--text:#e6e8eb;--muted:#b4b8c0;--line:#3b4149;--surface2:#1c2025;--surface:#262b32;--accent:#ffab81;padding-block:0 8px}.workshop-page .site-wayfinding__quiz{display:none}.workshop-page .site-wayfinding__all{color:#b4b8c0}@media(max-width:700px){.site-wayfinding{gap:4px 12px;padding-bottom:16px}.site-back31{padding:8px 10px;gap:7px}.site-wayfinding__all{font-size:13px;font-weight:500}.site-wayfinding__quiz{margin-left:0}}@media(min-width:761px){.site-wayfinding .site-back31,.site-wayfinding .site-wayfinding__all{display:none}.site-wayfinding:not(:has(.site-wayfinding__quiz)){display:none}}@media(max-width:760px){body:has(.site-wayfinding .site-back31):not(:has(.article-aside .site-back31)) nav.breadcrumbs{display:none}}@media(prefers-reduced-motion:reduce){.site-back31{transition:none}}@media print{.site-wayfinding{display:none}} /* End */ /* Start:/local/templates/suab/css/f/native-selection.css?17911583012014*/ .native-selection{min-width:0}.native-selection-nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}.native-table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line,#ddd);border-radius:16px}.native-table-scroll:focus-visible{outline:3px solid var(--accent,#ff6b32);outline-offset:3px}.native-compare-table{border-collapse:collapse;min-width:100%;table-layout:fixed}.native-compare-table caption{text-align:left;padding:16px;font-weight:600}.native-compare-table th,.native-compare-table td{padding:18px;text-align:left;vertical-align:top;border-top:1px solid var(--line,#ddd);min-width:180px;max-width:260px;overflow-wrap:anywhere}.native-compare-table th:first-child{min-width:160px}.native-compare-table small,.native-remove{display:block;margin-top:12px;font-size:.85rem}.native-picked-list{list-style:none;padding:0}.native-picked-list li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line,#ddd)}.native-brief{max-width:760px;margin-top:32px}.native-brief .field{display:flex;flex-direction:column;gap:8px;margin:20px 0}.native-brief textarea{width:100%;padding:14px;background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#bbb);border-radius:10px;resize:vertical;font:inherit}.native-selection .empty{padding:28px 0}.native-selection-status{pointer-events:none;position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:80;background:var(--text,#17191d);color:var(--bg,#fff);padding:10px 16px;border-radius:12px}.native-selection-status:empty{display:none}.native-selection a:focus-visible,.native-brief textarea:focus-visible{outline:3px solid var(--accent,#ff6b32);outline-offset:4px}@media(max-width:600px){.native-selection-nav{gap:12px;font-size:.9rem}.native-compare-table th,.native-compare-table td{min-width:170px;padding:14px}.native-picked-list li{align-items:flex-start}.native-selection .section-head{display:block}.native-selection .empty .button{margin-top:12px}} /* End */ /* Start:/local/templates/suab/css/f/content-kit.css?179188787824151*/ :root{--cb-head:Arial,sans-serif;--cb-text:Arial,sans-serif;--cb-mono:Arial,sans-serif;--cb-r-md:14px;--cb-r-lg:18px;--cb-r-xl:20px;--cb-dark:#17191e;--cb-dark-text:#f3f4f6;--cb-dark-muted:#a0a7b3;--cb-err:#b93915;--cb-mark:rgba(255,121,75,.38);--ease-exit:cubic-bezier(.4,0,1,1);--dur-1:140ms;--dur-2:280ms;--dur-3:520ms}:root[data-theme=dark]{--cb-dark:#1d2128;--cb-err:#ff865e}.cb-prose{max-width:var(--prose-w,780px);font:400 19px/1.65 var(--cb-text);color:var(--text)}.cb-prose>*{margin:0}.cb-prose>*+*{margin-top:var(--sp-4)}.cb-prose>*+:is(h2,.editorial-section){margin-top:var(--sp-8)}.cb-prose>*+h3{margin-top:var(--sp-7)}.cb-prose>.editorial-kicker+*{margin-top:var(--sp-3)}.cb-prose strong,.cb-prose b{font-weight:650}.editorial-kicker,.cb-eyebrow{margin:0;font:600 12px/1.2 var(--cb-text);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.cb-h1{margin:0;font:600 clamp(36px,5vw,60px)/1.02 var(--cb-head);letter-spacing:-.035em;text-wrap:balance}h2.editorial-heading,.cb-h2{font:600 var(--h2-lg,clamp(28px,3.4vw,40px))/1.08 var(--cb-head);letter-spacing:-.03em;text-wrap:balance}h3.editorial-heading,.cb-h3{font:700 24px/1.2 var(--cb-head);letter-spacing:-.015em;text-wrap:balance}h4.editorial-heading,.cb-h4{font:600 19px/1.3 var(--cb-text)}.editorial-heading[data-section-number]::before{content:attr(data-section-number);display:block;margin-bottom:var(--sp-3);font:600 13px/1 var(--cb-mono);font-variant-numeric:tabular-nums;color:var(--accent)}.editorial-lead,.cb-lead{font:400 21px/1.55 var(--cb-text);color:var(--muted);text-wrap:pretty}.step-label{font:600 13px/1 var(--cb-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--accent)}.callout{display:flex;flex-direction:column;gap:var(--sp-3);margin:var(--sp-7) 0;padding:var(--sp-5);border-radius:var(--cb-r-lg);background:var(--surface2);color:var(--text);font:400 17px/1.55 var(--cb-text)}.callout__head{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--btn-radius,8px);background:var(--surface);font:700 12px/1 var(--cb-text);letter-spacing:.1em;text-transform:uppercase}.callout__icon{flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--cb-ico) center/contain no-repeat;mask:var(--cb-ico) center/contain no-repeat}.callout__label{font:inherit}.callout__label[data-label]::after{content:attr(data-label)}.callout__sep{margin-left:6px;font-weight:500;letter-spacing:0;text-transform:none}.callout__body>*{margin:0}.callout__body>*+*{margin-top:var(--sp-3)}.callout a{font-weight:600}.callout--important{background:var(--soft);border:1px solid rgba(185,57,21,.16);--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v9M12 19v.5' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.callout--important .callout__head,.callout--warning .callout__head{background:var(--hot);color:var(--cta-ink,#16100d)}.callout--warning{background:var(--cb-dark);color:var(--cb-dark-text);--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}.callout--warning a{color:#ff865e}.callout--warning a:hover{color:#fff}.callout--tip{--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9V16h7v-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}.callout--note{background:var(--surface);border:1px solid var(--line);--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}.callout--note .callout__head{background:var(--surface2)}.callout--key{background:var(--surface);border:1px solid var(--line-strong);--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='6' width='12' height='12'/%3E%3C/svg%3E")}.callout--key .callout__head{background:var(--text);color:var(--bg)}.callout--key .callout__body{font:600 clamp(20px,2.2vw,26px)/1.3 var(--cb-head);letter-spacing:-.015em;text-wrap:balance}.callout--price{background:var(--surface);border:1px solid var(--line);--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M8 20V4h5.5a4 4 0 0 1 0 8H6M6 16h8'/%3E%3C/svg%3E")}.callout--price :is(strong,b){font:800 clamp(28px,3vw,40px)/1 var(--cb-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.callout--stat,.callout--steps{padding:0;background:transparent}.callout--stat{--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 20v-8M12 20V5M19 20v-6'/%3E%3C/svg%3E")}.callout--steps{--cb-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.5M4 12h.5M4 18h.5'/%3E%3C/svg%3E")}.callout--stat .callout__head,.callout--steps .callout__head{background:var(--surface2)}.callout__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1px;margin:0;padding:0;list-style:none;border-radius:var(--cb-r-lg);overflow:hidden;background:var(--line);border:1px solid var(--line)}.callout__stats>li{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:22px 18px;background:var(--surface)}.callout__val{font:800 clamp(30px,3.4vw,44px)/1 var(--cb-head);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.callout__val--long{font-size:clamp(22px,2.4vw,28px)}.callout__cap,.callout__rest{font:400 14px/1.4 var(--cb-text);color:var(--muted)}.cb-marker{color:inherit;padding:0 2px;background:linear-gradient(transparent 56%,var(--cb-mark) 56%) no-repeat 0 0/100% 100%}.cb-anim .cb-marker:not(.is-in){background-size:0 100%}.cb-anim .cb-marker.is-in{transition:background-size 700ms var(--ease) 250ms}.cb-accent{color:var(--accent)}.cb-figure{font-family:var(--cb-head);font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.cb-term{text-decoration:underline dotted;text-underline-offset:4px;cursor:help}.cb-statement{display:flex;align-items:flex-start;gap:14px;margin:var(--sp-7) 0;font:600 clamp(22px,2.4vw,28px)/1.3 var(--cb-head);letter-spacing:-.015em;text-wrap:balance}.cb-statement::before{content:"";flex:none;width:12px;height:12px;margin-top:.45em;background:var(--hot)}.callout--quote{gap:18px;padding:clamp(24px,3vw,36px);background:var(--surface);border:1px solid var(--line)}.callout--quote::before{content:"«";height:44px;font:800 96px/.6 var(--cb-head);color:var(--hot)}.callout--quote .callout__head{display:none}.callout--quote blockquote{margin:0;font:500 clamp(20px,2vw,24px)/1.4 var(--cb-head);letter-spacing:-.01em;text-wrap:pretty}.callout--quote blockquote>*{margin:0}.callout--quote figcaption{display:flex;flex-direction:column;gap:3px;font:400 14px/1.35 var(--cb-text);color:var(--muted)}.callout--quote figcaption :is(strong,b){font:600 16px/1.2 var(--cb-text);color:var(--text)}.editorial-quote,.cb-pull{margin:var(--sp-7) 0;padding:var(--sp-6) clamp(8px,4vw,48px);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);font:700 clamp(24px,3vw,34px)/1.22 var(--cb-head);letter-spacing:-.025em;text-align:center;text-wrap:balance}.editorial-quote>*{margin:0}.editorial-list,.cb-bullets{margin:var(--sp-4) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.editorial-list>li,.cb-bullets>li{position:relative;padding-left:22px}.editorial-list>li::before,.cb-bullets>li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--hot)}.editorial-steps,.callout__steps{counter-reset:cb-step;margin:var(--sp-5) 0;padding:0;list-style:none}.editorial-steps>li,.callout__steps>li{counter-increment:cb-step;position:relative;padding:18px 0 18px 64px;border-bottom:1px solid var(--line)}.editorial-steps>li:last-child,.callout__steps>li:last-child{border-bottom:0}.editorial-steps>li::before,.callout__steps>li::before{content:counter(cb-step,decimal-leading-zero);position:absolute;left:0;top:16px;font:800 32px/1 var(--cb-head);letter-spacing:-.03em;color:var(--accent);font-variant-numeric:tabular-nums}.editorial-steps>li>:is(strong,b):first-child,.callout__steps>li>:is(strong,b):first-child{display:block;margin-bottom:4px;font:600 18px/1.3 var(--cb-text)}@counter-style cb-ru{system:alphabetic;symbols:"а" "б" "в" "г" "д" "е" "ж" "з" "и" "к";suffix:" "}.cb-numlist{counter-reset:cb-n;margin:var(--sp-4) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.cb-numlist>li{counter-increment:cb-n;position:relative;min-height:30px;padding-left:44px}.cb-numlist>li::before{content:counter(cb-n);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface2);font:700 14px/1 var(--cb-head)}.cb-numlist ol{counter-reset:cb-a;margin:8px 0 0;padding:0;list-style:none;color:var(--muted)}.cb-numlist ol>li{counter-increment:cb-a;position:relative;padding-left:22px}.cb-numlist ol>li::before{content:counter(cb-a,cb-ru);position:absolute;left:0;font-weight:600;color:var(--accent)}.cb-checklist{margin:var(--sp-4) 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.cb-checklist>li{position:relative;padding-left:34px}.cb-checklist>li::before{content:"";position:absolute;left:0;top:.08em;width:22px;height:22px;border-radius:50%;background:var(--hot) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 12.3 3.2 3.2L17 8.6' fill='none' stroke='%2316100d' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}.cb-summary{display:flex;flex-direction:column;gap:14px;margin:var(--sp-7) 0;padding:24px;border-radius:var(--cb-r-lg);background:var(--surface);border:1px solid var(--line-strong)}.cb-summary__label,.cb-badge{align-self:flex-start;padding:7px 10px;border-radius:var(--btn-radius,8px);font:700 12px/1 var(--cb-text);letter-spacing:.1em;text-transform:uppercase}.cb-summary__label{background:var(--text);color:var(--bg)}.cb-badge{background:var(--hot);color:var(--cta-ink,#16100d)}.cb-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1px;margin:var(--sp-7) 0;border-radius:var(--cb-r-lg);overflow:hidden;background:var(--line);border:1px solid var(--line)}.cb-compare>div{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--surface)}.cb-compare>div:first-child{background:var(--surface2);color:var(--muted)}.cb-compare__label{font:600 12px/1 var(--cb-text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cb-compare>div:last-child .cb-compare__label{color:var(--accent)}.cta-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-5);margin:var(--sp-7) 0;padding:clamp(24px,4vw,44px);border-radius:var(--cb-r-xl);background:var(--cb-dark);color:var(--cb-dark-text)}.cta-strip__text{margin:0;max-width:620px;font:800 clamp(22px,2.6vw,30px)/1.15 var(--cb-head);letter-spacing:-.025em;text-wrap:balance}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-5);margin:var(--sp-6) 0}.cta-row__channels{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;font-weight:600}.cta-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:var(--sp-6) 0}.cta-solo{margin:var(--sp-6) 0}.cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:var(--btn-radius,8px);font:600 17px/1 var(--cb-text);white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform var(--dur-1) var(--ease),background-color var(--dur-1),border-color var(--dur-1)}.cb-btn:active,.button.primary:active{transform:scale(.98)}.cb-btn--primary{background:var(--cta,#ff794b);color:var(--cta-ink,#16100d)}.cb-btn--primary:hover{background:var(--cta-hover,#ff916b);color:var(--cta-ink,#16100d)}.cb-btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--text)}.cb-btn--ghost:hover{border-color:var(--text);color:var(--text)}.cta-strip .cb-btn--ghost{border-color:#6d7480;color:var(--cb-dark-text)}.cb-btn[disabled]{opacity:.65;cursor:progress}.cb-layout{display:grid;grid-template-columns:minmax(0,var(--prose-w,780px)) 300px;justify-content:start;gap:clamp(32px,4vw,var(--sp-8,56px));align-items:start}.cb-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px}@media (max-width:1023px){.cb-layout{grid-template-columns:minmax(0,1fr)}.cb-sidebar{position:static}}.cb-toc{display:flex;flex-direction:column;gap:2px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.cb-toc__title{padding:0 10px 8px;font:600 12px/1 var(--cb-text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.cb-toc a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:9px;color:var(--text);font:400 15px/1.25 var(--cb-text);text-decoration:none;transition:background-color 200ms var(--ease)}.cb-toc a::before{content:"";flex:none;width:6px;height:6px;background:var(--line);transition:background-color 200ms}.cb-toc a:hover{background:var(--surface2);color:var(--text)}.cb-toc a[aria-current=true]{background:var(--soft);text-shadow:.35px 0 0 currentColor}.cb-toc a[aria-current=true]::before{background:var(--hot)}.cb-side{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:16px}.cb-side>*{margin:0}.cb-side__title{font:700 18px/1.25 var(--cb-head)}.cb-side--contact{background:var(--cb-dark);color:var(--cb-dark-text)}.cb-side--contact .cb-side__phone{font:700 20px/1.2 var(--cb-head);color:#fff;text-decoration:none;font-variant-numeric:tabular-nums}.cb-side--contact .cb-side__phone:hover{color:#ff865e}.cb-side--contact .cb-side__hint{font:400 14px/1.4 var(--cb-text);color:var(--cb-dark-muted)}.cb-side--promo{background:var(--soft)}.cb-form{display:flex;flex-direction:column;gap:18px}.cb-form[hidden],.cb-done[hidden]{display:none}.cb-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px}.cb-field{display:flex;flex-direction:column;gap:8px;margin:0;border:0;padding:0}.cb-field__label{font:600 14px/1.2 var(--cb-text)}.cb-field__label .req{color:var(--accent)}.cb-field__label .opt{font-weight:400;color:var(--muted)}.cb-input{box-sizing:border-box;width:100%;min-height:52px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--btn-radius,8px);background:var(--surface);color:var(--text);font:400 17px/1.3 var(--cb-text);transition:border-color var(--dur-1),box-shadow var(--dur-1)}.cb-input::placeholder{color:var(--muted);opacity:1}.cb-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,121,75,.28)}.cb-input[aria-invalid=true]{border-color:var(--cb-err)}.cb-input:disabled{background:var(--surface2);border-color:var(--line);color:var(--muted)}textarea.cb-input{min-height:96px;line-height:1.45;resize:vertical}input[type=tel].cb-input{font-variant-numeric:tabular-nums}.cb-field__err,.cb-form__error{font:500 14px/1.35 var(--cb-text);color:var(--cb-err)}.cb-field__err:empty,.cb-form__error:empty{display:none}.cb-consent{display:flex;align-items:flex-start;gap:12px;font:400 14px/1.45 var(--cb-text);color:var(--muted);cursor:pointer}.cb-consent>span{display:flex;flex-direction:column;gap:4px}.cb-consent input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.cb-chips{display:flex;flex-wrap:wrap;gap:8px}.cb-chip{min-height:44px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--text);font:500 15px/1 var(--cb-text);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1),color var(--dur-1)}.cb-chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.cb-done{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.cb-done>p{margin:0}.cb-done__title{font:800 26px/1.1 var(--cb-head);letter-spacing:-.02em}.cb-check{width:64px;height:64px}.cb-check circle{fill:var(--hot);transform-box:fill-box;transform-origin:center}.cb-check path{fill:none;stroke:var(--cta-ink,#16100d);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40}.cb-anim .cb-done:not([hidden]) .cb-check circle{animation:cb-pop 420ms var(--ease)}.cb-anim .cb-done:not([hidden]) .cb-check path{animation:cb-draw 420ms var(--ease) 140ms backwards}.cb-modal{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:clamp(22px,4vw,32px);border:0;border-radius:var(--cb-r-xl);background:var(--surface);color:var(--text);box-shadow:0 30px 80px rgba(11,13,16,.35);overflow:auto;overscroll-behavior:contain}.cb-modal::backdrop{background:rgba(11,13,16,.56)}.cb-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.cb-modal__title{margin:6px 0 8px;font:800 clamp(24px,3vw,30px)/1.1 var(--cb-head);letter-spacing:-.025em;text-wrap:balance}.cb-modal__lead{margin:0;font:400 16px/1.5 var(--cb-text);color:var(--muted);text-wrap:pretty}.cb-modal__close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface2);color:var(--text);cursor:pointer}html:has(.cb-modal[open]){overflow:hidden}.cb-anim .cb-modal[open]{animation:cb-in var(--dur-2) var(--ease)}.cb-anim .cb-modal[open]::backdrop{animation:cb-fade 200ms var(--ease)}.cb-anim .cb-modal.is-closing{animation:cb-out 180ms var(--ease-exit) forwards}.cb-anim .cb-modal.is-closing::backdrop{animation:cb-fade-out 180ms var(--ease-exit) forwards}@media (max-width:600px){.cb-modal{width:100%;max-width:100%;margin:auto 0 0;border-radius:20px 20px 0 0;max-height:calc(100dvh - 24px)}.cb-anim .cb-modal[open]{animation-name:cb-sheet-in}.cb-anim .cb-modal.is-closing{animation-name:cb-sheet-out}}.cb-anim:not(.cb-sdt) [data-reveal]:not(.is-in){opacity:0;transform:translateY(16px)}.cb-anim:not(.cb-sdt) [data-reveal].is-in{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease);transition-delay:calc(var(--i,0) * 70ms)}.cb-sdt [data-reveal]{animation:cb-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}:is(.cb-btn,.cb-chip,.cb-toc a,.cb-modal__close,.cb-input,.cb-consent input,.callout a):focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes cb-rise{from{opacity:0;transform:translateY(16px)}}@keyframes cb-in{from{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes cb-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes cb-sheet-in{from{transform:translateY(100%)}}@keyframes cb-sheet-out{to{transform:translateY(100%)}}@keyframes cb-fade{from{opacity:0}}@keyframes cb-fade-out{to{opacity:0}}@keyframes cb-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}}@keyframes cb-draw{from{stroke-dashoffset:40}}@media (prefers-reduced-motion:reduce){.cb-modal,.cb-modal::backdrop,.cb-check *,[data-reveal]{animation:none!important;transition:none!important}}:where(.cb-prose>.editorial-section)>*{margin:0}:where(.cb-prose>.editorial-section)>*+*{margin-top:var(--sp-4)}:where(.cb-prose>.editorial-section)>*+h3{margin-top:var(--sp-7)}:where(.cb-prose) blockquote{margin:0;padding:0;border:0;background:none}:where(.cb-prose) li{padding:0}:where(.cb-prose) mark{border-radius:0}h4.editorial-heading,.cb-h4{letter-spacing:normal}:where(.cb-prose) h4{font:600 19px/1.3 var(--cb-text);letter-spacing:normal}.callout__val{overflow-wrap:break-word}.cb-modal a:not(.cb-btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.cb-modal a:not(.cb-btn):hover{color:var(--text)}.cb-consent .consent{display:contents;min-height:0;margin:0;font:inherit;color:inherit}.cb-form .contact-inputs{display:flex;flex-direction:column;gap:18px}.cb-form .contact-inputs[hidden]{display:none}.cb-consent .consent{display:contents}.cb-form .form-status{margin:0;padding:0;background:none}.cb-form .form-status[hidden]{display:none}.cb-form .form-status h3{margin:0 0 10px;font:800 22px/1.15 var(--cb-head);letter-spacing:-.02em}.cb-form .form-status>p{margin:0 0 4px;font:400 14px/1.5 var(--cb-text);color:var(--muted)}.cb-form[data-state=error] .form-status{padding-left:14px;border-left:3px solid var(--cb-err)}.cb-form .form-status .prepared-message{height:170px;margin:14px 0;font:400 14px/1.55 var(--cb-text)}.cb-form .form-status .actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.cb-form .form-status>.text-link{min-height:44px;padding:0;border:0;background:none;color:var(--accent);font:600 14px/1.2 var(--cb-text);text-decoration:underline;cursor:pointer}.cb-form__prepared{display:none;margin:0;font:400 13px/1.45 var(--cb-text);color:var(--muted)}.cb-form[data-endpoint=""] .cb-form__prepared{display:block}.cb-form__fail{display:block}.cb-done:focus,.cb-form .form-status:focus{outline:none}.cb-form__error .contact-inline{display:flex;flex-wrap:wrap;gap:0 18px}.cb-form__error .contact-inline a{display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.cb-form .form-status :is(.button,.text-link,.prepared-message):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.footer-prefs{display:flex;margin-top:12px}.fx-switch{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:6px 8px 6px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);color:var(--text);font:600 14px/1.2 var(--cb-text);cursor:pointer}.fx-switch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.fx-switch__off,.fx-switch[aria-checked=false] .fx-switch__on{display:none}.fx-switch[aria-checked=false] .fx-switch__off{display:inline}.fx-switch__track{position:relative;flex:none;width:52px;height:30px;border-radius:999px;background:#7f8691}.fx-switch[aria-checked=true] .fx-switch__track{background:var(--text)}.fx-switch__knob{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:var(--bg);box-shadow:0 1px 3px rgba(0,0,0,.3)}.fx-switch[aria-checked=false] .fx-switch__knob{background:#fff}.fx-switch[aria-checked=true] .fx-switch__knob{transform:translateX(22px)}.cb-anim .fx-switch__track{transition:background-color 160ms}.cb-anim .fx-switch__knob{transition:transform 160ms var(--ease)}body[data-template=page] h1:not(.cb-h1):not(:is(.company-parity-r3,.ip-modern,dialog,footer,.menu-panel) *){font-weight:600;line-height:1.02;letter-spacing:-.035em}body[data-template=page] h2:not(.cb-h2,.editorial-heading,.cb-modal__title):not(:is(.company-parity-r3,.ip-modern,dialog,footer,.menu-panel,.help-panel) *){font-weight:600;line-height:1.08;letter-spacing:-.03em}body[data-template=page] .page-intro h1:not(.cb-h1):not(:is(.company-parity-r3,.ip-modern) *){font-size:clamp(36px,5vw,60px)}body[data-template=page] :is(main>h2,main>section>h2,.section-head h2,.empty h2,.product-source h2):not(.cb-h2,.editorial-heading):not(:is(.company-parity-r3,.ip-modern) *){font-size:var(--h2-lg)}.knowledge-sections summary,.knowledge-sections a{min-height:44px}.knowledge-sections a{display:flex;align-items:center}.knowledge-sections summary:focus-visible,.mobile-nav summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.search-box input{min-height:44px} /* End */ /* Start:/local/templates/suab/css/f/r11-shell.css?17918389914777*/ /* R11 · общий слой оболочки (решение владельца 12.10.2026); поведение — js/r11-shell.js. Подключается header.php после shell-visual.css. Только токены base.css, Arial из system-typography.css. */ /* 1. Меню: левый край панели выставляет r11-shell.js (inline left) под открытым пунктом; без скрипта остаётся прежнее правило shell-visual.css. */ .header .menu-panel{transition:none} /* 2. Форма: сводка ошибок сверху внутри формы, поверх уже существующего верхнего поля — высота не меняется. */ .cb-form,.contact-form,.contact-fields{position:relative} .r11-form-summary{position:absolute;z-index:3;left:0;right:0;top:0;margin:0;padding:8px 12px;border-radius:8px; background:var(--surface);box-shadow:0 0 0 1px var(--accent) inset;color:var(--accent); font:600 14px/1.35 Arial,sans-serif;transform:translateY(calc(-100% - 10px));pointer-events:none} .r11-form-summary[hidden]{display:none} .r11-lead-hidden{visibility:hidden} .r11-form-summary{display:flex;align-items:center} .contact-fields>.r11-form-summary{left:34px;right:84px;top:14px;transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:13px} /* Дублирующий статус внизу формы не добавляет строку, пока видна сводка. */ .r11-has-errors .contact-status,.r11-has-errors .form-status{display:none!important} /* Тексты под полями остаются для экранного диктора (aria-describedby) и не раздвигают форму. */ .r11-has-errors .cb-field__err:not(:empty), .r11-has-errors [data-field-error]:not([hidden]):not(:empty), .r11-has-errors .field-error:not(:empty){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .cb-form [aria-invalid="true"]:not([type=checkbox]),.contact-form [aria-invalid="true"]:not([type=checkbox]), .contact-fields [aria-invalid="true"]:not([type=checkbox]){border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)} .cb-form input[type=checkbox][aria-invalid="true"],.contact-form input[type=checkbox][aria-invalid="true"], .contact-fields input[type=checkbox][aria-invalid="true"]{outline:2px solid var(--accent);outline-offset:2px} @media (max-width:700px){ .contact-fields>.r11-form-summary{left:25px;right:25px;top:10px} } /* 3. Меню: «Битрикс24» — спокойный пункт, а не оранжевая плашка (layout-rhythm-policy: текущий раздел спокоен, акцент на соседнем продукте не конкурирует с заголовком). Все страницы, включая главную (решение владельца 12.10.2026: один вид пункта везде). */ .header .nav-links .nav-link-accent{color:var(--text);background:none;box-shadow:none;padding-inline:14px} .header .nav-links .nav-link-accent:before{display:none} .header .nav-links .nav-link-accent:hover{background:none;color:var(--accent)} .header .nav-links .nav-link-accent[aria-current=page]:after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:2px;border-radius:2px;background:var(--accent)} /* 5. Знак бренда: круглая точка вместо «.» (R5, решение владельца 12.10.2026; образец design/services-home-20261012/ornaments.css). Разметка ``; пока включаемые области brand.php/footer-logo.php отдают прежнее `.`, тот же вид даёт запасной селектор `.brand > em` (точка-символ обрезается нулевым text-indent+overflow, имя ссылки — aria-label). */ .brand .brand-orb,.brand > em{display:inline-block;flex:none;align-self:baseline;box-sizing:border-box;width:.17em;height:.17em;margin:0 0 0 .06em;padding:0;overflow:hidden; font:inherit;line-height:0;text-indent:1em;white-space:nowrap;color:transparent;border-radius:50%;vertical-align:baseline; background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--surface) 85%,var(--hot)),var(--hot) 55%,var(--accent)); box-shadow:inset -.015em -.015em .035em color-mix(in srgb,var(--accent) 30%,transparent)} :root[data-theme=dark] .brand .brand-orb,:root[data-theme=dark] .brand > em{background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--text) 40%,var(--hot)),var(--hot) 55%,var(--accent))} /* End */ /* Start:/local/templates/suab/css/ui-effects.css?17917403725143*/ /* Opt-in native disclosure; arrow remains visible without JavaScript. */ details[data-suab-disclosure] > summary { display:flex;align-items:center;justify-content:space-between;gap:16px; min-height:44px;list-style:none;cursor:pointer; } details[data-suab-disclosure] > summary::-webkit-details-marker {display:none} details[data-suab-disclosure] > summary::after { content:'';display:block;flex:0 0 8px;width:8px;height:8px; border:solid currentColor;border-width:0 1.5px 1.5px 0; margin-right:4px;transform:rotate(45deg);--suab-ui-transition:transform 320ms ease;transition:var(--suab-ui-transition); } details[data-suab-disclosure][open] > summary::after {content:'';transform:rotate(225deg)} details[data-suab-disclosure] > summary:focus-visible {outline:2px solid var(--accent,#b93915);outline-offset:3px;border-radius:4px} @media(prefers-reduced-motion:reduce){html:not([data-suab-motion-preference=on]) details[data-suab-disclosure] > summary::after{transition:none}} html[data-suab-shell-fx=off] details[data-suab-disclosure] > summary::after {transition:none} /* Parent navigation uses the approved SUAB primary-button tokens. */ a[data-suab-back] { display:inline-flex;align-items:center;gap:var(--sp-2,8px);min-height:var(--btn-h-sm,44px); padding:10px var(--btn-px-sm,18px);border:1px solid var(--cta,#ff794b);border-radius:var(--btn-radius,8px); background:var(--cta,#ff794b);color:var(--cta-ink,#16100d);text-decoration:none; font:var(--btn-fw,500) var(--btn-fs,15px)/1.3 Arial,sans-serif; --suab-ui-transition:background 180ms ease-out,border-color 180ms ease-out;transition:var(--suab-ui-transition); } a[data-suab-back] .ui-back-icon {display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--cta-ink,#16100d);--suab-ui-transition:transform 180ms ease-out;transition:var(--suab-ui-transition)} a[data-suab-back] .ui-back-icon svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} a[data-suab-back] .ui-back-label {color:inherit;min-width:0} a[data-suab-back]:focus-visible {outline:2px solid var(--accent,#b93915);outline-offset:3px} a[data-suab-back]:is(:active,:focus-visible) .ui-back-icon {transform:translateX(-2px)} @media(hover:hover) and (pointer:fine){ a[data-suab-back]:hover {background:var(--cta-hover,#ff916b);border-color:var(--cta-hover,#ff916b)} a[data-suab-back]:hover .ui-back-icon {transform:translateX(-2px)} } @media(min-width:1200px) and (hover:hover) and (pointer:fine){ a[data-suab-back]:not([data-suab-back-inline]) {position:fixed;left:0;top:var(--suab-back-top,180px);z-index:40;width:44px;height:var(--btn-h,48px);padding:0;gap:0;justify-content:center;border-left:0;border-radius:0 var(--btn-radius,8px) var(--btn-radius,8px) 0;box-sizing:border-box} a[data-suab-back]:not([data-suab-back-inline]) .ui-back-label {position:absolute;left:100%;top:-1px;display:flex;align-items:center;min-height:var(--btn-h,48px);box-sizing:border-box;padding:10px var(--btn-px-sm,18px);width:max-content;max-width:min(280px,calc(100vw - 60px));background:var(--cta,#ff794b);border:1px solid var(--cta,#ff794b);border-left:0;border-radius:0 var(--btn-radius,8px) var(--btn-radius,8px) 0;opacity:0;visibility:hidden;transform:translateX(-14px);pointer-events:none;--suab-ui-transition:opacity 220ms var(--ease,ease-out),transform 220ms var(--ease,ease-out),visibility 220ms;transition:var(--suab-ui-transition)} a[data-suab-back]:not([data-suab-back-inline]):is(:hover,:focus-visible) {border-radius:0} a[data-suab-back]:not([data-suab-back-inline]):is(:hover,:focus-visible) .ui-back-label {opacity:1;visibility:visible;transform:none;pointer-events:auto} a[data-suab-back]:not([data-suab-back-inline]):hover .ui-back-label {background:var(--cta-hover,#ff916b);border-color:var(--cta-hover,#ff916b)} } @media(prefers-reduced-motion:reduce){html:not([data-suab-motion-preference=on]) a[data-suab-back],html:not([data-suab-motion-preference=on]) a[data-suab-back] :is(.ui-back-label,.ui-back-icon){transition:none}} html[data-suab-shell-fx=off] a[data-suab-back],html[data-suab-shell-fx=off] a[data-suab-back] :is(.ui-back-label,.ui-back-icon) {transition:none} /* Legacy base.css has a universal reduced-motion !important reset. Only an explicit site choice may restore transitions, and only on these opt-in core components. */ @layer reset { html[data-suab-motion-preference=on] :is(a[data-suab-back],a[data-suab-back] .ui-back-label,a[data-suab-back] .ui-back-icon), html[data-suab-motion-preference=on] details[data-suab-disclosure] > summary::after {transition:var(--suab-ui-transition,none)!important} } /* Place in shared css/ui-effects.css after the existing back-button rules. Mobile: keep the complete CMS parent name inside the viewport. */ @media (max-width: 760px) { a[data-suab-back]:not([data-suab-back-inline]) { box-sizing: border-box; width: max-content; max-width: calc(100vw - 40px); min-width: 0; } a[data-suab-back]:not([data-suab-back-inline]) .ui-back-label { min-width: 0; white-space: normal; overflow-wrap: anywhere; } } /* End */ /* Start:/local/templates/suab/css/f/design-recipes.css?17918212375270*/ /* SUAB design recipes R11: page background by body[data-design-recipe]. Opt-in; pages without the attribute are untouched. Palette comes only from the canonical tokens (--hot, --muted, --surface); dark theme follows the same tokens. Budget (RECIPES_R7): one leading line per screen; the background is either up to two small orbs or one pale line; photography never gets a line on top. The layer is decoration only: no layout, no overflow, no pointer events. */ :root { --ambient-ink: color-mix(in srgb, var(--hot) 45%, var(--muted)); --ambient-orb: color-mix(in srgb, var(--hot) 32%, var(--surface)); --ambient-orb-edge: color-mix(in srgb, var(--hot) 53%, var(--surface)); --ambient-line-alpha: .11; --ambient-travel: 18px; } @supports not (color: color-mix(in srgb, red, blue)) { :root { --ambient-ink: var(--muted); --ambient-orb: var(--soft); --ambient-orb-edge: var(--hot); } } :root[data-theme="dark"] { --ambient-line-alpha: .16; } /* A stacking context on body keeps the layer (z-index:-1) above the page canvas and below all content. */ body[data-design-recipe] { isolation: isolate; } .suab-ambient { position: fixed; inset: 0; z-index: -1; overflow: hidden; overflow: clip; contain: layout paint style; pointer-events: none; user-select: none; } /* Local previews and banner hosts: the same layer inside a clipped, positioned container. */ .suab-ambient--contained { position: absolute; z-index: 0; } .suab-ambient--banner { position: absolute; inset: 0; z-index: 0; } .suab-ambient-host { position: relative; isolation: isolate; overflow: hidden; overflow: clip; } .suab-ambient__orb { position: absolute; display: block; border-radius: 50%; will-change: auto; background: radial-gradient(circle at 30% 24%, var(--surface), var(--ambient-orb) 48%, var(--ambient-orb-edge) 100%); box-shadow: inset -2px -3px 6px color-mix(in srgb, var(--ambient-ink) 10%, transparent); } /* Edge offsets follow the page gutter (.wrap is 92% wide): the orbs sit in the gutter, never behind the text column. */ .suab-ambient__orb--a { width: 38px; height: 38px; left: min(12px, calc(4vw - 40px)); top: 33%; opacity: .88; } .suab-ambient__orb--b { width: 26px; height: 26px; right: min(15px, calc(4vw - 30px)); top: 70%; opacity: .75; } .suab-ambient--contained .suab-ambient__orb--a { left: 12px; } .suab-ambient--contained .suab-ambient__orb--b { right: 15px; } .suab-ambient__line { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: var(--ambient-ink); stroke-width: 1.25; opacity: var(--ambient-line-alpha); transform-origin: 65% 50%; } .suab-ambient--banner .suab-ambient__line { opacity: .21; } /* Recipes: product is one soft, partly cropped spot and no line; editorial is one pale line and no orbs. */ .suab-ambient[data-recipe="product"] .suab-ambient__orb--a { width: 170px; height: 170px; left: -110px; top: 38%; opacity: .24; } /* Motion: only transform, and only while the script has marked the layer as running. */ .suab-ambient[data-running="true"] .suab-ambient__orb--a { animation: suab-ambient-orb 7s ease-in-out -2s infinite alternate; } .suab-ambient[data-running="true"] .suab-ambient__orb--b { animation: suab-ambient-orb 9s ease-in-out -5s infinite alternate-reverse; } .suab-ambient[data-running="true"][data-recipe="product"] .suab-ambient__orb--a { animation-duration: 11s; animation-delay: -3s; } .suab-ambient[data-running="true"] .suab-ambient__line { animation: suab-ambient-line 17s ease-in-out infinite alternate; } @keyframes suab-ambient-orb { from { transform: translate3d(0, -18px, 0); } to { transform: translate3d(4px, 20px, 0); } } @keyframes suab-ambient-line { from { transform: translate3d(0, calc(var(--ambient-travel) * -1), 0) rotate(-1deg); } to { transform: translate3d(0, var(--ambient-travel), 0) rotate(1deg); } } html[data-suab-shell-fx="off"] .suab-ambient * { animation: none !important; } /* Explicit opt-in "on" beats the legacy universal reduced-motion reset (same layer and rule as ui-effects.css). Auto and off keep the static fallback. Only our own animations are restored, never "*". */ @layer reset { html[data-suab-motion-preference="on"] .suab-ambient[data-running="true"] .suab-ambient__orb--a { animation: suab-ambient-orb 7s ease-in-out -2s infinite alternate !important; } html[data-suab-motion-preference="on"] .suab-ambient[data-running="true"] .suab-ambient__orb--b { animation: suab-ambient-orb 9s ease-in-out -5s infinite alternate-reverse !important; } html[data-suab-motion-preference="on"] .suab-ambient[data-running="true"][data-recipe="product"] .suab-ambient__orb--a { animation-duration: 11s !important; animation-delay: -3s !important; } html[data-suab-motion-preference="on"] .suab-ambient[data-running="true"] .suab-ambient__line { animation: suab-ambient-line 17s ease-in-out infinite alternate !important; } } /* Phones: orbs sit partly beyond the edge so they never narrow the text column. */ @media (max-width: 700px) { .suab-ambient__orb--a { top: 30%; } .suab-ambient__orb--b { top: 74%; } .suab-ambient[data-recipe="product"] .suab-ambient__orb--a { width: 130px; height: 130px; left: -92px; top: 44%; } .suab-ambient { --ambient-travel: 10px; } } @media print { .suab-ambient { display: none; } } /* End */ /* Start:/local/templates/suab/css/f/footer-design.css?179183671710045*/ .footer.footer22{background:var(--surface);color:var(--text);border-top:2px solid var(--accent);padding:28px 0 56px}@media(min-width:701px) and (max-width:1400px){.footer.footer22 .footer-bottom{padding-right:64px}}.footer.footer22 .footer22-mast{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(190px,.7fr);align-items:center;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.footer.footer22 .footer-brand{display:flex;align-items:center;gap:22px;min-width:0}.footer.footer22 .footer-brand .brand{font-size:38px;flex-shrink:0;min-height:44px;padding-block:3px}.footer.footer22 .footer-brand p{font-size:13px;line-height:1.45;margin:0;max-width:230px;color:var(--muted)}.footer.footer22 .social-links{display:flex;flex-wrap:wrap;gap:6px;margin:0}.footer.footer22 .social-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:650}.footer.footer22 .social-link svg{width:17px;height:17px}.footer.footer22 .footer22-contacts{display:grid;gap:4px;justify-items:end;font-size:13px;color:var(--muted)}.footer.footer22 .footer22-contacts .text-link{font-size:17px;min-height:28px;margin:0;color:var(--text)}.footer.footer22 .footer22-contacts a[href^="mailto:"]{min-height:24px;color:var(--text)}.footer.footer22 .footer22-hours{font-size:13px;color:var(--muted)}.footer.footer22 .footer-arrow{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.footer.footer22 .footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;margin-top:20px}.footer.footer22 .footer-grid>div{min-width:0}.footer.footer22 .footer-section summary{display:flex;align-items:center;min-height:44px;margin:0 0 10px;font-size:14px;font-weight:700;color:var(--text);list-style:none;cursor:default}.footer.footer22 .footer-section summary::-webkit-details-marker{display:none}.footer.footer22 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 16px;font-size:14px;color:var(--muted)}.footer.footer22 .footer-links>a{display:flex;align-items:center;min-height:27px;margin:0;padding:3px 0;font-size:13px;line-height:1.35;color:var(--muted)}.footer.footer22 .footer-links>a:hover{color:var(--text)}.footer.footer22 .operator-details{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:20px;padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;font-size:12px;line-height:1.5;color:var(--muted)}.footer.footer22 .operator-details>div{min-width:0;overflow-wrap:anywhere}.footer.footer22 .operator-details strong{font-size:13px;color:var(--text)}.footer.footer22 .operator-details p{margin:3px 0;color:var(--muted)}.footer.footer22 .operator-details address{font-style:normal}.footer.footer22 .operator-details a{color:var(--text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.footer.footer22 .footer-bottom{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px 24px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.4;color:var(--muted)}.footer.footer22 .footer-bottom a{display:flex;align-items:center;min-height:24px;text-decoration:underline}.footer.footer22 .footer-bottom-note{margin-left:auto}@media(max-width:1150px){.footer.footer22 .footer22-mast{grid-template-columns:1fr auto}.footer.footer22 .social-links{grid-row:2;grid-column:1/-1}.footer.footer22 .footer22-contacts{grid-column:2;grid-row:1}.footer.footer22 .footer-brand p{max-width:300px}.footer.footer22 .footer-links{grid-template-columns:1fr}}@media(max-width:700px){.footer.footer22{padding:24px 0 80px}.footer.footer22 .footer22-mast{grid-template-columns:1fr;gap:14px;padding-bottom:16px}.footer.footer22 .footer-brand{gap:20px}.footer.footer22 .footer-brand p{font-size:12px;max-width:220px}.footer.footer22 .social-links{grid-row:2;grid-column:1}.footer.footer22 .social-link{min-height:44px;padding:9px}.footer.footer22 .footer22-contacts{grid-row:3;grid-column:1;justify-items:start;grid-template-columns:1fr auto;align-items:center;gap:5px 12px}.footer.footer22 .footer22-contacts .text-link{font-size:15px;min-height:44px}.footer.footer22 .footer22-contacts a[href^="mailto:"]{display:inline-flex;align-items:center;min-height:44px}.footer.footer22 .footer22-hours{grid-column:1/-1;font-size:12px}.footer.footer22 .footer-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:10px}.footer.footer22 .footer-section{padding:0;border-bottom:1px solid var(--line)}.footer.footer22 .footer-section summary{justify-content:space-between;min-height:48px;margin:0;font-size:14px;cursor:pointer}.footer.footer22 .footer-section summary::after{content:'+';font-size:20px}.footer.footer22 .footer-section[open] summary::after{content:'−'}.footer.footer22 .footer-links{grid-template-columns:1fr 1fr;gap:2px 16px;padding-bottom:12px}.footer.footer22 .footer-links>a{min-height:44px;padding:6px 0}.footer.footer22 .operator-details{grid-template-columns:1fr;gap:0;margin-top:14px;padding-top:14px}.footer.footer22 .operator-details a{display:inline-flex;align-items:center;min-height:44px;padding-block:0}.footer.footer22 .footer-bottom{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 18px;font-size:11px}.footer.footer22 .footer-bottom a{min-height:44px}.footer.footer22 .footer-bottom-copy{width:100%}.footer.footer22 .footer-bottom-note{width:100%;margin:0}}@media(max-width:360px){.footer.footer22 .footer22-contacts{grid-template-columns:1fr}.footer.footer22 .footer22-hours{grid-column:1}.footer.footer22 .social-links{display:grid;grid-template-columns:1fr 1fr}.footer.footer22 .footer-brand{gap:14px}} /* Preserve fresh main logo geometry (min-height:0), absent from native CSS snapshot. */ .footer.footer22 .footer-brand .brand{min-height:0;padding-block:0} /* Compact footer candidate, 2026-10-11. Scoped to existing footer22 only. */ .footer.footer22{font-family:Arial,sans-serif;padding-top:20px} .footer.footer22 .footer22-mast{gap:18px;padding-bottom:16px} .footer.footer22 .footer-grid{margin-top:14px;gap:18px} .footer.footer22 .footer-section summary{margin-bottom:6px} .footer.footer22 .footer-brand p,.footer.footer22 .social-link,.footer.footer22 .footer22-contacts,.footer.footer22 .footer22-contacts .text-link,.footer.footer22 .footer22-hours,.footer.footer22 .operator-details,.footer.footer22 .operator-details strong,.footer.footer22 .operator-details p,.footer.footer22 .operator-details address,.footer.footer22 .operator-details a,.footer.footer22 .footer-bottom,.footer.footer22 .footer-bottom a,.footer.footer22 .footer-bottom-note{font-family:Arial,sans-serif;font-size:13px;line-height:1.45} .footer.footer22 .operator-details{gap:8px 24px;margin-top:14px;padding-top:12px} .footer.footer22 .operator-details p{margin:2px 0} .footer.footer22 .footer-bottom{flex-wrap:nowrap;gap:8px 20px;margin-top:12px;padding-top:10px} .footer.footer22 .footer-bottom>*{white-space:nowrap} .footer.footer22 .footer-bottom-note{margin-left:auto} @media(max-width:700px){ .footer.footer22{padding-top:18px} .footer.footer22 .footer22-mast{gap:10px;padding-bottom:12px} .footer.footer22 .footer-grid{margin-top:8px;gap:0} .footer.footer22 .operator-details{margin-top:10px;padding-top:10px} .footer.footer22 .footer-bottom{flex-wrap:wrap;gap:0 14px;margin-top:10px;padding-top:8px} .footer.footer22 .footer-bottom>*{white-space:normal} .footer.footer22 .footer-bottom-copy,.footer.footer22 .footer-bottom-note{width:auto} .footer.footer22 .footer-bottom-note{margin-left:0} } @media(min-width:701px) and (max-width:820px){ .footer.footer22 .footer-bottom{flex-wrap:wrap} } /* R5 (решение владельца 12.10.2026, образец design/services-home-20261012/footer-r5.css): нижняя строка подвала и реквизиты. Одна строка, одна базовая линия, один шрифт Arial 13px/400 muted; имя ИП обычным весом (в тексте «ИП Дудник В. Н.»). Идёт последним: перекрывает компактный блок выше без !important (та же специфичность, позже по порядку). */ .footer.footer22 .operator-details, .footer.footer22 .operator-details :is(strong,p,address,a), .footer.footer22 .footer-bottom, .footer.footer22 .footer-bottom a, .footer.footer22 .footer-bottom > *{font:400 13px/20px Arial,sans-serif;color:var(--muted)} .footer.footer22 .operator-details strong{font-weight:400} .footer.footer22 .operator-details p{margin:0} .footer.footer22 .operator-details p + p{margin-top:2px} .footer.footer22 .footer-bottom{align-items:baseline;column-gap:20px} .footer.footer22 .footer-bottom > *{display:inline;min-height:0;align-self:baseline} .footer.footer22 .footer-bottom-note{margin-left:auto} .footer.footer22 :is(.footer22-contacts a[href^="mailto:"],.operator-details a,.footer-bottom a){color:inherit;text-decoration-line:underline;text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px} .footer.footer22 :is(.footer22-contacts a[href^="mailto:"],.operator-details a,.footer-bottom a):is(:hover,:focus-visible){text-decoration-thickness:2px} @media(max-width:700px){ .footer.footer22 .footer-bottom{row-gap:0;column-gap:10px} .footer.footer22 .footer-bottom > .footer-bottom-copy{width:auto} .footer.footer22 .footer-bottom > .footer-bottom-note{width:100%;margin-left:0} .footer.footer22 .footer-bottom a{display:inline-flex;align-items:center;min-height:44px} } @media(max-width:360px){ .footer.footer22 .footer-bottom > .footer-bottom-copy{width:100%} } /* R5: логотип подвала — точка-орб выравнивается по базовой линии текста (контейнер подвала центрировал элементы). */ .footer.footer22 .footer-brand .brand{align-items:baseline} /* End */ /* Start:/local/templates/suab/styles.css?179148970522*/ .suab-editor-marker{} /* End */ /* Start:/local/templates/suab/template_styles.css?179190773527065*/ .nav{height:76px;gap:20px}.nav-links{gap:4px}.nav-toggle{width:auto;min-width:70px;padding:0 12px;font-size:14px;font-weight:550;border-radius:9px;position:relative;transition:background .2s}.nav-toggle:hover,.nav-toggle[aria-expanded=true]{background:var(--surface2)}.nav-toggle[aria-expanded=true]:after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:2px;background:var(--accent);border-radius:2px}.nav-tools{gap:2px}.nav-tools>.icon-btn{width:40px;min-width:40px;height:44px}.header-contacts{display:flex;gap:18px;margin:0 8px}.header-call{display:grid;gap:1px}.header-call small{font-size:10px;letter-spacing:.025em;color:var(--muted)}.header-phone{font-size:14px;letter-spacing:-.01em}.message-dropdown>summary{display:flex;gap:8px;padding:0 15px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:13px;font-weight:650}.message-dropdown>summary:hover,.message-dropdown[open]>summary{border-color:var(--accent);background:var(--soft)}.message-dropdown>summary svg{width:19px;height:19px;color:var(--accent)}.contact-popover{padding:20px;gap:4px;top:calc(100% + 12px);border-radius:20px;width:310px}.contact-popover-title{display:grid;gap:2px;margin-bottom:12px}.contact-popover-title small{font-size:12px}.contact-phones{display:grid;gap:10px;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--line)}.contact-phones a{display:flex;align-items:center;justify-content:space-between;min-height:32px;font-size:16px;font-weight:600}.contact-phones small{font-size:11px;font-weight:400}.channel-item{padding:9px 8px;min-height:42px;border-radius:10px;font-size:14px;gap:10px}.channel-item>span:last-child:not(:first-child){margin-left:0}.channel-item:hover{background:var(--surface2)}.channel-item svg{width:21px;height:21px}.contact-popover>.text-link{justify-content:center;padding:10px}.menu-panel{top:75px;padding:24px;max-height:calc(100dvh - 92px);overflow:auto}.menu-shade{inset-block-start:76px}.company-menu{padding:8px;gap:16px}.mega-bottom{margin-top:16px;padding-top:16px}.simple-menu a{padding:18px}.brand small{margin-left:12px}body:has(dialog[open]){overflow:hidden}.advisor-dialog,.contact-dialog{padding:0;width:min(740px,calc(100% - 32px));max-width:740px;max-height:calc(100dvh - 32px);border-radius:22px;overflow:hidden}.advisor-dialog[open],.contact-dialog[open]{display:flex;flex-direction:column}.advisor-dialog>[data-advisor-close],.contact-dialog>.close-dialog{position:absolute;top:12px;right:12px;width:40px;height:40px;font-size:24px;background:var(--surface2);z-index:2}.brief-heading,.contact-heading{display:flex;gap:10px;align-items:center;padding:20px 64px 16px 24px;flex-shrink:0}.brief-heading h2,.contact-heading h2{font-size:21px!important;margin:0!important;padding:0!important;letter-spacing:-.03em}.brief-heading>span:last-child{font-size:12px;color:var(--muted);margin-left:auto}.brief-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--accent);font-size:22px;flex-shrink:0}.brief-mark svg{width:19px;height:19px}.advisor-form{display:flex;flex-direction:column;margin:0;min-height:0}.brief-progress{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:0 24px 14px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);flex-shrink:0}.brief-progress ol{list-style:none;display:flex;gap:16px;padding:0}.brief-progress li{position:relative}.brief-progress li[aria-current]{color:var(--accent);font-weight:700}.brief-progress li.is-done{color:var(--text)}.brief-progress li[aria-current]:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-15px;background:var(--accent)}.brief-body{padding:20px 24px;overflow:auto;min-height:0;overscroll-behavior:contain}.brief-body h3{font-size:25px;line-height:1.18;margin:0 0 8px;letter-spacing:-.035em}.brief-body h3:focus{outline:0}.brief-body .brief-hint{font-size:13px;line-height:1.45;color:var(--muted);margin:0 0 14px}.brief-body .brief-hint:last-child{margin:12px 0 0}.advisor-form fieldset{border:0;padding:0;margin:14px 0;min-width:0}.advisor-form fieldset:last-child{margin-bottom:0}.advisor-form legend{font-size:12px;line-height:1.4;font-weight:650;margin-bottom:8px}.brief-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brief-choices label{position:relative;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;min-height:44px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s}.brief-choices.with-detail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brief-choices.with-detail label{padding:15px 14px;min-height:78px}.brief-choices label:hover{border-color:var(--muted);background:var(--bg)}.brief-choices label:has(input:checked){border-color:var(--accent);background:var(--soft)}.brief-choices input{width:17px;height:17px;flex-shrink:0;accent-color:var(--accent);margin:0}.brief-choices strong{font-size:13px;line-height:1.25;font-weight:600;display:block}.brief-choices small{font-size:11px;line-height:1.35;display:block;margin-top:4px}.brief-choices label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.brief-fields .field,.brief-body>.field{font-size:12px}.brief-body .field input,.brief-body .field select{padding:10px 12px;border-radius:9px;font-size:14px;min-height:44px}.brief-body .field{gap:6px;font-size:12px}.optional{color:var(--muted);font-size:11px;font-weight:400}.brief-body .field .optional{display:none}.brief-footer{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:14px 24px;border-top:1px solid var(--line);flex-shrink:0;background:var(--surface)}.brief-footer .button{min-height:44px;padding:11px 24px;font-size:13px;border-radius:11px}.brief-back{padding:10px 0;min-height:44px;border:0;background:none;font-size:13px;color:var(--muted)}.brief-back:first-child{margin-right:auto}.brief-back:hover{color:var(--accent)}.advisor-error{font-size:12px;line-height:1.4;padding:0 24px 10px;color:var(--accent);margin:0;flex-shrink:0}.advisor-error:empty{display:none}.brief-summary{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.brief-summary>div{min-width:0;border-bottom:1px solid var(--line);padding-bottom:9px}.brief-summary dt{font-size:11px;color:var(--muted);margin-bottom:3px}.brief-summary dd{font-size:13px;font-weight:550;line-height:1.4;margin:0;overflow-wrap:anywhere}.brief-directions{padding:12px 14px;border-radius:11px;background:var(--bg);font-size:11px;color:var(--muted)}.brief-directions>div{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:6px}.brief-directions a{font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.advisor-result p{margin:0}.advisor-result h3{margin:0 0 8px}.contact-dialog{width:min(650px,calc(100% - 32px))}.contact-heading{padding-bottom:6px}.contact-dialog>#contact-context{font-size:12px;line-height:1.45;margin:0;padding:0 64px 16px 24px;border-bottom:1px solid var(--line);flex-shrink:0;max-height:76px;overflow:auto}.contact-body{padding:18px 24px 20px;min-height:0;overflow:auto;overscroll-behavior:contain}.contact-form .form-grid{gap:12px}.contact-form .field{font-size:12px;gap:5px;position:relative}.contact-form .field input,.contact-form .field select{min-height:44px;padding:10px 12px;border-radius:9px;font-size:14px}.contact-form .field textarea{min-height:65px;padding:10px 12px;font-size:14px;border-radius:9px;line-height:1.4}.contact-form .optional{position:absolute;right:0;top:0}.contact-form .contact-preference{grid-template-columns:1fr 1fr;align-items:center;margin:1px 0}.contact-form .consent{margin:13px 0;font-size:11px;line-height:1.5;gap:8px}.contact-form .consent input{margin-top:2px}.contact-form .button{min-height:44px;padding:11px 22px;border-radius:11px;font-size:13px}.contact-form .form-note{margin-top:8px;font-size:11px}.contact-more{border-top:1px solid var(--line);padding-top:14px;margin-top:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.contact-more>.text-link{border:0;padding:0;background:none;color:var(--accent);font-size:12px;min-height:30px}.contact-more>span{font-size:11px;color:var(--muted)}.contact-more .social-links{width:100%;margin:0;gap:7px}.contact-more .social-link{border:0;background:var(--bg);font-size:11px;min-height:35px;border-radius:9px;padding:7px 12px}.contact-more .social-link svg{width:16px;height:16px}.contact-brief{border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:14px;background:var(--bg)}.contact-brief strong{font-size:12px}.contact-brief p{font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}.contact-brief .text-link{font-size:11px;background:none;border:0;padding:4px 0;margin-top:4px;color:var(--accent)}.contact-form .form-status{padding:0;background:none;margin:0}.form-status h3{font-size:23px;line-height:1.2;margin-bottom:10px}.form-status>p{font-size:13px;color:var(--muted)}.form-status .prepared-message{min-height:140px;height:180px;max-height:30dvh;margin:14px 0;resize:vertical}.form-status .actions{margin:14px 0;gap:10px}.form-status>.text-link{border:0;background:none;padding:5px 0;font-size:12px;color:var(--accent)}@media(max-width:1150px){.nav{gap:12px}.nav-toggle{padding-inline:9px;min-width:60px;font-size:13px}.header-contacts{gap:10px;margin:0 3px}.header-call small{font-size:9px}.header-phone{font-size:13px}.message-dropdown>summary{padding:0 12px}.brand small{display:none}}@media(max-width:920px){.nav{height:68px}.nav-links{display:none}.contact-mobile-bar{display:none}.menu-shade{inset-block-start:68px}.mobile-nav{max-height:calc(100dvh - 68px)}.header-call{display:grid}.header-phone{display:block}.mobile-nav summary{padding:14px 0;font-size:19px}.mobile-nav>a{padding:14px 0;font-size:18px}.mobile-links{gap:12px}.mobile-toggle{display:inline-flex}}@media(max-width:640px){.nav{height:64px}.nav-tools{gap:0}.nav-tools>.icon-btn{width:36px;min-width:36px}.header-call{display:none}.header-contacts{margin-right:2px}.message-dropdown>summary{width:auto;height:40px;min-height:40px;padding:0 11px;border-radius:10px;gap:6px}.message-dropdown>summary>span{display:block;font-size:11px}.message-dropdown>summary svg{width:17px;height:17px}.contact-popover{top:72px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 84px)}.contact-mobile-bar{display:flex;padding-block:5px;font-size:11px}.mobile-nav{max-height:calc(100dvh - 94px)}.advisor-dialog,.contact-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.brief-heading,.contact-heading{padding:16px 56px 12px 17px;gap:8px}.brief-heading h2,.contact-heading h2{font-size:19px!important}.brief-heading>span:last-child{display:none}.advisor-dialog>[data-advisor-close],.contact-dialog>.close-dialog{top:11px;right:9px;width:36px;height:36px}.brief-progress{padding:0 17px 12px;gap:8px;font-size:10px}.brief-progress ol{gap:12px}.brief-progress li[aria-current]:after{bottom:-13px}.brief-body{padding:17px}.brief-body h3{font-size:22px}.brief-body .brief-hint{font-size:12px;margin-bottom:12px}.brief-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.brief-choices label{padding:9px;gap:7px}.brief-choices strong{font-size:12px}.brief-choices.with-detail label{padding:12px 10px;min-height:76px;gap:8px}.brief-choices.with-detail{gap:8px}.brief-choices small{font-size:10px}.brief-fields{gap:10px;margin-top:12px}.brief-fields .field{font-size:11px}.brief-body .field input,.brief-body .field select{font-size:16px;padding:9px;min-height:44px}.brief-footer{padding:12px 17px;gap:10px}.brief-footer .button{padding:10px 16px;font-size:12px}.brief-back{font-size:12px}.brief-summary{gap:9px 16px;margin:12px 0}.brief-summary dd{font-size:12px}.brief-summary dt{font-size:10px}.brief-directions{padding:10px 12px}.brief-directions a{font-size:11px}.advisor-error{padding-inline:17px}.contact-dialog>#contact-context{padding:0 50px 12px 17px;font-size:11px}.contact-body{padding:15px 17px}.contact-form .form-grid{grid-template-columns:1fr 1fr;gap:10px}.contact-form .field input,.contact-form .field select,.contact-form .field textarea{font-size:16px;padding:9px;min-height:44px}.contact-form .field textarea{min-height:64px}.contact-form .field{font-size:11px}.contact-form .contact-preference{grid-template-columns:1fr 1.2fr}.contact-form .optional{font-size:10px}.contact-form .consent{font-size:10px}.contact-form .form-note{font-size:10px}.contact-more{margin-top:12px;padding-top:10px;gap:6px}.contact-more .social-link{padding:7px 9px}.contact-more>span{font-size:10px}.contact-brief{padding:10px 12px;margin-bottom:12px}.contact-brief p{font-size:10px}.contact-brief strong{font-size:11px}.form-status h3{font-size:22px}.form-status>p{font-size:12px}}@media(max-width:360px){.header .brand{font-size:29px}.nav-tools>.icon-btn{width:33px;min-width:33px}.message-dropdown>summary{padding-inline:8px}.contact-form .form-grid{grid-template-columns:1fr}.brief-fields{grid-template-columns:1fr}.brief-progress ol{gap:8px}.brief-choices.with-detail small{display:none}.brief-choices.with-detail label{min-height:60px}}@media(max-height:720px) and (min-width:641px){.brief-heading,.contact-heading{padding-top:14px;padding-bottom:10px}.brief-body{padding-block:15px}.brief-choices.with-detail label{min-height:66px;padding-block:12px}.brief-summary{gap:7px 20px}.contact-body{padding-block:14px}.contact-form .field textarea{min-height:55px}.contact-more{margin-top:10px;padding-top:10px}.contact-form .consent{margin-block:10px}}.section{padding:56px 0}.section-sm{padding:32px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:clamp(30px,3.2vw,44px)}.kicker{margin-bottom:22px;padding-top:14px}.breadcrumbs{padding:14px 0}.page-intro{padding:18px 0 28px}.page-intro h1{font-size:clamp(36px,4.2vw,54px)}.page-intro .eyebrow,.section-head .eyebrow{margin-bottom:12px}.lead{margin-top:16px}.actions{margin-top:22px;gap:14px}.actions.section-sm{padding:0 0 20px;margin-top:0}.card{padding:24px}.card p{margin-top:12px}.service-card{min-height:260px}.service-symbol{margin:16px 0}.card-link{margin-top:22px}.compare-table th,.compare-table td{padding:16px 18px}.product-price{margin-top:18px;padding:16px 0}.contact-big{margin:16px 0 8px}.cta-section{padding:36px;gap:28px;margin:16px auto 48px}.cta-section h2{font-size:40px}.cta-section p{margin-top:16px}.footer{padding:40px 0 64px}.footer-bottom{padding-top:24px;margin-top:24px}.editorial-cover{min-height:140px}.editorial-copy{padding:22px}.cinema{min-height:0}.cinema h1{font-size:clamp(46px,4.7vw,64px)}@media(min-width:921px) and (max-height:800px){.cinema h1{font-size:58px}}@media(max-width:920px){.section{padding:44px 0}.section-sm{padding:28px 0}.card{padding:22px}.cta-section{padding:30px}.cinema h1{font-size:50px}}@media(max-width:760px){.cinema h1{font-size:clamp(40px,9.3vw,60px)}.cinema .actions{gap:15px}.cinema .button.primary{min-height:48px}}@media(max-width:700px){.section{padding:32px 0}.section-sm{padding:24px 0}.section-head{margin-bottom:20px}.section-head h2{font-size:32px}.section-head>p{margin-top:14px}.kicker{margin-bottom:18px;padding-top:12px}.breadcrumbs{padding:12px 0}.page-intro{padding:14px 0 24px}.page-intro h1{font-size:36px}.page-intro .lead{font-size:17px;margin-top:14px}.card{padding:20px}.service-card{min-height:240px}.service-card h3{font-size:27px}.compare-table th,.compare-table td{padding:12px 14px}.cta-section{padding:24px;margin-bottom:32px}.cta-section h2{font-size:32px}.cta-section .actions{margin-top:20px}.footer{padding:32px 0 80px}.editorial-cover{min-height:120px}.editorial-copy{padding:20px}}.header .brand small{max-width:none;width:90px;font-size:9px;line-height:1.4}.contact-dialog>#contact-context{max-width:none}.contact-form .field{font-size:13px}.contact-form .consent,.contact-form .form-note{font-size:12px}.brief-choices strong{font-size:14px}.brief-choices small{font-size:12px}.contact-more .social-link{min-height:40px;font-size:12px}@media(max-width:640px){.contact-form .field{font-size:12px}.contact-form .consent,.contact-form .form-note{font-size:11px}.brief-choices strong{font-size:13px}.brief-choices small{font-size:11px}.brief-progress{font-size:11px}.brief-progress ol{gap:9px}.contact-more>.text-link{font-size:12px}.contact-more>span{font-size:11px}.contact-brief p{font-size:11px}}.header .nav-toggle{white-space:nowrap}@media(min-width:921px){.header .nav{gap:16px}.header .nav-links{gap:2px}.header .nav-toggle{padding-inline:10px;min-width:64px}}@media(min-width:921px) and (max-width:1150px){.header .nav{gap:10px}.header .nav-links{gap:0}.header .nav-toggle{padding-inline:8px;min-width:56px;font-size:13px}.header .nav-tools{gap:0}.header .header-contacts{gap:8px;margin-inline:2px}}.comparison-section{padding-block:12px;scroll-margin-top:104px}.comparison-disclosure{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.comparison-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;padding:21px 25px;cursor:pointer}.comparison-disclosure>summary::-webkit-details-marker{display:none}.comparison-disclosure>summary:hover{background:var(--soft)}.comparison-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.comparison-disclosure-copy{display:grid;gap:5px;min-width:0}.comparison-disclosure-copy strong{font-size:20px;letter-spacing:-.025em;line-height:1.3}.comparison-disclosure-copy>span{font-size:14px;color:var(--muted);line-height:1.45}.comparison-disclosure-action{display:flex;gap:15px;align-items:center;font-size:14px;font-weight:600;color:var(--accent)}.disclosure-sign{position:relative;display:block;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;flex:none}.disclosure-sign:before,.disclosure-sign:after{content:'';position:absolute;top:14px;left:9px;width:12px;height:2px;background:currentColor;transition:transform .22s ease}.disclosure-sign:after{transform:rotate(90deg)}.comparison-disclosure[open]>summary .disclosure-sign:after{transform:rotate(0)}.comparison-disclosure>summary[aria-expanded=false] .disclosure-sign:after{transform:rotate(90deg)}.comparison-disclosure-content{padding:0 25px 25px;border-top:1px solid var(--line)}.comparison-disclosure-content>.compare-scroll{margin-top:20px;max-width:100%}.comparison-disclosure+.section{padding-top:36px}.external-link-hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.comparison-disclosure>summary{gap:12px;padding:18px}.comparison-disclosure-copy strong{font-size:18px}.comparison-disclosure-action{gap:8px}.comparison-disclosure-action>[data-disclosure-label]{display:none}.comparison-disclosure-content{padding:0 14px 14px}}@media(prefers-reduced-motion:reduce){.disclosure-sign:after{transition:none}}.comparison-disclosure .disclosure-close-label{display:none}.comparison-disclosure[open] .disclosure-open-label{display:none}.comparison-disclosure[open] .disclosure-close-label{display:inline}.comparison-disclosure>summary[aria-expanded=false] .disclosure-close-label{display:none}.comparison-disclosure>summary[aria-expanded=false] .disclosure-open-label{display:inline}.brand{color:var(--text);flex-shrink:0;min-height:44px;align-items:center}.brand em{color:#ff794b}.header .brand small{font-size:12px;line-height:1.3;width:auto;max-width:none;white-space:nowrap}.header-call small,.header-contact summary span,.contact-popover small,.platform-strip-label{font-size:12px}.editorial-card h3 a{display:inline-flex;align-items:center;min-height:44px}.contact-phones a{min-height:44px;display:flex;align-items:center}.contact-form .optional,.contact-form .form-note,.contact-more>span{font-size:12px}@media(max-width:600px){.header-contact summary span{font-size:12px}}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-block:24px;border-bottom:1px solid var(--line)}.proof-item{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px 24px;border-right:1px solid var(--line);min-height:132px}.proof-item:last-child{border-right:0}.proof-item span{font-size:14px;color:var(--muted)}.proof-item strong{font-size:23px;line-height:1.25;letter-spacing:-.03em}.proof-item small{font-size:12px;color:var(--muted)}.directory-code{font-size:12px;overflow-wrap:anywhere;color:var(--muted);margin-bottom:16px}.directory-pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:26px}.directory-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px}.directory-pagination a[aria-current]{background:var(--text);color:var(--bg)}.lead-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form[aria-busy=true]{opacity:.75}.consent{font-size:13px;line-height:1.5;align-items:center;min-height:44px}.consent input{flex:0 0 24px;width:24px;height:24px}.form-status h3{font-size:24px}.form-status p{margin-block:12px}.form-status .actions{margin-top:14px}.prepared-message{min-height:190px}.contact-form[data-state=error] .form-status{border-left:3px solid #c65632;padding-left:14px}.cinema{min-height:640px}.cinema .actions{gap:12px}body[data-template=home] .section{padding-top:56px;padding-bottom:56px}body[data-template=home] .section-head{margin-bottom:26px}body[data-template=home] .editorial-cover img{aspect-ratio:1.5;object-fit:cover}.editorial-card h3{font-size:21px}:is(.nav-toggle,.icon-btn,.text-link,.pill,.card-link,.brand-link,.header-phone,.header-contact summary,.footer-links a,.footer-bottom a,.breadcrumbs a,.contact-mobile-bar a,.film-chapters button){min-height:44px;display:inline-flex;align-items:center}.nav-toggle{padding-inline:8px}@media(max-width:920px){.proof-strip{grid-template-columns:1fr}.proof-item{min-height:0;padding:16px 4px;border-right:0;border-bottom:1px solid var(--line)}.proof-item:last-child{border-bottom:0}.proof-item strong{font-size:21px}.cinema h1{font-size:clamp(38px,7vw,60px)}}@media(max-width:600px){body[data-template=home] .section{padding-block:32px}.cinema{min-height:0}.cinema h1{font-size:40px}.proof-strip{padding-block:12px}.proof-item{gap:5px}.footer{padding-top:36px}.footer-grid{gap:22px}.footer-links{gap:0}.footer-bottom{gap:12px}.footer p{font-size:14px}.contact-mobile-bar a{font-size:14px}.section-head h2{font-size:31px}.editorial-copy{padding-top:16px}.header .nav{gap:12px}.nav-tools{gap:4px}}@media(prefers-reduced-motion:reduce){.cinema *{animation:none!important;transition:none!important}}.header .mobile-toggle{display:none}.editorial-cover img{object-fit:contain!important;background:#0b0d10}@media(max-width:920px){.header .mobile-toggle{display:inline-flex}}.home-service-list{border-top:1px solid var(--line)}.home-service-row{display:grid;grid-template-columns:70px 1fr 24px;gap:22px;padding:24px 8px;border-bottom:1px solid var(--line);align-items:center}.home-service-row h3{font-size:25px}.home-service-row p{margin-top:8px;color:var(--muted);font-size:16px}.home-service-row>svg{width:24px}.footer-section summary{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;list-style:none;margin-bottom:12px}.footer-section summary::-webkit-details-marker{display:none}.platform-strip-label,.channel-item{min-height:44px}.header .icon-btn{min-width:44px;min-height:44px;flex-shrink:0}.header .nav-tools{gap:2px}@media(max-width:700px){.home-service-row{grid-template-columns:42px 1fr 20px;gap:12px;padding:20px 0}.home-service-row h3{font-size:22px}.home-service-row p{font-size:16px;line-height:1.5}.footer-grid{display:block}.footer-brand{margin-bottom:22px}.footer-section{border-top:1px solid var(--line)}.footer-section summary{min-height:54px;margin:0;justify-content:space-between}.footer-section summary:after{content:'+';font-size:20px}.footer-section[open] summary:after{content:'−'}.footer-section .footer-links{padding-bottom:12px}.footer-bottom{margin-top:20px;padding-top:20px}.footer{padding-bottom:24px}.header .nav{gap:5px}.header-contact summary{padding:8px!important}.home-service-row .label{font-size:12px}}.cms-dynamic-region{min-width:0;width:100%}.cms-form-placeholder{min-height:72px;padding:20px}.home-service-row:hover{color:var(--accent)}body[data-template=home] [data-related] .grid:has(>.editorial-card:only-child){grid-template-columns:1fr}body[data-template=home] [data-related] .editorial-card:only-child{display:grid;grid-template-columns:1fr 2fr;align-items:center}@media(max-width:700px){body[data-template=home] .kicker{display:none}body[data-template=home] [data-related] .editorial-cover{display:none}body[data-template=home] [data-related] .editorial-card:only-child{display:block}body[data-template=home] [data-related] .editorial-copy{padding:20px}.cms-dynamic-region .consent{min-height:44px}.cinema .actions{margin-top:16px}}#panel:empty{display:none;}#panel{position:relative;z-index:1001;}.brand > [id^="bx_incl_area_"]{display:inherit;align-items:inherit;}.nav > [id^="bx_incl_area_"]{margin-left:auto;}@media (max-width: 920px){.nav > [id^="bx_incl_area_"]{display:none;}}.footer-bottom > [id^="bx_incl_area_"]{display:inherit;flex:1 1 auto;flex-direction:inherit;flex-wrap:inherit;justify-content:inherit;align-items:inherit;gap:inherit;}.proof-strip > [id^="bx_incl_area_"]{grid-column:1 / -1;display:inherit;grid-template-columns:inherit;gap:inherit;}.cta-section .eyebrow{color:#bcc3cf;}.wrap.meta{margin-bottom:20px;}#service-detail .article-body{max-width:850px;margin:auto;}.footer-brand > .text-link{margin-top:22px;}.builder-summary > .label{color:#bdc5d1;}.builder-summary > h3{margin-top:15px;}.editorial-prose iframe{max-width:100%}@media(max-width:700px){.workshop-page .cta-section{display:block;grid-template-columns:minmax(0,1fr)}.workshop-page .grid-3{grid-template-columns:minmax(0,1fr)}}main#main:has(.product-layout){font-family:var(--cb-text);}@media (max-width: 760px){nav.breadcrumbs.wrap{flex-wrap:wrap;gap:2px 8px;overflow:visible;padding-block:4px 6px;}nav.breadcrumbs.wrap > :nth-last-child(n + 4){display:none;}nav.breadcrumbs.wrap a:focus-visible{outline-offset:-4px;}nav.breadcrumbs.wrap > *{flex:0 0 auto;}nav.breadcrumbs.wrap > span:last-child{max-width:none;overflow:visible;text-overflow:clip;}#product-conditions{scroll-margin-top:calc(var(--suab-header-bottom, 128px) + 16px);}}@media (max-width: 760px){nav.breadcrumbs.wrap > :is(a,span[aria-current="page"]){max-inline-size:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}nav.breadcrumbs.wrap > a{display:block;block-size:44px;line-height:44px;}}@media (max-width: 340px){.header .nav,.header .nav-tools{gap:0;}.header .message-dropdown > summary{inline-size:44px;min-inline-size:44px;padding:0 !important;}.header .message-dropdown > summary > span{display:none;}} /* End */ /* /local/templates/suab/css/base.css?179187541339213 */ /* /local/templates/suab/css/ui-sprite.css?17914897054712 */ /* /local/templates/suab/css/shell-visual.css?179191967125981 */ /* /local/templates/suab/css/wayfinding.css?17914897052341 */ /* /local/templates/suab/css/f/native-selection.css?17911583012014 */ /* /local/templates/suab/css/f/content-kit.css?179188787824151 */ /* /local/templates/suab/css/f/r11-shell.css?17918389914777 */ /* /local/templates/suab/css/ui-effects.css?17917403725143 */ /* /local/templates/suab/css/f/design-recipes.css?17918212375270 */ /* /local/templates/suab/css/f/footer-design.css?179183671710045 */ /* /local/templates/suab/styles.css?179148970522 */ /* /local/templates/suab/template_styles.css?179190773527065 */