.finops-page .x-hero h1{line-height:1.12;margin:22px 0 24px}.finops-page .x-hero h1>span{color:var(--x-teal-2)}
.finops-page .x-hero .x-one-line,.finops-page p{line-height:1.8}.finops-page .x-hero .x-wrap{align-items:center}.finops-page .x-cta{margin-top:30px}.finops-page .x-checks{line-height:1.7;gap:14px 22px}
.finops-page .x-sec h2{line-height:1.2;margin:14px 0 22px}.fin-lede{max-width:70ch;font-size:17px;color:#b6c6d5;margin:0 0 38px}.finops-page h3{font-size:22px;line-height:1.35;margin:0 0 14px}.fin-label{font-size:11px;letter-spacing:.12em;color:#7ed9df;font-weight:700}

.fin-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.fin-benefits article{border-top:2px solid #3fc7d4;padding-top:22px}.finops-page .fin-benefits h2{font-size:26px;margin:18px 0}.fin-benefits p,.fin-copy p,.fin-study p,.fin-booster-grid p{font-size:15px;color:#b6c6d5;margin:0 0 24px}.fin-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.fin-copy h3:not(:first-child){margin-top:30px}
.fin-routing{margin:0;border:1px solid #395b69;background:#102331;padding:26px;border-radius:14px}.fin-routing figcaption{font-size:18px;color:#edf7fa;font-weight:700;margin-bottom:24px}.fin-routing>div:not(.fin-lock){display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:14px 0;font-size:13px;line-height:1.6}.fin-routing>div>span,.fin-routing>div>strong{background:#152d3c;border:1px solid #395b69;padding:14px;border-radius:8px;color:#d6e5ee}.fin-routing b{color:#73d7dc}.fin-routing>p,.fin-note{font-size:13px;color:#a7bbce}.fin-routing .fin-lock{border-top:1px solid #395b69;padding-top:20px;margin-top:22px}.fin-routing .fin-lock strong,.fin-routing .fin-lock span{display:block;background:none;border:0;padding:0}.fin-routing .fin-lock strong{color:#73d7dc;font-size:14px}.fin-routing .fin-lock span{margin-top:9px;font-size:13px}
.fin-budget-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:36px}.fin-budget-path article,.fin-booster-grid article{padding:26px;border:1px solid #395060;border-radius:12px;background:#111f2d}.fin-budget-path article>span{font-size:11px;letter-spacing:.1em;color:#7ed9df;font-weight:700}.fin-budget-path h3{margin-top:17px}.fin-budget-path p{font-size:15px;color:#b6c6d5;margin:0}
.fin-shot{margin:0;background:#111f2d;border:1px solid #395060;border-radius:12px;overflow:hidden}.fin-shot img{width:100%;height:auto;display:block}.fin-shot figcaption,.fin-model-diagram figcaption{font-size:13px;line-height:1.7;color:#a7bbce;padding:16px 20px}.fin-study{list-style:none;counter-reset:study;padding:0;margin:0}.fin-study li{counter-increment:study;position:relative;padding-left:48px}.fin-study li:before{content:counter(study,decimal-leading-zero);position:absolute;left:0;top:2px;color:#7ed9df;font-size:14px;font-weight:700}.fin-study h3{font-size:20px}.fin-study p{margin-bottom:26px}.fin-model-diagram{margin:0;border:1px solid #395060;border-radius:14px;background:#111f2d;overflow:hidden}.fin-model-diagram img{width:100%;height:auto;display:block}.fin-console{margin-top:48px}.fin-console>h3{margin-bottom:24px}.fin-booster-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fin-booster-grid h3{margin-top:18px}.fin-note{margin:24px 0 0;max-width:80ch}
.finops-page .x-showcase-tabs button{line-height:1.5}.finops-page .x-showcase-slide img{object-fit:contain!important}
@media(max-width:960px){.finops-page .x-hero .x-wrap,.fin-split{grid-template-columns:1fr}.fin-benefits{gap:24px}.finops-page .fin-benefits h2{font-size:22px}.fin-split{gap:30px}}
@media(max-width:700px){.fin-benefits,.fin-budget-path,.fin-booster-grid{grid-template-columns:1fr}.fin-routing{padding:20px}.finops-page .fin-benefits h2{font-size:26px}.fin-lede{font-size:16px}.fin-benefits{gap:32px}.fin-routing>div:not(.fin-lock){gap:8px;font-size:12px}.fin-routing>div>span,.fin-routing>div>strong{padding:10px}.fin-budget-path article,.fin-booster-grid article{padding:22px}.finops-page .x-sec{scroll-margin-top:90px}}

/* A text-only hero keeps the value proposition and action together at every width. */
.finops-page .fin-hero .x-wrap{display:block;max-width:1180px}
.finops-page .fin-hero .x-wrap>div{max-width:920px}
.finops-page .fin-hero h1{font-size:clamp(42px,5.8vw,76px);letter-spacing:-.045em;max-width:20ch}
.finops-page .fin-hero .x-one-line{max-width:65ch;font-size:19px;line-height:1.75}
.finops-page .fin-hero{padding:86px 0 72px}
.finops-page .fin-hero .x-checks{margin-top:26px}
.finops-page .fin-hero .x-cta{margin-top:32px}
.finops-page .x-sec[id]{scroll-margin-top:145px}
@media(max-width:700px){
 .finops-page .fin-hero{padding:48px 0 48px}
 .finops-page .fin-hero h1{font-size:clamp(38px,10vw,54px);line-height:1.12}
 .finops-page .fin-hero .x-one-line{font-size:17px}
 .finops-page .fin-hero .x-checks{display:grid;gap:12px}
 .finops-page .fin-hero .x-cta{flex-direction:column;align-items:stretch}
 .finops-page .fin-hero .x-cta a{justify-content:center}
 .finops-page .x-sec{padding-top:48px;padding-bottom:48px}
}