:root {
    --bd-ink: #10213a;
    --bd-blue: #1265e8;
    --bd-cyan: #27c9ee;
    --bd-muted: #738196;
    --bd-line: #e8edf3;
    --bd-bg: #f4f7fa;
}

.blog-detail, .blog-detail * {
    box-sizing: border-box;
}

.blog-detail {
    background: var(--bd-bg);
    color: var(--bd-ink);
    font-family: Inter, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.blog-detail a {
    color: inherit;
    text-decoration: none;
    transition: .25s ease;
}

/* BREADCRUMB */

.bd-breadcrumb-wrap {
    background: #fff;
    border-bottom: 1px solid var(--bd-line);
}

.bd-breadcrumb {
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    color: #8794a5;
    font-size: 11px;
}

.bd-breadcrumb a:hover {
    color: var(--bd-blue);
}

.bd-breadcrumb .ep-bc-sep {
    color: #c0cad5;
    margin: 0 2px;
}

/* ARTICLE HERO */

.bd-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 85% 20%,
            rgba(18,101,232,.24), transparent 38%),
        linear-gradient(115deg,
            #081426 0%, #10213b 65%, #122d50 100%);
    color: #fff;
}

.bd-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .15;
    background-image:
        linear-gradient(rgba(140,190,255,.16) 1px,
            transparent 1px),
        linear-gradient(90deg, rgba(140,190,255,.16) 1px,
            transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(90deg,
        transparent, black 65%);
}

.bd-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
    padding: 75px 30px 76px;
}

.bd-hero-content {
    max-width: 980px;
}

.bd-category {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 23px;
    color: #61d7ff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .19em;
    text-transform: uppercase;
}

.bd-category::before {
    content: "";
    width: 27px;
    height: 2px;
    background: var(--bd-cyan);
}

.bd-hero h1 {
    max-width: 1000px;
    margin: 0;
    color: #fff;
    font-size: clamp(34px, 4.3vw, 58px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -.05em;
    overflow-wrap: anywhere;
}

.bd-intro {
    max-width: 800px;
    margin: 22px 0 25px;
    color: #c2cede;
    font-size: 15px;
    line-height: 1.85;
}

.bd-hero-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 23px;
    color: #9eafc5;
    font-size: 11px;
}

.bd-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.bd-hero-meta i {
    color: #67aaff;
}

.bd-meta-divider {
    width: 1px;
    height: 13px;
    background: rgba(255,255,255,.2);
}

/* MAIN GRID */

.bd-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 48px 30px 90px;
}

.bd-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 35px;
    align-items: start;
}

.bd-main {
    min-width: 0;
}

/* ARTICLE BODY CARD */

.bd-article-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 5px;
    box-shadow: 0 5px 24px rgba(23,48,78,.035);
}

/* COVER */

.bd-cover {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #e9eff6;
    aspect-ratio: 16 / 7;
}

.bd-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ARTICLE CONTENT */

.bd-article-content {
    padding: 44px 60px 52px;
}

.bd-content-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 28px;
    padding-bottom: 17px;
    border-bottom: 1px solid #edf1f5;
}

.bd-reading-label {
    color: var(--bd-blue);
    font-size: 20px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.bd-share-note {
    color: #98a4b3;
    font-size: 13px;
}

/* Rich text styles */
.bd-richtext {
    color: #35465a;
    font-size: 15px;
    line-height: 1.95;
    overflow-wrap: break-word;
    word-break: normal;
}

.bd-richtext p {
    margin: 0 0 23px;
}

.bd-richtext h2 {
    position: relative;
    margin: 48px 0 20px;
    padding-left: 17px;
    color: #10213a;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.35;
    letter-spacing: -.035em;
}

.bd-richtext h2::before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 0;
    width: 3px;
    background: var(--bd-blue);
    border-radius: 3px;
}

.bd-richtext h3 {
    margin: 35px 0 15px;
    color: #172d49;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.45;
    letter-spacing: -.025em;
}

.bd-richtext h4 {
    margin: 27px 0 12px;
    color: #243a56;
    font-size: 17px;
    font-weight: 700;
}

.bd-richtext ul,
.bd-richtext ol {
    margin: 0 0 25px;
    padding-left: 25px;
}

.bd-richtext li {
    margin-bottom: 9px;
    padding-left: 4px;
}

.bd-richtext li::marker {
    color: var(--bd-blue);
}

.bd-richtext a {
    color: #1265e8;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bd-richtext a:hover {
    color: #0646a8;
}

.bd-richtext img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 28px auto;
    border-radius: 4px;
}

.bd-richtext figure {
    margin: 30px 0;
}

.bd-richtext figcaption {
    margin-top: 10px;
    color: #8491a2;
    font-size: 11px;
    text-align: center;
}

.bd-richtext blockquote {
    margin: 30px 0;
    padding: 22px 25px;
    background: #f2f7ff;
    border-left: 3px solid var(--bd-blue);
    color: #3b526e;
    font-size: 14px;
    line-height: 1.85;
}

.bd-richtext table {
    width: 100%;
    margin: 25px 0;
    border-collapse: collapse;
    font-size: 13px;
}

.bd-richtext th {
    padding: 13px 15px;
    background: #10213a;
    color: #fff;
    text-align: left;
    font-weight: 700;
}

.bd-richtext td {
    padding: 12px 15px;
    border: 1px solid #e6ecf2;
    vertical-align: top;
}

.bd-richtext tr:nth-child(even) td {
    background: #f7f9fc;
}

.bd-richtext pre {
    overflow-x: auto;
    padding: 20px;
    background: #101d30;
    color: #e1edff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.7;
}

.bd-richtext iframe {
    max-width: 100%;
}

/* KEYWORDS */

.bd-keywords {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 37px;
    padding-top: 23px;
    border-top: 1px solid #edf1f5;
}

.bd-keywords-label {
    padding: 7px 0;
    color: #66768b;
    font-size: 11px;
    font-weight: 700;
}

.bd-keywords a {
    display: inline-flex;
    padding: 7px 11px;
    background: #f1f5fa;
    border: 1px solid #e8edf4;
    border-radius: 3px;
    color: #61738a;
    font-size: 10px;
}

.bd-keywords a:hover {
    background: #e8f1ff;
    border-color: #c9dcff;
    color: var(--bd-blue);
}

/* AUTHOR / ARTICLE FOOTER */

.bd-article-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
    padding-top: 22px;
    border-top: 1px solid #edf1f5;
}

.bd-footer-note {
    color: #8996a7;
    font-size: 11px;
    line-height: 1.7;
}

.bd-back-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--bd-blue) !important;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.bd-back-link:hover {
    gap: 14px;
}

/* SIDEBAR */

.bd-sidebar {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.bd-side-card {
    padding: 23px 21px;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 5px;
    box-shadow: 0 3px 15px rgba(23,48,78,.025);
}

.bd-side-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f5;
}

.bd-side-title h3 {
    margin: 0;
    color: #122844;
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.bd-side-title span {
    color: var(--bd-blue);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
}

/* SIDEBAR POPULAR */

.bd-popular {
    display: flex;
    flex-direction: column;
}

.bd-popular-item {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr);
    gap: 10px;
    padding: 13px 0;
    border-bottom: 1px solid #eff2f6;
}

.bd-popular-item:first-child {
    padding-top: 0;
}

.bd-popular-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.bd-popular-number {
    color: #a8b7c9;
    font-size: 17px;
    font-weight: 800;
}

.bd-popular-link {
    display: block;
    color: #263a54 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
}

.bd-popular-link:hover {
    color: var(--bd-blue) !important;
}

.bd-popular-desc {
    margin-top: 5px;
    color: #9aa6b4;
    font-size: 10px;
    line-height: 1.6;
}

/* CTA */

.bd-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 26px 22px;
    background:
        radial-gradient(circle at 100% 100%,
            rgba(0,110,255,.32), transparent 45%),
        linear-gradient(135deg, #09172c, #112f58);
    border-radius: 5px;
    color: #fff;
}

.bd-cta::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 210px;
    height: 210px;
    right: -115px;
    bottom: -110px;
    border: 1px solid rgba(125,190,255,.3);
    border-radius: 50%;
    box-shadow:
        0 0 0 30px rgba(125,190,255,.035),
        0 0 0 60px rgba(125,190,255,.025);
}

.bd-cta-kicker {
    margin-bottom: 13px;
    color: #59d6ff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.bd-cta h3 {
    margin: 0 0 13px;
    color: #fff;
    font-size: 23px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.04em;
}

.bd-cta p {
    margin: 0 0 20px;
    color: #b5c5d9;
    font-size: 11px;
    line-height: 1.8;
}

.bd-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-height: 36px;
    padding: 0 15px;
    background: #1265e8;
    border-radius: 3px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 800;
}

.bd-cta-btn:hover {
    background: #fff;
    color: #10213a !important;
}

/* RELATED ARTICLES */

.bd-related {
    margin-top: 40px;
}

.bd-related-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 20px;
    margin-bottom: 18px;
}

.bd-related-kicker {
    margin-bottom: 7px;
    color: var(--bd-blue);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .16em;
}

.bd-related-head h2 {
    margin: 0;
    color: #10213a;
    font-size: 25px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.bd-related-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 15px;
}

.bd-related-item {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 4px;
    transition: .25s ease;
}

.bd-related-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(23,48,78,.08);
}

.bd-related-image {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e9eff6;
}

.bd-related-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.bd-related-item:hover img {
    transform: scale(1.05);
}

.bd-related-info {
    padding: 14px;
}

.bd-related-info h3 {
    margin: 0;
    color: #1b304c;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.6;
}

.bd-related-info h3 a:hover {
    color: var(--bd-blue);
}

/* RESPONSIVE */

@media (max-width: 1100px) {
    .bd-layout {
        grid-template-columns: minmax(0,1fr) 280px;
        gap: 22px;
    }

    .bd-article-content {
        padding: 36px 38px 42px;
    }

    .bd-related-list {
        gap: 10px;
    }
}

@media (max-width: 850px) {
    .bd-layout {
        grid-template-columns: 1fr;
    }

    .bd-sidebar {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .bd-hero-inner {
        padding-top: 58px;
        padding-bottom: 60px;
    }
}

@media (max-width: 600px) {
    .bd-breadcrumb {
        padding: 13px 17px;
        font-size: 10px;
    }

    .bd-hero-inner {
        padding: 47px 19px 50px;
    }

    .bd-hero h1 {
        font-size: 34px;
    }

    .bd-intro {
        font-size: 13px;
    }

    .bd-hero-meta {
        gap: 10px 14px;
        font-size: 12px;
    }

    .bd-meta-divider {
        display: none !important;
    }

    .bd-container {
        padding: 25px 14px 55px;
    }

    .bd-cover {
        aspect-ratio: 16 / 9;
    }

    .bd-article-content {
        padding: 26px 20px 32px;
    }

    .bd-content-topline {
        margin-bottom: 22px;
    }

    .bd-richtext {
        font-size: 14px;
        line-height: 1.85;
    }

    .bd-richtext h2 {
        margin-top: 36px;
        font-size: 23px;
    }

    .bd-richtext h3 {
        margin-top: 28px;
        font-size: 19px;
    }

    .bd-richtext table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .bd-article-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .bd-sidebar {
        grid-template-columns: 1fr;
    }

    .bd-related-list {
        grid-template-columns: 1fr;
    }

    .bd-related-head h2 {
        font-size: 22px;
    }
}

.client-shell{
  --dark:#17191d;
  --cyan:#19c9ee;
  --ink:#111214;
  --muted:#73777b;
  --line:#e7e7e4;
  --soft:#f5f5f2;
  --page:1400px
}
.client-shell *{
  box-sizing:border-box;
}
.client-shell{
  margin:0;
  color:var(--ink);
  font-family:"Noto Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased
}
.client-shell a{
  text-decoration:none;
  color:inherit
}
.client-shell .page{
  width:min(var(--page),calc(100% - 72px));
  margin:auto
}

/* HEADER */
.client-shell.site-header{
  height:68px;
  background:var(--dark);
  color:#fff;
  border-bottom:1px solid #2b2d31
}
.client-shell .header-inner{
  width:min(var(--page),calc(100% - 72px));
  height:100%;
  margin:auto;
  display:flex;
  align-items:center
}
.client-shell .logo{
  min-width:250px;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  letter-spacing:.3px;
}
.client-shell .logo-mark{
  width: 65px;
  border-radius: 6px;
  display:grid;
  place-items:center;
  color:#111;
}
.client-shell .nav{
  flex:1;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:38px
}
.client-shell .nav-item{
  height:100%;
  display:flex;
  align-items:center;
  position:relative;
  font-size:14px;
  color:#cfd1d4;
  white-space:nowrap
}
.client-shell .nav-item:hover,.client-shell .nav-item.active{
  color:#fff
}
.client-shell .nav-item.active:after{
  content:"";
  position:absolute;
  height:2px;
  left:0;
  right:0;
  bottom:0;
  background:var(--cyan)
}
.client-shell .dropdown{
  position:relative
}
.client-shell .has-arrow:after{
  content:"⌄";
  margin-left:5px;
  color:#888!important;
  background:none!important;
  height:auto!important;
  position:static!important
}
.client-shell .dropdown-panel{
  position:absolute;
  top:68px;
  left: -200%;
  width: 700px;
  padding:23px;
  background:#fff;
  color:#111;
  border:1px solid var(--line);
  box-shadow:0 18px 40px rgba(0,0,0,.1);
  display:none;
  grid-template-columns:1fr 1fr;
  gap:25px;
  z-index:50
}
.client-shell .dropdown:hover .dropdown-panel{
  display:grid
}
.client-shell .dropdown-panel h4{
  margin:0 0 8px;
  font-size:14px
}
.client-shell .dropdown-link{
  padding: 25px 14px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 14px;
}
.client-shell .dropdown-link:last-child{
  border:0
}
.client-shell .dropdown-link p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.7;
  color:#777
}
.client-shell .header-right{
  min-width:180px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:21px;
  font-size:14px
}
.client-shell .language{
  color:#bfc2c5
}
.client-shell .quote{
  background: #ffffff;
  color:#071216;
  padding:11px 17px;
  border-radius:4px;
  font-size:14px;
  font-weight:800
}
.client-shell .quote:hover{
  background:#e1e1e1
}

/* FOOTER */
.client-shell.site-footer{
  background:#fff;
  border-top:1px solid var(--line)
}
.client-shell .footer-main{
  padding:65px 0 52px
}
.client-shell .footer-grid{
  display:grid;
  grid-template-columns:2.15fr 1fr 1fr 1fr 1.25fr;
  gap:55px
}
.client-shell .footer-brand{
  font-size:14px;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:9px
}
.client-shell .footer-brand .mark{
  display:grid;
  place-items:center;
  color:#1264bb;
  border-radius:6px;
  font-size:12px
}
.client-shell .footer-intro{
  max-width:350px;
  margin:17px 0;
  font-size:14px;
  line-height:1.9;
  color:#777
}
.client-shell .contact-line{
  font-size:13px;
  color:#555;
  line-height:2
}
.client-shell .footer-col h4{
  margin:2px 0 15px;
  font-size:14px
}
.client-shell .footer-col ul{
  list-style:none;
  padding:0;
  margin:0
}
.client-shell .footer-col li{
  margin-bottom:10px;
  font-size:14px;
  color:#777
}
.client-shell .footer-col li a:hover{
  color:#111
}
.client-shell .footer-contact{
  background:var(--soft);
  padding:21px
}
.client-shell .footer-contact small{
  display:block;
  font-size:11px;
  color:#999;
  letter-spacing:.8px;
  margin-bottom:8px
}
.client-shell .footer-contact strong{
  display:block;
  font-size:13px;
  line-height:1.5;
  margin-bottom:14px
}
.client-shell .footer-contact a{
  display:inline-block;
  background:#111;
  color:#fff;
  font-size:12px;
  font-weight:700;
  padding:10px 13px
}
.client-shell .footer-contact a:hover{
  background:var(--cyan);
  color:#111
}
.client-shell .footer-bottom{
  border-top:1px solid var(--line);
  padding:19px 0
}
.client-shell .footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between
}
.client-shell .certifications{
  display:flex;
  gap:8px
}
.client-shell .cert{
  border:1px solid #ddd;
  padding:5px 8px;
  color:#888;
  font:11px Arial
}
.client-shell .footer-links{
  display:flex;
  gap:18px;
  font-size:12px;
  color:#999
}
.client-shell .copyright{
  font-size:12px;
  color:#999
}

@media(max-width:1050px){
.client-shell .logo{
  min-width:200px
}
.client-shell .nav{
  gap:20px
}
.client-shell .header-right{
  min-width:150px
}
.client-shell .footer-grid{
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:35px
}
.client-shell .footer-contact{
  grid-column:1/-1
}}
@media(max-width:760px){
.client-shell.site-header{
  height:auto
}
.client-shell .header-inner{
  width:calc(100% - 30px);
  min-height:66px;
  padding:12px 0;
  flex-wrap:wrap;
  gap:12px
}
.client-shell .logo{
  min-width:auto
}
.client-shell .header-right{
  margin-left:auto;
  min-width:auto
}
.client-shell .nav{
  order:3;
  width:100%;
  height:34px;
  justify-content:flex-start;
  overflow:auto;
  gap:23px
}
.client-shell .nav-item{
  height:34px
}
.client-shell .dropdown-panel{
  display:none!important
}
.client-shell .page{
  width:calc(100% - 30px)
}
.client-shell .footer-grid{
  grid-template-columns:1fr 1fr;
  gap:30px
}
.client-shell .footer-brand-block{
  grid-column:1/-1
}
.client-shell .footer-bottom-inner{
  align-items:flex-start;
  flex-direction:column;
  gap:15px
}
}
@media(max-width:460px){
.client-shell .language{
  display:none
}
.client-shell .footer-grid{
  grid-template-columns:1fr
}
.client-shell .footer-contact{
  grid-column:auto
}
.client-shell .footer-links{
  flex-wrap:wrap
}}

.client-shell { font-family:Arial,"Microsoft YaHei",sans-serif; line-height:1.55; text-align:left; }
.client-shell.site-header { position:sticky; top:0; z-index:60; width:100%; }
.client-shell a { text-decoration:none; }
.client-shell .logo-mark img,.client-shell .mark img {
    width: 100%;
    max-width: 60px;
}
.client-shell .dropdown { display:flex; height:100%; align-items:center; }
.client-shell .submenu-toggle {padding:4px;margin-top: -6px;color:inherit;background:none;border:0;cursor:pointer;}
.client-shell .has-arrow:after { display:none; }
.client-shell .dropdown:focus-within .dropdown-panel,.client-shell .dropdown[data-open="true"] .dropdown-panel { display:grid; }
.client-shell .dropdown[data-open="false"] .dropdown-panel {display: none;}
.client-shell a:focus-visible,.client-shell button:focus-visible { outline:2px solid #19c9ee; outline-offset:3px; }
.client-shell .footer-links { flex-wrap:wrap; }
@media(max-width:1200px) and (min-width:761px) {
 .client-shell .logo { min-width:140px; }
 .client-shell .nav { gap:16px; }
 .client-shell .header-right { min-width:120px; }
}
@media(max-width:760px) {
 .client-shell .nav { flex-basis:100%; height:auto; overflow:visible; flex-wrap:wrap; gap:4px 18px; }
 .client-shell .dropdown { position:static; height:34px; }
 .client-shell .dropdown-panel { top:100%; left:15px; right:15px; width:auto; max-height:65vh; overflow:auto; }
 .client-shell .dropdown[data-open="true"] .dropdown-panel { display:grid!important; }
 .client-shell .header-inner { position:relative; }
 .client-shell .nav-item { font-size:12px; }
}
.client-shell .mobile-menu-toggle{display:none}
@media(max-width:1000px){
.client-shell.site-header{position:sticky;top:0}
.client-shell .header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;height:auto;min-height:68px;box-sizing:border-box}
.client-shell .logo{min-width:0;flex:1;gap:8px;font-size:15px;white-space:nowrap}.client-shell .logo-mark{flex-shrink:0;width:30px;height:30px}.client-shell .logo>span:last-child{overflow:hidden;text-overflow:ellipsis;max-width:42vw}
.client-shell .header-right{min-width:0;width:auto;gap:0;margin:0;order:0}.client-shell .header-right .lang{display:none}.client-shell .header-right a{padding:10px;font-size:14px;white-space:nowrap}
.client-shell .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #51565b;background:transparent;color:#fff;border-radius:4px;font-size:24px;cursor:pointer;order:1}
.client-shell .nav{display:none!important;order:2;flex:0 0 100%;width:100%;height:auto;overflow-y:auto;max-height:calc(100dvh - 92px);padding:8px 0;gap:0;border-top:1px solid #42474c}
.client-shell[data-menu-open="true"] .nav{display:flex!important;flex-direction:column;align-items:stretch}
.client-shell .nav>.nav-item{display:flex;align-items:center;min-height:48px;padding:0 12px;font-size:15px;border-bottom:1px solid #30363b}
.client-shell .dropdown{display:grid;grid-template-columns:minmax(0,1fr) 48px;position:static;height:auto;width:100%;border-bottom:1px solid #30363b}
.client-shell .dropdown>.nav-item{padding:13px 12px;font-size:15px;min-height:48px;box-sizing:border-box}.client-shell .submenu-toggle{margin:0;width:48px;min-height:48px;font-size:20px}
.client-shell .dropdown .dropdown-panel{position:static!important;grid-column:1/-1;width:100%;min-width:0;max-height:none;box-sizing:border-box;display:none!important;grid-template-columns:1fr;padding:16px;gap:20px;box-shadow:none;border:0;background:#22282d;color:#fff;transform:none}
.client-shell .dropdown[data-open="true"] .dropdown-panel{display:grid!important}
.client-shell .dropdown-panel h4{color:#aab7bf;font-size:14px;margin:0 0 8px}.client-shell .dropdown-panel a{display:block;min-height:44px;padding:10px 0;box-sizing:border-box;color:#fff;font-size:14px}.client-shell .dropdown-panel p{display:none}.client-shell .dropdown-link{border-bottom:1px solid #42474c;padding:0}.client-shell .nav-item:after{display:none}
}
@media(max-width:650px){
.client-shell.site-footer{padding-top:36px}.client-shell .footer-grid{gap:28px}.client-shell .footer-grid a{display:inline-block;padding:6px 0}.client-shell .footer-bottom{gap:16px;line-height:1.7}
.client-catalog .toolbar{gap:12px}.client-catalog .toolbar .search-label{flex-basis:100%;min-width:0}.client-catalog .toolbar input,.client-catalog .toolbar select{font-size:16px;min-height:44px}.client-catalog .catalog-button,.client-product .detail-button{min-height:44px;box-sizing:border-box}.client-catalog .filter-group .check-option{min-height:40px}.client-catalog .check-option input{width:17px;height:17px}.client-catalog .category-option{min-height:40px}.client-product .detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-product .detail-actions a{text-align:center;padding:12px 9px}.client-product .detail-breadcrumb{padding:20px 0;line-height:1.8}.client-product .hero-metrics{gap:20px}.client-product dd{font-size:23px}.client-product .spec-tabs button{min-height:44px;padding:12px}.client-product .pitch-display strong{font-size:64px}
}