/*
Theme Name: SEO46
Theme URI: https://seo46.ru
Author: Веб-студия SEO46
Author URI: https://seo46.ru
Description: Тёмная тема для сайта веб-студии SEO46 — разработка, SEO-продвижение, контекстная реклама и поддержка сайтов. Портфолио, отзывы и команда управляются через ACF и кастомные типы записей.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: seo46
*/

/* ===================== FONTS ===================== */
@font-face { font-family:'Onest'; font-style:normal; font-weight:400; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:400; font-display:swap; src:url("fonts/onest-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:400; font-display:swap; src:url("fonts/onest-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:400; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/onest-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/onest-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/onest-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/onest-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/onest-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:'Onest'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/onest-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/onest-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Onest'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/onest-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:'Unbounded'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/unbounded-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:'Unbounded'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/unbounded-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/unbounded-vietnamese.woff2") format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/unbounded-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:500; font-display:swap; src:url("fonts/unbounded-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:'Unbounded'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/unbounded-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:'Unbounded'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/unbounded-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/unbounded-vietnamese.woff2") format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/unbounded-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:600; font-display:swap; src:url("fonts/unbounded-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:'Unbounded'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/unbounded-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:'Unbounded'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/unbounded-cyrillic.woff2") format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/unbounded-vietnamese.woff2") format('woff2'); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/unbounded-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Unbounded'; font-style:normal; font-weight:700; font-display:swap; src:url("fonts/unbounded-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; }

/* ===================== DESIGN TOKENS ===================== */
:root{
  --bg:#0b0f0d;
  --bg-soft:#10150f;
  --bg-soft-2:#141a13;
  --surface:rgba(255,255,255,.035);
  --surface-hover:rgba(255,255,255,.065);
  --border:rgba(255,255,255,.09);
  --border-hover:rgba(255,255,255,.2);
  --text:#eef2ee;
  --text-dim:#9db0a4;
  --text-faint:#6f7d74;
  --green:#4fae44;
  --green-light:#5dc24c;
  --green-glow:rgba(79,174,68,.35);
  --gold:#f4c220;
  --violet:#7c6cf0;
  --cyan:#3fd7c4;
  --radius-xl:12px;
  --radius-lg:10px;
  --radius-md:8px;
  --radius-sm:5px;
}

/* ===================== BASE ===================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}
body{margin:0;font-family:'Onest',system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;max-width:100%}
a{color:inherit;text-decoration:none}
input,textarea,button{font-family:inherit}
img{max-width:100%}
ul{list-style:none;margin:0;padding:0}

@keyframes sx-fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes sx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes sx-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes sx-blob-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.12)}}
@keyframes sx-blob-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,26px) scale(1.08)}}
@keyframes sx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes sx-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes sx-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* ===================== LAYOUT HELPERS ===================== */
.sx-wrap{max-width:1400px;margin:0 auto;padding:0 32px}
.sx-glass{background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.sx-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green-light);margin-bottom:16px}
.sx-eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none}
.sx-grad-text{background:linear-gradient(90deg,var(--green-light),var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ===================== HOVER (лишённая при конвертации в WP интерактивность) ===================== */
/* базовое: почти все карточки/кнопки/пилюли/иконки используют .sx-glass — подсветка рамки при наведении */
.sx-glass{transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s}
.sx-glass:hover{border-color:var(--border-hover)}
/* явный подъём для карточек (статистика, команда, тарифы, кейсы, отзывы, портфолио, доп.услуги) */
.sx-card-lift:hover{transform:translateY(-3px)}
.sx-card-lift-sm:hover{transform:translateY(-2px)}
/* крупные градиентные CTA-кнопки (без .sx-glass) */
.sx-cta-btn{transition:transform .2s,box-shadow .2s}
.sx-cta-btn:hover{transform:translateY(-2px)}
/* обычные текстовые ссылки (навигация, футер, соцсети) */
.sx-link-gold{transition:color .2s}
.sx-link-gold:hover{color:var(--gold)}
.sx-link-green{transition:color .2s}
.sx-link-green:hover{color:var(--green-light)}
.sx-social-icon{transition:transform .2s,filter .2s}
.sx-social-icon:hover{transform:translateY(-2px);filter:brightness(1.1)}
.sx-scale-hover{transition:transform .2s}
.sx-scale-hover:hover{transform:scale(1.06)}
/* зелёный уголок-стрелка на карточках «Другие услуги» */
.sx-extra-card{position:relative;overflow:hidden}
.sx-extra-corner{position:absolute;right:0;bottom:0;width:44px;height:44px;background:var(--green);clip-path:polygon(100% 0,100% 100%,0% 100%);transition:width .3s ease,height .3s ease;pointer-events:none}
.sx-extra-card:hover .sx-extra-corner{width:68px;height:68px}
.sx-extra-arrow{position:absolute;right:10px;bottom:10px;color:#fff;font-size:14px;font-weight:700;opacity:0;transform:translate(-6px,0);transition:opacity .25s,transform .25s;pointer-events:none}
.sx-extra-card:hover .sx-extra-arrow{opacity:1;transform:translate(0,0)}

/* ===================== BENTO PORTFOLIO CARDS ===================== */
.sx-bento-grid{display:grid;grid-template-columns:2.15fr 1fr 1fr;column-gap:20px;row-gap:24px;margin-bottom:44px}
.sx-bento-grid:last-child{margin-bottom:0}
.sx-bento-card{position:relative;display:block;border-radius:16px;background:#15171b;overflow:visible;cursor:pointer;transition:transform .35s ease}
.sx-bento-card:hover{transform:translateY(-8px)}
.sx-bento-frame{position:relative;height:100%;border-radius:16px;overflow:hidden;background:#0f1012;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.sx-bento-bar{height:22px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#1c1e22}
.sx-bento-dot{width:8px;height:8px;border-radius:50%;flex:none}
.sx-bento-viewport{position:relative;height:calc(100% - 22px);overflow:hidden;background-repeat:no-repeat;background-size:100% auto;background-position:top center;transition:background-position 6s ease}
.sx-bento-card:hover:not(:has(.sx-bento-phone:hover)) .sx-bento-viewport{background-position:bottom center}
.sx-bento-grad{position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(to top,rgba(10,11,13,.75),rgba(10,11,13,0));pointer-events:none}
.sx-bento-phone{position:absolute;right:-14px;bottom:-18px;width:108px;z-index:2;transform:rotate(-10deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.sx-bento-phone:hover{transform:rotate(0deg) translate(4%,-6%) scale(1.05)}
.sx-bento-phone-body{background:#0a0a0a;border-radius:22px;padding:7px;box-shadow:0 20px 40px -10px rgba(0,0,0,.6)}
.sx-bento-phone-viewport{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:9/19.5;background-repeat:no-repeat;background-size:100% auto;background-position:top center;transition:background-position 18s ease}
.sx-bento-phone:hover .sx-bento-phone-viewport{background-position:bottom center}
.sx-bento-text{margin-top:14px;font-weight:600;font-size:15px;line-height:1.35;color:var(--text)}
.sx-bento-tag{margin-top:6px;display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:6px;background:var(--green-glow);color:var(--green-light);font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:600;font-size:11px}

.sx-bento-0,.sx-bento-1,.sx-bento-2,.sx-bento-3{display:flex;flex-direction:column}
.sx-bento-0{grid-column:1;grid-row:1/3}
.sx-bento-0 .sx-bento-card{aspect-ratio:560/594}
.sx-bento-0 .sx-bento-phone{width:150px}
.sx-bento-1{grid-column:2;grid-row:1}
.sx-bento-1 .sx-bento-card{aspect-ratio:1/1}
.sx-bento-2{grid-column:3;grid-row:1}
.sx-bento-2 .sx-bento-card{aspect-ratio:1/1}
.sx-bento-3{grid-column:2/4;grid-row:2}
.sx-bento-3 .sx-bento-card{aspect-ratio:540/260}

/* ===================== CAROUSEL (отзывы на главной) ===================== */
.js-carousel-track{transition:transform .35s ease}
.sx-carousel-item-3{flex:0 0 calc((100% - 48px)/3)}
.js-carousel-prev,.js-carousel-next{transition:opacity .2s,border-color .2s}
.js-carousel-prev[data-disabled],.js-carousel-next[data-disabled]{opacity:.4;cursor:default}

/* ===================== FORMS (WP defaults reset) ===================== */
.sx-glass input[type=text],.sx-glass input[type=tel],.sx-glass input[type=email],.sx-glass textarea{-webkit-appearance:none;appearance:none}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--green-light);outline-offset:2px}

.sx-select{-webkit-appearance:none;appearance:none;width:100%;background-color:rgba(255,255,255,.04);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237a8a7d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:15px 40px 15px 18px;color:var(--text);font-size:15px;font-family:inherit;outline:none;cursor:pointer}
.sx-select option{background:#12160f;color:var(--text)}
.sx-form-label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px}
.sx-checkbox-row{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text-dim);cursor:pointer}
.sx-checkbox-row input{width:17px;height:17px;accent-color:var(--green);flex:none}

/* ===================== МОБИЛЬНОЕ МЕНЮ (бургер/аккордеон) ===================== */
.sx-mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:transparent;border:none;padding:0;cursor:pointer;flex:none}
.sx-mobile-menu-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.sx-mobile-menu-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sx-mobile-menu-toggle.is-active span:nth-child(2){opacity:0}
.sx-mobile-menu-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.sx-icon-title-row{display:flex;align-items:center;gap:14px}

/* ===================== СТАТЬИ: типографика тела статьи ===================== */
.seo46-article-body{font-size:16.5px;line-height:1.75;color:var(--text-dim)}
.seo46-article-body p{margin:0 0 22px}
.seo46-article-body h2{display:flex;align-items:baseline;gap:14px;font-family:'Unbounded',sans-serif;font-weight:600;font-size:24px;line-height:1.3;color:var(--text);margin:44px 0 16px}
.seo46-article-body h2 .sx-h2-num{color:var(--num-color,var(--green-light));font-size:20px;flex:none}
.seo46-article-body img{width:100%;height:auto;display:block;border-radius:var(--radius-lg);margin:8px 0 28px}
.seo46-article-body blockquote{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--radius-md);padding:22px 26px;margin:28px 0;font-style:italic;color:var(--text)}
.seo46-article-body blockquote p{margin:0}
.seo46-article-body ul,.seo46-article-body ol{margin:0 0 22px;padding-left:22px}
.seo46-article-body li{margin-bottom:8px}
.seo46-article-body strong{color:var(--text)}
.seo46-article-body a{color:var(--green-light);text-decoration:underline}
.seo46-article-body a:hover{color:var(--green)}

/* ===================== RESPONSIVE ===================== */
@media (max-width:900px){
  .sx-bento-grid{grid-template-columns:1fr !important;row-gap:32px !important;margin-bottom:32px !important}
  .sx-bento-0,.sx-bento-1,.sx-bento-2,.sx-bento-3{grid-column:1 !important;grid-row:auto !important}
  .sx-bento-0 .sx-bento-card,.sx-bento-1 .sx-bento-card,.sx-bento-2 .sx-bento-card,.sx-bento-3 .sx-bento-card{aspect-ratio:4/3 !important}
  .sx-bento-0 .sx-bento-phone{width:120px !important}
  .sx-wrap{padding-left:20px !important;padding-right:20px !important}
  .sx-topbar-inner{flex-wrap:wrap !important;justify-content:center !important;gap:12px !important;row-gap:10px !important}
  .sx-topbar-group{flex-wrap:wrap !important;justify-content:center !important;gap:14px !important;row-gap:10px !important}
  .sx-topbar-links,.sx-topbar-phones{flex-wrap:wrap !important;justify-content:center !important;row-gap:8px !important}
  .sx-header-inner{flex-wrap:nowrap !important;gap:14px !important;justify-content:space-between !important;position:relative !important}

  .sx-mobile-menu-toggle{display:flex !important}
  .sx-mobile-menu{
    display:none !important;
    position:absolute !important;top:100% !important;left:0 !important;right:0 !important;
    flex-direction:column !important;align-items:stretch !important;flex-wrap:nowrap !important;
    gap:0 !important;
    background:#0e120e;
    border-bottom:1px solid var(--border);
    padding:6px 20px 16px !important;
    box-shadow:0 18px 34px -14px rgba(0,0,0,.55);
    max-height:calc(100vh - 70px);overflow-y:auto;
  }
  .sx-mobile-menu.is-open{display:flex !important}
  .sx-mobile-menu-divider{display:none !important}
  .sx-mobile-menu-services,.sx-mobile-menu-links{display:flex !important;flex-direction:column !important;gap:0 !important;flex-wrap:nowrap !important;width:100%}
  .sx-mobile-menu-links{padding-top:4px}
  .sx-mobile-menu-services a,.sx-mobile-menu-links a{display:block !important;width:100% !important;text-align:left !important;background:transparent !important;border:none !important;border-bottom:1px solid var(--border) !important;border-radius:0 !important;padding:14px 4px !important;white-space:normal !important}
  .sx-mobile-menu-links a:last-child{border-bottom:none !important}

  .sx-hero-grid{grid-template-columns:1fr !important;gap:40px !important}
  .sx-hero-visual{order:-1}
  .sx-h1{font-size:38px !important}
  .sx-hero-number{font-size:88px !important}
  .sx-hero-circle-a{width:280px !important;height:280px !important}
  .sx-hero-circle-b{width:220px !important;height:220px !important}
  .sx-hero-badge{max-width:calc(100vw - 80px)}
  .sx-hero-badge-0{left:0 !important}
  .sx-hero-badge-1{right:0 !important}
  .sx-hero-badge-2{left:0 !important}

  .sx-grid-4{grid-template-columns:repeat(2,1fr) !important}
  .sx-grid-3{grid-template-columns:1fr !important}
  .sx-grid-5{grid-template-columns:repeat(2,1fr) !important}
  .sx-grid-2{grid-template-columns:1fr !important;gap:20px !important}
  .sx-carousel-item-3{flex:0 0 100% !important}
  .sx-works-header{flex-wrap:wrap !important;gap:16px !important}
  .sx-h2{font-size:28px !important}
  .sx-grid-contact{grid-template-columns:1fr !important;gap:32px !important}
  .sx-grid-footer{grid-template-columns:repeat(2,1fr) !important;gap:28px !important}

  .sx-cert-photo{width:100% !important;max-width:100% !important}

  .sx-3col-grid{grid-template-columns:1fr !important}
  .sx-2col-grid{grid-template-columns:1fr !important}
  .sx-5col-grid{grid-template-columns:repeat(2,1fr) !important;row-gap:20px !important}
  .sx-toc-grid{grid-template-columns:1fr !important}
}
@media (max-width:520px){
  .sx-wrap{padding-left:16px !important;padding-right:16px !important}
  .sx-h1{font-size:30px !important}
  .sx-hero-number{font-size:64px !important}
  .sx-grid-4{grid-template-columns:1fr !important}
  .sx-grid-5{grid-template-columns:1fr !important}
  .sx-h2{font-size:24px !important}
  .sx-grid-footer{grid-template-columns:1fr 1fr !important;gap:26px 20px !important}
  .sx-grid-footer > div:nth-child(1),
  .sx-grid-footer > div:nth-child(4){grid-column:1 / -1 !important}
  .sx-back-to-top{right:16px !important;bottom:16px !important;width:46px !important;height:46px !important}

  .sx-btn-row-2{flex-wrap:nowrap !important;gap:10px !important}
  .sx-btn-row-2 > a{flex:1 1 0 !important;min-width:0 !important;justify-content:center !important;text-align:center !important;padding:13px 8px !important;font-size:13px !important;white-space:normal !important;gap:5px !important}

  .sx-btn-row-brief{gap:10px !important}
  .sx-btn-row-brief > span{flex:1 1 100% !important}
  .sx-btn-row-brief > a{flex:1 1 0 !important;min-width:0 !important;justify-content:center !important;text-align:center !important;padding:13px 8px !important;font-size:13px !important;white-space:normal !important}

  .sx-promo-card{padding:24px 22px !important}
  .sx-promo-actions{flex:1 1 100% !important;width:100% !important;justify-content:space-between !important}
  .sx-promo-actions a{white-space:normal !important;text-align:center !important}
}