.metal-blog-page, .metal-blog-page *{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;}
body.blog-subpage{background:linear-gradient(180deg,#0c1b28 0%,#102335 140px,#f2f4f5 140px,#f1f3f4 100%);}
.metal-blog-page{padding-bottom:40px;}
.blog-hero-wrap{padding:34px 0 22px;position:relative;}
.blog-hero-shell{position:relative;background:radial-gradient(circle at 15% 20%,rgba(57,248,237,.12),transparent 35%),linear-gradient(135deg,#0e1f2e 0%,#12273b 48%,#132a3f 100%);border:1px solid rgba(197,204,211,.18);box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);border-radius:28px;padding:34px 38px;overflow:hidden;}
.blog-hero-shell::before{content:"";position:absolute;left:-14px;top:-14px;width:230px;height:112px;background:linear-gradient(135deg,#fafbfb 0%,#6e8fad 37%,#f2f4f5 58%,#8697a6 100%);clip-path:polygon(0 0,100% 0,73% 100%,0 100%);box-shadow:0 8px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.9);opacity:.94;border-bottom-right-radius:28px;}
.blog-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;position:relative;z-index:1;}
.blog-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#e3e7ea;margin-bottom:18px;}
.blog-breadcrumbs a{color:#eff1f3;text-decoration:none;opacity:.94;}
.blog-breadcrumbs .current{color:#38ece7;}
.blog-hero-title{font-size:clamp(2.5rem,4vw,4rem);line-height:1.06;font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.03em;max-width:860px;text-wrap:balance;}
.blog-hero-desc{color:rgba(245,247,248,.9);font-size:1.2rem;line-height:1.7;max-width:880px;margin-bottom:18px;}
.blog-meta-row{display:flex;flex-wrap:wrap;gap:20px;align-items:center;color:#e4e8ec;font-size:1rem;font-weight:600;}
.blog-meta-row span{display:inline-flex;align-items:center;gap:9px;background:rgba(13,28,43,.25);padding:10px 0;}
.blog-meta-row i{color:#39ece7;}
.blog-hero-art{display:flex;justify-content:flex-end;align-items:center;}
.blog-pipe-card{position:relative;width:min(100%,390px);aspect-ratio:1.15/1;display:flex;align-items:center;justify-content:center;}
.blog-pipe-glow{position:absolute;inset:16% 10%;background:radial-gradient(circle,rgba(47,231,226,.25),rgba(47,231,226,.02) 55%,transparent 70%);filter:blur(12px);}
.blog-pipe-svg{width:100%;height:auto;filter:drop-shadow(0 16px 24px rgba(0,0,0,.28));}
.blog-content-wrap{padding:16px 0 10px;}
.blog-layout-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 310px;gap:22px;align-items:start;}
.metal-card,.metal-article-frame,.listing-hero{background:linear-gradient(180deg,#fafbfc 0%,#f0f2f4 100%);border:1px solid rgba(70,98,124,.22);border-radius:24px;box-shadow:0 18px 34px rgba(14,30,45,.08), inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden;}
.metal-card-head{display:flex;align-items:center;gap:12px;padding:18px 22px;font-size:1.7rem;font-weight:800;color:#0f2131;background:linear-gradient(180deg,#f8f9fa 0%,#dbdfe2 100%);border-bottom:1px solid rgba(63,89,112,.2);}
.metal-card-head i{width:40px;height:40px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#2feae5 0%,#518dc5 100%);color:#132a3f;box-shadow:0 8px 18px rgba(47,231,226,.24), inset 0 1px 0 rgba(255,255,255,.78);font-size:1.1rem;}
.side-card .category-list,.side-card .trend-list,.cta-mini-card,.why-card,.subscribe-card,.help-card{padding:0 0 8px;}
.category-list a{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:#f9fafa;text-decoration:none;font-size:1.16rem;font-weight:600;background:linear-gradient(180deg,#112538 0%,#0e1f2f 100%);border-bottom:1px solid rgba(79,110,140,.15);}
.category-list a:nth-child(even){background:linear-gradient(180deg,#102233 0%,#0d1c29 100%);}
.category-list a.active{background:linear-gradient(90deg,#31e9e4 0%,#538ec6 100%);color:#0f2030;}
.category-list a i{opacity:.85;}
.cta-mini-card p,.subscribe-card p,.help-card p{padding:18px 22px 0;color:#364b5f;font-size:1.02rem;line-height:1.75;}
.blog-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;font-weight:800;text-decoration:none;transition:.25s ease;padding:16px 22px;}
.blog-btn-primary{margin:18px 22px 22px;background:linear-gradient(180deg,#2ce6e0 0%,#4484c1 100%);color:#0e1f2f;box-shadow:0 12px 24px rgba(47,231,226,.25), inset 0 1px 0 rgba(255,255,255,.8);}
.blog-btn-primary:hover{transform:translateY(-1px);color:#0e1f2f;}
.why-card .check-list{list-style:none;margin:0;padding:10px 22px 18px;display:grid;gap:13px;}
.why-card .check-list li{position:relative;padding-left:28px;color:#162f47;font-size:1.03rem;font-weight:600;line-height:1.55;}
.why-card .check-list li::before{content:"\f058";font-family:"Font Awesome 5 Free";font-weight:900;color:#24dfda;position:absolute;left:0;top:2px;}
.metal-article-frame{padding:18px;}
.article-featured-image{width:100%;height:240px;object-fit:cover;border-radius:24px;display:block;margin-bottom:18px;}
.article-section{padding:6px 10px 2px;}
.article-section + .article-section{margin-top:10px;}
.article-section h2{font-size:2.05rem;font-weight:800;color:#0f2030;line-height:1.2;margin:0 0 12px;display:flex;align-items:center;gap:12px;}
.article-section h2::before{content:"";width:6px;height:34px;border-radius:10px;background:linear-gradient(180deg,#33ebe4 0%,#4f8bc4 100%);box-shadow:0 4px 12px rgba(47,231,226,.28);}
.article-section p{font-size:1.06rem;color:#283848;line-height:1.85;margin-bottom:14px;}
.tip-box{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:20px;background:linear-gradient(90deg,#d2fbf2 0%,#f1f3f4 60%,#ccd0d4 100%);border:1px solid rgba(46,218,211,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);margin:14px 0 6px;}
.tip-icon{width:62px;height:62px;border-radius:18px;background:linear-gradient(180deg,#eff2f4 0%,#d9dde0 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.9);flex:0 0 62px;}
.tip-icon img{width:30px;height:30px;}
.tip-text{font-size:1.05rem;font-weight:700;color:#0e1f2e;line-height:1.7;}
.article-split-boxes{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch;}
.split-image-card img{width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:22px;display:block;}
.split-list-card{background:linear-gradient(180deg,#f1f3f5 0%,#e9ebed 100%);border:1px solid rgba(114,134,150,.18);border-radius:22px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);}
.split-list-card h3{font-size:1.8rem;font-weight:800;color:#112436;margin:0 0 12px;}
.solution-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.solution-list li{position:relative;padding-left:32px;font-size:1.08rem;font-weight:600;color:#142b41;line-height:1.55;}
.solution-list li::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:900;color:#18dfd8;position:absolute;left:0;top:1px;}
.trend-list{padding:10px 16px 18px;display:grid;gap:10px;}
.trend-item{display:flex;gap:12px;padding:10px;border-radius:18px;background:linear-gradient(180deg,#112538 0%,#0e1f2f 100%);border:1px solid rgba(80,113,143,.13);text-decoration:none;align-items:center;}
.trend-item img{width:92px;height:74px;object-fit:cover;border-radius:12px;flex:0 0 92px;}
.trend-item strong{display:block;color:#f9fafb;font-size:1.04rem;line-height:1.35;margin-bottom:6px;font-weight:800;}
.trend-item small{color:#e3e7eb;font-size:.94rem;font-weight:600;}
.subscribe-card .subscribe-form{display:flex;gap:10px;padding:12px 22px 22px;}
.subscribe-form input{flex:1;min-width:0;height:56px;border-radius:18px;border:1px solid rgba(115,134,150,.24);background:#fff;padding:0 18px;font-size:1rem;color:#203344;outline:none;}
.subscribe-form button{height:56px;border:0;border-radius:18px;padding:0 22px;font-weight:800;background:linear-gradient(180deg,#2ce6e0 0%,#4182c0 100%);color:#0e1f2f;box-shadow:0 10px 20px rgba(47,231,226,.24), inset 0 1px 0 rgba(255,255,255,.8);}
.help-card{background:linear-gradient(145deg,#112436 0%,#0d1c2b 100%);color:#f9fafb;}
.help-card h3{padding:18px 22px 0;font-size:2rem;font-weight:800;line-height:1.15;}
.help-card p{color:#dce1e5;padding-top:10px;}
.help-card .blog-btn-outline{margin:16px 22px 24px;background:linear-gradient(180deg,#33ece6 0%,#4988c2 100%);color:#0f2132;box-shadow:0 12px 26px rgba(47,231,226,.25), inset 0 1px 0 rgba(255,255,255,.8);}
.help-card-visual{display:flex;justify-content:space-between;align-items:center;padding:26px 22px 0;font-size:3rem;color:#45ebe5;opacity:.92;}
.blog-listing-wrap{padding:26px 0 34px;}
.listing-hero{padding:30px;}
.listing-kicker{display:inline-block;margin-bottom:10px;padding:8px 16px;border-radius:999px;background:linear-gradient(180deg,#f1f3f5 0%,#d8dbde 100%);border:1px solid rgba(67,94,120,.18);font-weight:800;color:#142b40;}
.listing-title-block h1{font-size:clamp(2.3rem,3.8vw,3.8rem);line-height:1.08;color:#0f2030;font-weight:800;margin:0 0 12px;}
.listing-title-block p{max-width:860px;color:#304354;line-height:1.8;font-size:1.08rem;margin-bottom:24px;}
.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.listing-card{background:linear-gradient(180deg,#ffffff 0%,#f0f2f3 100%);border:1px solid rgba(70,98,124,.18);border-radius:22px;box-shadow:0 14px 28px rgba(14,30,45,.08), inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden;}
.listing-card img{width:100%;height:220px;object-fit:cover;display:block;}
.listing-card-body{padding:18px 18px 20px;}
.listing-card h2{font-size:1.5rem;line-height:1.22;margin:0 0 12px;font-weight:800;}
.listing-card h2 a{color:#0f2030;text-decoration:none;}
.listing-card p{font-size:1rem;color:#33485b;line-height:1.75;margin-bottom:14px;}
.listing-link{font-weight:800;color:#1d3b57;text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
@media (max-width:1399px){.blog-layout-grid{grid-template-columns:260px minmax(0,1fr) 290px;}.blog-hero-title{font-size:clamp(2.2rem,3.2vw,3.5rem);}}
@media (max-width:1199px){.blog-hero-grid{grid-template-columns:1fr;}.blog-hero-art{justify-content:flex-start;}.blog-layout-grid{grid-template-columns:1fr;}.left-sidebar{order:2;}.right-sidebar{order:3;}.blog-article-shell{order:1;}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:767px){.blog-hero-shell{padding:22px 18px;border-radius:22px;}.blog-hero-shell::before{width:120px;height:60px;}.blog-breadcrumbs{font-size:13px;gap:7px;}.blog-hero-title{font-size:clamp(2rem,8.7vw,2.8rem);text-wrap:initial;}.blog-hero-desc{font-size:1rem;line-height:1.65;}.blog-meta-row{gap:10px;font-size:.92rem;}.blog-meta-row span{padding:0;}.article-featured-image{height:200px;}.article-section h2{font-size:1.65rem;}.article-split-boxes{grid-template-columns:1fr;}.metal-card-head{font-size:1.45rem;padding:16px 18px;}.category-list a{font-size:1.02rem;padding:14px 18px;}.trend-item{align-items:flex-start;}.trend-item img{width:84px;height:68px;}.subscribe-card .subscribe-form{flex-direction:column;}.listing-hero{padding:22px 18px;}.listing-grid{grid-template-columns:1fr;}}

/* Homepage only: match existing graphite/metal palette without affecting header or footer. */
.home-blog-embed{background:linear-gradient(180deg,#eaecee 0%,#f5f7f8 8%,#eceef0 100%);padding:68px 0 72px;position:relative;isolation:isolate;}
.home-blog-embed .home-blog-intro{text-align:center;max-width:900px;margin:0 auto 12px;}
.home-blog-embed .home-blog-eyebrow{display:inline-flex;align-items:center;gap:10px;letter-spacing:.08em;font-size:.84rem;font-weight:800;color:#244a6d;margin-bottom:13px;}
.home-blog-embed .home-blog-intro h2{font-size:clamp(2.2rem,3.7vw,3.5rem);line-height:1.12;font-weight:800!important;letter-spacing:-.035em;color:#102233;margin:0 0 16px;text-wrap:balance;}
.home-blog-embed .home-blog-intro p{font-size:1.05rem;line-height:1.8;color:#33475a;max-width:880px;margin:0 auto 22px;}
.home-blog-embed .blog-hero-wrap{padding:14px 0 8px;}
.home-blog-embed .blog-hero-shell{border-radius:24px;padding:27px 32px;background:linear-gradient(120deg,#0d1d2c 0%,#14283b 65%,#182b3e 100%);}
.home-blog-embed .blog-hero-title{font-size:clamp(2.15rem,3.5vw,3.45rem);}
.home-blog-embed .blog-hero-desc{font-size:1.05rem;}
.home-blog-embed .blog-content-wrap{padding:18px 0 10px;}
.home-blog-embed .blog-layout-grid{grid-template-columns:minmax(200px, .84fr) minmax(0, 2.1fr) minmax(225px,.92fr);gap:18px;}
.home-blog-embed .metal-card-head{font-size:1.17rem;padding:14px 16px;gap:9px;}
.home-blog-embed .metal-card-head i{width:33px;height:33px;font-size:.91rem;border-radius:11px;}
.home-blog-embed .category-list a{padding:12px 15px;font-size:.93rem;}
.home-blog-embed .article-section h2{font-size:1.55rem;}
.home-blog-embed .article-section p{font-size:.96rem;line-height:1.75;}
.home-blog-embed .tip-box{padding:13px;}
.home-blog-embed .tip-text{font-size:.94rem;}
.home-blog-embed .solution-list li{font-size:.93rem;}
.home-blog-embed .split-list-card h3{font-size:1.25rem;}
.home-blog-embed .trend-item img{width:66px;height:62px;flex-basis:66px;}
.home-blog-embed .trend-item strong{font-size:.88rem;}
.home-blog-embed .trend-item small{font-size:.76rem;}
.home-blog-embed .subscribe-card .subscribe-form{padding:6px 15px 19px;}
.home-blog-embed .subscribe-card .blog-btn-primary{margin:0;width:100%;font-size:.9rem;padding:12px;}
.home-blog-embed .subscribe-card p,.home-blog-embed .cta-mini-card p,.home-blog-embed .help-card p{padding:12px 16px 0;font-size:.89rem;}
.home-blog-embed .help-card h3{font-size:1.35rem;padding:12px 15px 0;}
.home-blog-embed .help-card .blog-btn-outline{margin:10px 15px 17px;padding:12px;font-size:.84rem;}
.home-blog-embed .why-card .check-list{padding:13px 15px;}
.home-blog-embed .why-card .check-list li{font-size:.92rem;}
.home-blog-footer-link{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:27px auto 0;}
.home-blog-footer-link a{display:inline-flex;gap:12px;align-items:center;border-radius:14px;padding:14px 20px;color:#112538;background:linear-gradient(180deg,#fafbfc,#7090af);border:1px solid #5e83a5;text-decoration:none;font-weight:800;font-size:.94rem;box-shadow:0 8px 18px rgba(15,33,49,.12),inset 0 1px 0 rgba(255,255,255,.95);}
.home-blog-footer-link a:first-child{background:linear-gradient(180deg,#1a3044,#0d1c2b);border-color:#3e586f;color:#fff;}
.home-blog-footer-link a:hover{transform:translateY(-2px);}
@media(max-width:1199px){.home-blog-embed .blog-layout-grid{grid-template-columns:1fr;}.home-blog-embed .blog-article-shell{order:0;}.home-blog-embed .left-sidebar{order:1;}.home-blog-embed .right-sidebar{order:2;}}
@media(max-width:767px){.home-blog-embed{padding:42px 0 45px;}.home-blog-embed .blog-hero-shell{padding:23px 17px;}.home-blog-embed .home-blog-intro h2{font-size:clamp(1.9rem,8vw,2.5rem);}.home-blog-embed .blog-hero-title{font-size:clamp(1.85rem,8vw,2.4rem);}.home-blog-embed .article-featured-image{height:190px;}.home-blog-footer-link a{width:100%;justify-content:center;}}


/* Homepage embedded article section - full article layout */
.home-blog-article-embed{background:linear-gradient(180deg,#0c1b28 0%,#102335 140px,#f2f4f5 140px,#f1f3f4 100%);padding:8px 0 38px;position:relative;}
.home-blog-article-embed .blog-hero-wrap{padding:34px 0 22px;}
.home-blog-article-embed .blog-content-wrap{padding:16px 0 12px;}
.home-blog-article-embed .blog-layout-grid{grid-template-columns:290px minmax(0,1fr) 310px;gap:22px;}
.home-blog-article-embed .article-featured-image{height:240px;}
.home-blog-article-embed .subscribe-card .subscribe-form{display:flex;gap:10px;padding:12px 22px 22px;}
.home-blog-article-embed .subscribe-form input{flex:1;min-width:0;height:56px;border-radius:18px;border:1px solid rgba(115,134,150,.24);background:#fff;padding:0 18px;font-size:1rem;color:#203344;outline:none;}
.home-blog-article-embed .subscribe-form button{height:56px;border:0;border-radius:18px;padding:0 22px;font-weight:800;background:linear-gradient(180deg,#2ce6e0 0%,#4182c0 100%);color:#0e1f2f;box-shadow:0 10px 20px rgba(47,231,226,.24), inset 0 1px 0 rgba(255,255,255,.8);white-space:nowrap;}
@media(max-width:1199px){.home-blog-article-embed .blog-layout-grid{grid-template-columns:1fr;}.home-blog-article-embed .left-sidebar{order:1;}.home-blog-article-embed .blog-article-shell{order:0;}.home-blog-article-embed .right-sidebar{order:2;}}
@media(max-width:767px){.home-blog-article-embed{padding:6px 0 24px;background:linear-gradient(180deg,#0c1b28 0%,#102335 90px,#f2f4f5 90px,#f1f3f4 100%);}.home-blog-article-embed .subscribe-card .subscribe-form{flex-direction:column;}}