/* ArtsNet.Store: общие стили маркетингового сайта. Структура и вид модулей — по образцу artplacer.com
   (шапка, page-header с диагональю, mod-data, mod-needs, отзыв, FAQ, призыв, подвал). Акцент — оранжевый конструктора. */
/* Шрифты PT Sans и PT Sans Narrow размещены на нашем сервере (/fonts/), чтобы IP посетителей не уходили в Google (152-ФЗ, ст. 12). Лицензия SIL OFL 1.1. */
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-narrow-400-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-narrow-400-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-narrow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pt-sans-narrow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-narrow-700-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-narrow-700-cyrillic.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-narrow-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pt-sans-narrow-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#efebe8;--paper:#fdfdfa;--ink:#41464d;--muted:#8a8f98;--soft:#666;--dark:#121212;--accent:#e06e10;--accent-hover:#c85f09;--line:#dfdfdf;--footer:#1c1f23;--head:"PT Sans Narrow","Arial Narrow","Roboto Condensed",sans-serif;--body:"PT Sans","Segoe UI",Tahoma,Arial,sans-serif;--gap:7vw}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/26px var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--head);margin:0}
.container{width:calc(100% - 14vw);max-width:1104px;margin:0 auto}
.container.sm{max-width:770px}
.acc-only{display:none!important}
html.accounts-on .acc-only{display:inline-flex!important}
html.accounts-on form.acc-only{display:flex!important}
html.accounts-on .acc-hide{display:none!important}
/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 28px 16px;background:var(--accent);color:#fff;font:700 13px/15.6px var(--body);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border:0;border-radius:2px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:background .2s}
.btn:hover{background:var(--accent-hover)}
.btn-sm{padding:11px 30px 10px;line-height:26px;box-shadow:none}
.btn-o{background:transparent;border:1px solid currentColor;box-shadow:none;color:inherit}
.btn-o:hover{background:rgba(255,255,255,.12)}
.link-red{color:var(--accent);font-weight:700;text-decoration:none}
.link-red:hover{text-decoration:underline}
.link-more{color:var(--accent);font-weight:700;text-decoration:none}
.link-more:hover{text-decoration:underline}
/* верхняя полоса */
.book-sales{background:#000;color:#fff;text-align:center;font-size:13.6px;line-height:26px;padding:6px 44px;position:relative}
.book-sales a{color:#fff;font-weight:700}
.book-sales .x{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:20px;cursor:pointer}
/* шапка */
.site-header{position:absolute;left:0;right:0;top:40px;z-index:40;height:112px;color:#fff;transition:background .25s,box-shadow .25s,height .25s,top .25s}
.site-header .inner{display:flex;align-items:center;height:100%;width:calc(100% - 14vw);max-width:1104px;margin:0 auto;gap:34px}
.site-header .logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 26px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.site-header .logo img{width:26px;height:26px}
.menu{display:flex;gap:8px;margin:0 auto}
.menu>.m{position:relative}
.menu>.m>a,.menu>.m>button{font:700 14px/18px var(--body);text-transform:uppercase;color:inherit;text-decoration:none;background:none;border:0;padding:10px 7px;cursor:pointer}
.menu>.m:hover>a,.menu>.m:hover>button,.menu>.m:focus-within>button{color:var(--accent)}
.drop{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#fff;color:var(--ink);border-radius:4px;box-shadow:0 12px 36px rgba(0,0,0,.22);padding:22px 26px;gap:8px 34px;grid-template-columns:repeat(2,minmax(230px,1fr));width:max-content;max-width:94vw}
.drop::before{content:"";position:absolute;top:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-top:0;border-bottom-color:#fff}
.menu>.m:hover .drop,.menu>.m:focus-within .drop{display:grid}
.drop a{display:block;text-decoration:none;padding:10px 0}
.drop b{display:block;font-size:15px}
.drop span{display:block;color:var(--soft);font-size:14px;line-height:20px}
.drop a:hover b{color:var(--accent)}
.hdr-right{display:flex;align-items:center;gap:20px}
.hdr-right .btn-o{color:inherit}
.site-header.solid{position:fixed;top:0;height:69px;background:#fff;color:var(--ink);box-shadow:0 2px 14px rgba(0,0,0,.12)}
.site-header.solid .logo{color:var(--ink)}
.site-header.solid .btn-o{border-color:transparent}
/* page-header / первый экран */
.page-header,.main-intro{position:relative;color:#fff;background:#2a2622 var(--hero-img) center/cover no-repeat;padding:152px 0 150px;overflow:hidden;min-height:679px}
.page-header .bg-overlay,.main-intro .bg-overlay{position:absolute;inset:0;background:rgba(20,16,12,.52)}
.page-header::after,.main-intro::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:108px;background:var(--next-bg,#fff);clip-path:polygon(100% 0,0 100%,100% 100%)}
.page-header .container,.main-intro .container{position:relative;z-index:1}
.page-header .cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.page-header .eyebrow{display:block;font:700 12px/16px var(--body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.page-header h1{font-size:clamp(34px,4.5vw,58px);line-height:1.09;letter-spacing:.02em;margin:0 0 22px;max-width:15em}
.page-header p{font-size:18px;line-height:1.77;margin:0 0 26px;max-width:26em}
.page-header .actions{display:flex;align-items:center;gap:24px;margin-bottom:26px}
.page-header .watch{color:#fff;font:700 13px/15px var(--body);letter-spacing:.04em;text-decoration:none}
.page-header .watch::after{content:" →"}
.page-header .caption{font-size:13px;line-height:19px;margin:0}
.page-header .art{justify-self:end}
.page-header .art img{width:min(100%,430px);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.4);border:6px solid #111}
.page-header.center{text-align:center}
.page-header.center .cols{grid-template-columns:1fr}
.page-header.center h1,.page-header.center p{margin-left:auto;margin-right:auto}
.page-header.center .actions{justify-content:center}
.main-intro{min-height:400px;padding:152px 0 0}
.main-intro h1{font-size:clamp(34px,3.9vw,50px);line-height:1.1;text-align:center;margin:0}
.main-intro h2{font-size:25px;text-align:center;margin:12px 0 0}
/* mod-data: чередующиеся блоки картинка + текст */
.mod-data{background:#fff}
.mod-data .row{display:grid;grid-template-columns:minmax(0,636fr) minmax(0,488fr);gap:6vw;align-items:center;width:calc(100% - 14vw);max-width:1104px;margin:0 auto;padding:46px 0}
.mod-data .row.rev{grid-template-columns:minmax(0,488fr) minmax(0,636fr)}
.mod-data .row.rev .pic{order:2}
.mod-data .pic{aspect-ratio:636/520;background:#e9e6e2 center/cover no-repeat;border-radius:2px}
.mod-data h2,.mod-data h3{font-size:clamp(28px,2.8vw,36px);line-height:1.4;margin:0 0 29px}
.mod-data p{color:var(--muted);margin:0 0 20px}
.mod-data ul{color:var(--muted);margin:0 0 20px;padding-left:20px}
/* mod-needs: карточки планов */
.mod-needs{position:relative;padding:50px 0 90px;background:#fff}
.mod-needs::before{content:"";position:absolute;left:0;right:0;top:0;height:60%;background:#f1f1f1;clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}
.mod-needs h3{position:relative;text-align:center;font-size:clamp(28px,3.1vw,40px);margin:0 0 30px}
.mod-needs ul{position:relative;list-style:none;margin:0 auto;padding:0;display:flex;gap:30px;justify-content:center;flex-wrap:wrap}
.mod-needs li{width:400px;max-width:100%;background:#fff;text-align:center;padding:45px 30px 36px;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.mod-needs h4{font:700 24px/31px var(--body);text-transform:uppercase;margin:0 0 10px}
.mod-needs li p{font-size:20px;line-height:30px;color:var(--muted);margin:0 0 16px}
.mod-needs .price{font:700 52px/1 var(--head);color:var(--ink);margin:18px 0 6px}
.mod-needs .per{font-size:14px;color:var(--soft);margin-bottom:12px}
/* mod-features: плитки */
.mod-features{padding:70px 0;background:#fff}
.mod-features h3{text-align:center;font-size:clamp(28px,3.1vw,40px);margin-bottom:36px}
.mod-features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mod-features li{background:var(--bg);padding:30px 28px;border-radius:2px}
.mod-features h4{font:700 24px/30px var(--head);margin:0 0 8px}
.mod-features li p{margin:0 0 12px;color:var(--soft);font-size:15px}
/* отзыв */
.mod-super-testimonials{background:#fff;padding:60px 0;text-align:center}
.mod-super-testimonials blockquote{margin:0 auto;max-width:900px;font:700 clamp(22px,2.2vw,28px)/1.45 var(--head);color:var(--ink)}
.mod-super-testimonials cite{display:block;margin-top:16px;font:400 15px/22px var(--body);font-style:normal;color:var(--muted)}
.stub-note{display:inline-block;margin-bottom:14px;padding:3px 10px;border-radius:20px;background:#fff4e8;color:#8a4a10;font:400 12px/18px var(--body)}
/* вопросы и ответы */
.mod-qa{background:#fff;padding:90px 0}
.mod-qa h2{text-align:center;font-size:clamp(30px,3.14vw,40px);margin-bottom:46px}
.mod-qa .list{max-width:700px;margin:0 auto}
.mod-qa details{border-bottom:1px solid var(--line);padding:18px 0}
.mod-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font:700 20px/26px var(--body);color:var(--ink)}
.mod-qa summary::-webkit-details-marker{display:none}
.mod-qa summary::after{content:"+";font-size:26px;line-height:26px;color:var(--ink)}
.mod-qa details[open] summary::after{content:"\2212"}
.mod-qa p{margin:12px 0 0;color:var(--muted)}
/* призыв */
.try-today{position:relative;color:#fff;padding:150px 0;background:#3a312b var(--cta-img) 76% 0/cover no-repeat}
.try-today::before{content:"";position:absolute;inset:0;background:rgba(20,16,12,.45)}
.try-today .container{position:relative}
.try-today h3{font-size:clamp(30px,3.14vw,40px);line-height:1.3;margin:0}
.try-today p{font:700 20px/28px var(--body);margin:6px 0 28px}
/* подвал */
.site-footer{background:var(--footer);color:#fff;padding:75px 0}
.site-footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.site-footer h4{font:700 14px/20px var(--body);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;color:#fff}
.site-footer a{display:block;color:#fff;text-decoration:none;line-height:30px}
.site-footer a:hover{color:var(--accent)}
.site-footer .logo{display:inline-flex;align-items:center;gap:10px;font:400 26px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.site-footer .logo img{width:26px;height:26px}
.site-footer p{margin:0;color:#c9ccd0;font-size:14px}
.site-footer .bottom{border-top:1px solid #343840;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:#c9ccd0}
.site-footer .bottom a{display:inline;line-height:inherit}
/* cookie */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.18);padding:18px 24px;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}
.cookie[hidden]{display:none}
.cookie b{display:block}
.cookie span{color:var(--soft);font-size:14px}
/* главная */
.mod-benefits{background:#fff;padding:80px 0}
.mod-benefits h2{text-align:center;font-size:clamp(30px,3.14vw,40px);margin-bottom:18px}
.mod-benefits .lead{max-width:820px;margin:0 auto 50px;text-align:center;color:var(--muted);font-size:18px}
.mod-benefits .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.mod-benefits .card{display:flex;flex-direction:column;gap:10px}
.mod-benefits .card .pic{aspect-ratio:4/3;background:#e9e6e2 center/cover no-repeat;border-radius:2px}
.mod-benefits .card h3{font-size:24px}
.mod-benefits .card p{margin:0;color:var(--muted);font-size:15px;line-height:22px;flex:1}
.mod-media{background:var(--bg);padding:70px 0}
.mod-media .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;width:calc(100% - 14vw);max-width:1104px;margin:0 auto}
.mod-media .pic{aspect-ratio:16/10;background:#222 center/cover no-repeat;border-radius:2px;position:relative}
.mod-media .pic::after{content:"";position:absolute;inset:0;margin:auto;width:72px;height:72px;background:url(/frame/images/LOGO.png) center/contain no-repeat}
.mod-media h2{font-size:clamp(28px,2.8vw,36px);margin-bottom:16px}
.home-segment{background:#fff;padding:80px 0}
.home-segment h4{font:700 13px/16px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-align:center;margin-bottom:6px}
.home-segment h2{text-align:center;font-size:clamp(30px,3.14vw,40px);margin-bottom:40px}
.home-segment .two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.home-segment .box{background:var(--bg);padding:34px}
.home-segment .box h3{font-size:30px;margin-bottom:10px}
.home-segment .box p{color:var(--soft)}
.home-last{background:#fff;padding:70px 0;text-align:center}
.home-last h4{font:700 13px/16px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.home-last h2{font-size:clamp(30px,3.14vw,40px);margin:6px 0 16px}
.home-last p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px}
.hero-form{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.hero-form input{width:min(520px,100%);height:50px;padding:0 18px;border:0;border-radius:2px;font-size:16px}
/* блог, статьи */
.main-content{background:#fff;padding:70px 0}
.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.post-card h3{font-size:24px;line-height:1.2;margin:12px 0 6px}
.post-card .pic{aspect-ratio:16/10;background:#e9e6e2 center/cover no-repeat}
.post-card p{margin:0;color:var(--muted);font-size:15px}
.cats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.cats a{padding:8px 16px;border:1px solid var(--line);border-radius:30px;text-decoration:none;font-size:14px}
.article{max-width:760px;margin:0 auto}
.article h2{font-size:32px;margin:34px 0 12px}
.article p{color:var(--soft)}
/* страница цен */
.book-sales .talk{display:inline-block;margin-left:10px;padding:2px 10px;border:1px solid #fff;border-radius:4px;color:#fff;text-decoration:none;font-size:13px;line-height:20px}
.plan-type-buttons-wrapper{display:flex;justify-content:center;margin:16px 0 24px}
.plan-type-buttons{position:relative;display:inline-flex;padding:5px 8px;background:#fff;border:.67px solid var(--dark);border-radius:100px}
.plan-type-buttons button{position:relative;z-index:1;padding:4px 20px;border:0;background:none;font:700 16px/22px var(--body);color:var(--dark);border-radius:36px;cursor:pointer;min-width:78px}
.plan-type-buttons button.active{color:#fff}
.plan-type-buttons .marker{position:absolute;z-index:0;top:3px;left:8px;height:32px;width:78px;background:#181818;border-radius:36px;transition:.3s}
.plans-header{width:calc(100% - 14vw);max-width:1104px;margin:0 auto}
.plans-header>ul{list-style:none;margin:0;padding:0;display:flex;gap:24px}
.plans-header>ul[hidden]{display:none}
.plans-header[data-billing="yearly"] .p-monthly,.plans-header[data-billing="monthly"] .p-yearly{display:none}
.cmp-wrap[hidden]{display:none}
.plans-section{padding:0 0 30px}
.plan{position:relative;flex:1;display:flex;flex-direction:column;padding:32px;background:#fff;border:2px solid #fff;border-radius:20px}
.plan.current{border-color:var(--dark)}
.plan .badge{position:absolute;top:0;left:32px;background:#a97cef;color:#fff;font:700 11px/16px var(--body);letter-spacing:.5px;text-transform:uppercase;padding:4.5px 8px;border-radius:0 0 5px 5px}
.plan .title{font:700 24px/36px var(--body);color:var(--ink);margin-top:6px}
.plan .desc{color:var(--soft);min-height:78px}
.plan .feat{margin:0 0 22px;padding:0;list-style:none;flex:1}
.plan .feat li{position:relative;padding-left:22px;font-size:14px;line-height:22px;margin:0 0 8px;color:var(--ink)}
.plan .feat li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:5px;border-left:2px solid var(--dark);border-bottom:2px solid var(--dark);transform:rotate(-45deg)}
.plan .prices{display:flex;align-items:center;justify-content:space-between;padding:6px;background:#fafafa;margin-bottom:12px}
.plan .prices .amount{font:700 24px/32px var(--body);padding-left:6px}
.plan .prices .amount small{font:400 14px/20px var(--body);color:var(--soft)}
.plan .select-pricing select{height:32px;padding:0 32px 0 14px;font:400 14px var(--body);color:#000;background:#fff;border:.67px solid var(--line);border-radius:20px}
.plan .get_started{display:block;height:48px;text-align:center;font:700 16px/46px var(--body);color:var(--dark);background:#fff;border:.67px solid var(--dark);border-radius:5px;text-decoration:none}
.plan.current .get_started{background:var(--dark);color:#fff}
.plans-note{text-align:center;font-size:14px;margin:18px 0 0}
.comparison-table-section{background:var(--paper);padding:30px 0}
.comparison-table-section h2{text-align:center;font-size:clamp(28px,2.6vw,34px);margin:34px 0 28px}
.comparison-table-section .cmp-wrap{max-width:994px;margin:0 auto;overflow-x:auto}
.cmp{width:100%;min-width:760px;border-collapse:collapse;background:#fff}
.cmp th,.cmp td{padding:16px;border:1px solid var(--dark);font-size:16px;text-align:center;color:var(--dark);height:62px}
.cmp th:first-child,.cmp td:first-child{text-align:left}
.cmp thead th{font-weight:700}
.cmp .grp th{background:var(--bg);text-align:left;font-weight:700}
.cmp td.yes::before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--dark)}
.cmp td.yes{font-size:0}
.cmp td.no{color:#aaa}
.home-hero{min-height:860px;display:flex;align-items:center}
.home-hero .caption{margin-top:22px;max-width:none}
.home-hero .caption a{color:#fff}
.page-header .hero-form{margin:0 0 6px}
.mod-logos{background:#fff;padding:40px 0;text-align:center}
.mod-logos h3{font-size:24px;margin-bottom:16px}
.mod-logos ul{list-style:none;display:flex;gap:34px;justify-content:center;flex-wrap:wrap;padding:0;margin:0;color:var(--muted);font:700 20px/1 var(--head)}
.site-header.lite{background:#fff;color:var(--ink)}
.site-header.lite .logo{color:var(--ink)}
.site-header.lite .btn-o{border-color:var(--dark)}
.site-header.solid.lite .btn-o{border-color:var(--dark)}
.blog-head{background:#fff;padding:152px 0 24px;text-align:center}
.blog-head h1{font-size:clamp(40px,5vw,64px)}
.cats-bar{display:flex;justify-content:center;gap:30px;align-items:center;margin:34px auto 0;max-width:820px;border-bottom:1px solid var(--line);padding-bottom:20px;flex-wrap:wrap}
.cats-bar a{font:700 14px/18px var(--body);text-transform:uppercase;text-decoration:none;color:var(--ink)}
.cats-bar a.active,.cats-bar a:hover{color:var(--accent)}
.cats-bar .search{display:inline-flex;color:var(--ink)}
.featured{background:#fff;padding:30px 0 40px}
.featured .container{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;align-items:start;max-width:1056px}
.featured .pic img{width:100%;aspect-ratio:3/2;object-fit:cover}
.featured .cat,.post-head .cat{font:700 14px/18px var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.featured h2{font-size:clamp(28px,3vw,46px);line-height:1.2;margin:6px 0 20px}
.featured h2 a{text-decoration:none}
.featured p{color:var(--muted)}
.post-head{background:#fff;padding:152px 0 24px;text-align:center}
.post-head h1{font-size:clamp(34px,4vw,54px);line-height:1.15;margin:8px 0 12px}
.post-head .meta{color:var(--muted);margin:0}
.page-header .bg-overlay,.main-intro .bg-overlay{backdrop-filter:blur(3px)}
.plan .prices{flex-wrap:wrap}
.plan .prices .amount{font-size:19px;line-height:26px;white-space:nowrap}
.plan .prices .select-pricing{flex:1 1 130px;min-width:0}
.menu{align-items:center}
.menu>.m{display:flex;align-items:center}
.menu>.m>a,.menu>.m>button{display:block;box-sizing:border-box;height:38px;line-height:18px;margin:0;font-family:var(--body)}
.cmp td.yes{font-size:0}
.cmp td.yes::before{content:"";display:inline-block;width:18px;height:18px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23121212'/%3E%3Cpath d='M4.5 8.4l2.4 2.4 4.6-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.cmp tbody th[scope="row"]{font-weight:400;font-family:var(--body)}
.burger{display:none}
.btn .sm{display:none}
/* ───── планшет и телефон (до 1000 px): как на образце — белая шапка, бургер, одна колонка ───── */
@media(max-width:1000px){
  html.menu-open{overflow:hidden}
  .container,.site-header .inner,.mod-media .wrap,.plans-header{width:calc(100% - 50px)}
  .btn .lg{display:none}.btn .sm{display:inline}
  .book-sales{padding:6px 40px;line-height:22px}
  .site-header{position:sticky;top:0;height:69px;background:#fff;color:var(--ink);box-shadow:0 2px 14px rgba(0,0,0,.12)}
  .site-header.solid,.site-header.lite{position:sticky;top:0;height:69px;background:#fff;color:var(--ink)}
  .site-header .inner{width:calc(100% - 32px);gap:10px}
  .site-header .logo,.site-header.solid .logo,.site-header.lite .logo{color:var(--ink);font-size:18px;letter-spacing:.13em;gap:8px}
  .site-header .logo img{width:22px;height:22px}
  .hdr-right{margin-left:auto;gap:8px}
  .hdr-right .btn-sm{padding:9px 14px;font-size:12px;line-height:20px;white-space:nowrap}
  .hdr-right .btn-o,.site-header.solid .btn-o,.site-header.lite .btn-o{border-color:transparent;padding:9px 6px;color:var(--ink)}
  .burger{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:44px;margin-right:-6px;padding:0;background:none;border:0;cursor:pointer}
  .burger span,.burger span::before,.burger span::after{display:block;width:22px;height:2px;background:var(--ink);border-radius:1px;position:relative;content:""}
  .burger span::before{position:absolute;top:-7px;left:0}
  .burger span::after{position:absolute;top:7px;left:0}
  html.menu-open .site-header,html.menu-open .site-header.solid,html.menu-open .site-header.lite{background:#333;color:#fff;box-shadow:none}
  html.menu-open .site-header .logo{color:#fff}
  html.menu-open .hdr-right{display:none}
  html.menu-open .burger{width:69px;height:69px;margin:0 -16px 0 auto;background:#fff}
  html.menu-open .burger span{background:transparent}
  html.menu-open .burger span::before{top:0;transform:rotate(45deg)}
  html.menu-open .burger span::after{top:0;transform:rotate(-45deg)}
  .menu{display:none;position:fixed;left:0;right:0;top:69px;bottom:0;z-index:45;margin:0;background:#fff;color:var(--ink);overflow-y:auto;padding:0 0 200px;gap:0}
  html.menu-open .menu{display:block}
  .menu>.m{display:block;border-bottom:1px solid #ececec}
  .menu>.m>a,.menu>.m>button{display:block;width:100%;height:auto;margin:0;padding:15px 24px;text-align:left;font:700 16px/18px var(--body);text-transform:uppercase;color:var(--ink)}
  .menu>.m>button{pointer-events:none;cursor:default}
  .menu>.m:hover>a,.menu>.m:hover>button{color:var(--ink)}
  .drop{display:block!important;position:static;transform:none;box-shadow:none;border-radius:0;padding:0 24px 12px;width:auto;max-width:none}
  .drop::before{display:none}
  .drop a{padding:12px 0}
  .drop b{font-size:16px}
  .drop span{font-size:16px;line-height:24px;color:#666}
  /* первый экран */
  .page-header,.main-intro{padding:40px 0 100px;min-height:0}
  .page-header::after,.main-intro::after{height:60px}
  .page-header .cols{grid-template-columns:1fr;gap:26px}
  .page-header h1{font-size:44px;line-height:48px;letter-spacing:.01em;margin-bottom:16px}
  .page-header p{font-size:18px;line-height:1.77;margin-bottom:22px}
  .page-header .btn{padding:12px 16px;font-size:12px}
  .page-header .actions{gap:18px;margin-bottom:20px}
  .page-header .art{justify-self:center}
  .page-header .art img{width:min(78%,320px)}
  .page-header.center{text-align:left}
  .page-header.center h1,.page-header.center p{margin-left:0;margin-right:0}
  .page-header.center .actions{justify-content:flex-start}
  .main-intro{min-height:300px;padding-top:70px}
  .main-intro h1{font-size:30px;line-height:33px}
  .main-intro h2{font-size:22px}
  .home-hero{min-height:0}
  .hero-form{justify-content:flex-start}
  .hero-form input,.hero-form .btn{width:100%}
  /* блоки */
  .mod-data .row,.mod-data .row.rev{grid-template-columns:1fr;gap:26px;width:100%;padding:0 0 46px}
  .mod-data .row.rev .pic{order:0}
  .mod-data .pic{border-radius:0;aspect-ratio:375/307}
  .mod-data .row>div:last-child{padding:0 25px}
  .mod-data h2,.mod-data h3{font-size:30px;line-height:42px;margin-bottom:16px}
  .mod-needs{padding:40px 0 60px}
  .mod-needs li{width:100%}
  .mod-features ul,.mod-benefits .cards,.post-list{grid-template-columns:1fr 1fr}
  .mod-media .wrap,.home-segment .two{grid-template-columns:1fr}
  .mod-qa{padding:60px 0}
  .mod-qa h2,.mod-benefits h2,.home-segment h2,.home-last h2{font-size:30px;line-height:39px}
  .try-today{padding:40px 0 120px}
  .try-today h3{font-size:30px;line-height:40px}
  .site-footer .cols{grid-template-columns:1fr 1fr}
  .blog-head,.post-head{padding:40px 0 20px}
  .cats-bar{gap:14px 22px}
  .featured .container{grid-template-columns:1fr}
  /* баннер cookie */
  .cookie{flex-direction:column;align-items:stretch;gap:12px;padding:16px 25px}
  .cookie .btn{width:100%}
  /* цены */
  .plans-header>ul{flex-direction:column;gap:20px}
  .plan{padding:32px 24px}
  .plan .desc{min-height:0}
  .plan-type-buttons-wrapper{margin:16px 0}
  .comparison-table-section .container{width:calc(100% - 24px)}
  .cmp{min-width:0;table-layout:fixed}
  .cmp th,.cmp td{padding:8px;font-size:13px;height:auto}
  .cmp th:first-child,.cmp td:first-child{width:40%}
}
@media(max-width:600px){
  .mod-features ul,.mod-benefits .cards,.post-list,.site-footer .cols{grid-template-columns:1fr}
  .site-header .logo{font-size:16px;letter-spacing:.1em}
}
@media(max-width:1000px){
  .site-header .inner{width:calc(100% - 24px);gap:6px}
  .site-header .logo,.site-header.solid .logo,.site-header.lite .logo{font-size:15px;letter-spacing:.07em;gap:6px;min-width:0}
  .site-header .logo img{width:20px;height:20px}
  .hdr-right{gap:4px}
  .hdr-right .btn-sm{padding:8px 11px;font-size:11px;letter-spacing:.03em}
  .hdr-right .btn-o,.site-header.solid .btn-o,.site-header.lite .btn-o{padding:8px 6px}
  .burger{width:36px;margin-right:-4px}
}
@media(max-width:1000px){
  html.menu-open .site-header,html.menu-open .site-header.solid,html.menu-open .site-header.lite{position:fixed;top:0;left:0;right:0;z-index:50}
  html.menu-open .menu{z-index:49}
}
h1,h2,h3,h4{overflow-wrap:break-word;hyphens:auto}
@media(max-width:1000px){.page-header h1{overflow-wrap:anywhere}}
.plan .get_started{justify-content:center;align-items:center;width:100%;box-sizing:border-box}
.plan .desc{margin-bottom:18px}
.plan .prices{gap:8px}
.plan .prices .amount{min-width:0}
.plan .select-pricing select{max-width:100%}
/* ───── Типографика: межстрочные интервалы по умолчанию, чтобы заголовки не наследовали 26px от текста ───── */
h1,h2,h3{line-height:1.15}
.article ul{padding-left:20px;margin:0 0 16px}
/* ───── Телефон и планшет: размеры, жирность, интервалы и цвета текста по замерам образца при ширине 375 px ───── */
@media(max-width:1000px){
  .page-header h1,.blog-head h1,.post-head h1{font-size:44px;line-height:48px;letter-spacing:1.23px;font-weight:700}
  .post-head h1{line-height:48.4px}
  .page-header .eyebrow{font-size:14px;line-height:18px;letter-spacing:1px}
  .page-header .watch{font-size:12px;line-height:14.4px;letter-spacing:.6px;text-decoration:underline}
  .home-hero .btn{font-size:13px;line-height:26px;letter-spacing:.65px}
  .main-intro h2{font-size:22px;line-height:24.2px;letter-spacing:.22px}
  .mod-data h2,.mod-data h3{line-height:42px;letter-spacing:.2px}
  .mod-benefits h2,.mod-qa h2,.home-segment h2,.home-last h2{font-size:30px;line-height:39px}
  .home-last h2{font-family:var(--body)}
  .mod-benefits .lead{font-size:18px;line-height:32px;color:var(--ink)}
  .home-segment h4{font-size:14px;line-height:26px;letter-spacing:0}
  .home-segment .box h3{font:700 20px/28px var(--body)}
  .mod-qa p{color:var(--ink)}
  .try-today h3{letter-spacing:.2px}
  .try-today p{font-size:16px;line-height:24px}
  .home-last p{font-size:16px;line-height:24px}
  .site-footer .cols a{font-size:16px;line-height:30px}
  .site-footer p,.site-footer .bottom{font-size:13px;line-height:26px;color:#fff}
  .hdr-right .btn-sm{font-size:12px;letter-spacing:.05em}
  .cookie b{font-size:18px;line-height:24px;color:#212121}
  .cookie span{font-size:14px;line-height:20px}
  .cats-bar a{font-size:13px;line-height:26px;letter-spacing:.65px}
  .featured h2{font-size:30px;line-height:39px}
  .featured p{font-size:18px;line-height:30px;color:var(--ink)}
  .post-card h3{font-size:26px;line-height:33.8px}
  .post-card p{font-size:16px;line-height:26px;color:var(--ink)}
  .article h2{font-size:32px;line-height:41.6px}
  .article p,.article li{color:#2a2a2a}
  .article li{font-size:15.2px;line-height:24.3px}
  .cmp th,.cmp td{font-size:14px;line-height:24px}
}

/* Блок «Поделиться» под статьёй */
.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;max-width:760px;margin:0 auto;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.share-title{font:700 13px/1 var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:6px}
.share-bar a,.share-bar button{font:400 14px/1 var(--body);color:var(--ink);text-decoration:none;border:1px solid var(--line);background:#fff;padding:9px 14px;border-radius:20px;cursor:pointer}
.share-bar a:hover,.share-bar button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}

/* Значки соцсетей в подвале */
.site-footer .soc-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.site-footer .soc-row .soc{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;color:#fff}
.site-footer .soc-row .soc svg{width:24px;height:24px}
.site-footer .soc-row .soc-off{cursor:default}
.site-footer .soc-row a.soc:hover{color:var(--accent)}
/* Тарифы встраивания: вступление под заголовком */
.embed-plans h3{text-align:center;font-size:clamp(28px,3.1vw,40px);margin:0 0 16px;padding-top:40px}
.embed-plans .embed-lead{max-width:760px;margin:0 auto 28px;text-align:center;color:var(--soft)}

/* Блоки админки «Картинка / Галерея / Видео» на страницах сайта (копия стилей из manual.css; классы manual-* использует рендер CMS) */
.manual-figure {
  margin: 22px 0;
}
.manual-figure .figure-placeholder {
  width: 100%;
}
.manual-figure img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.manual-figure figcaption {
  margin-top: 10px;
  font-size: 0.9rem;
  color: #333;
  text-align: center;
  font-weight: 500;
  line-height: 1.4;
}
.manual-video video,
.manual-video iframe {
  display: block;
  width: 100%;
  aspect-ratio: var(--manual-video-aspect, 16 / 9);
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #000;
}
.manual-video iframe { border: none; }
.manual-video-transcript {
  margin-top: 10px;
  font-size: 0.9rem;
  color: #333;
}
.manual-video-transcript summary { cursor: pointer; color: #555; }

.manual-gallery {
  position: relative;
}
.manual-gallery-track {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  border-radius: 6px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.manual-gallery-track::-webkit-scrollbar {
  display: none;
}
.manual-gallery-track > .manual-gallery-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  aspect-ratio: var(--manual-gallery-aspect, auto);
  position: relative;
}
.manual-gallery-track img,
.manual-gallery-track video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.manual-gallery-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  color: #333;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.manual-gallery-arrow:hover,
.manual-gallery-arrow:focus-visible {
  background: #fff;
}
.manual-gallery-arrow--prev {
  left: 12px;
}
.manual-gallery-arrow--next {
  right: 12px;
}

@media (max-width: 640px) {
  .manual-video video,
  .manual-video iframe {
    aspect-ratio: var(--manual-video-aspect-mobile, var(--manual-video-aspect, 16 / 9));
  }
  .manual-gallery-track > .manual-gallery-slide {
    aspect-ratio: var(--manual-gallery-aspect-mobile, var(--manual-gallery-aspect, auto));
  }
}

/* Pages CMS editor properties (AI_MEMORY/PAGES_CMS_IMPLEMENTATION_PLAN.md
   "block properties"): text size/width/alignment and mobile-only crop,
   focus, fit, gallery layout and indicator. Purely additive - every rule is
   keyed on a class the renderer only emits when the editor set that
   property, so pages that never used them are unaffected. */
.cms-text-small { font-size: 0.9rem; }
.cms-text-large { font-size: 1.15rem; }
.cms-text-narrow { max-width: 34em; }
.cms-text-full { max-width: none; }
.cms-text-center { text-align: center; margin-left: auto; margin-right: auto; }
.cms-text-right { text-align: right; margin-left: auto; }
.cms-caption { font-size: 0.85rem; color: #666; }

.manual-gallery-indicator { display: flex; justify-content: center; gap: 6px; margin-top: 8px; font-size: 0.8rem; color: #666; }
.manual-gallery-indicator span { width: 7px; height: 7px; border-radius: 50%; background: #c9ccd3; }
.manual-gallery-indicator span.is-active { background: #e06e10; }
.manual-gallery-indicator b { font-weight: 700; color: #333; margin-right: 3px; }

@media (max-width: 640px) {
  .cms-m-text-small { font-size: 0.9rem; }
  .cms-m-text-large { font-size: 1.15rem; }
  .cms-m-text-narrow { max-width: 34em; }
  .cms-m-text-full { max-width: none; }

  .manual-figure--m-crop img {
    width: 100%;
    aspect-ratio: var(--manual-img-aspect-mobile);
    object-fit: cover;
    object-position: var(--manual-img-focus, 50% 50%);
  }
  .manual-video--m-cover video { object-fit: cover; }
  .manual-figure--m-bleed { margin-left: -16px; margin-right: -16px; }
  .manual-figure--m-bleed img,
  .manual-figure--m-bleed video,
  .manual-figure--m-bleed iframe,
  .manual-figure--m-bleed .manual-gallery-track { border-radius: 0; }
  .manual-gallery:not(.manual-gallery--m-single) .manual-gallery-track > .manual-gallery-slide { flex-basis: 88%; }
}