@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-cyrillic-v5.woff2) format("woff2-variations"),url(/fonts/inter-cyrillic-v5.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-v5.woff2) format("woff2-variations"),url(/fonts/inter-latin-v5.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{--ink:#15171C;--muted:#474D59;--muted2:#5A6170;--text2:#3A3F4A;--text3:#2B2F38;--line:#E2E5EA;--line2:#C9CED8;--line3:#AEB4C0;--accent:#2451E6;--accent-ink:#1E44C7;--soft:#EAF0FF;--tint:#F5F7FC;--bg:#fff;--page:#F5F6F8;--hover:#EBEDF1;--chip:#EEF0F3;--skel:#E8EBF0;--faint:#FAFBFC;--icon:#7A8090;--icon2:#9AA0AC;--ok:#1B6B34;--ok2:#1B7F3B;--ok-bg:#E6F4EA;--bad:#B3261E;--bad-bg:#FCEFEE;--bad-line:#E8C4C1;--shadow:rgba(20,30,60,.35);--top:rgba(255,255,255,.92);--glow:#E3EAFF;--band:#15171C;--frame:#DCE1EA;--dots:#D5D9E0;--card-hover:#CBD3E1;color-scheme:light}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#E9EBF0;--muted:#A6ACB8;--muted2:#9AA1AE;--text2:#C9CDD6;--text3:#D5D8DF;--line:#2A2E37;--line2:#3B404B;--line3:#555B68;--accent:#3B62F6;--accent-ink:#8FA9FF;--soft:#1D2849;--tint:#191C23;--bg:#121418;--page:#0C0E11;--hover:#1D2027;--chip:#252932;--skel:#2A2E37;--faint:#171A20;--icon:#8A90A0;--icon2:#7A8090;--ok:#7DD99A;--ok2:#6FCF8E;--ok-bg:#153022;--bad:#FF8F85;--bad-bg:#3A1D1B;--bad-line:#6B2C27;--shadow:rgba(0,0,0,.6);--top:rgba(18,20,24,.88);--glow:rgba(59,98,246,.22);--band:#18203D;--frame:#2F3440;--dots:#3B404B;--card-hover:#3B404B;color-scheme:dark}}
:root[data-theme=dark]{--ink:#E9EBF0;--muted:#A6ACB8;--muted2:#9AA1AE;--text2:#C9CDD6;--text3:#D5D8DF;--line:#2A2E37;--line2:#3B404B;--line3:#555B68;--accent:#3B62F6;--accent-ink:#8FA9FF;--soft:#1D2849;--tint:#191C23;--bg:#121418;--page:#0C0E11;--hover:#1D2027;--chip:#252932;--skel:#2A2E37;--faint:#171A20;--icon:#8A90A0;--icon2:#7A8090;--ok:#7DD99A;--ok2:#6FCF8E;--ok-bg:#153022;--bad:#FF8F85;--bad-bg:#3A1D1B;--bad-line:#6B2C27;--shadow:rgba(0,0,0,.6);--top:rgba(18,20,24,.88);--glow:rgba(59,98,246,.22);--band:#18203D;--frame:#2F3440;--dots:#3B404B;--card-hover:#3B404B;color-scheme:dark}

*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.top{border-bottom:1px solid var(--line);background:var(--bg)}.top .wrap{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.01em}
.menu{display:flex;flex-wrap:wrap;gap:4px 22px;flex:1 1 260px;font-size:15px;font-weight:500;color:var(--text2)}
.acts{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:15px;line-height:1.2;white-space:nowrap}
.btn.fill{background:var(--accent);color:#fff}.btn.big{min-height:52px;padding:0 26px;border-radius:10px;font-weight:700;font-size:17px}.btn.line{border:1px solid var(--line2);background:var(--bg)}
.hero{background:var(--tint)}.hero .wrap{padding-top:72px;padding-bottom:72px;display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.hero .txt,.hero .shot{flex:1 1 420px;min-width:0}
h1{margin:0;font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.03em}
.lead{margin:20px 0 0;font-size:19px;color:var(--muted);max-width:520px}.cta{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.hint{margin:16px 0 0;font-size:14px;color:var(--muted2)}
.shot{border-radius:16px;border:1px solid var(--frame);background:var(--bg);box-shadow:0 24px 48px -24px rgba(20,30,60,.25);overflow:hidden}
.dots{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}.dots i{width:10px;height:10px;border-radius:50%;background:var(--dots)}
.mock{display:flex;min-height:300px}.mock aside{width:30%;border-right:1px solid var(--line);padding:14px 10px;display:flex;flex-direction:column;gap:8px}.mock aside b{height:22px;border-radius:6px;background:var(--soft)}.mock aside i{height:10px;border-radius:4px;background:var(--skel)}
.mock div{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.mock em{display:block;height:16px;width:40%;border-radius:4px;background:var(--ink)}.mock .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0}.mock .g u{height:64px;border-radius:8px;border:1px solid var(--line)}.mock s{display:block;height:120px;border-radius:8px;border:1px solid var(--line);background:var(--faint)}.mock strong{display:block;height:30px;width:34%;border-radius:6px;background:var(--accent)}
section .wrap{padding-top:80px;padding-bottom:80px}h2{margin:0;font-size:36px;font-weight:800;letter-spacing:-.02em}.sub{margin:12px 0 40px;color:var(--muted);max-width:640px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{padding:24px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px}.card h3,.steps h3{margin:0;font-size:19px;font-weight:700}.card p,.steps p{margin:0;color:var(--muted);font-size:16px}
.ico{width:44px;height:44px;border-radius:10px;background:var(--soft);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
.tint{background:var(--tint)}.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px}.steps li{display:flex;flex-direction:column;gap:10px}.steps span{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--bg);font-weight:700;display:flex;align-items:center;justify-content:center}
.plan{padding:28px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:14px}.plan.main{border:2px solid var(--accent)}.plan h3{margin:0;font-size:20px;font-weight:700;display:flex;justify-content:space-between;gap:8px}.plan h3 small{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--soft);color:var(--accent-ink)}.price{font-size:32px;font-weight:800;letter-spacing:-.02em}.plan ul{margin:0;padding:0 0 0 20px;font-size:16px;color:var(--text3);flex:1}.plan .btn{min-height:48px;border-radius:10px;font-weight:700}
.dark{background:var(--band);color:#fff}.dark .wrap{padding-top:64px;padding-bottom:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.dark h2{font-size:32px;max-width:620px}.dark .btn{background:#fff;color:#15171C}
.bottom{border-top:1px solid var(--line);background:var(--faint);font-size:15px;color:var(--muted)}.bottom .wrap{padding-top:56px;padding-bottom:28px}.foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr);gap:40px 64px}.foot-brand p{margin:14px 0 20px;max-width:320px;line-height:1.55}.foot-brand .logo{color:var(--ink);text-decoration:none}.langs{display:inline-flex;align-items:center;gap:2px;padding:3px 3px 3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--icon)}.langs svg{margin-right:4px}.langs a,.langs span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:500}.langs a{color:var(--muted)}.langs a:hover{background:var(--hover);color:var(--ink);text-decoration:none}.langs span{background:var(--soft);color:var(--accent-ink);font-weight:600}.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.foot-h{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}.cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cols a{color:var(--muted)}.cols a:hover{color:var(--accent-ink);text-decoration:none}.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted2)}.foot-legal a{color:var(--muted2)}.foot-legal a:hover{color:var(--accent-ink)}.copy{margin:0}@media(max-width:820px){.foot{grid-template-columns:1fr}}@media(max-width:520px){.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom .wrap{padding-top:40px}.cols a{display:inline-block;padding:3px 0}}
@media(max-width:640px){h1{font-size:38px}h2{font-size:28px}section .wrap{padding-top:48px;padding-bottom:48px}.hero .wrap{padding-top:40px;padding-bottom:40px}}

/* Внутренние страницы: прежняя разметка шаблонов в оформлении «Ясный». */
.page{min-height:50vh}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.row{display:flex;flex-wrap:wrap;margin:0 -12px}
[class*="col-"]{flex:0 0 100%;max-width:100%;min-width:0;padding:0 12px}
@media(min-width:768px){.col-sm-1{flex-basis:8.3333%;max-width:8.3333%}.col-sm-2{flex-basis:16.6667%;max-width:16.6667%}.col-sm-3{flex-basis:25.0000%;max-width:25.0000%}.col-sm-4{flex-basis:33.3333%;max-width:33.3333%}.col-sm-5{flex-basis:41.6667%;max-width:41.6667%}.col-sm-6{flex-basis:50.0000%;max-width:50.0000%}.col-sm-7{flex-basis:58.3333%;max-width:58.3333%}.col-sm-8{flex-basis:66.6667%;max-width:66.6667%}.col-sm-9{flex-basis:75.0000%;max-width:75.0000%}.col-sm-10{flex-basis:83.3333%;max-width:83.3333%}.col-sm-11{flex-basis:91.6667%;max-width:91.6667%}.col-sm-12{flex-basis:100.0000%;max-width:100.0000%}.col-sm-offset-1{margin-left:8.3333%}.col-sm-offset-2{margin-left:16.6667%}.col-sm-offset-3{margin-left:25.0000%}.col-sm-offset-4{margin-left:33.3333%}}
@media(min-width:992px){.col-md-1{flex-basis:8.3333%;max-width:8.3333%}.col-md-2{flex-basis:16.6667%;max-width:16.6667%}.col-md-3{flex-basis:25.0000%;max-width:25.0000%}.col-md-4{flex-basis:33.3333%;max-width:33.3333%}.col-md-5{flex-basis:41.6667%;max-width:41.6667%}.col-md-6{flex-basis:50.0000%;max-width:50.0000%}.col-md-7{flex-basis:58.3333%;max-width:58.3333%}.col-md-8{flex-basis:66.6667%;max-width:66.6667%}.col-md-9{flex-basis:75.0000%;max-width:75.0000%}.col-md-10{flex-basis:83.3333%;max-width:83.3333%}.col-md-11{flex-basis:91.6667%;max-width:91.6667%}.col-md-12{flex-basis:100.0000%;max-width:100.0000%}.col-md-offset-1{margin-left:8.3333%}.col-md-offset-2{margin-left:16.6667%}.col-md-offset-3{margin-left:25.0000%}.col-md-offset-4{margin-left:33.3333%}}
@media(min-width:1200px){.col-lg-1{flex-basis:8.3333%;max-width:8.3333%}.col-lg-2{flex-basis:16.6667%;max-width:16.6667%}.col-lg-3{flex-basis:25.0000%;max-width:25.0000%}.col-lg-4{flex-basis:33.3333%;max-width:33.3333%}.col-lg-5{flex-basis:41.6667%;max-width:41.6667%}.col-lg-6{flex-basis:50.0000%;max-width:50.0000%}.col-lg-7{flex-basis:58.3333%;max-width:58.3333%}.col-lg-8{flex-basis:66.6667%;max-width:66.6667%}.col-lg-9{flex-basis:75.0000%;max-width:75.0000%}.col-lg-10{flex-basis:83.3333%;max-width:83.3333%}.col-lg-11{flex-basis:91.6667%;max-width:91.6667%}.col-lg-12{flex-basis:100.0000%;max-width:100.0000%}.col-lg-offset-1{margin-left:8.3333%}.col-lg-offset-2{margin-left:16.6667%}.col-lg-offset-3{margin-left:25.0000%}.col-lg-offset-4{margin-left:33.3333%}}
.col-xs-12{flex-basis:100%;max-width:100%}
.page-block{padding:48px 0}.specialty-page{padding:64px 0;text-align:center}.page-heading{margin-bottom:28px}.page-heading h2,.page-heading h3{font-size:36px;font-weight:800;letter-spacing:-.02em;margin:0}.page-heading p{color:var(--muted)}
.space-top{margin-top:32px}.space-bottom{margin-bottom:32px}.double-space-top{margin-top:48px}.double-space-bottom{margin-bottom:48px}.double-padding-bottom{padding-bottom:64px}.no-padding-top{padding-top:0}
.heading{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.heading span{display:none}.heading.center,.text-center,.center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--muted)}.text-danger{color:var(--bad)}.text-success{color:var(--ok2)}.text-primary{color:var(--accent-ink)}.p-lg{font-size:18px}.p-sm,.small,small{font-size:14px}.light-weight{font-weight:500}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.feedback_url{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pull-right{float:right}.center-block{display:block;margin-left:auto;margin-right:auto}.list-unstyled,.list-inline{list-style:none;padding:0;margin:0}.list-inline li{display:inline-block;margin-right:12px}.img-thumbnail{max-width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.block-devider{margin-top:24px}
.page a:not(.btn){color:var(--accent-ink)}
.form-group{margin-bottom:16px;text-align:left}.form-group>label,.control-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}
.form-control,.select-style select{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}textarea.form-control{min-height:112px}.form-control:focus,.select-style select:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.input-lg{min-height:50px}
.has-error .form-control{border-color:var(--bad)}.has-error .help-block{color:var(--bad)}.help-block{display:block;margin:6px 0 0;font-size:14px;color:var(--muted)}.help-block:empty{display:none}
.input-group{display:flex;align-items:stretch;padding:0}.input-group .form-control{flex:1 1 auto;min-width:0}.input-group-addon{display:flex;align-items:center;padding:0 12px;border:1px solid var(--line2);border-left:0;border-radius:0 8px 8px 0;background:var(--tint);color:var(--muted);font-size:15px;white-space:nowrap}.input-group .form-control:not(:last-child){border-radius:8px 0 0 8px}
.form-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.form-inline .form-group{margin:0}.form-horizontal .form-group{display:block}.form-horizontal .control-label{max-width:100%;flex:none;padding:0}.form-horizontal .input-group,.form-horizontal .help-block{max-width:100%;flex:none;margin-left:0}
.login-form,.signup-form{max-width:420px;margin-left:auto;margin-right:auto}
input.btn,button.btn,a.btn{cursor:pointer;font-family:inherit}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff!important}.btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.btn-default2,.btn-info,.btn-outlined{background:var(--bg);border-color:var(--line2);color:var(--ink)!important}.btn-default2:hover,.btn-info:hover,.btn-outlined:hover{background:var(--tint);border-color:var(--line3)}.btn-danger{background:var(--bg);border-color:var(--bad-line);color:var(--bad)!important}.btn-danger:hover{background:var(--bad-bg);border-color:var(--bad)}.btn-icon{width:44px;padding:0}.btn .i{flex:none}.btn.center-block{display:flex;width:fit-content}.btn-transparent{background:var(--bg);color:var(--ink)!important;border-color:var(--bg)}.btn-sm{min-height:36px;padding:0 12px;font-size:14px}.btn-lg{min-height:52px;padding:0 26px;font-size:17px}.btn-block{display:flex;width:100%}.btn-center{display:flex;width:fit-content;margin:16px auto 0}.btn.disabled{opacity:.5;pointer-events:none}
.table{width:100%;border-collapse:collapse;font-size:15px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-weight:600}.table td.text-right{text-align:right}.table-striped tbody tr:nth-child(odd){background:var(--tint)}.table-hover tr:hover{background:var(--tint)}
.user-account .navigation{margin-bottom:20px}.user-account .navigation .heading{font-size:18px;text-align:left}.nav-tabs.vertical{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-tabs.vertical a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--ink)!important;font-weight:500}.nav-tabs.vertical a:hover{background:var(--tint);text-decoration:none}.nav-tabs.vertical .active a{background:var(--soft);color:var(--accent-ink)!important;font-weight:600}.nav-tabs .line{display:none}.gray-bg{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.pricing-plan{height:100%;padding:28px;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:12px}.pricing-plan.active{border:2px solid var(--accent)}.pricing-plan header h3{margin:0;font-size:20px;font-weight:700}.pricing-plan .body{display:flex;flex-direction:column;gap:14px;flex:1}.pricing-plan h4{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em}.pricing-plan h4 small{font-size:15px;font-weight:500}.pricing-plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1;font-size:15px}.pricing-plan .btn{margin-top:auto}.yearly{font-size:14px;color:var(--muted)}
.tooltipped{cursor:help}.icon-block{margin-bottom:24px}.icon-block h5{margin:0 0 6px;font-size:17px;font-weight:700}.featured-icon{display:none}
.info-box{background:var(--band);color:#fff;padding:40px 0;margin:32px 0}.info-box h3{margin:0;font-size:24px;font-weight:700}.info-box.gray{background:var(--tint);color:var(--ink);padding:56px 0}.info-box.gray h4{margin:0 0 8px;font-size:18px;font-weight:700}.info-box.gray p{margin:0 0 8px}.row>.table,.row>.heading{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}.row:has(>[class*="col-"]>.pricing-plan){row-gap:20px}.info-box .row{align-items:center;row-gap:16px}
.fa:before{font-style:normal;margin-right:4px}.btn .fa:before{margin-right:0}.fa-check:before{content:"✓";color:var(--ok2);font-weight:700}.fa-times:before{content:"×";color:var(--icon);font-weight:700}.fa-edit:before{content:"✎"}.fa-star-o:before{content:"☆"}.fa-user:before{content:"•"}.fa-angle-double-right:before{content:"»"}.fa-square-o:before{content:"☐"}.fa-check-square-o:before{content:"☑"}.fa-anchor:before{content:"⚓"}
.error-numb{font-size:96px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--accent);margin-bottom:12px}
.filters{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px;padding:0}.filters a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--tint);color:var(--ink)!important;font-weight:500}.filters .current a{background:var(--accent);color:#fff!important}.filters a:hover{text-decoration:none}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.grid-sizer{display:none}.gallery-grid .item[hidden]{display:none}.gallery-grid figure{position:relative;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.gallery-grid img{display:block;width:100%;height:auto}.gallery-grid figcaption{padding:10px 12px;font-size:14px;font-weight:600}.gallery-grid figcaption h3{display:none}.gallery-grid figcaption a{color:var(--accent-ink)}.gallery-grid figcaption a:after{content:"";position:absolute;inset:0}
.widget{padding:20px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.total{width:100%;font-weight:700}.pager{list-style:none;display:flex;gap:8px;padding:0}
@media(max-width:767px){.hidden-xs{display:none!important}.pull-right{float:none}.gray-bg{padding:18px}.page-heading h2{font-size:28px}}
@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}
@media(max-width:1199px){.visible-lg-block{display:none}}

/* Кабинет «Ясный» (/account): серый фон, белые панели, навигация слева, на телефоне вкладки. */
body.soft{background:var(--page)}.soft .bottom{background:var(--bg)}
.acc{display:grid;grid-template-columns:232px minmax(0,1fr);gap:32px;align-items:start;padding-top:40px;padding-bottom:72px}
.acc-nav{position:sticky;top:24px}.acc-nav-title{margin:0 0 10px;padding:0 12px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted2)}
.acc-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.page .acc-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text2)}
.acc-nav a .i{color:var(--icon)}.acc-nav a:hover{background:var(--hover);text-decoration:none}
.page .acc-nav a.on{background:var(--bg);color:var(--accent-ink);font-weight:600;box-shadow:0 0 0 1px var(--line)}.acc-nav a.on .i{color:var(--accent)}
.acc-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:20px;min-height:44px}
.acc-head h1{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.02em}
.panel{margin:0 0 20px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.note{margin:0 0 16px;padding:12px 16px;border-radius:8px;background:var(--soft);color:var(--accent-ink);font-size:15px;font-weight:500}.note.bad{background:var(--bad-bg);color:var(--bad)}
.sites{list-style:none;padding:0}.sites li{display:flex;align-items:center;gap:14px;padding:16px 20px;border-top:1px solid var(--line)}.sites li:first-child{border-top:0}
.site-ava{flex:none;width:40px;height:40px;border-radius:10px;background:var(--soft);color:var(--accent-ink);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.site-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.site-name{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:16px;font-weight:600;color:var(--ink)!important;overflow-wrap:anywhere}.site-name .i{width:15px;height:15px;color:var(--icon2);flex:none}.site-name:hover{color:var(--accent-ink)!important}
.site-meta{display:flex;gap:8px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--muted2);font-size:12px;font-weight:600}.tag .i{width:13px;height:13px}.tag.paid{background:var(--ok-bg);color:var(--ok)}.tag.bad{background:var(--bad-bg);color:var(--bad)}
.site-acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.site-acts form{margin:0}
.empty{padding:40px 24px;text-align:center;color:var(--muted)}.empty p{margin:0 0 16px}
.balance{padding:20px 24px;font-size:17px}.flush{overflow:hidden}.flush .table td{padding:14px 20px}.flush .table tr:last-child td{border-bottom:0}.nowrap{white-space:nowrap}
.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}.cols2 .panel{margin:0}
.form{padding:24px;max-width:520px;display:flex;flex-direction:column;gap:16px}.form.wide{max-width:none}.cols2 .form{max-width:none}.form h2{font-size:18px;font-weight:700;letter-spacing:0}.form>.btn{align-self:flex-start}
.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:14px;font-weight:600}.field.grow{flex:1 1 260px}.field.has-error .form-control{border-color:var(--bad)}
.steps-list{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;font-size:15px}.steps-list ul{margin:8px 0 0;padding:0 0 0 18px}code{font:14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--tint);padding:2px 6px;border-radius:6px}
.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
@media(max-width:860px){.acc{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:20px}.acc-nav{position:static;margin:0 -24px;overflow-x:auto;scrollbar-width:none}.acc-nav-title{display:none}.acc-nav ul{flex-direction:row;padding:0 24px;gap:6px;width:max-content}.page .acc-nav a{white-space:nowrap;min-height:40px;border-radius:999px;background:var(--bg);box-shadow:0 0 0 1px var(--line)}.acc-nav a .i{display:none}.page .acc-nav a.on{background:var(--accent);color:#fff;box-shadow:none}}
@media(max-width:640px){.top .wrap{gap:10px 16px}.menu{order:3;flex-basis:100%;gap:4px 18px}.acts{margin-left:auto}.acc-head h1{font-size:24px}.acc-head .btn{width:100%}.sites li{flex-wrap:wrap;padding:16px}.site-acts{width:100%;justify-content:stretch}.site-acts>*{flex:1}.site-acts .btn{width:100%}.site-acts form:has(.btn-icon){flex:none}.site-acts .btn-icon{width:44px}.form{padding:18px}.form>.btn{align-self:stretch}}
/* Списки выбора: своя стрелка с отступом. */
select{-webkit-appearance:none;appearance:none;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A6170' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;cursor:pointer;text-overflow:ellipsis}select[multiple],select[size]{padding-right:12px!important;background-image:none!important}
.checkout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.checkout .panel{margin:0}.co-line{display:flex;flex-direction:column;gap:2px}.co-line span{font-size:14px}.co-line strong{font-size:17px}
.inline-form .grow{flex:1 1 140px;width:auto;min-width:0}.inline-form .form-control.grow{width:1px}.co-sum{width:100%;border-collapse:collapse;font-size:15px}.co-sum td{padding:6px 0}.co-sum td+td{text-align:right}.co-sum .total td{padding-top:12px;border-top:1px solid var(--line);font-size:18px;font-weight:700}
@media(max-width:860px){.checkout{grid-template-columns:minmax(0,1fr)}}
/* Витрина: живой макет в герое, галочки, вопросы. */
.top{position:sticky;top:0;z-index:20;background:var(--top);-webkit-backdrop-filter:saturate(1.6) blur(10px);backdrop-filter:saturate(1.6) blur(10px)}
.hero{background:radial-gradient(900px 420px at 85% 10%,var(--glow) 0,transparent 70%),var(--tint)}
.ticks{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:15px;color:var(--text3)}.ticks li{display:flex;align-items:center;gap:8px}.ticks li:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B7F3B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat;flex:none}
.shot{position:relative;overflow:visible}.shot>.dots,.shot>.mock{overflow:hidden}.shot>.dots{border-radius:16px 16px 0 0;align-items:center}.dots span{margin-left:10px;padding:3px 12px;border-radius:6px;background:var(--tint);font-size:12px;color:var(--muted2)}
.mock{border-radius:0 0 16px 16px}.mock aside{gap:4px;padding:12px 8px;background:var(--faint)}.mock aside span{padding:7px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock aside span.on{background:var(--soft);color:var(--accent-ink);font-weight:600}
.mock .mock-site{padding:14px;gap:12px}.mock-hero{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:110px;padding:14px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#1F6E43 0,#3FA36B 60%,#9ED8A8 100%)}.mock-hero b{font-size:17px;line-height:1.2}.mock-hero small{font-size:12px;opacity:.9}
.mock .g u{height:56px}.mock-lines{margin:0;display:flex;flex-direction:column;gap:7px}.mock-lines i{display:block;height:8px;border-radius:4px;background:var(--skel)}
.saved{position:absolute;right:-12px;bottom:28px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--bg);color:var(--ok);font-size:14px;font-weight:600;box-shadow:0 12px 28px -10px var(--shadow),0 0 0 1px var(--line)}
.card{transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--card-hover);box-shadow:0 12px 28px -18px var(--shadow)}
.plan ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.plan li{display:flex;gap:8px}.plan li:before{content:"✓";color:var(--accent);font-weight:700}
.narrow{max-width:820px}.faq{margin-top:28px;display:flex;flex-direction:column;gap:10px}.faq details{background:var(--bg);border:1px solid var(--line);border-radius:12px}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 20px;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-size:22px;font-weight:400;color:var(--accent);transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0;padding:0 20px 18px;color:var(--muted);font-size:16px}
@media(max-width:640px){.cta .btn{flex:1 1 100%}.saved{right:8px;bottom:-14px}.mock aside{display:none}.hero .wrap{gap:36px}}
/* Переключатель темы в шапке: луна в светлой теме, солнце в тёмной. */
.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text2);cursor:pointer}.theme-btn:hover{background:var(--hover)}.theme-btn .sun{display:none}
:root[data-theme=dark] .theme-btn .sun{display:block}:root[data-theme=dark] .theme-btn .moon{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn .sun{display:block}:root:not([data-theme=light]) .theme-btn .moon{display:none}}
img{color-scheme:normal}
/* Живой макет в герое: выбор пункта меню, сборка страницы, плашка «Сохранено». Цикл 10 с, только transform/opacity/цвет.
   Без анимации (prefers-reduced-motion или старый браузер) макет стоит в конечном виде. */
@media(prefers-reduced-motion:no-preference){
.shot{animation:okis-rise .7s cubic-bezier(.2,.7,.2,1) both}
.mock aside span:first-child{animation:okis-sel-off 10s .7s infinite both}.mock aside span.on{animation:okis-sel-on 10s .7s infinite both}
.mock-hero,.mock .g u{animation:okis-pop 10s .7s infinite both}.mock .g u:nth-child(1){animation-delay:.95s}.mock .g u:nth-child(2){animation-delay:1.1s}.mock .g u:nth-child(3){animation-delay:1.25s}
.mock-lines i{transform-origin:0 50%;animation:okis-line 10s 1.4s infinite both}.mock-lines i:nth-child(2){animation-delay:1.6s}.mock-lines i:nth-child(3){animation-delay:1.8s}
.saved{animation:okis-saved 10s .7s infinite both}
}
@keyframes okis-rise{from{opacity:0;transform:translateY(16px)}}
@keyframes okis-sel-off{0%,6%{background:var(--soft);color:var(--accent-ink)}9%,100%{background:transparent;color:var(--text2)}}
@keyframes okis-sel-on{0%,6%{background:transparent;color:var(--text2)}9%,100%{background:var(--soft);color:var(--accent-ink)}}
@keyframes okis-pop{0%,8%{opacity:0;transform:translateY(8px) scale(.97)}14%,90%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes okis-line{0%,6%{transform:scaleX(0)}16%,90%{transform:none;opacity:1}97%,100%{transform:none;opacity:0}}
@keyframes okis-saved{0%,40%{opacity:0;transform:translateY(10px) scale(.9)}44%{opacity:1;transform:scale(1.05)}47%,88%{opacity:1;transform:none}93%,100%{opacity:0;transform:translateY(4px)}}

/* Блог: список статей и статья. Ширина текста ~70 знаков, крупный кегль для чтения с телефона. */
.blog{padding-top:32px;padding-bottom:72px}.crumbs{font-size:14px;color:var(--muted2);margin-bottom:24px}.crumbs a{color:var(--accent-ink)}
.blog>h1,.post h1{font-size:44px;max-width:820px}.blog>.lead,.post .lead{max-width:720px}
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:40px}
.post-card{display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.post-card:hover{text-decoration:none;border-color:var(--card-hover)}
.post-card h3{margin:0;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.01em}.post-card p{margin:0;color:var(--muted);font-size:16px;flex:1}.post-card .more{font-size:14px;font-weight:600;color:var(--accent-ink)}
.post{max-width:760px}.post .meta{margin:12px 0 0;font-size:14px;color:var(--muted2)}
.toc{margin:32px 0 0;padding:20px 24px;border-radius:12px;background:var(--tint)}.toc p{margin:0 0 8px;font-weight:700}.toc ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px;font-size:16px}.toc a{color:var(--accent-ink)}
.prose{margin-top:32px;font-size:18px;line-height:1.7;color:var(--text3)}.prose h2{font-size:28px;line-height:1.25;margin:48px 0 16px;color:var(--ink);scroll-margin-top:16px}.prose h3{font-size:21px;margin:32px 0 12px;color:var(--ink)}
.prose p,.prose ul,.prose ol{margin:0 0 18px}.prose li{margin-bottom:8px}.prose a{color:var(--accent-ink);text-decoration:underline}.prose strong{color:var(--ink)}
.prose .note{padding:16px 20px;border-left:4px solid var(--accent);border-radius:0 10px 10px 0;background:var(--soft);color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:16px}.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.prose th{background:var(--tint)}
.post-cta{margin:56px 0 0;padding:32px;border-radius:16px;background:var(--tint);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.post-cta h2{font-size:26px}.post-cta p{margin:8px 0 0;color:var(--muted);max-width:520px}
.post-next{margin-top:64px}.post-next h2{font-size:28px}.post-next .post-list{margin-top:24px}.post-next>p{margin:24px 0 0}.post-next>p a{color:var(--accent-ink);font-weight:600}
@media(max-width:640px){.blog>h1,.post h1{font-size:32px}.prose{font-size:17px}.prose h2{font-size:24px}.post-cta{padding:24px}.prose table{display:block;overflow-x:auto}}
/* Схемы статей блога (tools/blog-figures.py): цвета из переменных темы, поэтому работают и в тёмной теме. */
.fig{margin:32px 0}.fig svg{display:block;width:100%;height:auto;font-family:inherit}.fig figcaption{margin-top:10px;font-size:14px;color:var(--muted2);text-align:center}
.post-card .fig{margin:0 0 6px;background:var(--tint);border-radius:10px}.post-card .fig svg{height:180px}
.f-tint{fill:var(--tint)}.f-box{fill:var(--bg);stroke:var(--line2);stroke-width:1.5}.f-box2{fill:var(--chip)}.f-bgr{fill:var(--bg)}.f-soft{fill:var(--soft)}.f-acc{fill:var(--accent)}
.f-accbox{fill:var(--soft);stroke:var(--accent);stroke-width:1.5}.f-dash{fill:none;stroke:var(--line3);stroke-width:1.5;stroke-dasharray:6 5}.f-none{fill:none;stroke:var(--line2);stroke-dasharray:6 5}.f-bad{fill:var(--bad)}
.f-ln{stroke:var(--line3);stroke-width:1.5}.f-ln2{stroke:var(--line);stroke-width:1}.f-ar{stroke:var(--icon);stroke-width:2}.f-arh{fill:var(--icon)}
.f-okbg{fill:var(--ok-bg)}.f-okln{stroke:var(--ok2)}.f-badbg{fill:var(--bad-bg)}.f-badln{stroke:var(--bad)}
.fig .ft{fill:var(--ink)}.fig .fm{fill:var(--muted)}.fig .fa{fill:var(--accent-ink)}.fig .fw{fill:#fff}.fig .fok{fill:var(--ok2)}