.blog-v3{background:#f4f6f2;color:#06111d}
.blog-hero{position:relative;padding:clamp(8.5rem,14vw,13rem) 0 clamp(5rem,9vw,8rem);overflow:hidden;background:radial-gradient(circle at 82% 28%,rgba(26,168,137,.18),transparent 25rem),linear-gradient(145deg,#f9fcfe,#e7f2ec)}
.blog-hero:after{content:"";position:absolute;right:-8rem;bottom:-13rem;width:34rem;aspect-ratio:1;border:1px solid rgba(6,17,29,.09);border-radius:50%;box-shadow:0 0 0 5rem rgba(255,255,255,.16),0 0 0 10rem rgba(255,255,255,.1)}
.blog-hero .shell{position:relative;z-index:1}
.blog-hero h1{max-width:12ch;margin:1.3rem 0 1.5rem;font-size:clamp(4rem,8vw,8.6rem);line-height:.86;letter-spacing:-.075em}
.blog-hero .lede{max-width:48rem;color:#52636b}
.blog-index{padding:clamp(5rem,9vw,9rem) 0}
.blog-section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:3rem;align-items:end;margin-bottom:3rem}
.blog-section-head h2{max-width:13ch;margin:0;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.92;letter-spacing:-.06em}
.blog-grid{border-top:1px solid rgba(6,17,29,.18)}
.blog-card{position:relative;display:grid;grid-template-columns:.45fr 1fr 1fr auto;gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:2.6rem 0;border-bottom:1px solid rgba(6,17,29,.18)}
.blog-card>p:first-child,.article-meta{color:#267488;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-card h2{margin:0;font-size:clamp(1.8rem,3vw,3.1rem);line-height:.98;letter-spacing:-.045em}
.blog-card h2 a{color:inherit;text-decoration:none}
.blog-card>p{margin:0;color:#56676e;line-height:1.65}
.blog-card>.text-link{align-self:end}
.blog-card>span{color:rgba(6,17,29,.22);font-size:1rem}
.article-hero{padding:clamp(8.5rem,14vw,13rem) 0 clamp(4rem,7vw,7rem);color:#f7fbfa;background:radial-gradient(circle at 82% 34%,rgba(49,153,220,.17),transparent 24rem),linear-gradient(145deg,#06111d,#0a1e2b 68%,#0d2c27)}
.article-shell{max-width:58rem}
.article-hero h1{max-width:12ch;margin:1.3rem 0 1.8rem;font-size:clamp(4rem,8vw,7.8rem);line-height:.86;letter-spacing:-.075em}
.article-hero .lede{max-width:48rem;color:rgba(247,251,250,.7)}
.article-body{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(5rem,9vw,9rem)}
.article-body>p,.article-body>h2,.article-body>blockquote{max-width:46rem;margin-left:auto;margin-right:auto}
.article-body>p{color:#40545d;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.85}
.article-body>p:first-child{color:#16313c;font-size:clamp(1.25rem,2vw,1.55rem)}
.article-body h2{margin-top:3.6rem;margin-bottom:1rem;font-size:clamp(2rem,3.4vw,3.1rem);line-height:1;letter-spacing:-.045em}
.article-body blockquote{margin-top:3rem;margin-bottom:3rem;padding:2rem 0 2rem 2rem;border-left:4px solid #1aa889;color:#12303a;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:750;line-height:1.35}
.article-next{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(6,17,29,.18)}
.article-next p{margin:0;font-weight:800}
.article-next a{color:#176b80;font-weight:800;text-decoration:none}
.article-byline{margin-top:1.5rem;color:rgba(247,251,250,.78);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.article-feature{max-width:76rem;margin-top:clamp(2rem,5vw,4rem)}
.article-feature img{display:block;width:100%;height:auto;border-radius:1rem;box-shadow:0 2rem 5rem rgba(6,17,29,.18)}
.article-feature figcaption{margin:.85rem 0 0;color:#5c6d74;font-size:.76rem;line-height:1.5}
.article-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-width:52rem;margin:2.5rem auto;background:rgba(6,17,29,.16);border:1px solid rgba(6,17,29,.16)}
.article-comparison section{padding:clamp(1.5rem,3vw,2.5rem);background:#f8fbf8}
.article-comparison h3{margin:0 0 1rem;font-size:1.5rem}
.article-comparison p{margin:0;color:#40545d;line-height:1.7}
.agent-chain{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;max-width:52rem;margin:2.5rem auto;padding:0;list-style:none}
.agent-chain li{padding:1rem;border:1px solid rgba(6,17,29,.16);background:#eef5f2;font-weight:800}
.equation-block,.author-card{max-width:52rem;margin:3.5rem auto;padding:clamp(1.6rem,4vw,3rem);color:#f7fbfa;background:#07131f}
.equation-block p,.author-card>p:first-child{margin:0 0 .7rem;color:#83cfbb;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.equation-block strong{display:block;margin-bottom:2rem;font-size:clamp(1.45rem,3vw,2.5rem);line-height:1.15}
.equation-block strong:last-child{margin:0;color:#8bd6c2}
.author-card h2{margin:.4rem 0 1rem}
.author-card p{color:rgba(247,251,250,.72);line-height:1.7}
.mobile-contact-bar{z-index:40}
@media(max-width:820px){.blog-card{grid-template-columns:1fr}.blog-card>span{position:absolute;top:2.5rem;right:0}.article-next{grid-template-columns:1fr}.blog-section-head{grid-template-columns:1fr}.blog-hero h1,.article-hero h1{font-size:clamp(3.2rem,15vw,5.2rem);overflow-wrap:normal;word-break:normal}.blog-hero{padding:5.25rem 0 4.25rem}.blog-index{padding:3.75rem 0 4.5rem}.blog-section-head{gap:1.25rem;margin-bottom:2rem}.blog-card{gap:1.25rem;padding:2rem 0}.blog-card>span{display:none}.article-body{padding-top:3.25rem;padding-bottom:6.5rem}.article-body>p{font-size:1rem;line-height:1.75}.article-body>p:first-child{font-size:1.18rem;line-height:1.7}.article-body h2{margin-top:2.8rem}}
@media(max-width:760px){.article-comparison{grid-template-columns:1fr}.agent-chain{grid-template-columns:1fr 1fr}.article-feature{padding:0 1rem}.article-feature img{border-radius:.65rem}body{padding-bottom:54px}.mobile-contact-bar{height:54px;box-shadow:0 -1px 0 rgba(6,17,29,.12)}.mobile-contact-bar a{display:grid;place-items:center;padding:8px}.mobile-contact-bar svg{width:25px;height:25px}}
@media(max-width:480px){.blog-hero h1,.article-hero h1{font-size:clamp(2.9rem,14vw,4.3rem);letter-spacing:-.06em}.article-body blockquote{padding-left:1.25rem}.blog-hero{padding:4.5rem 0 3.5rem}.blog-hero h1{font-size:clamp(2.8rem,13vw,4rem);line-height:.9}.blog-hero .lede{font-size:1rem;line-height:1.6}.blog-index{padding-top:3rem}.blog-section-head h2{font-size:clamp(2.55rem,12vw,3.6rem)}.blog-card h2{font-size:clamp(1.65rem,8vw,2.1rem);line-height:1.04}}
@media(max-width:440px){.agent-chain{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.blog-card{scroll-behavior:auto}}
