*{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;color:#0f172a;background:#f7f8fa;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.015em;color:#0f172a}li,ol,p,ul{margin:0;padding:0}textarea{resize:vertical}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.container-narrow{max-width:880px}.ua-bar{height:3px;background:-webkit-gradient(linear,left top,right top,color-stop(0,#0057b8),color-stop(50%,#ffd500));background:linear-gradient(to right,#0057b8 0 50%,#ffd500 50% 100%)}[hidden]{display:none!important}.logo{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.logo-mark{width:32px;height:32px;border-radius:9px;position:relative;background:#0f172a;display:-ms-grid;display:grid;place-items:center;overflow:hidden;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.logo-mark-blue{position:absolute;inset:0;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.logo-mark-yellow{position:absolute;right:5px;bottom:5px;width:9px;height:9px;background:#f5c518;border-radius:3px;-webkit-box-shadow:0 0 0 2px #fff;box-shadow:0 0 0 2px #fff}.logo-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.1}.logo-title{font-weight:800;font-size:15px;letter-spacing:-.01em}.logo-sub{font-size:11px;color:#64748b;letter-spacing:.02em}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;border-radius:999px;border:1px solid transparent;font-weight:600;cursor:pointer;-webkit-transition:background .15s,color .15s,border-color .15s,-webkit-transform 50ms,-webkit-box-shadow .15s;transition:background .15s,color .15s,border-color .15s,-webkit-transform 50ms,-webkit-box-shadow .15s;transition:background .15s,color .15s,border-color .15s,transform 50ms,box-shadow .15s;transition:background .15s,color .15s,border-color .15s,transform 50ms,box-shadow .15s,-webkit-transform 50ms,-webkit-box-shadow .15s;white-space:nowrap;text-decoration:none}.btn:active{-webkit-transform:translateY(.5px);-ms-transform:translateY(.5px);transform:translateY(.5px)}.btn-sm{padding:7px 14px;font-size:13px}.btn-md{padding:9px 16px;font-size:14px}.btn-lg{padding:13px 22px;font-size:15px}.btn-full{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-primary{background:#0f172a;color:#fff;-webkit-box-shadow:rgba(255,255,255,.1) 0 1px 0 inset,rgba(15,23,42,.18) 0 4px 12px;box-shadow:rgba(255,255,255,.1) 0 1px 0 inset,rgba(15,23,42,.18) 0 4px 12px}.btn-primary:hover{background:#1e293b}.btn-blue{background:#2563eb;color:#fff;-webkit-box-shadow:rgba(255,255,255,.15) 0 1px 0 inset,rgba(37,99,235,.25) 0 6px 16px;box-shadow:rgba(255,255,255,.15) 0 1px 0 inset,rgba(37,99,235,.25) 0 6px 16px}.btn-blue:hover{background:#1d4ed8}.btn-ghost{background:#fff;color:#0f172a;border-color:#e6e8ec}.btn-ghost:hover{border-color:#d6dae0;background:#f7f8fa}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid #e6e8ec;background:#fff;display:-ms-grid;display:grid;place-items:center}.tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.01em;background:#f7f8fa;color:#64748b;border:1px solid #e6e8ec}.tag-blue{background:#eff4ff;color:#1d4ed8;border-color:transparent}.tag-accent{background:#fff6d6;color:#8a6e0a;border-color:transparent}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid #e6e8ec}.header-inner{height:68px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px}.nav-desktop{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1}.nav-link{padding:8px 14px;border-radius:999px;font-weight:500;font-size:14px;color:#64748b;-webkit-transition:color .15s,background .15s;transition:color .15s,background .15s}.nav-link.active,.nav-link:hover{color:#0f172a;background:#f7f8fa}.header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.header-search-btn{width:38px;height:38px;border-radius:999px;border:1px solid #e6e8ec;background:#fff;display:-ms-grid;display:grid;place-items:center;color:#64748b;-webkit-transition:color .15s,border-color .15s;transition:color .15s,border-color .15s}.header-search-btn:hover{color:#0f172a;border-color:#d6dae0}.burger{display:none;width:40px;height:40px;border-radius:999px;border:1px solid #e6e8ec;background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#0f172a}.mobile-menu{position:fixed;inset:0;z-index:100;background:#fff;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-animation:slideDown .2s ease;animation:slideDown .2s ease}.mobile-menu.open{display:-webkit-box;display:-ms-flexbox;display:flex}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{opacity:1;-webkit-transform:none;transform:none}}.mobile-menu-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e6e8ec}.mobile-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:8px 0}.mobile-nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;font-size:17px;font-weight:500;border-bottom:1px solid #e6e8ec;color:#0f172a}.mobile-nav a:hover{background:#f7f8fa}.mobile-menu-cta{padding:20px;margin-top:auto;border-top:1px solid #e6e8ec}.hero{position:relative;padding:56px 0 0;overflow:hidden;background:-webkit-gradient(linear,left top,left bottom,from(#fafbfd),to(#f7f8fa));background:linear-gradient(180deg,#fafbfd 0,#f7f8fa 100%);border-bottom:1px solid #e6e8ec}.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,transparent 75%)}.hero-orb{position:absolute;border-radius:50%;-webkit-filter:blur(60px);filter:blur(60px);opacity:.55}.hero-orb-1{top:-120px;right:-80px;width:460px;height:460px;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 65%)}.hero-orb-2{bottom:-160px;left:-100px;width:380px;height:380px;background:radial-gradient(circle,rgba(245,197,24,.3),transparent 65%)}.hero-inner{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:64px;padding-top:28px}.hero-left{min-width:0}.hero-eyebrow{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:6px 12px 6px 10px;background:rgba(255,255,255,.7);border:1px solid #e6e8ec;border-radius:999px;font-size:12.5px;font-weight:500;color:#64748b;-webkit-box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.02);box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.02);margin-bottom:24px;backdrop-filter:blur(6px)}.hero-eyebrow-sep{width:1px;height:12px;background:#e6e8ec}.hero-eyebrow-flag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0}.hero-eyebrow-flag .fb,.hero-eyebrow-flag .fy{width:8px;height:11px;border-radius:1px}.hero-eyebrow-flag .fb{background:#0057b8}.hero-eyebrow-flag .fy{background:#ffd500}.hero-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;-webkit-box-shadow:rgba(34,197,94,.18) 0 0 0 3px;box-shadow:rgba(34,197,94,.18) 0 0 0 3px}.hero-title{font-size:clamp(38px,5.4vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.035em;margin-bottom:18px}.hero-title-accent{position:relative;color:#2563eb;white-space:nowrap;display:inline-block;margin-right:.18em}.hero-underline{position:absolute;left:0;right:0;bottom:-10px;width:100%;height:.25em;color:#f5c518;opacity:.85}.hero-sub{font-size:17px;color:#64748b;max-width:520px;margin:0 0 28px;line-height:1.55}.hero-search{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #e6e8ec;border-radius:999px;padding:6px 6px 6px 18px;-webkit-box-shadow:rgba(15,23,42,.04) 0 1px 2px,rgba(15,23,42,.06) 0 8px 24px;box-shadow:rgba(15,23,42,.04) 0 1px 2px,rgba(15,23,42,.06) 0 8px 24px;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s;max-width:560px}.hero-search:focus-within{border-color:#2563eb;-webkit-box-shadow:rgba(37,99,235,.12) 0 0 0 4px,rgba(15,23,42,.06) 0 8px 24px;box-shadow:rgba(37,99,235,.12) 0 0 0 4px,rgba(15,23,42,.06) 0 8px 24px}.hero-search input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;outline:0;background:0 0;padding:14px 12px;font-size:15.5px;color:#0f172a;min-width:0}.hero-search input::-webkit-input-placeholder{color:#94a3b8}.hero-search input::-moz-placeholder{color:#94a3b8}.hero-search input:-ms-input-placeholder{color:#94a3b8}.hero-search input::-ms-input-placeholder{color:#94a3b8}.hero-search input::placeholder{color:#94a3b8}.hero-search-icon{color:#64748b;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hero-search-kbd{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;background:#f7f8fa;color:#64748b;padding:4px 7px;border-radius:6px;border:1px solid #e6e8ec;margin-right:4px}.hero-search-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;border:none;background:#0f172a;color:#fff;border-radius:999px;padding:0 18px;height:40px;font-weight:600;font-size:14px}.hero-search-btn:hover{background:#1e293b}.hero-popular{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px 8px;margin-top:14px}.hero-popular-lbl{font-size:12.5px;color:#94a3b8;margin-right:4px}.pop-chip{background:rgba(255,255,255,.6);border:1px solid #e6e8ec;border-radius:999px;padding:5px 11px;font-size:12.5px;color:#1e293b;font-weight:500;cursor:pointer;-webkit-transition:.15s;transition:.15s}.pop-chip:hover{background:#0f172a;color:#fff;border-color:#0f172a}.hero-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:28px;margin-top:36px;padding-top:24px;border-top:1px dashed #d6dae0}.hstat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.hstat-num{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#0f172a;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";line-height:1}.hstat-lbl{font-size:12px;color:#64748b;line-height:1.3}.hstat-sep{width:1px;height:32px;background:#e6e8ec}.hero-right{position:relative;min-width:0}.hero-collage{position:relative;height:520px;-webkit-perspective:1200px;perspective:1200px}.hc-card{position:absolute;background:#fff;border:1px solid #e6e8ec;border-radius:16px;-webkit-box-shadow:rgba(15,23,42,.04) 0 1px 2px,rgba(15,23,42,.1) 0 16px 40px;box-shadow:rgba(15,23,42,.04) 0 1px 2px,rgba(15,23,42,.1) 0 16px 40px}.hc-window{top:56px;right:0;width:88%;overflow:hidden}.hc-win-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid #e6e8ec;background:#fbfbfd}.hc-dot{width:9px;height:9px;border-radius:50%}.hc-dot.d-r{background:#ff5f57}.hc-dot.d-y{background:#febc2e}.hc-dot.d-g{background:#28c840}.hc-win-url{margin-left:8px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:#64748b}.hc-win-body{padding:14px}.hc-win-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px}.hc-win-cat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 12px;background:#f7f8fa;border-radius:10px;font-size:12.5px;font-weight:600;color:#0f172a;-webkit-animation:hcRise .55s ease both;animation:hcRise .55s ease both}@-webkit-keyframes hcRise{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes hcRise{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}100%{opacity:1;-webkit-transform:none;transform:none}}.hc-win-cat-i{width:26px;height:26px;border-radius:8px;background:#eff4ff;color:#2563eb;display:-ms-grid;display:grid;place-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hc-win-cat-n{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-win-cat-c{font-size:11px;color:#94a3b8;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.hc-feat{bottom:24px;left:0;width:74%;padding:14px 16px}.hc-feat-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#f5c518;margin-bottom:10px}.hc-feat-head svg{color:#f5c518}.hc-feat-list{list-style:none;padding:0;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.hc-feat-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:13px}.hc-feat-rank{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;font-weight:700;color:#94a3b8;width:16px}.hc-feat-meta{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;line-height:1.2}.hc-feat-name{display:block;font-weight:700;font-size:13px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-feat-url{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10px;color:#64748b;margin-top:1px}.hc-feat-arrow{color:#94a3b8}.hc-mini{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 14px}.hc-mini-1{top:0;right:8%;z-index:2}.hc-mini-2{bottom:80px;right:-6px;z-index:2;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;padding:12px 14px}.hc-mini-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669;display:-ms-grid;display:grid;place-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hc-mini-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.15}.hc-mini-lbl{font-size:10.5px;color:#64748b}.hc-mini-val{font-size:13px;font-weight:700;color:#0f172a;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.hc-mini-avatars{display:-webkit-box;display:-ms-flexbox;display:flex}.hc-mini-avatars span{width:24px;height:24px;border-radius:50%;display:-ms-grid;display:grid;place-items:center;font-size:11px;font-weight:700;border:2px solid #fff;margin-left:-6px}.hc-mini-avatars span:first-child{margin-left:0}.hc-mini-more{background:#f7f8fa!important;color:#64748b!important;font-size:9.5px!important}.hc-mini-cap{font-size:11.5px;color:#64748b;font-weight:500}.hero-marquee{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:14px 0 18px;border-top:1px solid #e6e8ec;position:relative;z-index:1}.marq-clip{-webkit-box-flex:1;-ms-flex:1 1 0;flex:1 1 0;min-width:0;overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000),color-stop(92%,#000),to(transparent));-webkit-mask-image:linear-gradient(to right,#000,#000 92%,transparent);mask-image:-webkit-gradient(linear,left top,right top,from(#000),color-stop(92%,#000),to(transparent));mask-image:linear-gradient(to right,#000,#000 92%,transparent)}.hero-marquee-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:700;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.marq-track{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;white-space:nowrap;-webkit-animation:marq 60s linear infinite;animation:marq 60s linear infinite}@-webkit-keyframes marq{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes marq{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.marq-item{font-size:13.5px;color:#1e293b;font-weight:600;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.marq-dot{color:#94a3b8}.section{padding:80px 0}.section-alt{background:#fbfbfd;border-top:1px solid #e6e8ec;border-bottom:1px solid #e6e8ec}.section-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:32px;margin-bottom:36px}.section-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#2563eb;margin-bottom:12px}.section-title{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.025em;line-height:1.1}.section-lead{font-size:15.5px;color:#64748b;max-width:380px;text-align:right}.cat-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:18px}.cat-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:border-color .15s,-webkit-box-shadow .15s,-webkit-transform .15s;transition:border-color .15s,-webkit-box-shadow .15s,-webkit-transform .15s;transition:border-color .15s,box-shadow .15s,transform .15s;transition:border-color .15s,box-shadow .15s,transform .15s,-webkit-box-shadow .15s,-webkit-transform .15s}.cat-card:hover{border-color:#d6dae0;-webkit-box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04)}.cat-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:18px}.cat-icon{display:-ms-grid;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#eff4ff;color:#2563eb;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.cat-head-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.2;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.cat-name{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-count{font-size:12px;color:#64748b;margin-top:2px;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.cat-subs{list-style:none;padding:0;margin:0 0 16px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:4px 16px;-webkit-box-flex:1;-ms-flex:1;flex:1}.cat-subs li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:8px;padding:6px 0;font-size:13.5px;color:#1e293b;border-radius:4px;-webkit-transition:color .15s;transition:color .15s}.cat-subs li a:hover{color:#2563eb}.cat-subs li a:hover .cat-sub-name{text-decoration:underline;text-underline-offset:3px}.cat-sub-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-sub-count{font-size:11.5px;color:#94a3b8;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.cat-all{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#2563eb;-ms-flex-item-align:start;align-self:flex-start;padding-top:14px;border-top:1px dashed #e6e8ec;width:100%;-webkit-transition:gap .15s;transition:gap .15s}.cat-all:hover{gap:10px}.section-head-tabs{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.tabs{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;background:#fff;border:1px solid #e6e8ec;padding:4px;border-radius:999px;gap:2px}.tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:7px 14px;border:none;background:0 0;border-radius:999px;font-size:13.5px;font-weight:600;color:#64748b;-webkit-transition:color .15s,background .15s;transition:color .15s,background .15s}.tab:hover{color:#0f172a}.tab-active,.tab.is-active{background:#0f172a;color:#fff}.tab-active:hover,.tab.is-active:hover{color:#fff}.site-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);gap:16px}.site-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s}.site-card:hover{border-color:#d6dae0;-webkit-box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04)}.site-card-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:14px}.site-card-fav{width:40px;height:40px;border-radius:10px;background:#f7f8fa;border:1px solid #e6e8ec;color:#1d4ed8;font-weight:800;font-size:17px;display:-ms-grid;display:grid;place-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden}.site-card-fav img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.site-card-titles{min-width:0}.site-title{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-url{display:block;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11.5px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-desc{font-size:13.5px;color:#1e293b;line-height:1.5;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.site-foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:12px;border-top:1px dashed #e6e8ec;margin-bottom:12px}.site-cat{font-size:12px;font-weight:600;color:#2563eb}.site-cat:hover{text-decoration:underline}.site-date{font-size:11.5px;color:#94a3b8;font-family:"JetBrains Mono",ui-monospace,monospace}.site-visit{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#0f172a;-ms-flex-item-align:start;align-self:flex-start}.site-visit:hover{color:#2563eb}.site-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.site-row{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:18px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s}.site-row:hover{border-color:#d6dae0;-webkit-box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.02);box-shadow:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.02)}.site-row .site-title{font-size:16px}.site-row .site-url{display:inline;margin:0;font-size:12.5px;color:#64748b}.site-row .site-url:hover{color:#2563eb}.site-row .site-desc{font-size:13.5px;margin:4px 0 8px;-webkit-line-clamp:2}.site-rank{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:18px;font-weight:700;color:#94a3b8;width:32px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;text-align:center}.site-row-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.site-row-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:14px;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-meta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-meta .site-date{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.seo-section{background:#fff;border-top:1px solid #e6e8ec}.seo-container{display:-ms-grid;display:grid;-ms-grid-columns:320px 1fr;grid-template-columns:320px 1fr;gap:64px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.seo-aside{position:sticky;top:88px}.seo-h2{font-size:32px;letter-spacing:-.025em;line-height:1.15}.seo-body{max-width:640px}.seo-body p{color:#1e293b;margin-bottom:18px;font-size:15.5px}.seo-list{list-style:none;padding:0;margin:24px 0;display:-ms-grid;display:grid;gap:10px}.seo-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:#1e293b;padding:12px 16px;background:#f7f8fa;border-radius:12px}.seo-list li svg{color:#2563eb;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.seo-links a{color:#2563eb;border-bottom:1px solid}.page-wrap{padding:32px 0 80px}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:13px;color:#64748b;margin-bottom:24px}.breadcrumbs a{color:#64748b;-webkit-transition:color .15s;transition:color .15s}.breadcrumbs a:hover{color:#0f172a}.breadcrumbs span[aria-current]{color:#0f172a;font-weight:600}.breadcrumbs svg{color:#94a3b8}.page-title{font-size:clamp(32px,4vw,44px);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px}.page-lead{font-size:16.5px;color:#64748b;max-width:640px;margin-bottom:32px}.cat-page-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:20px;background:#fff;border:1px solid #e6e8ec;border-radius:22px;padding:32px;margin-bottom:32px}.cat-page-icon{width:64px;height:64px;border-radius:16px;background:#eff4ff;color:#2563eb;display:-ms-grid;display:grid;place-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.cat-page-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px;font-size:13.5px;color:#64748b}.cat-page-stats strong{color:#0f172a;font-weight:700;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.cat-page-stats .dot{width:3px;height:3px;border-radius:50%;background:#94a3b8}.cat-page-body{display:-ms-grid;display:grid;-ms-grid-columns:280px 1fr;grid-template-columns:280px 1fr;gap:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.cat-page-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;position:sticky;top:88px}.side-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:18px}.side-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:12px;font-weight:700}.side-subs{list-style:none;padding:0;margin:0}.side-subs a,.side-subs button{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:9px 12px;background:0 0;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#1e293b;text-align:left;text-decoration:none;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s}.side-subs a:hover,.side-subs button:hover{background:#f7f8fa}.side-subs .is-active,.side-subs a.active,.side-subs button.active{background:#0f172a;color:#fff}.side-subs .is-active .count,.side-subs a.active .count,.side-subs button.active .count{color:rgba(255,255,255,.7)}.side-subs .count{font-size:12px;color:#94a3b8;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.side-cta{background:#0f172a;border-color:#0f172a;color:#fff;text-align:left}.side-cta svg{color:#f5c518;margin-bottom:8px}.side-cta h4{color:#fff;font-size:16px;margin-bottom:6px}.side-cta p{color:rgba(255,255,255,.7);font-size:13px;margin-bottom:14px}.side-cta .btn-primary{background:#fff;color:#0f172a;-webkit-box-shadow:none;box-shadow:none}.side-cta .btn-primary:hover{background:rgba(255,255,255,.92)}.cat-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:16px}.cat-toolbar-count{font-size:13.5px;color:#64748b;font-weight:500}.sort-row{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;color:#64748b}.sort-label{font-size:13px;margin-right:4px}.sort-btn{padding:6px 12px;border:1px solid #e6e8ec;background:#fff;border-radius:999px;font-size:12.5px;font-weight:600;color:#1e293b;text-decoration:none;-webkit-transition:.15s;transition:.15s}.sort-btn:hover{border-color:#d6dae0}.sort-btn.active,.sort-btn.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.site-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:22px;background:#fff;border:1px solid #e6e8ec;border-radius:22px;padding:32px;margin-bottom:28px}.site-hero-fav{width:72px;height:72px;border-radius:18px;background:#f7f8fa;border:1px solid #e6e8ec;display:-ms-grid;display:grid;place-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden}.site-hero-fav img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.site-hero-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.site-hero-title{font-size:clamp(26px,3vw,34px);letter-spacing:-.02em;line-height:1.15}.site-hero-url{display:inline-block;margin-top:4px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:14px;color:#64748b}.site-hero-url:hover{color:#2563eb}.site-hero-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:14px;font-size:13px;color:#64748b}.site-hero-meta .dot{width:3px;height:3px;border-radius:50%;background:#94a3b8}.site-hero-cta{margin-top:22px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-body{display:-ms-grid;display:grid;-ms-grid-columns:1fr 280px;grid-template-columns:1fr 280px;gap:32px;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.site-content{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:28px}.site-content h2,.site-content h3{font-size:20px;margin:18px 0 10px}.site-content p{color:#1e293b;margin-bottom:14px;line-height:1.65}.site-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;position:sticky;top:88px}.search-bar{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border:1px solid #e6e8ec;border-radius:999px;padding:6px 6px 6px 18px;-webkit-box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);margin-bottom:18px;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s}.search-bar:focus-within{border-color:#2563eb;-webkit-box-shadow:0 0 0 4px rgba(37,99,235,.12),0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);box-shadow:0 0 0 4px rgba(37,99,235,.12),0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04)}.search-bar input{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;outline:0;background:0 0;padding:14px;font-size:16px;min-width:0}.search-bar-icon{color:#64748b;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.search-clear{width:32px;height:32px;border:none;background:#f7f8fa;border-radius:50%;display:-ms-grid;display:grid;place-items:center;color:#64748b;margin-right:4px}.search-clear:hover{background:#e6e8ec;color:#0f172a}.search-bar-btn{background:#0f172a;color:#fff;border:none;border-radius:999px;padding:0 24px;font-weight:600;font-size:14px;height:44px}.search-bar-btn:hover{background:#1e293b}.search-filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:500;margin-right:4px}.chip{padding:6px 12px;border:1px solid #e6e8ec;background:#fff;border-radius:999px;font-size:12.5px;font-weight:500;color:#1e293b;cursor:pointer;text-decoration:none;-webkit-transition:.15s;transition:.15s}.chip:hover{border-color:#d6dae0}.chip-active,.chip.is-active{background:#0f172a;color:#fff;border-color:#0f172a}.search-hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:16px 20px;background:#eff4ff;border-radius:12px;color:#1d4ed8;font-size:14px;font-weight:500}.search-summary{font-size:14px;color:#64748b;margin-bottom:14px}.search-summary strong{color:#0f172a}.info-banner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:16px 20px;background:#eff4ff;border:1px solid #e0eaff;border-radius:12px;margin-bottom:28px;font-size:14px;color:#1e293b}.info-banner svg{color:#2563eb;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:1px}.info-banner a{color:#1d4ed8;font-weight:600;border-bottom:1px solid}.add-form{background:#fff;border:1px solid #e6e8ec;border-radius:22px;padding:32px}.add-form br{display:none}.add-form .wpcf7-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:22px}.add-form .wpcf7-form>p{margin:0}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:22px}.form-row>p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:22px;margin:0}.form-row-2>p{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:18px;margin:0}.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:7px;position:relative;margin:0}.field-label{font-size:13.5px;font-weight:600;color:#0f172a;display:block}.field-label .req{color:#2563eb;margin-left:3px}.wpcf7-form-control-wrap{display:block;width:100%}.field .wpcf7-form-control,.field input,.field select,.field textarea{width:100%;border:1px solid #e6e8ec;border-radius:12px;background:#fff;padding:12px 14px;font-size:14.5px;color:#0f172a;outline:0;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s;font-family:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.field .wpcf7-form-control::-webkit-input-placeholder,.field input::-webkit-input-placeholder,.field select::-webkit-input-placeholder,.field textarea::-webkit-input-placeholder{color:#94a3b8}.field .wpcf7-form-control::-moz-placeholder,.field input::-moz-placeholder,.field select::-moz-placeholder,.field textarea::-moz-placeholder{color:#94a3b8}.field .wpcf7-form-control:-ms-input-placeholder,.field input:-ms-input-placeholder,.field select:-ms-input-placeholder,.field textarea:-ms-input-placeholder{color:#94a3b8}.field .wpcf7-form-control::-ms-input-placeholder,.field input::-ms-input-placeholder,.field select::-ms-input-placeholder,.field textarea::-ms-input-placeholder{color:#94a3b8}.field .wpcf7-form-control::placeholder,.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:#94a3b8}.field .wpcf7-form-control:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#2563eb;-webkit-box-shadow:rgba(37,99,235,.12) 0 0 0 4px;box-shadow:rgba(37,99,235,.12) 0 0 0 4px}.field textarea{resize:vertical;min-height:120px}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}.field-msg{font-size:12.5px;color:#64748b}.field-err{color:#dc2626}.field-error .select-trigger,.field-error input,.field-error textarea{border-color:#dc2626}.char-count{position:absolute;right:12px;bottom:8px;font-size:11px;color:#94a3b8;font-family:"JetBrains Mono",ui-monospace,monospace;pointer-events:none}.field:has(.char-count) .field-msg{padding-right:70px}.select{position:relative}.select-trigger{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid #e6e8ec;border-radius:12px;background:#fff;padding:12px 14px;font-size:14.5px;color:#0f172a;cursor:pointer;text-align:left;-webkit-transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,-webkit-box-shadow .15s;transition:border-color .15s,box-shadow .15s;transition:border-color .15s,box-shadow .15s,-webkit-box-shadow .15s}.select-trigger:hover{border-color:#d6dae0}.select-trigger .placeholder{color:#94a3b8}.select-trigger svg{color:#64748b;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.select-open .select-trigger{border-color:#2563eb;-webkit-box-shadow:rgba(37,99,235,.12) 0 0 0 4px;box-shadow:rgba(37,99,235,.12) 0 0 0 4px}.select-open .select-trigger svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.select-disabled .select-trigger{background:#f7f8fa;cursor:not-allowed;opacity:.6}.select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e6e8ec;border-radius:12px;-webkit-box-shadow:0 4px 8px rgba(15,23,42,.04),0 16px 40px rgba(15,23,42,.08);box-shadow:0 4px 8px rgba(15,23,42,.04),0 16px 40px rgba(15,23,42,.08);max-height:280px;overflow-y:auto;z-index:10;padding:6px;display:none}.select-open .select-menu{display:block}.select-opt{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:9px 12px;background:0 0;border:none;border-radius:8px;font-size:14px;color:#0f172a;text-align:left;cursor:pointer}.select-opt:hover{background:#f7f8fa}.select-opt.active{background:#eff4ff;color:#1d4ed8;font-weight:600}.agree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;font-size:14px;color:#1e293b;cursor:pointer;margin:0}.agree .wpcf7-list-item{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.agree .wpcf7-list-item>label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;cursor:pointer;margin:0}.agree .wpcf7-list-item-label{line-height:1.5}.agree input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid #d6dae0;border-radius:5px;background:#fff;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:1px 0 0;cursor:pointer;position:relative;-webkit-transition:.15s;transition:.15s}.agree input[type=checkbox]:checked{background:#2563eb;border-color:#2563eb}.agree input[type=checkbox]:checked::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}.agree a{color:#2563eb;font-weight:600;border-bottom:1px solid}.agree-box{width:20px;height:20px;border:1px solid #d6dae0;border-radius:5px;display:-ms-grid;display:grid;place-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background:#fff;color:transparent;margin-top:1px;-webkit-transition:.15s;transition:.15s}.agree input:checked+.agree-box{background:#2563eb;border-color:#2563eb;color:#fff}.agree-error .agree-box{border-color:#dc2626}.form-submit{padding-top:14px;border-top:1px solid #e6e8ec;margin:0}.form-submit>p{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-submit .wpcf7-spinner{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}.success-card{background:#fff;border:1px solid #e6e8ec;border-radius:22px;padding:56px 40px;text-align:center;-webkit-box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);box-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.04);margin:24px 0}.success-card h1{font-size:32px;margin-bottom:12px;letter-spacing:-.02em}.success-card p{color:#64748b;font-size:16px;margin-bottom:28px;max-width:440px;margin-left:auto;margin-right:auto}.status-note{font-size:13.5px!important;color:#94a3b8!important}.success-mark{width:80px;height:80px;border-radius:50%;background:#ecfdf5;color:#059669;display:-ms-grid;display:grid;place-items:center;margin:0 auto 24px}.success-mark--info{background:#eff4ff;color:#2563eb}.success-mark--warn{background:#fffbeb;color:#d97706}.success-mark--err{background:#fef2f2;color:#dc2626}.success-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.wpcf7-form .wpcf7-not-valid-tip{font-size:12.5px;color:#dc2626;margin-top:4px}.wpcf7-form .wpcf7-response-output{margin:20px 0 0;padding:14px 16px;border-radius:12px;font-size:14px;border:1px solid #e6e8ec}.wpcf7-form.invalid .wpcf7-response-output{border-color:#fca5a5;background:#fef2f2;color:#991b1b}.wpcf7-form.sent .wpcf7-response-output{border-color:#6ee7b7;background:#ecfdf5;color:#065f46}.wpcf7-form .hidden-fields-container{border:0;padding:0;margin:0}.wpcf7-form .wpcf7-submit[disabled]{opacity:.55;cursor:not-allowed}.wpcf7-form .wpcf7-spinner{margin:0 0 0 8px}.add-form .wpcf7-form.sent .wpcf7-response-output{display:none}.add-form .btn-ghost{background:0 0;color:#1e293b;border:1px solid #e6e8ec}.add-form .btn-ghost:hover{background:#f7f8fa;color:#0f172a}.rules-grid{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.rule-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:24px;position:relative}.rule-card h3{font-size:17px;margin:8px 0}.rule-card p{font-size:14px;color:#64748b;line-height:1.55}.rule-n{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:13px;color:#2563eb;font-weight:700;letter-spacing:.05em}.rules-cta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:24px;padding:28px 32px;background:#0f172a;color:#fff;border-radius:22px;-ms-flex-wrap:wrap;flex-wrap:wrap}.rules-cta h3{color:#fff;font-size:22px;margin-bottom:4px}.rules-cta p{color:rgba(255,255,255,.7);font-size:14px}.rules-cta .btn-primary{background:#f5c518;color:#0f172a}.rules-cta .btn-primary:hover{background:#ffd93b}.empty{text-align:center;padding:60px 24px;background:#fff;border:1px dashed #d6dae0;border-radius:22px}.empty h3{font-size:20px;margin-bottom:8px}.empty p{color:#64748b;margin-bottom:24px;max-width:420px;margin-left:auto;margin-right:auto}.empty-mark{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:#f7f8fa;color:#64748b;display:-ms-grid;display:grid;place-items:center}.empty-404{font-weight:800;font-size:120px;line-height:1;letter-spacing:-4px;color:#0f172a;margin-bottom:12px}.empty-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.site-footer{background:#fff;border-top:1px solid #e6e8ec;margin-top:0}.footer-inner{display:-ms-grid;display:grid;-ms-grid-columns:1.4fr 1fr 1fr 1fr;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:56px 24px 40px}.footer-brand p{color:#64748b;font-size:13.5px;margin:16px 0;max-width:280px;line-height:1.5}.footer-mail{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:13px;color:#0f172a;font-weight:600;font-family:"JetBrains Mono",ui-monospace,monospace}.footer-mail:hover{color:#2563eb}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:16px}.footer-col a{display:block;font-size:13.5px;color:#1e293b;padding:5px 0;-webkit-transition:color .15s;transition:color .15s}.footer-col a:hover{color:#2563eb}.footer-col-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 24px;border-top:1px solid #e6e8ec;font-size:12.5px;color:#64748b;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.footer-flag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.flag-blue,.flag-yellow{display:inline-block;width:14px;height:9px;border-radius:2px}.flag-blue{background:#0057b8}.flag-yellow{background:#ffd500}@media (max-width:1100px){.cat-grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.site-grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.seo-container{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:32px}.seo-aside{position:static}.hero-inner{-ms-grid-columns:minmax(0,1fr) minmax(0,320px);grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:32px}.hero-collage{height:460px}.hero-stats{gap:20px}.hc-window{width:100%}.hc-feat{width:80%}.site-body{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (max-width:900px){.nav-desktop{display:none}.header-search-btn{display:none}.burger{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.header-inner{gap:12px;height:60px}.header-actions{gap:8px}.section{padding:56px 0}.section-head{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;margin-bottom:24px}.section-lead{text-align:left;max-width:none}.cat-page-body{-ms-grid-columns:1fr;grid-template-columns:1fr}.cat-page-side{position:static}.footer-inner{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media (max-width:820px){.hero-inner{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:32px}.hero-right{display:none}}@media (max-width:640px){:root{--gutter:18px}.hero{padding:40px 0}.cat-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.site-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.cat-card{padding:18px}.cat-page-head{padding:22px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:14px}.cat-page-icon{width:52px;height:52px}.add-form{padding:22px}.form-row-2{-ms-grid-columns:1fr;grid-template-columns:1fr}.footer-inner{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:28px;padding:36px 24px 24px}.rules-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.rules-cta{padding:22px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.site-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.site-row .btn{-ms-flex-item-align:start;align-self:flex-start}.site-rank{text-align:left;width:auto}.hero-search{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;border-radius:16px;gap:8px}.hero-search-icon{display:none}.hero-search input{padding:6px 8px}.hero-search-btn{width:100%;padding:14px}.search-bar{padding:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.search-bar input{width:100%}.search-bar-btn{width:100%}.form-submit{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.form-submit .btn{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.seo-h2{font-size:26px}.site-hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
/* ===== News listing ===== */
.news-head { margin-bottom: 32px; }

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}
@media (max-width: 1024px) { .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .news-grid { grid-template-columns: 1fr; gap: 18px; } }

.news-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #E6E8EC;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.news-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px -16px rgba(15,23,42,.18);
  border-color: #D6DCE4;
}

.news-card__media {
  display: block;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, #EEF2FF 0%, #F8FAFC 100%);
  overflow: hidden;
  position: relative;
}
.news-card__media img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.news-card:hover .news-card__media img { transform: scale(1.04); }

.news-card__placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #94A3B8;
}

.news-card__body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 10px; flex: 1; }

.news-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #64748B;
  flex-wrap: wrap;
}
.news-card__meta .dot {
  width: 3px; height: 3px;
  border-radius: 50%;
  background: #CBD5E1;
}
.news-card__cat {
  color: #2563EB;
  font-weight: 600;
  text-decoration: none;
}
.news-card__cat:hover { color: #1D4ED8; }

.news-card__title {
  font-size: 17px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0;
  font-weight: 700;
}
.news-card__title a { color: #0F172A; text-decoration: none; }
.news-card__title a:hover { color: #2563EB; }

.news-card__excerpt {
  font-size: 14px;
  color: #64748B;
  line-height: 1.5;
  margin: 0;
}

.news-card__more {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13.5px;
  font-weight: 600;
  color: #2563EB;
  text-decoration: none;
}
.news-card__more:hover { color: #1D4ED8; }

/* ===== Article (single post) ===== */
.article-head { margin-bottom: 28px; }

.article-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #64748B;
  margin-bottom: 14px;
}
.article-meta .dot {
  width: 3px; height: 3px;
  border-radius: 50%;
  background: #CBD5E1;
}

.article-title {
  font-size: clamp(28px, 4vw, 40px);
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin: 0 0 14px;
  color: #0F172A;
}

.article-lead {
  font-size: 17px;
  line-height: 1.55;
  color: #475569;
  margin: 0;
}

.article-cover {
  margin: 0 0 32px;
  border-radius: 18px;
  overflow: hidden;
  background: #F1F5F9;
}
.article-cover img {
  width: 100%;
  display: block;
  max-height: 520px;
  object-fit: cover;
}

.article-body { max-width: 100%; }
.article-body h2,
.article-body h3,
.article-body h4 {
  color: #0F172A;
  letter-spacing: -0.015em;
  margin: 32px 0 14px;
  line-height: 1.25;
}
.article-body h2 { font-size: 26px; }
.article-body h3 { font-size: 21px; }
.article-body h4 { font-size: 18px; }

.article-body p {
  font-size: 16px;
  line-height: 1.7;
  color: #1E293B;
  margin-bottom: 18px;
}

.article-body a {
  color: #2563EB;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.article-body a:hover { color: #1D4ED8; }

.article-body ul,
.article-body ol { margin: 0 0 20px 22px; padding: 0; }
.article-body li { margin-bottom: 8px; color: #1E293B; line-height: 1.6; }

.article-body img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 18px 0;
}

.article-body blockquote {
  margin: 24px 0;
  padding: 18px 22px;
  border-left: 3px solid #2563EB;
  background: #F8FAFC;
  border-radius: 0 12px 12px 0;
  color: #0F172A;
  font-size: 16.5px;
  font-style: italic;
}

/* Inline Google Ads slot */
.article-ads {
  margin: 32px 0;
  padding: 16px;
  background: #F8FAFC;
  border: 1px dashed #CBD5E1;
  border-radius: 14px;
  text-align: center;
  position: relative;
}
.article-ads__label {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94A3B8;
  font-weight: 600;
  margin-bottom: 10px;
}
.article-ads__slot {
  min-height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.article-ads__slot ins.adsbygoogle { width: 100%; min-height: 90px; }

/* Article footer */
.article-footer {
  margin: 36px 0 8px;
  padding: 24px 0;
  border-top: 1px solid #E6E8EC;
  border-bottom: 1px solid #E6E8EC;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.article-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.article-tags .tag {
  background: #F1F5F9;
  color: #475569;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 500;
  text-decoration: none;
}
.article-tags .tag:hover { background: #E2E8F0; color: #0F172A; }

.article-share {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #64748B;
}
.article-share .icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  border-radius: 999px;
  background: #F1F5F9;
  color: #0F172A;
  font-weight: 700;
  font-size: 11.5px;
  text-decoration: none;
  transition: background .15s, color .15s;
}
.article-share .icon-btn:hover { background: #2563EB; color: #fff; }

.article-related { margin-top: 48px; }
.article-related__title {
  font-size: 22px;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
  color: #0F172A;
}
.news-grid--related { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 900px) { .news-grid--related { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .news-grid--related { grid-template-columns: 1fr; } }

/* === news/article fixes v2 === */
.news-grid { margin-top: 8px; }

.news-card__placeholder {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, #2563EB 0%, #0F172A 100%);
}
.news-card__placeholder svg { width: 36px; height: 36px; opacity: .92; }

.news-card__meta time { white-space: nowrap; }
.news-card__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.news-card__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* Article spacing */
.article-head { margin-bottom: 24px; }
.article-cover { margin: 0 0 28px; }
.article-body p:first-child { margin-top: 0; }
.article-body p:last-child { margin-bottom: 0; }

.article-footer {
  margin: 40px 0 12px;
  padding: 20px 0;
  gap: 20px;
}

/* Share — icon buttons */
.article-share {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.article-share__label {
  font-size: 13px;
  color: #64748B;
  margin-right: 4px;
}
.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  border-radius: 999px;
  background: #F1F5F9;
  color: #475569;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, transform .15s ease;
  padding: 0;
}
.share-btn:hover { transform: translateY(-1px); color: #fff; }
.share-btn--tg:hover   { background: #2AABEE; }
.share-btn--fb:hover   { background: #1877F2; }
.share-btn--x:hover    { background: #0F172A; }
.share-btn--vb:hover   { background: #7360F2; }
.share-btn--copy:hover { background: #2563EB; }
.share-btn.is-copied   { background: #16A34A; color: #fff; }

@media (max-width: 600px) {
  .article-footer { flex-direction: column; align-items: flex-start; }
}


/* Polylang language switcher in header — стилі узгоджені з .select (форма) */
.lang-switch{position:relative;display:inline-flex;align-items:center}
.lang-switch__toggle{
  display:inline-flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 12px;min-width:72px;
  border:1px solid #E6E8EC;border-radius:12px;background:#FFFFFF;color:#0F172A;
  font:inherit;font-size:14.5px;line-height:1;text-align:left;cursor:pointer;
  transition:border-color .15s, box-shadow .15s;
}
.lang-switch__toggle:hover{border-color:#D6DAE0}
.lang-switch__toggle .lang-switch__chevron{color:#64748B;transition:transform .15s;flex-shrink:0}
.lang-switch.is-open .lang-switch__toggle{border-color:#2563EB;box-shadow:rgba(37,99,235,.12) 0 0 0 4px}
.lang-switch.is-open .lang-switch__toggle .lang-switch__chevron{transform:rotate(180deg)}
.lang-switch__code{font-size:14px;font-weight:600;letter-spacing:.02em;color:inherit}

.lang-switch__list{
  position:absolute;top:calc(100% + 6px);right:0;min-width:120px;
  list-style:none;margin:0;padding:6px;
  background:#FFFFFF;border:1px solid #E6E8EC;border-radius:12px;
  box-shadow:0 4px 8px rgba(15,23,42,.04), 0 16px 40px rgba(15,23,42,.08);
  display:none;z-index:50;
}
.lang-switch.is-open .lang-switch__list{display:block}
.lang-switch__list li{margin:0}
.lang-switch__list a{
  display:flex;align-items:center;justify-content:flex-start;
  padding:9px 12px;border-radius:8px;
  font-size:14px;color:#0F172A;text-decoration:none;
  transition:background .12s;
}
.lang-switch__list a:hover{background:#F7F8FA}
.lang-switch__list a:focus-visible{outline:none;background:#EFF4FF;color:#1D4ED8}
@media (max-width:768px){.lang-switch__toggle{min-width:64px;padding:7px 10px}}




/* === Mobile / responsive fixes === */
html, body { overflow-x: hidden; }
.hero-marquee { overflow: hidden; max-width: 100%; }
.hero-orb { pointer-events: none; }
.hero { overflow: hidden; }

/* Long words (URLs, тестові "ffffff…") мають переноситись, а не штовхати layout */
.site-desc, .site-card p, .article-card p, .article-card-body, .feed-item p,
.feed-item .desc, p { overflow-wrap: anywhere; word-break: break-word; }

@media (max-width: 900px) {
  /* Logo — ліворуч, всі actions групою — праворуч */
  .header-inner { justify-content: space-between; }
  .logo { flex: 0 0 auto; }
  .header-actions { margin-left: auto; flex-wrap: nowrap; }

  /* На мобілці CTA-кнопка стає компактною — лише іконка, щоб не штовхати layout */
  .header-actions .btn .btn-text,
  .header-actions .btn span:not([class]) { display: none; }
  .header-actions .btn { padding: 9px 12px; gap: 0; }

  /* Перемикач мови — компактний, у тому ж кластері праворуч */
  .lang-switch__toggle { min-width: 56px; padding: 7px 10px; }
}

/* === Burger icon toggle (menu/close) === */
.burger__icon { display: inline-flex; align-items: center; justify-content: center; }
.burger .burger__icon--close { display: none; }
.burger.is-open .burger__icon--open { display: none; }
.burger.is-open .burger__icon--close { display: inline-flex; }

/* === Mobile menu: повноекранна панель ПІД хедером (хедер видно зверху) === */
.mobile-menu {
  position: fixed;
  left: 0; right: 0;
  top: 64px;     /* висота хедера на мобілці (60px + 4px UA-bar) */
  bottom: 0;
  z-index: 90;
  background: #FFFFFF;
  display: none;
  flex-direction: column;
  overflow-y: auto;
  animation: mmFade .15s ease;
}
.mobile-menu.open { display: flex; }
@keyframes mmFade { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.mobile-nav { display: flex; flex-direction: column; padding: 8px 0; }
.mobile-nav a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; font-size: 17px; font-weight: 500;
  border-bottom: 1px solid #E6E8EC; color: #0F172A; text-decoration: none;
}
.mobile-nav a:hover, .mobile-nav a:focus-visible { background: #F7F8FA; outline: none; }
.mobile-menu-cta { padding: 20px; margin-top: auto; border-top: 1px solid #E6E8EC; }

@media (max-width: 640px) {
  /* Пошук-блок у hero — нормальний стек: input на всю ширину, кнопка на всю ширину, ⌘K приховано */
  .hero-search { flex-direction: column; align-items: stretch; padding: 10px; gap: 8px; }
  .hero-search-kbd { display: none; }
  .hero-search input { width: 100%; padding: 10px 12px; }
  .hero-search-btn { width: 100%; padding: 13px; justify-content: center; }

  /* Декоративні orb-и не мають створювати горизонтальний скрол */
  .hero-orb, .hero-orb-1, .hero-orb-2, .hero-orb-3 { max-width: 100%; right: auto; }

  /* Подвійна страховка від overflow */
  .container, .hero-inner { max-width: 100%; }

  /* hero-eyebrow: один pill, тільки статус-текст (прапорець + 2-й рядок ховаємо) */
  .hero-eyebrow {
    display: inline-flex;
    flex-wrap: nowrap;
    max-width: 100%;
    white-space: nowrap;
    font-size: 12px;
    padding: 5px 12px 5px 9px;
    gap: 8px;
    margin-bottom: 18px;
    overflow: hidden;
  }
  .hero-eyebrow > span:not(.hero-dot) {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }
  .hero-eyebrow .hero-eyebrow-sep,
  .hero-eyebrow .hero-eyebrow-flag,
  .hero-eyebrow .hero-eyebrow-flag + span { display: none; }

  /* hero-stats: 3 рівні рядки [велике число] [мітка] */
  .hero-stats {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
  }
  .hstat {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    padding: 8px 0;
    border-bottom: 1px solid #E6E8EC;
  }
  .hstat:last-child { border-bottom: 0; }
  .hstat-num {
    font-size: 22px;
    white-space: nowrap;
    flex: 0 0 88px;       /* фіксована колонка під число — мітки вирівнюються */
    color: #0F172A;
  }
  .hstat-lbl { font-size: 13px; line-height: 1.35; flex: 1 1 auto; color: #475569; }
  .hstat-sep { display: none; }
}
