.article-page .article-hero{padding:42px 0 60px;border-bottom:1px solid var(--line)}
.article-back{display:inline-block;font-size:14px;color:var(--grey);margin-bottom:44px}
.article-hero .eyebrow{color:var(--blue);margin-bottom:12px}
.article-meta{font-size:13px;color:var(--grey);margin:0 0 28px}.article-meta span{margin:0 12px;color:var(--blue)}
.article-hero h1{font-size:clamp(42px,6.1vw,94px);line-height:1.08;letter-spacing:-.055em;max-width:1150px;margin-bottom:30px;font-weight:500}
.article-hero .deck{font-size:clamp(20px,2vw,28px);line-height:1.5;max-width:840px;color:var(--grey);margin:0}
.hero-point{font-size:18px;line-height:1.7;max-width:850px;border-left:3px solid var(--blue);padding-left:22px;margin-top:30px}
.article-body{width:88%;max-width:780px;margin:65px auto}
.article-body p,.conclusion p{font-size:18px;line-height:1.85;margin:0 0 20px;color:#343940}
.article-body .lead{font-size:21px;line-height:1.7;color:var(--ink)}
.article-body section{padding:38px 0 18px;border-top:1px solid var(--line)}.article-body section:first-of-type{margin-top:38px}
.article-body h2{font-size:32px;font-weight:500;line-height:1.22;letter-spacing:-1px;margin:0 0 24px}
.article-body strong,.conclusion strong{font-weight:600;color:var(--ink)}
.callout{border-left:3px solid var(--blue);background:var(--panel);padding:22px 25px}
.comparison{display:grid;grid-template-columns:1fr 1.6fr;gap:15px 25px;padding:25px 0;border-block:1px solid var(--line);margin:28px 0}.comparison span{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--grey);align-self:center}.comparison strong{font-size:21px;line-height:1.4}
.quote-card{font-family:Georgia,serif;font-size:25px;line-height:1.5;color:var(--ink);border-left:3px solid var(--blue);padding:12px 0 12px 25px;margin:28px 0}
.journey{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-block:1px solid var(--line);padding:22px 0;margin:25px 0}.journey span{font-size:16px}.journey b{font-size:18px;color:var(--blue);font-weight:400}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.chips span{border:1px solid var(--line);padding:7px 12px;font-size:14px;color:var(--grey)}
.layers-wrap,.expand-wrap,.conclusion{width:88%;max-width:1200px;margin:65px auto;padding:0}
.layers-header{max-width:800px;margin-bottom:35px}.layers-header .eyebrow,.conclusion>.eyebrow{color:var(--blue);margin-bottom:20px}.layers-header h2,.conclusion h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-1.8px;margin-bottom:22px}.layers-header p{font-size:18px;color:var(--grey)}
.layers{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.layer{border-top:2px solid var(--blue);padding:20px 0}.num{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--blue)}.layer h3{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.6px;margin:18px 0 15px}.layer p{font-size:16px;color:var(--grey);line-height:1.7;margin:0}
.expand-wrap details{border:1px solid var(--line);background:var(--paper)}.expand-wrap summary{background:var(--ink);color:white;list-style:none;cursor:pointer;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:24px;font-weight:500;line-height:1.3}.expand-wrap summary::-webkit-details-marker{display:none}.expand-wrap summary::after{content:'+';font-size:32px;line-height:1;font-weight:400;flex-shrink:0}.expand-wrap details[open]>summary::after{content:'−'}.expand-wrap summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.summary-sub{display:block;font-size:14px;color:#c5c7cd;margin-top:8px;line-height:1.6;font-weight:400}.usecase-area{padding:32px}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.usecase-card{border-top:1px solid var(--line);padding-top:20px}.usecase-card h4{font-size:18px;font-weight:500;line-height:1.35;color:var(--blue);margin:0 0 15px}.usecase-card ul{margin:0;padding-left:20px}.usecase-card li{font-size:16px;line-height:1.65;color:var(--grey);margin:5px 0}
.conclusion{max-width:780px;border-top:1px solid var(--line);padding-top:45px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:28px 0}.questions>div{font-size:16px;line-height:1.6;border-top:1px solid var(--line);padding:18px 0;color:var(--grey)}.big-quote{font-family:Georgia,serif;font-size:28px;line-height:1.5;letter-spacing:-.5px;border-left:3px solid var(--blue);padding-left:24px;margin:35px 0}
.article-end{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:35px 0 55px}
.operations-note .article-closing{background:var(--panel);border-top:2px solid var(--blue);padding:28px;margin-top:35px}
.operations-note .article-closing .quote-card{border:0;padding:0;margin:0}
.operations-note .article-closing p{margin:20px 0 0}
@media(max-width:760px){.operations-note .article-closing{padding:24px 20px}}
@media(max-width:1050px){.layers{grid-template-columns:repeat(3,1fr)}.usecase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.article-back{margin-bottom:28px}.article-page .article-hero{padding:28px 0 40px}.article-hero h1{font-size:46px;letter-spacing:-2px}.article-hero .deck{font-size:21px}.hero-point{font-size:16px;padding-left:18px}.article-body{margin-block:40px}.article-body .lead{font-size:19px}.article-body p,.conclusion p{font-size:17px;line-height:1.8}.article-body h2{font-size:28px;letter-spacing:-.8px}.article-body section{padding-top:28px}.layers-wrap,.expand-wrap,.conclusion{margin-block:45px}.layers{grid-template-columns:repeat(2,1fr);gap:22px}.layer h3{font-size:21px}.layers-header h2,.conclusion h2{font-size:34px;letter-spacing:-1px}.expand-wrap summary{padding:24px 20px;font-size:21px}.usecase-area{padding:24px 20px}.usecase-grid{grid-template-columns:1fr;gap:25px}.questions{grid-template-columns:1fr;gap:0}.big-quote{font-size:24px;padding-left:20px}.comparison{grid-template-columns:1fr;gap:8px;padding:20px 0}.comparison strong{margin-bottom:10px}.quote-card{font-size:23px}.article-end{flex-wrap:wrap;gap:25px}.summary-sub{font-size:14px}}
@media(max-width:420px){.article-hero h1{font-size:40px;letter-spacing:-1.6px}.layers{grid-template-columns:1fr}.article-end .text-link{gap:18px}}