.official-home{background:#f4f7f9;color:#29445a}.official-home .container{max-width:1160px}.official-hero{padding:64px 16px;background:linear-gradient(130deg,#fff 0,#edf8f5 62%,#e8f0f7 100%);border-bottom:1px solid #d7e2ea}.official-hero__grid,.official-split{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.official-kicker,.official-heading>span,.official-product>div>span,.official-path-grid article>span,.official-business article>span,.official-company-card>span,.official-final>div>span{color:#118574;font-size:.66rem;font-weight:900;letter-spacing:.14em}.official-hero h1{max-width:720px;margin:10px 0 17px;color:#15354e;font-size:clamp(2.35rem,4.4vw,4rem);line-height:1.04}.official-hero__copy>p{max-width:680px;margin:0;color:#5e7485;font-size:1rem;line-height:1.75}.official-hero .mbt-banner{margin-top:22px}.official-actions,.official-center-actions{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.official-actions{justify-content:flex-start;margin-top:23px}.official-text-link{display:inline-block;margin-top:14px;color:#176f78!important;font-size:.75rem;font-weight:300!important;-webkit-font-smoothing:antialiased}.official-hero__visual{position:relative;min-height:445px;display:grid;place-items:center;border:1px solid #d4e3e4;border-radius:26px;background:#fff;box-shadow:0 22px 55px rgba(18,54,76,.11);overflow:hidden}.official-hero__visual:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#d9f3ed,transparent 70%)}.official-hero__visual img{position:relative;z-index:1;width:min(90%,420px);height:350px;object-fit:contain}.official-hero__visual>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;padding:13px 16px;border:1px solid #dbe7e8;border-radius:11px;background:rgba(255,255,255,.94)}.official-hero__visual b,.official-hero__visual span{display:block}.official-hero__visual b{color:#1d4057;font-size:.78rem}.official-hero__visual span{margin-top:3px;color:#748695;font-size:.62rem}.official-trust{background:#fff;border-bottom:1px solid #d9e3e9}.official-trust>.container{display:grid;grid-template-columns:repeat(5,1fr)}.official-trust div{display:flex;align-items:center;justify-content:center;gap:9px;min-height:80px;padding:12px;border-right:1px solid #e1e8ed}.official-trust div:last-child{border:0}.official-trust b{color:#138372;font-size:.83rem}.official-trust span{color:#536b7c;font-size:.65rem;font-weight:800}.official-section{padding:70px 16px}.official-heading{max-width:780px;margin:0 auto 34px;text-align:center}.official-heading h2,.official-split h2{margin:7px 0 12px;color:#183750;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.16}.official-heading p,.official-split>div>p{margin:0;color:#687d8d;line-height:1.7}.official-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.official-product{display:flex;flex-direction:column;min-width:0;border:1px solid #d9e3e8;border-radius:15px;background:#fff;overflow:hidden;transition:.22s}.official-product:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(15,42,67,.09)}.official-product__image{height:230px;display:grid;place-items:center;background:#fff}.official-product__image img{width:100%;height:210px;object-fit:contain}.official-product>div{display:flex;flex:1;flex-direction:column;padding:17px}.official-product h3{margin:6px 0;color:#203f55;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.official-product h3 a{color:inherit!important}.official-product p{margin:0 0 11px;color:#788995;font-size:.66rem}.official-product strong{display:block;margin:auto 0 13px;color:#117565;font-size:1.05rem}.official-product .btn{text-align:center}.official-center-actions{margin-top:24px}.official-center-actions>a:not(.btn),.official-faq>.container>a{color:#176f78!important;font-size:.72rem;font-weight:800}.official-empty{grid-column:1/-1;text-align:center}.official-paths,.official-logistics,.official-support{background:#fff;border-block:1px solid #dce5eb}.official-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.official-path-grid article{position:relative;padding:30px;border:1px solid #d6e2e8;border-radius:17px;background:#f8fafb}.official-path-grid article.is-hosted{border-color:#aed5cd;background:linear-gradient(145deg,#f8fffd,#edf7f4)}.official-path-grid article>b{position:absolute;right:22px;top:20px;color:#cbd7dd;font-size:1.8rem}.official-path-grid h3{margin:9px 0;color:#183750;font-size:1.4rem}.official-path-grid p{color:#657b8c;line-height:1.65}.official-path-grid ul{margin:18px 0 22px;padding:0;list-style:none}.official-path-grid li{margin:8px 0;color:#536c7d;font-size:.72rem}.official-path-grid li:before{content:"✓";margin-right:8px;color:#168f7d;font-weight:900}.official-hosting{background:#f2f7f6}.official-hosting .hosting-plan-selector{padding:0}.official-hosting .hosting-selector-card{max-width:920px;margin:auto}.official-factory{background:#f4f7f9}.official-split>img{width:100%;height:410px;object-fit:cover;border-radius:18px;box-shadow:0 15px 40px rgba(15,42,67,.13)}.official-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.official-checks span{padding:11px;border:1px solid #d8e4e8;border-radius:9px;background:#fff;color:#536b7c;font-size:.69rem}.official-checks span:before{content:"✓";margin-right:7px;color:#168f7d;font-weight:900}.official-hubs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.official-hubs>div{padding:17px;border:1px solid #dce5ea;border-radius:11px;background:#f8fafb}.official-hubs b,.official-hubs strong,.official-hubs span{display:block}.official-hubs b{width:32px;height:25px;display:grid;place-items:center;border-radius:6px;background:#e7f3f0;color:#147b6e;font-size:.62rem}.official-hubs strong{margin-top:9px;color:#29485e;font-size:.8rem}.official-hubs span{margin-top:2px;color:#7b8d99;font-size:.61rem}.official-business{background:#173f5c}.official-business .official-heading h2{color:#fff}.official-business .official-heading span{color:#8dd7ca}.official-three{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.official-three article{padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.06)}.official-three h3{margin:9px 0;color:#fff}.official-three p{color:#bdccd5;font-size:.73rem;line-height:1.6}.official-three a{color:#8dd7ca!important;font-size:.7rem;font-weight:850}.official-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.official-support-grid>a{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #dbe5ea;border-radius:11px;background:#f9fbfc;color:#315066!important}.official-support-grid>a>b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e4f3ef;color:#168f7d}.official-support-grid span{flex:1}.official-support-grid strong,.official-support-grid small{display:block}.official-support-grid strong{font-size:.75rem}.official-support-grid small{margin-top:3px;color:#82909a;font-size:.59rem}.official-support-grid i{color:#168f7d;font-style:normal}.official-company{background:#edf3f5}.official-company-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.official-company-links a{padding:11px 13px;border:1px solid #d5e1e6;border-radius:8px;background:#fff;color:#315269!important;font-size:.68rem;font-weight:800}.official-company-card{padding:28px;border-radius:16px;background:#173f5c;box-shadow:0 15px 38px rgba(15,42,67,.16)}.official-company-card>span{color:#8dd7ca}.official-company-card ol{margin:18px 0 0;padding:0;list-style:none}.official-company-card li{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);color:#d4dfe5;font-size:.75rem}.official-company-card li b{color:#8dd7ca}.official-faq>.container{max-width:850px}.official-faq details{margin-bottom:9px;border:1px solid #d9e3e8;border-radius:10px;background:#fff}.official-faq summary{display:flex;justify-content:space-between;padding:16px 18px;color:#29485e;font-size:.76rem;font-weight:850;cursor:pointer}.official-faq summary b{color:#168f7d}.official-faq details p{margin:0;padding:0 18px 17px;color:#6e8190;font-size:.7rem;line-height:1.65}.official-faq>.container>a{display:block;margin-top:18px;text-align:center}.official-final{padding:62px 16px;background:linear-gradient(135deg,#173f5c,#0d615d);text-align:center}.official-final h2{margin:9px 0;color:#fff;font-size:clamp(1.8rem,3vw,2.7rem)}.official-final p{max-width:680px;margin:0 auto;color:#c2d2da}.official-final>div>span{color:#8dd7ca}.official-final>div>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.official-final .btn-outline{border-color:rgba(255,255,255,.55);color:#fff!important}.official-home .btn{white-space:normal}
@media(max-width:900px){.official-hero__grid,.official-split{grid-template-columns:1fr}.official-hero__visual{min-height:370px}.official-trust>.container{grid-template-columns:repeat(3,1fr)}.official-product-grid{grid-template-columns:repeat(2,1fr)}.official-hubs{grid-template-columns:repeat(2,1fr)}.official-support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.official-hero{padding:42px 14px}.official-hero h1{font-size:2.25rem}.official-actions{display:grid}.official-actions .btn{width:100%;text-align:center}.official-hero__visual{min-height:310px}.official-hero__visual img{height:260px}.official-trust>.container{grid-template-columns:1fr 1fr}.official-trust div{min-height:68px;justify-content:flex-start}.official-section{padding:48px 14px}.official-product-grid,.official-path-grid,.official-three,.official-support-grid{grid-template-columns:1fr}.official-product__image{height:245px}.official-product__image img{height:225px}.official-hubs{grid-template-columns:1fr 1fr}.official-checks,.official-company-links{grid-template-columns:1fr}.official-split>img{height:290px}.official-center-actions{align-items:stretch;flex-direction:column}.official-center-actions .btn{width:100%;text-align:center}.official-final>div>div{display:grid}.official-final .btn{width:100%}}

/* Balanced, content-safe hero overrides for short and long Brand Settings copy. */
.official-hero__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,2.75vw,40px);align-items:center}
.official-hero__copy{width:100%;min-width:0;max-width:920px;align-self:center}
.official-hero__copy>*{max-width:100%}
.official-hero h1{width:100%;max-width:920px;font-size:clamp(2.25rem,3.45vw,3.3rem);line-height:1.08;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.official-hero__pyramid-title span{display:block;width:max-content;max-width:100%;white-space:nowrap}
.official-hero__pyramid-title span:nth-child(2){font-size:.91em}
.official-hero__pyramid-title span:nth-child(3){font-size:.82em}
.official-hero__copy>p,.official-hero__desc{width:100%;max-width:840px;overflow-wrap:anywhere;text-wrap:pretty;font-weight:300!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.official-hero__visual{width:100%;max-width:620px;min-width:0;min-height:560px;align-self:center;justify-self:end}
.official-hero__visual{border:0;background:transparent;box-shadow:none;overflow:visible}
.official-hero__visual:before{display:block;content:"";position:absolute;z-index:0;inset:8% 2% 4% 10%;width:auto;height:auto;border-radius:50%;background:radial-gradient(circle at 55% 48%,rgba(70,224,199,.34) 0,rgba(70,173,224,.18) 34%,rgba(255,255,255,0) 70%);filter:blur(18px);animation:minercoreHeroGlow 4.8s ease-in-out infinite}
.official-hero__visual:after{content:"";position:absolute;z-index:2;top:10%;bottom:10%;left:-28%;width:22%;transform:skewX(-16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);filter:blur(7px);opacity:0;pointer-events:none;animation:minercoreHeroShine 5.8s ease-in-out infinite}
.official-hero__visual img{position:relative;z-index:1;width:min(118%,620px);max-width:none;height:540px;object-fit:contain;object-position:center right;filter:drop-shadow(0 24px 24px rgba(17,54,76,.22));will-change:transform,filter;animation:minercoreHeroFloat 4.2s ease-in-out infinite}
@keyframes minercoreHeroFloat{0%,100%{transform:translate3d(0,0,0) rotate(-.2deg);filter:drop-shadow(0 22px 22px rgba(17,54,76,.2))}50%{transform:translate3d(0,-14px,0) rotate(.35deg);filter:drop-shadow(0 34px 28px rgba(17,96,105,.28))}}
@keyframes minercoreHeroGlow{0%,100%{transform:scale(.94);opacity:.68}50%{transform:scale(1.06);opacity:1}}
@keyframes minercoreHeroShine{0%,58%{left:-28%;opacity:0}64%{opacity:.7}78%{left:108%;opacity:.15}100%{left:108%;opacity:0}}
@media(prefers-reduced-motion:reduce){.official-hero__visual:before,.official-hero__visual:after,.official-hero__visual img{animation:none!important}.official-hero__visual:after{display:none}}
.official-hero,.official-hero .container,.official-hero__grid,.official-hero__copy,.official-hero__visual{box-sizing:border-box;min-width:0}
/* Keep the homepage content at 1160px, but let the hero use a wider cinematic frame. */
.official-hero .container,.official-hero__grid{width:100%;max-width:1440px}
.official-hero__copy{overflow:hidden}
.official-hero__copy .mbt-banner,.official-hero__copy .mbt-banner>*{max-width:100%;box-sizing:border-box}

@media(max-width:900px){
  .official-hero{overflow:hidden}
  .official-hero .container,.official-hero__grid,.official-hero__copy{max-width:100%}
  .official-hero__grid{grid-template-columns:minmax(0,1fr)}
  .official-hero__visual{order:-1}
  .official-hero__copy{max-width:680px;margin-inline:auto;text-align:left}
  .official-hero h1{font-size:1.35rem!important;line-height:1.15!important;text-align:left!important}
  .official-hero__copy .official-actions{justify-content:center}
  .official-hero__visual{width:min(100%,580px);min-height:420px;margin-inline:auto;justify-self:center}
  .official-hero__visual img{width:min(100%,540px);max-width:100%;height:400px}
}

@media(max-width:620px){
  .official-hero__grid{gap:26px}
  .official-hero h1{font-size:1.05rem!important;line-height:1.15;text-wrap:wrap;word-break:break-word;text-align:left!important}
  .official-hero__pyramid-title span{width:auto;white-space:normal}
  .official-hero__pyramid-title span:nth-child(2),.official-hero__pyramid-title span:nth-child(3){font-size:1em}
  .official-hero__copy>p{font-size:.94rem;line-height:1.65;word-break:break-word}
  .official-hero__visual{width:100%;max-width:100%}
  .official-hero__visual{min-height:340px}
  .official-hero__visual img{width:100%;max-width:100%;height:330px}
}

/* Compact, responsive hero actions on single article landing pages. */
.single-seo-landing .official-hero__pyramid-title{max-width:760px}
.single-seo-landing .official-hero__pyramid-title span{display:block;width:max-content;max-width:100%;white-space:nowrap;text-wrap:nowrap}
.single-seo-landing .official-hero__pyramid-title span:nth-child(2){font-size:1em}
.single-seo-landing .single-article-hero-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px}
.single-seo-landing .single-article-hero-actions .btn{width:auto;min-height:42px;padding:10px 18px;font-size:.78rem;line-height:1.2;white-space:nowrap}
@media(max-width:620px){
  .single-seo-landing .official-hero__pyramid-title{font-size:clamp(.92rem,5vw,1.15rem)!important;letter-spacing:-.02em}
  .single-seo-landing .official-hero__pyramid-title span{width:max-content;max-width:100%;white-space:nowrap}
  .single-seo-landing .single-article-hero-actions{display:flex;justify-content:flex-start;gap:8px}
  .single-seo-landing .single-article-hero-actions .btn{flex:0 1 auto;width:auto;min-height:38px;padding:9px 12px;font-size:.68rem}
}
@media(max-width:390px){
  .single-seo-landing .single-article-hero-actions{align-items:stretch;flex-direction:column}
  .single-seo-landing .single-article-hero-actions .btn{width:100%;text-align:center}
}

/* Hero design presets controlled from Brand Settings. */
.official-hero{--hero-title:#15354e;--hero-copy:#5e7485;--hero-kicker:#118574;--hero-link:#176f78;--hero-glow-a:rgba(70,224,199,.34);--hero-glow-b:rgba(70,173,224,.18);background-size:cover;background-position:center}
.official-hero.has-background-video{position:relative;isolation:isolate;overflow:hidden;background-color:#06171d}
.official-hero__bg-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;filter:brightness(.82) saturate(.95)}
.official-hero__video-shade{position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,13,18,.88) 0%,rgba(4,20,26,.72) 48%,rgba(5,24,29,.5) 100%)}
.official-hero.has-background-video>.container{position:relative;z-index:2}
.official-hero.has-background-video h1{color:var(--hero-custom-title-color,#fff)}
.official-hero.has-background-video .official-hero__copy>p{color:var(--hero-custom-desc-color,#d3e2ec)}
.official-hero.has-background-video .official-kicker{color:var(--hero-custom-kicker-color,#55dfd0)}
.official-hero.has-background-video .official-text-link{color:#75e4d3!important}
@media(max-width:900px){.official-hero__video-shade{background:linear-gradient(180deg,rgba(3,16,21,.68),rgba(3,16,21,.9) 58%,rgba(3,16,21,.96))}}
@media(prefers-reduced-motion:reduce){.official-hero__bg-video{animation:none}.official-hero.has-background-video{background-color:#07171d}}
.official-hero h1{color:var(--hero-title)}
.official-hero__copy>p{color:var(--hero-copy)}
.official-hero .official-kicker{color:var(--hero-kicker)}
.official-hero .official-text-link{color:var(--hero-link)!important}
.official-hero__visual:before{background:radial-gradient(circle at 55% 48%,var(--hero-glow-a) 0,var(--hero-glow-b) 34%,rgba(255,255,255,0) 70%)}

/* 1. Cyber Quantum — High-Tech Cyber Grid */
.official-hero.hero-style-cyber-quantum {
    --hero-title: #f3f4f6;
    --hero-copy: #9ca3af;
    --hero-kicker: #22d3ee;
    --hero-link: #22d3ee;
    --hero-glow-a: rgba(34, 211, 238, 0.4);
    --hero-glow-b: rgba(8, 145, 178, 0.15);
    background-color: #030712;
    background-image: 
        radial-gradient(circle at 80% 35%, rgba(6, 182, 212, 0.25) 0%, transparent 45%),
        linear-gradient(135deg, #030712 0%, #0b1528 100%),
        repeating-linear-gradient(0deg, rgba(34, 211, 238, 0.03) 0px, rgba(34, 211, 238, 0.03) 1px, transparent 1px, transparent 40px),
        repeating-linear-gradient(90deg, rgba(34, 211, 238, 0.03) 0px, rgba(34, 211, 238, 0.03) 1px, transparent 1px, transparent 40px),
        var(--hero-custom-image, none);
    border-bottom: 1px solid rgba(34, 211, 238, 0.15);
}
.official-hero.hero-style-cyber-quantum h1 {
    color: #ffffff;
    text-shadow: 0 0 20px rgba(34, 211, 238, 0.3);
}
.official-hero.hero-style-cyber-quantum .btn-neon {
    border-color: #22d3ee;
    background: linear-gradient(135deg, #22d3ee, #0891b2);
    color: #020617 !important;
    box-shadow: 0 0 25px rgba(34, 211, 238, 0.35);
}
.official-hero.hero-style-cyber-quantum .btn-outline {
    border-color: rgba(34, 211, 238, 0.4);
    background: rgba(255, 255, 255, 0.02);
    color: #e0f7fa !important;
}
.official-hero.hero-style-cyber-quantum .btn-outline:hover {
    border-color: #22d3ee;
    background: rgba(34, 211, 238, 0.08);
}
.official-hero.hero-style-cyber-quantum .official-hero__visual img {
    filter: drop-shadow(0 20px 30px rgba(34, 211, 238, 0.3));
}

/* 2. Royal Trust — Corporate Blue & Gold */
.official-hero.hero-style-royal-trust {
    --hero-title: #ffffff;
    --hero-copy: #cbd5e1;
    --hero-kicker: #fbbf24;
    --hero-link: #fbbf24;
    --hero-glow-a: rgba(251, 191, 36, 0.25);
    --hero-glow-b: rgba(30, 41, 59, 0.5);
    background-color: #0f172a;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(30, 41, 59, 0.8) 0%, transparent 50%),
        radial-gradient(circle at 80% 30%, rgba(251, 191, 36, 0.12) 0%, transparent 40%),
        linear-gradient(125deg, #0f172a 0%, #1e293b 50%, #090d16 100%),
        var(--hero-custom-image, none);
    border-bottom: 1px solid rgba(251, 191, 36, 0.1);
}
.official-hero.hero-style-royal-trust h1 {
    background: linear-gradient(100deg, #ffffff 30%, #fef08a 70%, #fbbf24 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
.official-hero.hero-style-royal-trust .btn-neon {
    border-color: #fbbf24;
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: #0f172a !important;
    box-shadow: 0 10px 25px rgba(251, 191, 36, 0.25);
}
.official-hero.hero-style-royal-trust .btn-outline {
    border-color: rgba(251, 191, 36, 0.5);
    background: rgba(255, 255, 255, 0.03);
    color: #fffbeb !important;
}
.official-hero.hero-style-royal-trust .btn-outline:hover {
    border-color: #fbbf24;
    background: rgba(251, 191, 36, 0.07);
}
.official-hero.hero-style-royal-trust .official-hero__visual img {
    filter: drop-shadow(0 20px 40px rgba(251, 191, 36, 0.2));
}

/* 3. Volcanic Fire — Raw Computing Power */
.official-hero.hero-style-volcanic-fire {
    --hero-title: #fafafa;
    --hero-copy: #cbd5e1;
    --hero-kicker: #ef4444;
    --hero-link: #f87171;
    --hero-glow-a: rgba(239, 68, 68, 0.45);
    --hero-glow-b: rgba(24, 24, 27, 0.4);
    background-color: #09090b;
    background-image: 
        radial-gradient(circle at 75% 30%, rgba(220, 38, 38, 0.22) 0%, transparent 40%),
        linear-gradient(130deg, #09090b 0%, #1c0c0d 60%, #030303 100%),
        var(--hero-custom-image, none);
    border-bottom: 1px solid rgba(239, 68, 68, 0.12);
}
.official-hero.hero-style-volcanic-fire h1 {
    color: #ffffff;
    text-shadow: 0 5px 25px rgba(239, 68, 68, 0.35);
}
.official-hero.hero-style-volcanic-fire .btn-neon {
    border-color: #ef4444;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(239, 68, 68, 0.3);
}
.official-hero.hero-style-volcanic-fire .btn-outline {
    border-color: rgba(239, 68, 68, 0.5);
    background: rgba(255, 255, 255, 0.03);
    color: #fef2f2 !important;
}
.official-hero.hero-style-volcanic-fire .btn-outline:hover {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.08);
}
.official-hero.hero-style-volcanic-fire .official-hero__visual img {
    filter: drop-shadow(0 25px 30px rgba(239, 68, 68, 0.25));
}

/* 4. Aurora Green — Eco Clean Tech Mining */
.official-hero.hero-style-aurora-green {
    --hero-title: #f0fdf4;
    --hero-copy: #a7f3d0;
    --hero-kicker: #34d399;
    --hero-link: #34d399;
    --hero-glow-a: rgba(52, 211, 153, 0.4);
    --hero-glow-b: rgba(6, 95, 70, 0.2);
    background-color: #022c22;
    background-image: 
        radial-gradient(circle at 80% 25%, rgba(16, 185, 129, 0.25) 0%, transparent 40%),
        radial-gradient(circle at 20% 15%, rgba(6, 95, 70, 0.4) 0%, transparent 35%),
        linear-gradient(135deg, #022c22 0%, #064e3b 50%, #011c14 100%),
        var(--hero-custom-image, none);
    border-bottom: 1px solid rgba(52, 211, 153, 0.12);
}
.official-hero.hero-style-aurora-green h1 {
    background: linear-gradient(100deg, #ffffff 20%, #a7f3d0 60%, #34d399 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none;
}
.official-hero.hero-style-aurora-green .btn-neon {
    border-color: #34d399;
    background: linear-gradient(135deg, #34d399, #059669);
    color: #022c22 !important;
    box-shadow: 0 10px 25px rgba(52, 211, 153, 0.25);
}
.official-hero.hero-style-aurora-green .btn-outline {
    border-color: rgba(52, 211, 153, 0.5);
    background: rgba(255, 255, 255, 0.03);
    color: #ecfdf5 !important;
}
.official-hero.hero-style-aurora-green .btn-outline:hover {
    border-color: #34d399;
    background: rgba(52, 211, 153, 0.07);
}
.official-hero.hero-style-aurora-green .official-hero__visual img {
    filter: drop-shadow(0 20px 30px rgba(52, 211, 153, 0.22));
}

/* 5. Liquid Chrome — Liquid Cooling Metallic */
.official-hero.hero-style-liquid-chrome {
    --hero-title: #fafafa;
    --hero-copy: #d4d4d8;
    --hero-kicker: #e4e4e7;
    --hero-link: #a1a1aa;
    --hero-glow-a: rgba(255, 255, 255, 0.25);
    --hero-glow-b: rgba(63, 63, 70, 0.3);
    background-color: #18181b;
    background-image: 
        radial-gradient(circle at 75% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 40%),
        linear-gradient(135deg, #18181b 0%, #27272a 40%, #09090b 100%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.005) 0px, rgba(255, 255, 255, 0.005) 1px, transparent 1px, transparent 15px),
        var(--hero-custom-image, none);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.official-hero.hero-style-liquid-chrome h1 {
    background: linear-gradient(100deg, #ffffff 0%, #e4e4e7 45%, #a1a1aa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.official-hero.hero-style-liquid-chrome .btn-neon {
    border-color: #f4f4f5;
    background: linear-gradient(135deg, #ffffff, #d4d4d8);
    color: #18181b !important;
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.15);
}
.official-hero.hero-style-liquid-chrome .btn-outline {
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.02);
    color: #f4f4f5 !important;
}
.official-hero.hero-style-liquid-chrome .btn-outline:hover {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}
.official-hero.hero-style-liquid-chrome .official-hero__visual img {
    filter: drop-shadow(0 25px 35px rgba(255, 255, 255, 0.15));
}

/* ── Custom Background Blending With Preset Styles ── */
.official-hero.has-custom-background.hero-style-cyber-quantum {
    background-image: 
        radial-gradient(circle at 80% 35%, rgba(6, 182, 212, 0.2) 0%, transparent 45%),
        linear-gradient(135deg, rgba(3, 7, 18, 0.85) 0%, rgba(11, 21, 40, 0.85) 100%),
        repeating-linear-gradient(0deg, rgba(34, 211, 238, 0.03) 0px, rgba(34, 211, 238, 0.03) 1px, transparent 1px, transparent 40px),
        repeating-linear-gradient(90deg, rgba(34, 211, 238, 0.03) 0px, rgba(34, 211, 238, 0.03) 1px, transparent 1px, transparent 40px),
        var(--hero-custom-image, none);
    background-blend-mode: normal, normal, normal, normal, overlay;
}

.official-hero.has-custom-background.hero-style-royal-trust {
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(30, 41, 59, 0.75) 0%, transparent 50%),
        radial-gradient(circle at 80% 30%, rgba(251, 191, 36, 0.15) 0%, transparent 40%),
        linear-gradient(125deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.85) 50%, rgba(9, 13, 22, 0.95) 100%),
        var(--hero-custom-image, none);
    background-blend-mode: normal, normal, normal, overlay;
}

.official-hero.has-custom-background.hero-style-volcanic-fire {
    background-image: 
        radial-gradient(circle at 75% 30%, rgba(220, 38, 38, 0.25) 0%, transparent 40%),
        linear-gradient(130deg, rgba(9, 9, 11, 0.88) 0%, rgba(28, 12, 13, 0.85) 60%, rgba(3, 3, 3, 0.95) 100%),
        var(--hero-custom-image, none);
    background-blend-mode: normal, normal, overlay;
}

.official-hero.has-custom-background.hero-style-aurora-green {
    background-image: 
        radial-gradient(circle at 80% 25%, rgba(16, 185, 129, 0.22) 0%, transparent 40%),
        radial-gradient(circle at 20% 15%, rgba(6, 95, 70, 0.3) 0%, transparent 35%),
        linear-gradient(135deg, rgba(2, 44, 34, 0.9) 0%, rgba(6, 78, 59, 0.85) 50%, rgba(1, 28, 20, 0.95) 100%),
        var(--hero-custom-image, none);
    background-blend-mode: normal, normal, normal, overlay;
}

.official-hero.has-custom-background.hero-style-liquid-chrome {
    background-image: 
        radial-gradient(circle at 75% 30%, rgba(255, 255, 255, 0.12) 0%, transparent 40%),
        linear-gradient(135deg, rgba(24, 24, 27, 0.88) 0%, rgba(39, 39, 42, 0.85) 40%, rgba(9, 9, 11, 0.95) 100%),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.005) 0px, rgba(255, 255, 255, 0.005) 1px, transparent 1px, transparent 15px),
        var(--hero-custom-image, none);
    background-blend-mode: normal, normal, normal, overlay;
}

/* ── 6. None / Disabled Style (Custom image + color pickers only) ── */
.official-hero.hero-style-none {
    --hero-title: var(--hero-custom-title-color, #111827);
    --hero-copy: var(--hero-custom-desc-color, #4b5563);
    --hero-kicker: var(--hero-custom-kicker-color, #2563eb);
    --hero-link: var(--hero-custom-kicker-color, #2563eb);
    --hero-glow-a: rgba(37, 99, 235, 0.12);
    --hero-glow-b: rgba(241, 245, 249, 0.15);
    
    background-color: #ffffff;
    background-image: var(--hero-custom-image, none);
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid var(--color-border);
}
.official-hero.hero-style-none h1 {
    color: var(--hero-custom-title-color, #111827);
    text-shadow: none;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: initial;
}
.official-hero.hero-style-none .official-kicker {
    color: var(--hero-custom-kicker-color, #2563eb);
}
.official-hero.hero-style-none .btn-neon {
    border-color: var(--hero-custom-kicker-color, #2563eb);
    background: var(--hero-custom-kicker-color, #2563eb);
    color: #ffffff !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);
}
.official-hero.hero-style-none .btn-neon:hover {
    background: var(--color-primary-dark, #1d4ed8);
    border-color: var(--color-primary-dark, #1d4ed8);
}
.official-hero.hero-style-none .btn-outline {
    border-color: var(--color-border);
    background: transparent;
    color: var(--hero-custom-desc-color, #4b5563) !important;
}
.official-hero.hero-style-none .btn-outline:hover {
    border-color: var(--hero-custom-kicker-color, #2563eb);
    color: var(--hero-custom-kicker-color, #2563eb) !important;
}
.official-hero.hero-style-none .official-hero__visual img {
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.08));
}

/* ============================================================
   2026 PREMIUM CORPORATE HERO COLLECTION
   Each preset also owns a matching glass countdown palette.
   ============================================================ */
.official-hero[class*="hero-style-"]{
  --hero-button:#1d4ed8;--hero-button-2:#0f3a78;--hero-button-text:#fff;
  --hero-outline:rgba(255,255,255,.3);--hero-glass:rgba(255,255,255,.12);
  position:relative;isolation:isolate;background-size:cover;background-position:center;overflow:hidden
}
.official-hero[class*="hero-style-"]:after{
  content:"";position:absolute;z-index:-1;inset:auto -8% -48% 38%;height:75%;
  border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.09),transparent 68%);pointer-events:none
}
.official-hero[class*="hero-style-"] .btn-neon{
  border-color:transparent;background:linear-gradient(135deg,var(--hero-button),var(--hero-button-2));
  color:var(--hero-button-text)!important;box-shadow:0 13px 32px color-mix(in srgb,var(--hero-button) 28%,transparent)
}
.official-hero[class*="hero-style-"] .btn-outline{
  border-color:var(--hero-outline);background:var(--hero-glass);color:var(--hero-title)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
.official-hero[class*="hero-style-"] .official-hero__visual img{filter:drop-shadow(0 28px 35px var(--hero-product-shadow,rgba(15,23,42,.2)))}

/* Corporate Navy — authoritative international corporation. */
.official-hero.hero-style-corporate-navy{
  --hero-title:#f8fbff;--hero-copy:#c8d5e5;--hero-kicker:#69b7ff;--hero-link:#8bc8ff;
  --hero-glow-a:rgba(49,137,230,.32);--hero-glow-b:rgba(13,48,86,.26);
  --hero-button:#287dd1;--hero-button-2:#15539a;--hero-button-text:#fff;--hero-outline:rgba(155,202,244,.34);
  --hero-product-shadow:rgba(31,108,181,.3);--mbt-primary:#7cc4ff;--mbt-accent:#f2c86b;
  background-color:#07182c;background-image:linear-gradient(115deg,rgba(4,19,38,.98) 0%,rgba(10,43,77,.94) 54%,rgba(7,26,48,.88) 100%),radial-gradient(circle at 82% 15%,rgba(67,147,224,.22),transparent 34%),var(--hero-custom-image,none);
  border-bottom-color:rgba(116,177,231,.18)
}

/* Executive Light — spacious, clean, boardroom-grade. */
.official-hero.hero-style-executive-light{
  --hero-title:#102a43;--hero-copy:#50677b;--hero-kicker:#0b7b72;--hero-link:#0b7069;
  --hero-glow-a:rgba(37,155,143,.2);--hero-glow-b:rgba(102,150,193,.13);
  --hero-button:#118c80;--hero-button-2:#08675f;--hero-outline:rgba(17,110,103,.24);--hero-glass:rgba(255,255,255,.55);
  --hero-product-shadow:rgba(30,72,103,.18);--mbt-primary:#087e75;--mbt-accent:#b7791f;
  background-color:#f4f8fb;background-image:linear-gradient(120deg,rgba(255,255,255,.98),rgba(239,246,249,.95) 60%,rgba(223,239,241,.9)),radial-gradient(circle at 85% 18%,rgba(28,149,136,.13),transparent 33%),var(--hero-custom-image,none)
}

/* Obsidian Gold — understated luxury, never flashy. */
.official-hero.hero-style-obsidian-gold{
  --hero-title:#fffaf0;--hero-copy:#cbc3b6;--hero-kicker:#d6ad5b;--hero-link:#e4c47c;
  --hero-glow-a:rgba(205,158,70,.24);--hero-glow-b:rgba(65,52,35,.22);
  --hero-button:#d0a34c;--hero-button-2:#9b6c22;--hero-button-text:#15120d;--hero-outline:rgba(226,193,125,.32);
  --hero-product-shadow:rgba(191,141,45,.25);--mbt-primary:#f0cb7c;--mbt-accent:#ffffff;
  background-color:#0d0e10;background-image:linear-gradient(125deg,rgba(10,11,13,.99),rgba(27,27,28,.96) 62%,rgba(16,14,11,.92)),radial-gradient(circle at 82% 22%,rgba(203,155,65,.16),transparent 35%),var(--hero-custom-image,none)
}

/* Arctic Silver — precise engineering and cool confidence. */
.official-hero.hero-style-arctic-silver{
  --hero-title:#17324a;--hero-copy:#607789;--hero-kicker:#277b9c;--hero-link:#216f8d;
  --hero-glow-a:rgba(82,173,205,.2);--hero-glow-b:rgba(173,205,219,.18);
  --hero-button:#2384a7;--hero-button-2:#17617f;--hero-outline:rgba(45,119,147,.24);--hero-glass:rgba(255,255,255,.48);
  --hero-product-shadow:rgba(60,105,129,.18);--mbt-primary:#176f91;--mbt-accent:#805b16;
  background-color:#edf3f6;background-image:linear-gradient(132deg,rgba(255,255,255,.99),rgba(232,241,245,.96) 63%,rgba(215,228,234,.92)),repeating-linear-gradient(120deg,rgba(31,93,119,.025) 0 1px,transparent 1px 28px),var(--hero-custom-image,none)
}

/* Emerald Boardroom — premium sustainable enterprise. */
.official-hero.hero-style-emerald-boardroom{
  --hero-title:#f5fffb;--hero-copy:#bed8cf;--hero-kicker:#69d7b5;--hero-link:#8ce3c8;
  --hero-glow-a:rgba(54,190,150,.29);--hero-glow-b:rgba(13,77,61,.26);
  --hero-button:#43c49e;--hero-button-2:#19856b;--hero-button-text:#05251d;--hero-outline:rgba(119,217,186,.3);
  --hero-product-shadow:rgba(38,169,130,.27);--mbt-primary:#75e0bd;--mbt-accent:#f2d27f;
  background-color:#062820;background-image:linear-gradient(120deg,rgba(4,31,25,.99),rgba(9,63,50,.95) 62%,rgba(5,38,31,.9)),radial-gradient(circle at 82% 20%,rgba(63,194,153,.18),transparent 35%),var(--hero-custom-image,none)
}

/* Midnight Cyan — advanced datacenter without gamer styling. */
.official-hero.hero-style-midnight-cyan{
  --hero-title:#f2fbff;--hero-copy:#b8cfda;--hero-kicker:#54d7e8;--hero-link:#76dfeb;
  --hero-glow-a:rgba(50,197,218,.3);--hero-glow-b:rgba(15,87,108,.25);
  --hero-button:#32bfd2;--hero-button-2:#137d9a;--hero-button-text:#031d27;--hero-outline:rgba(94,210,226,.3);
  --hero-product-shadow:rgba(39,184,207,.29);--mbt-primary:#5ee4f2;--mbt-accent:#ffd477;
  background-color:#041923;background-image:linear-gradient(120deg,rgba(2,20,29,.99),rgba(5,48,63,.95) 62%,rgba(3,25,36,.92)),linear-gradient(90deg,rgba(82,215,231,.035) 1px,transparent 1px),linear-gradient(rgba(82,215,231,.035) 1px,transparent 1px),var(--hero-custom-image,none);background-size:cover,46px 46px,46px 46px,cover
}

/* Titanium Industrial — serious hardware manufacturing. */
.official-hero.hero-style-titanium-industrial{
  --hero-title:#f7f8f9;--hero-copy:#c5c9ce;--hero-kicker:#aeb8c2;--hero-link:#d0d7de;
  --hero-glow-a:rgba(190,202,212,.2);--hero-glow-b:rgba(58,68,77,.26);
  --hero-button:#d8dde1;--hero-button-2:#929da7;--hero-button-text:#182028;--hero-outline:rgba(218,225,231,.28);
  --hero-product-shadow:rgba(190,203,215,.18);--mbt-primary:#e5edf3;--mbt-accent:#ffc75c;
  background-color:#161b20;background-image:linear-gradient(120deg,rgba(17,22,27,.99),rgba(41,48,55,.96) 60%,rgba(20,25,30,.94)),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px),var(--hero-custom-image,none)
}

/* Clean Minimal — maximum clarity with premium restraint. */
.official-hero.hero-style-clean-minimal{
  --hero-title:#182536;--hero-copy:#617084;--hero-kicker:#315f89;--hero-link:#25577f;
  --hero-glow-a:rgba(68,122,171,.15);--hero-glow-b:rgba(207,220,231,.2);
  --hero-button:#285f91;--hero-button-2:#183f66;--hero-outline:rgba(40,95,145,.22);--hero-glass:rgba(255,255,255,.62);
  --hero-product-shadow:rgba(36,72,103,.15);--mbt-primary:#245b88;--mbt-accent:#a36512;
  background-color:#fff;background-image:linear-gradient(115deg,rgba(255,255,255,.99),rgba(248,250,252,.97) 64%,rgba(238,244,248,.93)),var(--hero-custom-image,none)
}

/* Per-preset countdown glass: readable number colors on every hero. */
.official-hero[class*="hero-style-"] .mbt-banner{
  --mbt-glass:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
  --mbt-glass-border:rgba(255,255,255,.24);--mbt-glass-shadow:0 12px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.24)
}
.official-hero.hero-style-executive-light .mbt-banner,
.official-hero.hero-style-arctic-silver .mbt-banner,
.official-hero.hero-style-clean-minimal .mbt-banner{
  --mbt-glass:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.38));
  --mbt-glass-border:rgba(63,94,118,.16);--mbt-glass-shadow:0 10px 25px rgba(31,59,79,.1),inset 0 1px 0 #fff
}
.official-hero[class*="hero-style-"] .mbt-digit-value{-webkit-text-fill-color:currentColor;text-shadow:none}
.official-hero[class*="hero-style-"] .mbt-digit-label,
.official-hero[class*="hero-style-"] .mbt-hero-status,
.official-hero[class*="hero-style-"] .mbt-hero-ship,
.official-hero[class*="hero-style-"] .mbt-hero-note{color:var(--hero-copy)}
.official-hero[class*="hero-style-"] .mbt-banner .mbt-hero-content .mbt-hero-note{
  color:var(--hero-title)!important;opacity:.9;font-weight:750;
  text-shadow:0 1px 3px rgba(0,0,0,.34),0 1px 1px rgba(255,255,255,.08)
}
.official-hub__identity{display:flex;align-items:center;gap:8px}.official-hubs .official-hub__flag{margin:0;font-size:1.45rem;line-height:1}.official-hub__identity b{flex:0 0 auto}.official-hubs .official-hub__identity+strong{margin-top:11px}

/* Responsive assurance strip below the homepage hero. */
.official-trust{padding:15px 16px;background:linear-gradient(180deg,#fff,#f7fafb)}
.official-trust>.container{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.official-trust>.container>div{min-width:0;min-height:78px;justify-content:flex-start;gap:11px;padding:13px;border:1px solid #dce7eb;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(15,42,67,.035)}
.official-trust>.container>div:last-child{border:1px solid #dce7eb}
.official-trust i{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,#fff)}
.official-trust svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.official-trust p{min-width:0;margin:0;line-height:1.25}
.official-trust strong,.official-trust span{display:block}
.official-trust strong{margin-bottom:4px;color:#173b55;font-size:.74rem;font-weight:850}
.official-trust span{color:#657b8c;font-size:.61rem;font-weight:700;line-height:1.35}
@media(max-width:980px){.official-trust>.container{grid-template-columns:repeat(3,minmax(0,1fr))}.official-trust>.container>div:nth-child(4),.official-trust>.container>div:nth-child(5){grid-column:span 1}}
@media(max-width:620px){.official-trust{padding:11px 12px}.official-trust>.container{grid-template-columns:1fr 1fr;gap:8px}.official-trust>.container>div{min-height:72px;gap:9px;padding:10px}.official-trust>.container>div:last-child{grid-column:1/-1}.official-trust i{flex-basis:34px;width:34px;height:34px}.official-trust svg{width:19px;height:19px}.official-trust strong{font-size:.68rem}.official-trust span{font-size:.57rem}}
@media(max-width:390px){.official-trust>.container{grid-template-columns:1fr}.official-trust>.container>div:last-child{grid-column:auto}}
.official-hero.hero-style-executive-light .mbt-banner .mbt-hero-content .mbt-hero-note,
.official-hero.hero-style-arctic-silver .mbt-banner .mbt-hero-content .mbt-hero-note,
.official-hero.hero-style-clean-minimal .mbt-banner .mbt-hero-content .mbt-hero-note{
  text-shadow:0 1px 1px rgba(255,255,255,.65);opacity:.86
}

/* ============================================================
   Homepage News & Insights Section
   ============================================================ */
.home-news {
    background: #ffffff !important;
    border-block: 1px solid #dce5eb;
}
.official-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 30px;
}
.news-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 400px;
    background: #11151a;
    border: 1px solid #dce5ea;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 4px 18px rgba(15,42,67,0.05);
    text-decoration: none !important;
}
.news-card:hover {
    transform: translateY(-5px);
    border-color: var(--color-primary);
    box-shadow: var(--shadow-glow);
}
.news-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.news-card:hover .news-card__bg {
    transform: scale(1.05);
}
.news-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.9) 100%);
    z-index: 2;
    transition: background 0.3s ease;
}
.news-card:hover .news-card__overlay {
    background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.55) 50%, rgba(0,0,0,0.95) 100%);
}
.news-card__content {
    position: relative;
    z-index: 3;
    padding: 24px;
    box-sizing: border-box;
}
.news-card__title {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 10px;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.news-card__excerpt {
    font-size: 0.82rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8) !important;
    margin: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

@media(max-width: 900px) {
    .official-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }
}
@media(max-width: 620px) {
    .official-news-grid {
        grid-template-columns: 1fr;
    }
    .news-card {
        min-height: auto;
    }
}

/* ============================================================
   Responsive Compact Grid for Official Trust Section (.official-trust)
   ============================================================ */
.official-trust {
    background: #fff;
    border-bottom: 1px solid #d9e3e9;
    padding: 4px 0;
}
.official-trust > .container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
}
.official-trust div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 60px;
    padding: 10px 8px;
    border-right: 1px solid #e1e8ed;
    box-sizing: border-box;
}
.official-trust div:last-child {
    border-right: 0;
}
.official-trust svg {
    width: 22px;
    height: 22px;
    stroke: #138372;
    fill: none;
    stroke-width: 1.8;
    flex-shrink: 0;
}
.official-trust p {
    margin: 0;
    line-height: 1.2;
}
.official-trust strong {
    display: block;
    color: #138372;
    font-size: 0.78rem;
    font-weight: 800;
}
.official-trust span {
    display: block;
    color: #536b7c;
    font-size: 0.65rem;
    font-weight: 700;
}

/* Tablet (769px - 1024px): 3 in row 1, 2 centered in row 2 */
@media (max-width: 1024px) and (min-width: 769px) {
    .official-trust > .container {
        grid-template-columns: repeat(6, 1fr);
    }
    .official-trust div:nth-child(1),
    .official-trust div:nth-child(2),
    .official-trust div:nth-child(3) {
        grid-column: span 2;
        border-bottom: 1px solid #e1e8ed;
    }
    .official-trust div:nth-child(3) {
        border-right: 0;
    }
    .official-trust div:nth-child(4) {
        grid-column: 2 / span 2;
    }
    .official-trust div:nth-child(5) {
        grid-column: 4 / span 2;
        border-right: 0;
    }
}

/* Mobile (<= 768px): 2 items per row, 5th item centered full-width below */
@media (max-width: 768px) {
    .official-trust {
        padding: 4px 0;
    }
    .official-trust > .container {
        grid-template-columns: repeat(2, 1fr);
    }
    .official-trust div {
        min-height: 50px;
        padding: 8px 10px;
        border-bottom: 1px solid #e1e8ed;
        justify-content: flex-start;
    }
    .official-trust div:nth-child(2n) {
        border-right: 0;
    }
    .official-trust div:nth-child(5) {
        grid-column: 1 / -1;
        border-bottom: 0;
        border-right: 0;
        justify-content: center;
        text-align: center;
    }
    .official-trust svg {
        width: 20px;
        height: 20px;
    }
    .official-trust strong {
        font-size: 0.74rem;
    }
    .official-trust span {
        font-size: 0.62rem;
    }
}

/* Extra Small Mobile (<= 480px) */
@media (max-width: 480px) {
    .official-trust div {
        min-height: 46px;
        padding: 6px 8px;
        gap: 6px;
    }
    .official-trust svg {
        width: 18px;
        height: 18px;
    }
    .official-trust strong {
        font-size: 0.7rem;
    }
    .official-trust span {
        font-size: 0.6rem;
    }
}

/* ============================================================
   Mobile Ultra-Compact Hero Section (Fit 100% Above the Fold)
   ============================================================ */
@media (max-width: 768px) {
    .official-hero {
        padding: 16px 12px !important;
        overflow: hidden;
    }
    .official-hero .container,
    .official-hero__grid {
        gap: 10px !important;
    }
    .official-hero__visual {
        order: -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 200px !important;
        height: 200px !important;
        margin: 0 auto !important;
    }
    .official-hero__visual img {
        width: auto !important;
        max-width: 100% !important;
        height: 190px !important;
        object-fit: contain !important;
    }
    .official-hero__copy {
        max-width: 100% !important;
        text-align: left !important;
    }
    .official-hero .official-kicker {
        font-size: 0.58rem !important;
        letter-spacing: 0.08em !important;
        display: block !important;
        margin-bottom: 2px !important;
        text-align: left !important;
    }
    .official-hero h1,
    .official-hero h1 span,
    .official-hero__pyramid-title span {
        font-size: 1.65rem !important;
        line-height: 1.15 !important;
        margin: 3px 0 5px !important;
        text-wrap: wrap !important;
        word-break: break-word !important;
        text-align: left !important;
    }
    .official-hero__copy > p {
        font-size: 0.76rem !important;
        line-height: 1.35 !important;
        margin: 0 0 4px !important;
        text-align: left !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
    .official-hero .mbt-banner {
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    
    /* 2 Buttons Side-by-Side in One Row on Mobile */
    .official-hero .official-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
        margin-top: 10px !important;
        justify-content: center !important;
    }
    .official-hero .official-actions .btn {
        width: 100% !important;
        padding: 8px 4px !important;
        font-size: 0.7rem !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        text-align: center !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .official-hero .official-text-link {
        display: inline-block !important;
        margin-top: 6px !important;
        font-size: 0.65rem !important;
    }
}

@media (max-width: 480px) {
    .official-hero {
        padding: 10px 8px !important;
    }
    .official-hero__visual {
        min-height: 180px !important;
        height: 180px !important;
    }
    .official-hero__visual img {
        height: 175px !important;
    }
    .official-hero h1,
    .official-hero h1 span,
    .official-hero__pyramid-title span {
        font-size: 1.5rem !important;
    }
    .official-hero .official-actions .btn {
        font-size: 0.66rem !important;
        padding: 7px 2px !important;
    }
}

/* Keep the shorter article CTAs comfortably tappable after global mobile overrides. */
@media (max-width: 620px) {
    .single-seo-landing .official-hero__pyramid-title,
    .single-seo-landing .official-hero__pyramid-title span {
        font-size: clamp(0.9rem, 4.5vw, 1.1rem) !important;
        line-height: 1.18 !important;
        white-space: nowrap !important;
    }
    .single-seo-landing .single-article-hero-actions .btn {
        width: auto;
        padding: 9px 12px !important;
        font-size: 0.68rem !important;
    }
}
@media (max-width: 390px) {
    .single-seo-landing .single-article-hero-actions .btn {
        width: 100%;
    }
}

/* Third deployment path shared by the homepage and article landing pages. */
.official-path-grid article.is-lease {
    border-color: #93c5fd;
    background: linear-gradient(145deg, #f0f9ff, #e0f2fe);
}
.official-path-grid article.is-lease > span {
    color: #2563eb;
}
.official-path-grid article.is-lease h3 {
    color: #1e3a8a;
}
.official-path-grid article.is-lease > p,
.official-path-grid article.is-lease li {
    color: #334155;
}
.official-path-grid article.is-lease .btn {
    border-color: #2563eb;
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
}

/* Current service architecture: hardware purchase, owned hosting and cloud mining. */
.official-path-grid--services article{display:flex;flex-direction:column}
.official-path-grid--services article ul{flex:1}
.official-path-grid article.is-cloud{border-color:#b8c9ef;background:linear-gradient(145deg,#f8faff,#edf3ff)}
.official-path-grid article.is-cloud>span,.official-path-grid article.is-cloud li:before{color:#315fc5}
.official-path-grid article.is-cloud .btn{border-color:#315fc5;background:linear-gradient(135deg,#315fc5,#234899);color:#fff!important;box-shadow:0 8px 20px rgba(49,95,197,.2)}
.official-service-terms{margin-top:20px}
.miner-product-card__stock.is-batch-open{background:#fff7e6;color:#9a6416;border-color:#f2d18a}
.official-hero__service-visual{min-height:430px;padding:38px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,247,248,.97))}
.official-hero__service-visual:before{width:260px;height:260px;right:-70px;top:-70px}
.official-hero__service-visual>.hero-service-card{position:relative;left:auto;right:auto;bottom:auto;display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #d6e5e7;border-radius:14px;background:#fff;box-shadow:0 9px 24px rgba(18,54,76,.07)}
.official-hero__service-visual>.hero-service-card>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#e2f4ef;color:#127768;font-size:.72rem;font-weight:900}
.official-hero__service-visual>.hero-service-card>div{position:static;padding:0;border:0;background:none}
.official-hero__service-visual>.hero-service-card strong,.official-hero__service-visual>.hero-service-card small{display:block}.official-hero__service-visual>.hero-service-card strong{color:#173f5c}.official-hero__service-visual>.hero-service-card small{margin-top:4px;color:#687d8d;font-size:.66rem}
.official-hero__service-visual>a{position:relative;margin-top:5px;color:#176f78!important;font-size:.7rem;font-weight:850;text-align:center}
.official-operations{background:#f4f7f9}.official-operation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.official-operation-grid article{overflow:hidden;border:1px solid #d7e2e8;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(15,42,67,.06)}.official-operation-grid img{width:100%;height:220px;object-fit:cover}.official-operation-grid article>div{padding:20px}.official-operation-grid span,.official-credentials article>span{color:#168574;font-size:.63rem;font-weight:900;letter-spacing:.12em}.official-operation-grid h3,.official-credentials h3{margin:7px 0 9px;color:#183750}.official-operation-grid p,.official-credentials p{margin:0;color:#687d8d;font-size:.73rem;line-height:1.65}.official-operation-grid small{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #e2e8ec;color:#8a6b24;font-size:.58rem}
.official-credentials{background:#fff;border-block:1px solid #dce5eb}.official-credential-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.official-credential-grid>article{padding:25px;border:1px solid #d9e4e9;border-radius:15px;background:#f9fbfc}.official-credential-grid dl{margin:16px 0}.official-credential-grid dl>div{padding:9px 0;border-top:1px solid #e1e8ec}.official-credential-grid dt{color:#7a8d99;font-size:.59rem;font-weight:800;text-transform:uppercase}.official-credential-grid dd{margin:3px 0 0;color:#29485e;font-size:.72rem;font-weight:800}.official-credential-grid ul{margin:15px 0;padding:0;list-style:none}.official-credential-grid li{padding:10px 0;border-top:1px solid #e1e8ec}.official-credential-grid li strong,.official-credential-grid li small{display:block}.official-credential-grid li strong{color:#29485e;font-size:.74rem}.official-credential-grid li small{margin-top:3px;color:#748894;font-size:.62rem;line-height:1.5}.official-credential-grid a{display:inline-block;margin-top:14px;color:#176f78!important;font-size:.67rem;font-weight:850}
@media(max-width:900px){.official-operation-grid,.official-credential-grid{grid-template-columns:1fr}.official-hero__service-visual{min-height:auto}}
@media(max-width:620px){.official-hero__service-visual{padding:18px}.official-operation-grid img{height:205px}}

/* Give the assurance cards clear visual separation at every breakpoint. */
.official-trust{padding:16px!important}
.official-trust>.container{gap:12px!important}
.official-trust>.container>div{min-height:76px!important;padding:13px!important;border:1px solid #dce7eb!important;border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(15,42,67,.045)}
@media(max-width:768px){.official-trust{padding:12px!important}.official-trust>.container{gap:9px!important}.official-trust>.container>div{min-height:70px!important;padding:11px!important}.official-trust>.container>div:nth-child(5){justify-content:flex-start;text-align:left}}
@media(max-width:480px){.official-trust>.container{grid-template-columns:1fr!important}.official-trust>.container>div:nth-child(5){grid-column:auto}}

/* Mobile hero: concise, readable and free of repeated service content. */
@media(max-width:760px){
  .official-home .official-hero{display:block!important;height:auto!important;min-height:0!important;padding:34px 16px 30px!important}
  .official-home .official-hero__grid{display:flex!important;height:auto!important;min-height:0!important;padding:0!important;flex-direction:column;align-items:center}
  .official-home .official-hero__copy{order:2;width:100%;height:auto!important;min-height:0!important;max-width:none;padding:0!important;text-align:left}
  .official-hero .official-kicker{font-size:.58rem;line-height:1.4;letter-spacing:.11em}
  .official-hero h1{max-width:100%;margin:9px 0 13px!important;font-size:clamp(1.75rem,8.2vw,2.15rem)!important;line-height:1.12!important}
  .official-hero__copy>p{font-size:.84rem!important;line-height:1.6!important}
  .official-hero .official-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:9px;margin-top:19px}
  .official-hero .official-actions .btn{display:flex!important;width:100%!important;min-height:44px!important;margin:0!important;align-items:center;justify-content:center;padding:10px 14px!important}
  .official-hero .official-text-link{display:block;margin-top:14px;text-align:center;line-height:1.5}
  .official-home .official-hero__visual{order:1;display:flex!important;width:min(100%,320px)!important;height:auto!important;min-height:0!important;margin:0 auto 24px!important;border-radius:18px}
  .official-home .official-hero__image-visual{height:210px!important;min-height:210px!important;padding:10px}
  .official-home .official-hero__image-visual img{width:100%!important;height:190px!important;object-fit:contain;object-position:center}
  .official-home .official-hero__service-visual{min-height:0!important;padding:14px!important;gap:8px}
  .official-home .official-hero__service-visual>.hero-service-card{min-height:0;padding:10px 12px}
  .official-home .official-hero__service-visual>.hero-service-card>span{width:34px;height:34px}
  .official-home .official-hero__service-visual>a{margin-top:2px;font-size:.62rem}
}

@media(max-width:782px){body.admin-bar #header-sticky-wrapper{top:46px!important}}
.official-home { display: flex; flex-direction: column; }
.official-home .official-hero { order: 1; }
.official-home .official-trust { order: 2; }
.official-home .official-paths { order: 3; }
.official-home .official-products { order: 4; }
.official-home .official-protection { order: 5; }
.official-home .official-operations { order: 6; }
.official-home .official-credentials { order: 7; }
.official-home .official-support { order: 8; }
.official-home .official-faq { order: 9; }
.official-home .official-logistics { order: 10; }
.official-home .official-business { order: 11; }
.official-home .official-company { order: 12; }
.official-home .official-final { order: 13; }

.official-protection { background: #f3f8fb; }
.official-protection-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.official-protection-grid article { padding: 22px; border: 1px solid #d8e4ea; border-radius: 14px; background: #fff; }
.official-protection-grid article > b { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e6f7f3; color: #087767; font-size: .75rem; }
.official-protection-grid h3 { margin: 14px 0 7px; color: #183b52; font-size: 1rem; }
.official-protection-grid p { margin: 0; color: #607586; font-size: .78rem; line-height: 1.6; }
.official-protection-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin-top: 22px; }
.official-protection-links a { color: var(--color-primary); font-size: .78rem; font-weight: 800; }
@media(max-width:900px){.official-protection-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.official-protection-grid{grid-template-columns:1fr;}}