.blog-hero,.article-hero{position:relative;overflow:hidden;background:var(--carbon);color:#fff}.blog-hero:before,.article-hero:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-220px;top:-330px;background:radial-gradient(circle,rgba(250,104,20,.34),rgba(250,104,20,.06) 48%,transparent 70%)}
.blog-hero>.wrap{position:relative;z-index:2;min-height:520px;padding:96px 430px 92px 0;display:flex;flex-direction:column;justify-content:center}.blog-hero h1{font-size:clamp(3.4rem,7vw,7rem);margin:20px 0 28px;max-width:850px}.blog-hero p{max-width:720px;color:rgba(255,255,255,.64);font-size:1.12rem}.blog-visual{position:absolute;right:5%;bottom:-96px;width:440px;height:440px;margin:0;z-index:2}
.article-head{position:relative;z-index:2;min-height:590px;padding:56px 380px 78px 0;display:flex;flex-direction:column;justify-content:center}.article-head h1{font-size:clamp(3.1rem,6vw,6.2rem);margin:20px 0 24px;max-width:880px}.article-head>p{font-size:1.15rem;color:rgba(255,255,255,.66);max-width:760px}.breadcrumb{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.48);font-size:.78rem;margin-bottom:24px}.breadcrumb a:hover{color:#fff}.article-meta{font-size:.73rem;color:rgba(255,255,255,.42);letter-spacing:.04em;margin-bottom:30px}
.article-visual{position:absolute;right:max(2vw,18px);bottom:-72px;width:410px;height:410px;margin:0;z-index:1}.article-visual:before,.blog-visual:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(250,104,20,.55),rgba(250,104,20,.08) 52%,transparent 70%);filter:blur(8px)}.article-visual img,.blog-visual img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 46px rgba(0,0,0,.28))}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:330px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}.post-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-95px;top:-95px;background:radial-gradient(circle,rgba(250,104,20,.17),transparent 68%)}.post-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(25,18,12,.1);border-color:rgba(250,104,20,.34)}.post-card>span,.all-posts span{color:var(--orange);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:600}.post-card h2{font-size:1.55rem;line-height:1.12;margin:48px 0 15px;letter-spacing:-.035em}.post-card p{color:var(--muted);font-size:.92rem}.post-card i{font-style:normal;font-size:.78rem;font-weight:600;margin-top:auto;padding-top:25px}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:250px;display:flex;flex-direction:column;transition:.25s}.category-card:nth-child(4){grid-column:2/span 2}.category-card:nth-child(5){grid-column:4/span 2}.category-card:hover{background:var(--peach);transform:translateY(-4px)}.category-card b{font-family:"Manrope";font-size:1.35rem}.category-card p{color:var(--muted);font-size:.88rem;margin-top:18px}.category-card span{color:var(--orange);font-size:.78rem;font-weight:600;margin-top:auto}
.all-posts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.13)}.all-posts a{min-height:112px;padding:22px 26px 22px 0;border-bottom:1px solid rgba(255,255,255,.13);display:grid;gap:8px;align-content:center;transition:.2s}.all-posts a:nth-child(odd){border-right:1px solid rgba(255,255,255,.13);padding-right:30px}.all-posts a:nth-child(even){padding-left:30px}.all-posts a:hover{color:var(--orange)}.all-posts b{font-family:"Manrope";font-size:1.02rem;line-height:1.25}
.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:70px;align-items:start;padding-top:85px;padding-bottom:110px}.article-toc{position:sticky;top:26px;border-top:3px solid var(--orange);padding-top:20px;display:grid}.article-toc b{font-family:"Manrope";font-size:.9rem;margin-bottom:12px}.article-toc a{font-size:.82rem;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--line)}.article-toc a:hover{color:var(--orange)}
.article-body{min-width:0}.article-body>section{padding:0 0 74px;margin-bottom:74px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.article-body>section:last-child{border-bottom:0;margin-bottom:0}.article-body h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:28px}.article-body h3{font-size:1.2rem;letter-spacing:-.025em}.article-body>section>p{color:#4f4a45;font-size:1.06rem;line-height:1.82;margin:0 0 20px}.article-body strong{color:var(--ink)}
.key-takeaways{background:var(--peach);border-radius:20px;padding:24px 28px;margin:30px 0}.key-takeaways>span{color:#9c3c09;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.key-takeaways ul{padding:0;margin:15px 0 0;list-style:none;display:grid;gap:10px}.key-takeaways li{display:flex;gap:10px}.key-takeaways li:before{content:"✓";color:var(--orange);font-weight:700}
.article-steps{list-style:none;padding:0;margin:0;display:grid}.article-steps li{display:grid;grid-template-columns:62px 1fr;gap:22px;padding:25px 0;border-top:1px solid var(--line)}.article-steps li:last-child{border-bottom:1px solid var(--line)}.article-steps li>span{color:var(--orange);font-family:"Manrope";font-size:1.25rem}.article-steps p,.focus p,.article-errors p{color:var(--muted);font-size:.92rem;margin-top:9px}
.focus{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid var(--line);margin-bottom:10px}.focus>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--carbon);color:#fff;font-size:.76rem;font-weight:600}blockquote{margin:30px 0 0;background:var(--carbon);color:#fff;border-radius:22px;padding:34px;font-family:"Manrope";font-size:1.3rem;line-height:1.45;letter-spacing:-.025em;position:relative;overflow:hidden}blockquote:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-75px;top:-75px;background:radial-gradient(circle,rgba(250,104,20,.45),transparent 70%)}
.article-errors{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-errors li{border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--paper)}.article-warning{background:#fff0df;border-left:4px solid var(--orange);padding:20px 24px;border-radius:0 16px 16px 0;margin-bottom:38px}.article-warning p{color:#6a5140;margin-top:5px;font-size:.9rem}
.article-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--carbon);color:#fff;border-radius:24px;padding:28px;margin-top:30px}.article-cta b{font-family:"Manrope";font-size:1.15rem}.article-cta p{color:rgba(255,255,255,.56);font-size:.84rem;margin-top:5px}.article-body details{background:rgba(255,255,255,.36)}.article-body summary{padding-left:16px}.article-body details p{padding-left:16px}
.article-related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.article-related a{border:1px solid var(--line);border-radius:17px;padding:19px;min-height:185px;display:flex;flex-direction:column;transition:.2s}.article-related a:hover{background:#fff;transform:translateY(-3px)}.article-related span,.context-links span{display:block;color:var(--orange);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.article-related b{font-family:"Manrope";font-size:.94rem;line-height:1.3}.article-related i{font-style:normal;font-size:.75rem;margin-top:auto}.context-links>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.context-links a{border:1px solid var(--line);border-radius:17px;padding:19px;min-height:128px;transition:.2s}.context-links a:hover{background:#fff;transform:translateY(-3px)}.context-links b{font-family:"Manrope";font-size:.92rem;line-height:1.25}
.ecosystem-cta{padding:95px 0;background:#151619;color:#fff}.ecosystem-head{display:grid;grid-template-columns:1fr .7fr;gap:55px;align-items:end;margin-bottom:40px}.ecosystem-head h2{margin-top:18px}.ecosystem-head p{color:rgba(255,255,255,.55)}.ecosystem-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ecosystem-cards a{position:relative;overflow:hidden;background:#202126;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:23px;min-height:235px;display:flex;flex-direction:column;transition:.25s}.ecosystem-cards a:hover{transform:translateY(-4px);border-color:rgba(250,104,20,.4)}.ecosystem-cards a:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-65px;top:-65px;background:radial-gradient(circle,rgba(250,104,20,.24),transparent 70%)}.ecosystem-cards span{color:var(--orange);font-size:.7rem;text-transform:uppercase}.ecosystem-cards b{font-family:"Manrope";font-size:1.2rem;margin:22px 0 8px}.ecosystem-cards p{color:rgba(255,255,255,.52);font-size:.85rem}.ecosystem-cards i{font-style:normal;color:#fff;font-size:.78rem;margin-top:auto}.eco-tune{border-color:rgba(250,104,20,.45)!important}.guide-to-blog{padding:80px 0;background:var(--paper)}.guide-to-blog h2{margin:18px 0 25px}
@media(max-width:1000px){.article-head,.blog-hero>.wrap{padding-right:0}.article-visual,.blog-visual{opacity:.18;right:-70px}.post-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.category-card,.category-card:nth-child(4),.category-card:nth-child(5){grid-column:auto}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:40px}.ecosystem-cards{grid-template-columns:1fr 1fr}.ecosystem-head{grid-template-columns:1fr}}
@media(max-width:760px){.blog-hero>.wrap,.article-head{min-height:520px}.article-layout{display:block;padding-top:58px}.article-toc{position:static;margin-bottom:55px;grid-template-columns:1fr 1fr}.article-toc b{grid-column:1/-1}.article-related,.context-links>div{grid-template-columns:1fr}.article-errors{grid-template-columns:1fr}.all-posts{grid-template-columns:1fr}.all-posts a:nth-child(odd),.all-posts a:nth-child(even){border-right:0;padding-left:0;padding-right:0}.article-body>section{padding-bottom:55px;margin-bottom:55px}}
@media(max-width:650px){.blog-hero>.wrap,.article-head{min-height:490px;padding-top:65px;padding-bottom:65px}.blog-hero h1,.article-head h1{font-size:clamp(2.7rem,13vw,4.4rem)}.post-grid,.category-grid,.ecosystem-cards{grid-template-columns:1fr}.post-card{min-height:285px}.article-visual,.blog-visual{width:300px;height:300px;right:-75px;bottom:-60px}.article-head>p,.blog-hero p{font-size:1rem;max-width:82%}.article-steps li{grid-template-columns:48px 1fr}.article-cta{grid-template-columns:1fr}.ecosystem-cta{padding:70px 0}.ecosystem-head{gap:20px}}
.section-kicker{color:var(--orange);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px}.section-intro{color:var(--muted);margin:-10px 0 26px!important;max-width:650px}.cross-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cross-grid a,.source-grid a{border:1px solid var(--line);border-radius:18px;padding:20px;min-height:150px;display:flex;flex-direction:column;transition:.2s}.cross-grid a:hover,.source-grid a:hover{transform:translateY(-3px);background:#fff}.cross-grid span,.source-grid span{color:var(--orange);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.cross-grid b,.source-grid b{font-family:"Manrope";line-height:1.3}.cross-grid i,.source-grid i{font-style:normal;font-size:.74rem;margin-top:auto;padding-top:18px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.source-grid a{background:var(--paper);min-height:205px}.source-grid p{font-size:.82rem;color:var(--muted);margin-top:10px}.category-bridge{padding:75px 0;background:var(--peach)}.category-bridge>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.category-bridge h2{font-size:clamp(2.3rem,4vw,4rem);margin-top:15px}.bridge-links{display:grid;gap:10px}.bridge-links a{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid rgba(16,17,19,.16);font-family:"Manrope"}.bridge-links i{font-style:normal;color:var(--orange)}
@media(max-width:760px){.cross-grid,.source-grid,.category-bridge>.wrap{grid-template-columns:1fr}}