/* ---------- 1. База ---------- */
html, body { margin: 0; padding: 0; background: #f0f3f5; }
body { font-family: Geologica, system-ui, Arial, sans-serif; font-size: 15px; line-height: 1.45; color: #22262b; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #1f5c9e; text-decoration: none; }
a:hover { color: #123f70; text-decoration: underline; }
h1, h2, h3, h4 { margin: 0; font-weight: 700; text-wrap: pretty; }
p { margin: 0; }

input[type="range"] { accent-color: #f2c200; -webkit-appearance: none; appearance: none; background: transparent; }
input[type="range"]::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: transparent; }
input[type="range"]::-moz-range-track { height: 6px; border-radius: 999px; background: #d7dce1; }
input[type="range"]::-moz-range-progress { height: 6px; border-radius: 999px; background: #f2c200; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin-top: -8px; border-radius: 50%; background: #f2c200; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(20,25,30,.3); cursor: pointer; }
input[type="range"]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: #f2c200; border: 2px solid #fff; box-shadow: 0 1px 4px rgba(20,25,30,.3); cursor: pointer; }

.ph { background-image: repeating-linear-gradient(135deg, #dfe2e6 0 6px, #eef0f2 6px 12px); }
@keyframes shine { 0% { left: -45%; } 55%, 100% { left: 125%; } }
.hscroll { scroll-behavior: auto; }
.hscroll::-webkit-scrollbar { width: 0; height: 0; display: none; }

/* ---------- 2. Компоненты ---------- */
.u1{width:100%;min-width:320px;background:#f0f3f5;}
.u2{color:#4d5359;font-size:12px;border-bottom:1px solid #d2d6da; background-color: rgb(251, 253, 255) !important; border-bottom: 1px solid rgb(210, 214, 218);}
.u3{max-width:1300px;margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;}
.u4{display:flex;align-items:center;gap:6px;}
.u5{display:inline-block;width:11px;height:11px;background:#7a828a;border-radius:50% 50% 50% 0;transform:rotate(-45deg);}
.u6{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.u7{display:flex;align-items:center;gap:5px;}
.u8{color:#22262b;font-weight:700;}
.u9{color:#7a828a;}
.u10{margin-left:auto;display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;}
.u11{color:#1f5c9e;border-bottom:1px dotted #7ea2c6;text-decoration:none;display:inline-block;padding:6px 0;}
.u12{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #d7dbe0;box-shadow:0 1px 6px rgba(20,25,30,.08);min-height:82px;}
.u13{max-width:1300px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:16px;min-height:78px;}
.u14{display:flex;align-items:center;gap:12px;min-width:0;}
.u15{width:46px;height:46px;flex:0 0 46px;border:1px solid #d0d5da;border-radius:10px;display:flex;align-items:center;justify-content:center;font:9px/1.1 ui-monospace,monospace;color:#6b737b;text-align:center;}
.u16{min-width:0;}
.u17{font-size:19px;font-weight:700;letter-spacing:-.2px;color:#22262b;}
.u18{font-size:12px;color:#6b737b;}
.u19{flex:1;display:flex;align-items:center;gap:8px;}
.u20{display:flex;flex:1;justify-content:center;align-items:center;gap:4px;}
.u21{padding:8px 10px;font-size:14px;color:#22262b;text-decoration:none;}
.u21:hover{color:#22262b;text-decoration:underline;}
.u22{display:flex;align-items:center;height:46px;width:46px;flex:0 0 46px;padding:0;border:1px solid #dbdfe2;color:#22262b;font-size:14px;text-decoration:none;border-radius:50%;background:#f6f7f8;margin-left:auto;justify-content:center;}
.u22:hover{background:#fff8dd;border-color:#f2c200;}
.u23{width:44px;height:44px;border:1px solid #b9c0c7;background:#f6f7f8;border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;}
.u24{display:block;width:20px;height:2px;background:#22262b;box-shadow:0 -6px 0 #22262b,0 6px 0 #22262b;}
.u25{background:#f0f3f5;border-bottom:1px solid #dcdfe3;}
.u26{max-width:1300px;margin:0 auto;padding:36px 16px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;align-items:start;}
.u27{padding-top:8px;}
.u28{font-size:clamp(26px,3.4vw,42px);line-height:1.12;letter-spacing:-.6px;color:#1b1f24;}
.u29{margin-top:14px;font-size:16px;color:#4a5158;max-width:560px;}
.u30{margin-top:22px;display:grid;gap:8px;max-width:460px;}
.u31{background:#fff;border:1px solid #d0d5da;border-left:3px solid #f2c200;border-radius:10px;padding:12px 16px;}
.u32{font-size:20px;font-weight:700;color:#1b1f24;}
.u33{font-size:13px;color:#5a6169;}
.u34{background:#fff;border:1px solid #d0d5da;border-left:3px solid #3fb98a;border-radius:10px;padding:12px 16px;}
.u35{background:#fff;border:1px solid #d0d5da;border-left:3px solid #4a9df0;border-radius:10px;padding:12px 16px;}
.u36{background:#fff;border:1px solid #d0d5da;border-left:3px solid #ef8a6c;border-radius:10px;padding:12px 16px;}
.u37{background:#fff;border:1px solid #ccd2d8;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(20,25,30,.07);}
.u38{padding:20px;display:grid;gap:16px;}
.u39{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.u40{font-size:27px;color:#1b1f24;font-weight:400;}
.u41{font-size:18px;font-weight:700;}
.u42,.u45{width:100%;margin:8px 0 0;height:32px;background:linear-gradient(to right,#f2c200 0 13%,#d7dce1 13% 100%) no-repeat center/100% 6px;border-radius:999px;}
.u43{display:flex;justify-content:space-between;font-size:12px;color:#8a9199;}
.u44{font-size:27px;color:#1b1f24;text-transform:none;font-weight:400;}
.u46{background:#f4f5f7;border:1px solid #dfe2e6;border-radius:10px;padding:14px 16px;}
.u47{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.u48{font-size:14px;color:#4a5158;}
.u49{font-size:22px;font-weight:700;color:#1b1f24;}
.u50{margin-top:6px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6b737b;}
.u51{font-size:14px;}
.u52{margin-top:8px;font-size:14px;color:#8a9199;}
.u53{display:grid;gap:8px; grid-auto-flow: column;}
.u54{height:46px;padding:0 14px;border:1px solid #c3c9d0;background:#fff;font-size:15px;font-family:inherit;border-radius:8px;}
.u55{height:52px;border:0;background:#f2c200;color:#22262b;font-size:17px;font-weight:700;font-family:inherit;cursor:pointer;border-radius:8px;position:relative;overflow:hidden;}
.u55::before{content:'';position:absolute;top:0;left:-45%;width:34%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.72),rgba(255,255,255,0));transform:skewX(-18deg);animation:shine 2.8s ease-in-out infinite;pointer-events:none;}
.u55:hover{background:#d9ad00;}
.official-cabinet-login{margin-top:20px;padding:0 32px;max-width:100%;}
.u56{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#8d949b;cursor:pointer;}
.u57{margin:2px 0 0;width:16px;height:16px;flex:0 0 16px;accent-color:#c9ccd0;}
.u58{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#8d949b;cursor:pointer;margin-top:-8px;}
.u59{background:#fff;border-bottom:1px solid #dcdfe3;}
.u60{max-width:1300px;margin:0 auto;padding:48px 16px 52px;}
.u61{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.3px;}
.u62{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px;}
.u63{display:flex;align-items:center;}
.u64{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#f2c200;color:#22262b;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;position:relative;z-index:1;margin-right:-26px;box-shadow:0 2px 6px rgba(20,25,30,.12);}
.u65{flex:1;min-width:0;background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:24px 24px 24px 42px;box-shadow:0 2px 6px rgba(20,25,30,.07),0 10px 24px rgba(20,25,30,.06);}
.u66{font-size:17px;color:#101820;}
.u67{margin-top:10px;font-size:14px;line-height:1.5;color:#9aa1a8;}
.u68{border-bottom:1px solid #dcdfe3;}
.u69{max-width:1300px;margin:0 auto;padding:84px 16px 88px;}
.u70{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.3px;text-align:center;}
.u71{margin:24px auto 0;max-width:70%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;}
.u72{background:#fff;border:1px solid #dfe2e6;border-radius:12px;padding:24px;}
.u73{display:flex;align-items:center;justify-content:center;}
.u74{margin-top:16px;font-size:18px;text-align:center;}
.u75{margin-top:8px;font-size:14px;color:#5a6169;text-align:center;}
.u76{max-width:1300px;margin:0 auto;padding:48px 16px 52px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;}
.u77{font-size:clamp(20px,2.2vw,26px);}
.u78{margin-top:14px;display:grid;gap:12px;font-size:14px;line-height:1.6;color:#4a5158;}
.u79{font-size:16px;}
.u80{margin-top:14px;display:grid;gap:8px;}
.u81{border:1px solid #dfe2e6;border-radius:10px;background:#fafbfb;overflow:hidden;}
.u82{width:100%;text-align:left;padding:14px 16px;background:transparent;border:0;font-family:inherit;font-size:15px;font-weight:700;color:#22262b;cursor:pointer;display:flex;gap:12px;align-items:center;min-height:48px;}
.u83{flex:1;}
.u84{flex:0 0 auto;font-size:18px;color:#a67f00;}
.u85{padding:0 16px 16px;font-size:14px;line-height:1.6;color:#5a6169;}
.u86{display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.u87{display:inline-flex;flex:0 1 auto;width:auto;max-width:100%;flex-wrap:wrap;align-items:center;gap:12px;background:#fff;border:1px solid #dfe2e6;border-radius:10px;padding:10px 16px;}
.u88{font-size:26px;font-weight:700;line-height:1;}
.u89{font-size:20px;color:#ffb300;letter-spacing:2px;line-height:1;}
.u90{font-size:13px;color:#5a6169;white-space:nowrap;}
.u91{margin-left:auto;display:flex;gap:8px;}
.u92{width:46px;height:46px;padding:0;border:1px solid #cfd5da;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0;}
.u92:hover{background:#fff8dd;border-color:#f2c200;}
.u93{display:block;}
.u94{margin-top:16px;max-width:900px;font-size:14px;line-height:1.65;color:#6b737b;}
.u95{margin-top:24px;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;}
.u96{flex:0 0 clamp(272px,32.4%,452px);scroll-snap-align:start;background:#fff;border:1px solid #dfe2e6;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px;}
.u97{font-size:16px;font-weight:700;}
.u98{font-size:19px;color:#ffb300;letter-spacing:2px;line-height:1;}
.u99{font-size:14px;line-height:1.55;color:#4a5158;flex:1;}
.u100{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eef0f2;padding-top:10px;font-size:13px;color:#6b737b;}
.u101{font-weight:700;color:#22262b;}
.u102{margin-top:8px;font-size:14px;color:#6b737b;}
.u103{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px;}
.u104{border:1px solid #dfe2e6;border-radius:12px;background:#fafbfb;padding:18px;display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;}
.u104:hover{border-color:#f2c200;box-shadow:0 6px 18px rgba(20,25,30,.1);transform:translateY(-2px);color:inherit;text-decoration:none;}
.u105{display:flex;flex-direction:column;gap:12px;}
.u106{width:100%;height:72px;border:1px solid #d5dade;border-radius:8px;display:flex;align-items:center;justify-content:center;font:10px/1.2 ui-monospace,monospace;color:#6b737b;text-align:center;}
.u107{font-size:17px;}
.u108{font-size:17px;color:#ffb300;letter-spacing:2px;line-height:1.3;}
.u109{color:#6b737b;letter-spacing:0;font-size:13px;}
.u110{display:grid;gap:8px;background:#fff;border:1px solid #e6e9ec;border-radius:10px;padding:12px 14px;}
.u111{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid #f0f2f4;}
.u112{font-size:13px;color:#8a9199;}
.u113{font-size:14px;font-weight:700;text-align:right;}
.u114{display:flex;flex-wrap:wrap;gap:8px;}
.u115{font-size:12px;color:#2f5b86;background:#eef3f9;border:1px solid #d5e2ef;border-radius:999px;padding:4px 10px;}
.u116{font-size:12px;color:#8a6a05;background:#fdf7e3;border:1px solid #efe2b4;border-radius:999px;padding:4px 10px;}
.u117{font-size:12px;color:#2f6b47;background:#eef5f0;border:1px solid #d5e5da;border-radius:999px;padding:4px 10px;}
.u118{max-width:1300px;margin:0 auto;padding:36px 16px 40px;}
.u119{font-size:18px;}
.u120{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;}
.u121{flex:1 1 150px;min-width:140px;height:62px;background:#fff;border:1px solid #d5dade;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:10px 16px;}
.u122{max-width:100%;max-height:32px;width:auto;height:auto;display:block;object-fit:contain;}
.u123{background:#2b3138;color:#e4e7ea;}
.u124{max-width:910px;margin:0 auto;padding:48px 16px 52px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;align-items:center;}
.u125{font-size:clamp(22px,2.4vw,30px);color:#fff;letter-spacing:-.3px;}
.u126{margin-top:14px;font-size:14px;line-height:1.6;color:#b9c0c7;}
.u127{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;}
.u128{flex:0 1 220px;height:62px;border:1px solid #4a5158;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;padding:0 18px;text-decoration:none;}
.u128:hover{border-color:#f2c200;}
.u129{max-width:100%;max-height:30px;width:auto;height:auto;display:block;}
.u130{max-width:100%;max-height:28px;width:auto;height:auto;display:block;}
.u131{display:flex;justify-content:center;}
.u132{width:280px;max-width:100%;aspect-ratio:9/19.5;border:1px solid #4a5158;border-radius:28px;display:flex;align-items:center;justify-content:center;font:12px/1.4 ui-monospace,monospace;color:#4a5158;opacity:.5;}
.u133{background:#22262b !important;color:#a8b0b8;font-size:13px;}
.u134{max-width:1300px;margin:0 auto;padding:40px 16px 24px;display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,240px));gap:28px;}
.u134 > div{min-width:0;overflow-wrap:anywhere;}
.u134 > div:first-child{max-width:360px;}
@media (max-width:900px){
  .u134{grid-template-columns:repeat(2,minmax(0,1fr));}
  .u134 > div:first-child{grid-column:1 / -1;max-width:100%;}
}
@media (max-width:540px){
  .u134{grid-template-columns:minmax(0,1fr);}
}
.u135{width:46px;height:46px;border:1px solid #4a5158;border-radius:10px;display:flex;align-items:center;justify-content:center;font:9px/1.1 ui-monospace,monospace;color:#6b737b;opacity:.6;}
.u136{margin-top:12px;font-size:17px;font-weight:700;color:#fff;}
.u137{margin-top:8px;line-height:1.6;}
.u138{font-size:14px;font-weight:700;color:#fff;}
.u139{margin-top:12px;display:grid;gap:8px;}
.u140{color:#a8b0b8;text-decoration:none;display:block;padding:6px 0;}
.u140:hover{color:#fff;text-decoration:none;}
.u141{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;}
.u142{flex:0 0 auto;min-width:96px;height:40px;background:#fff;border:1px solid #4a5158;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:6px 10px;}
.u143{max-width:100%;max-height:22px;width:auto;height:auto;display:block;object-fit:contain;}
.u144{max-width:1300px;margin:0 auto;padding:0 16px 24px;}
.u145{border-top:1px solid #383e45;padding-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;}
.u146{color:#9ec7f0;text-decoration:none;}
.u146:hover{color:#fff;text-decoration:none;}
.u147{line-height:1.6;}
.u148{margin-top:20px;font-size:12px;color:#6b737b;line-height:1.6;}

/* ---------- 3. Состояния и адаптив ---------- */

/* мобильное меню */
.m-menu { border-top: 1px solid #e2e5e9; background: #fff; padding: 8px 16px 14px; }
.m-menu[hidden] { display: none; }
.m-menu__inner { max-width: 1300px; margin: 0 auto; display: grid; gap: 8px; }
.m-menu__link { padding: 10px 4px; border-bottom: 1px solid #eef0f2; color: #22262b; text-decoration: none; }
.m-menu__cabinet { display: flex; align-items: center; justify-content: center; height: 46px; margin-top: 4px; border: 1px solid #b9c0c7; background: #f6f7f8; color: #22262b; font-weight: 700; text-decoration: none; border-radius: 8px; }

/* FAQ: ответ скрыт, пока пункт не раскрыт */
.u81 .u85 { display: none; }
.u81.is-open .u85 { display: block; }

/* фиксированная кнопка */
.cta-fixed { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 12px 16px 16px; display: none; justify-content: center; pointer-events: none; }
.cta-fixed.is-visible { display: flex; }
.cta-fixed__btn { pointer-events: auto; display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 40px; background: #f2c200; color: #22262b; font-size: 17px; font-weight: 700; text-decoration: none; border-radius: 999px; box-shadow: 0 6px 20px rgba(20,25,30,.22); position: relative; overflow: hidden; }
.cta-fixed__btn::before { content: ''; position: absolute; top: 0; left: -45%; width: 34%; height: 100%; background: linear-gradient(100deg, rgba(255,255,255,0), rgba(255,255,255,.75), rgba(255,255,255,0)); transform: skewX(-18deg); animation: shine 2.8s ease-in-out infinite; pointer-events: none; }
.cta-fixed__btn:hover { background: #d9ad00; color: #22262b; text-decoration: none; }

/* планшет и мобильные */
@media (max-width: 1080px) {
  .u20 { display: none; }
  .u22 { display: none; }
  .u23 { display: flex; }
  .u62 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
  .u71 { max-width: 100%; }
  .u76 { grid-template-columns: minmax(0, 1fr); }
  .u90 { white-space: normal; }
}

@media (max-width: 640px) {
  .u69 { padding: 48px 16px 52px; }
  .u40, .u44 { font-size: 22px; }
}

/* ---------- 4. Интеграция темы Official с CMS ---------- */
body.theme-official { background: var(--official-bg); color: var(--official-ink); overflow-x: hidden; }
.theme-official .u1,
.theme-official .u25 { background: var(--official-bg); }
.theme-official .u2,
.theme-official .u12,
.theme-official .u31,
.theme-official .u34,
.theme-official .u35,
.theme-official .u36,
.theme-official .u37,
.theme-official .u59,
.theme-official .u65,
.theme-official .u72,
.theme-official .u87,
.theme-official .u92,
.theme-official .u96,
.theme-official .u110,
.theme-official .u121 { background-color: var(--official-surface); }
.theme-official .u17,
.theme-official .u21,
.theme-official .u28,
.theme-official .u32,
.theme-official .u40,
.theme-official .u44,
.theme-official .u49,
.theme-official .u61,
.theme-official .u66,
.theme-official .u77,
.theme-official .u88,
.theme-official .u97,
.theme-official .u101,
.theme-official .u107,
.theme-official .u113 { color: var(--official-ink); }
.theme-official .u31 { border-left-color: var(--official-accent); }
.theme-official .u34 { border-left-color: var(--official-accent-2); }
.theme-official .u55,
.theme-official .u64,
.theme-official .cta-fixed__btn { background: var(--official-accent); color: var(--official-ink); }
.theme-official .u55:hover,
.theme-official .cta-fixed__btn:hover { background: color-mix(in srgb, var(--official-accent) 84%, #000); }
.theme-official .u22 { color: var(--official-accent); }
.theme-official .u22:hover,
.theme-official .u92:hover,
.theme-official .u104:hover,
.theme-official .u128:hover { border-color: var(--official-accent); }
.theme-official .u84 { color: color-mix(in srgb, var(--official-accent) 70%, #5b4200); }
.theme-official .u123,
.theme-official .u133 { background: var(--official-dark); }
.theme-official input[type="range"] { accent-color: var(--official-accent); }
.theme-official input[type="range"]::-webkit-slider-thumb,
.theme-official input[type="range"]::-moz-range-thumb { background: var(--official-accent); }

.official-logo { color: inherit; text-decoration: none; }
.official-logo:hover { color: inherit; text-decoration: none; }
.official-logo__image { display: block; flex: 0 0 auto; width: auto; height: auto; max-width: none; max-height: none; }
.logo-text { display: flex; min-width: 0; flex-direction: column; }
.official-footer-logo { display: flex; align-items: center; gap: 12px; }
.official-footer-tagline { display: block; margin-top: 4px; color: #a8b0b8; font-size: 11px; line-height: 1.35; }
.lead-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.u54:focus-visible,
.u55:focus-visible,
.u82:focus-visible,
.u92:focus-visible,
.u23:focus-visible,
.cta-fixed__btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--official-accent) 65%, #fff); outline-offset: 2px; }
.cta-fixed__btn { border: 0; font-family: inherit; cursor: pointer; }
body.official-popup-open { overflow: hidden; }
.official-popup-open .cta-fixed { visibility: hidden; }
.official-lead-popup {
  width: min(520px, calc(100% - 24px)); max-width: none;
  max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px);
  margin: auto; padding: 0; border: 0; border-radius: 16px;
  background: var(--official-surface, #fff); color: var(--official-ink, #22262b);
  overflow: auto; overscroll-behavior: contain; box-shadow: 0 20px 70px rgba(0,0,0,.3);
}
.official-lead-popup::backdrop { background: rgba(20,25,30,.65); }
.official-popup-shell { position: relative; padding: 20px; }
.official-popup-title { padding-right: 44px; margin-bottom: 16px; font-size: 24px; }
.official-popup-close {
  position: absolute; top: 12px; right: 12px; width: 40px; height: 40px;
  border: 0; border-radius: 50%; background: var(--official-bg, #f0f3f5);
  color: inherit; font: 28px/1 system-ui; cursor: pointer;
}
.official-popup-close:focus-visible { outline: 2px solid var(--official-accent); outline-offset: 2px; }
.official-lead-popup .u37 { min-width: 0; box-shadow: none; }
.official-lead-popup .u54 { min-width: 0; width: 100%; }
@media (max-width: 480px) {
  .official-popup-shell { padding: 16px 12px; }
  .official-lead-popup .u38 { padding: 14px; }
}
.u55:disabled { cursor: wait; opacity: .72; }
.official-section-lead { margin-top: 10px; max-width: 760px; color: #6b737b; line-height: 1.6; }
.official-section-lead--center { margin-right: auto; margin-left: auto; text-align: center; }
.official-faq-lead { margin-top: 8px; color: #6b737b; }
.official-seo-copy .u78 > * + * { margin-top: 12px; }
.official-seo-copy .u78 p { font-size: 16px; }
.official-partner-logo { background: #fff; overflow: hidden; padding: 8px; }
.official-partner-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.official-offer-label { margin-top: 5px; color: #6b737b; font-size: 12px; }
.official-partner-legal { display: grid; gap: 3px; color: #6b737b; font-size: 11px; line-height: 1.4; }
.official-empty { grid-column: 1 / -1; padding: 24px; border: 1px solid #dfe2e6; border-radius: 12px; background: var(--official-surface); color: #6b737b; text-align: center; }
.official-page-head .u60 { padding-top: 42px; padding-bottom: 42px; }
.official-eyebrow { margin-bottom: 8px; color: #6b737b; font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.official-contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.official-contact-card { padding: 28px; }
.official-contact-value { display: block; margin-top: 12px; color: var(--official-ink); font-size: clamp(16px, 2vw, 22px); overflow-wrap: anywhere; }
.official-prose { font-size: 16px; line-height: 1.7; }
.official-prose > * + * { margin-top: 14px; }
.u126 > * + * { margin-top: 12px; }

@media (max-width: 640px) {
  .official-logo .u18 { display: none; }
  .u26 { padding-top: 26px; }
  .u53 { min-width: 0; }
  .u54 { width: 100%; min-width: 0; }
}