.finops{--fn-ink:#142f46;--fn-muted:#4c6377;--fn-blue:#176b9a;--fn-border:#d5e0e8;background:#ffffff;color:var(--fn-ink);font:16px/1.65 Arial,Helvetica,sans-serif}.finops *{box-sizing:border-box}.finops [hidden]{display:none!important}.fn-shell{width:calc(100% - 2 * var(--cax-content-gutter,6vw));max-width:1600px;margin:0 auto}.finops section{scroll-margin-top:110px}.finops figure{margin:0}.finops img{display:block;width:100%;height:auto}.finops p{margin:0 0 18px;color:var(--fn-muted)}.finops h1,.finops h2,.finops h3{font-weight:700;line-height:1.15;letter-spacing:-.9px;margin:0 0 20px}.finops h1{font-size:clamp(34px,3.15vw,52px)}.finops h2{font-size:clamp(28px,2.5vw,40px)}.finops h3{font-size:21px;letter-spacing:-.35px}.finops .fn-kicker{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:1.7px;color:#176b9a;margin:0 0 15px}.fn-section{padding:56px 0}.fn-white{background:#ffffff}.fn-ice{background:#eaf2f8}.fn-sand{background:#f3f7fb}.fn-hero{background:radial-gradient(ellipse at 88% 65%,#142f46,#061c31 65%);color:#ffffff;overflow:hidden}.fn-hero-grid{min-height:460px;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:stretch}.fn-hero-copy{padding:28px 0 40px;align-self:center}.fn-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:#c4d5e1;font-size:12px;margin-bottom:28px}.fn-breadcrumb a{color:inherit;text-underline-offset:3px}.fn-hero .fn-kicker{color:#85cbe9}.fn-hero h1 em{font-style:normal;color:#9bd3ed}.fn-hero .fn-lead{font-size:17px;line-height:1.75;color:#c4d5e1;max-width:58ch}.fn-hero-art{position:relative;align-self:stretch;min-width:0}.fn-hero-art img{position:absolute;inset:0;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(90deg,transparent,#000000 10%,#000000 94%,transparent)}.fn-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.finops .fn-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 22px;border:1px solid #006bdb;border-radius:7px;background:#006bdb;color:#ffffff;font-size:14px;font-weight:700;text-decoration:none;line-height:1.4;transition:background .18s}.finops .fn-button:hover{background:#176b9a;border-color:#176b9a}.fn-button span{font-size:19px}.finops .fn-link{font-size:14px;font-weight:600;color:#9bd3ed;text-decoration:none}.fn-link span{margin-left:8px}.fn-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:end;margin-bottom:30px}.fn-heading h2{margin-bottom:0}.fn-heading>p{margin:0;max-width:60ch}.fn-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:26px;border-top:1px solid var(--fn-border)}.fn-outcomes>div{display:flex;gap:17px}.fn-outcomes>div>span{font-size:12px;color:#176b9a;padding-top:3px}.fn-outcomes p{font-size:14px;margin:0}.fn-outcomes strong{display:block;color:#142f46;font-size:17px;margin-bottom:6px}.fn-feature{padding:42px 0}.fn-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}.fn-art{border-radius:14px;overflow:hidden;background:#061c31;box-shadow:0 18px 42px #142f4610}.fn-art img{aspect-ratio:3/2;object-fit:cover}.fn-reverse .fn-art{order:2}.fn-feature-copy>p{max-width:60ch}.fn-checks{list-style:none;padding:0;margin:22px 0}.fn-checks li{position:relative;padding-left:22px;margin-bottom:11px;color:#4c6377;font-size:15px}.fn-checks li:before{content:'✓';position:absolute;left:0;color:#176b9a;font-size:14px}.fn-takeaway{border-left:2px solid #85cbe9;padding:2px 0 2px 17px;margin-top:22px}.fn-takeaway span{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#176b9a}.fn-takeaway p{font-size:14px;margin:5px 0 0}.fn-sand .fn-takeaway{border-color:#4c6377}.fn-sand .fn-kicker{color:#4c6377}.fn-collaboration{background:#142f46;color:#ffffff;overflow:hidden}.fn-collab-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch}.fn-collab-grid>figure{position:relative;min-height:420px}.fn-collab-grid>figure img{position:absolute;height:100%;object-fit:cover;object-position:42% center;mask-image:linear-gradient(90deg,#000000 70%,transparent)}.fn-collab-grid>div{padding:44px 0}.fn-collaboration .fn-kicker{color:#85cbe9}.fn-collaboration p{color:#c4d5e1}.fn-roles{margin:22px 0 0}.fn-roles>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:12px 0;border-top:1px solid #4c6377;font-size:14px}.fn-roles dt{color:#9bd3ed;font-weight:700}.fn-roles dd{margin:0;color:#c4d5e1}.fn-journey{background:#ffffff}.fn-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:34px 0 0;gap:24px}.fn-timeline li{border-top:1px solid #c4d5e1;padding:20px 0 0}.fn-timeline li>span{display:inline-flex;align-items:center;justify-content:center;background:#eaf2f8;border-radius:50%;width:39px;height:39px;font-size:13px;font-weight:700;color:#176b9a;margin-bottom:20px}.fn-timeline h3{font-size:19px;margin-bottom:13px}.fn-timeline p{font-size:14px}.fn-timeline strong{display:block;color:#176b9a;font-size:12px}.fn-section-lead{max-width:720px}.fn-tabs{display:flex;gap:6px;margin:28px 0 0;border-bottom:1px solid #c4d5e1}.fn-tabs button{font:600 14px/1.5 Arial,sans-serif;background:transparent;border:0;border-bottom:3px solid transparent;padding:17px 24px;color:#4c6377;cursor:pointer;min-height:50px}.fn-tabs button[aria-selected=true]{color:#176b9a;border-bottom-color:#176b9a;background:#ffffffa8;border-radius:8px 8px 0 0}.fn-panel{background:#ffffff;padding:32px;display:grid;grid-template-columns:1fr 1.1fr;gap:54px;border:1px solid #d5e0e8;border-top:0;border-radius:0 0 12px 12px}.fn-panel-label{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#176b9a;margin-bottom:17px}.fn-panel h3{font-size:26px}.fn-panel p,.fn-panel li{font-size:15px}.fn-panel ul{padding:0 0 0 18px;margin:0 0 22px;color:#4c6377}.fn-panel li{margin-bottom:9px}.fn-panel .fn-panel-goal{background:#f3f7fb;border-radius:7px;padding:16px;margin-bottom:0}.fn-panel>div>p:last-child{margin-bottom:0}.fn-faq-section{background:#ffffff}.fn-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.fn-text-link{color:#176b9a;font-size:14px;font-weight:700;text-decoration:none}.fn-text-link span{margin-left:15px}.fn-faq details{padding:19px 0;border-bottom:1px solid var(--fn-border)}.fn-faq details:first-child{padding-top:0}.fn-faq summary{list-style:none;cursor:pointer;position:relative;padding-right:30px;font-weight:700;font-size:16px;line-height:1.5}.fn-faq summary::-webkit-details-marker{display:none}.fn-faq summary:after{content:'+';position:absolute;right:3px;top:-2px;font-size:24px;font-weight:400;color:#176b9a}.fn-faq details[open] summary:after{content:'−'}.fn-faq details p{font-size:15px;margin:16px 0 0}.fn-close{padding:40px 0;background:#eaf2f8}.fn-close>.fn-shell{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center}.fn-close p{max-width:650px;margin-bottom:0}.fn-close .fn-kicker{margin-bottom:12px}.fn-close h2{font-size:clamp(27px,2.3vw,36px);margin-bottom:15px}.fn-close-actions{justify-self:center;display:flex;flex-direction:column;gap:17px;align-items:center}.fn-close-actions>span{font-size:12px;color:#4c6377}.finops a:focus-visible,.finops button:focus-visible,.finops summary:focus-visible,.fn-panel:focus-visible{outline:3px solid #006bdb;outline-offset:5px}
@media(min-width:1800px){.fn-hero-grid{min-height:500px}}
@media(max-width:1000px){.fn-hero-grid{gap:18px}.fn-heading{gap:32px}.fn-collab-grid{gap:30px}.fn-faq-grid{gap:40px}.fn-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.fn-tabs button{padding:15px 17px}.fn-panel{gap:30px;padding:26px}}
@media(max-width:760px){.fn-shell{width:calc(100% - 40px)}.fn-section{padding:36px 0}.fn-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}.fn-hero-copy{padding:24px 0 15px}.fn-breadcrumb{margin-bottom:24px;font-size:11px}.finops h1{font-size:34px;letter-spacing:-1px}.finops h2{font-size:29px}.fn-hero .fn-lead{font-size:16px;line-height:1.7}.fn-hero-art{height:255px}.fn-hero-art img{object-fit:contain}.fn-actions{gap:20px;margin-top:22px}.finops .fn-button{font-size:13px;gap:14px;max-width:100%}.fn-heading,.fn-split,.fn-collab-grid,.fn-faq-grid,.fn-close>.fn-shell{grid-template-columns:1fr;gap:26px}.fn-heading{margin-bottom:24px}.fn-heading h2 br{display:none}.fn-outcomes{grid-template-columns:1fr;gap:20px}.fn-outcomes>div{gap:18px}.fn-outcomes strong{font-size:17px}.fn-art{max-width:100%}.fn-split .fn-art{order:2}.fn-art img{aspect-ratio:16/10}.fn-feature-copy>p{margin-bottom:15px}.fn-checks{margin:18px 0}.fn-takeaway{margin-top:18px}.fn-collab-grid{gap:0}.fn-collab-grid>figure{min-height:255px;margin:0 -20px}.fn-collab-grid>figure img{mask-image:linear-gradient(#000000 70%,transparent)}.fn-collab-grid>div{padding:15px 0 32px}.fn-roles>div{grid-template-columns:85px 1fr;gap:14px}.fn-timeline{gap:24px 20px;margin-top:26px}.fn-timeline h3{font-size:18px}.fn-timeline p{font-size:14px}.fn-timeline li>span{margin-bottom:15px}.fn-tabs{gap:0}.fn-tabs button{flex:1;padding:13px 7px;font-size:12px}.fn-panel{grid-template-columns:1fr;gap:24px;padding:24px 20px}.fn-panel h3{font-size:24px}.fn-panel-label{margin-bottom:12px}.fn-faq-grid{gap:30px}.fn-faq details:first-child{padding-top:18px;border-top:1px solid var(--fn-border)}.fn-close{padding:32px 0}.fn-close-actions{justify-self:start;align-items:flex-start}.fn-close h2 br{display:none}}
@media(max-width:380px){.finops h1{font-size:30px}.fn-timeline{grid-template-columns:1fr}.fn-tabs button{font-size:11px}.fn-breadcrumb{gap:6px}}
@media(prefers-reduced-motion:reduce){.finops *{scroll-behavior:auto;transition:none!important}}
/* Full-height hero composition; feather the image into the shared backdrop. */
.fn-hero-grid{position:relative;isolation:isolate}
.fn-hero-copy{position:relative;z-index:2}
.fn-hero-art{position:absolute!important;z-index:0;top:-5%;bottom:-8%;left:49%;right:calc(-1 * var(--cax-content-gutter,6vw));pointer-events:none}
.fn-hero-art img{width:100%;height:100%;object-fit:cover;object-position:48% center;mask-image:linear-gradient(90deg,transparent 0%,#000000 20%,#000000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000000 20%,#000000 100%)}
.fn-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061c31 0%,#061c31aa 9%,transparent 30%,transparent 85%,#061c3133 100%);pointer-events:none}
.fn-hero-copy{grid-column:1}
@media(max-width:760px){.fn-hero-grid{display:flex;flex-direction:column}.fn-hero-copy{padding-bottom:10px}.fn-hero-art{position:relative!important;top:auto;bottom:auto;left:auto;right:auto;z-index:0;width:calc(100% + 40px);height:310px;min-height:310px;margin:-10px -20px 0!important}.fn-hero-art img{object-fit:cover;object-position:center 57%;mask-image:linear-gradient(180deg,transparent,#000000 22%);-webkit-mask-image:linear-gradient(180deg,transparent,#000000 22%)}.fn-hero-art:after{background:linear-gradient(180deg,#142f4666,transparent 40%)} }

/* Brand values are shared with the existing Cloudax pages. */
.finops{--fn-ink:var(--cax-ink);--fn-muted:var(--cax-muted);--fn-blue:var(--cax-cta-background);--fn-border:#d5e0e8;color:var(--cax-ink)}
.finops .fn-kicker{color:#176b9a;font-size:12px}
.fn-hero{background:radial-gradient(ellipse at 88% 65%,#153b58,#071d30 65%)}
.fn-hero .fn-kicker{color:#85cbe9}.fn-hero h1 em{color:#9bd3ed;text-shadow:none}
.fn-hero .fn-lead{color:#ccdae4}
.fn-ice{background:var(--cax-surface)}.fn-white.fn-reverse{background:#fff}.fn-sand{background:var(--cax-surface-alt)}
.fn-sand .fn-kicker{color:#176b9a}
.finops .fn-button{background:var(--cax-cta-background);border:1px solid var(--cax-cta-background);color:#fff;box-shadow:none;transform:none}
.finops .fn-button:hover{background:var(--cax-cta-hover);border-color:var(--cax-cta-hover);color:#fff;box-shadow:none;transform:none}
.fn-outcomes>div{padding:20px 0;border-top:2px solid #c4d5e1;border-radius:0;background:transparent;box-shadow:none}
.fn-outcomes{border-top:0;padding-top:0;gap:28px}
.fn-outcomes>div>span{color:#176b9a;font-size:13px;font-weight:700}
.fn-outcomes p{font-size:15px}.fn-outcomes strong{color:var(--cax-ink)}
.fn-feature .fn-art{border:1px solid #d5e0e8;box-shadow:0 14px 32px #142f4610}
.fn-feature-copy>p,.fn-checks li{font-size:16px}
.fn-takeaway,.fn-sand .fn-takeaway{border-left:2px solid #85cbe9;border-radius:0;background:transparent;box-shadow:none}
.fn-takeaway span{color:#176b9a;font-size:11px}.fn-takeaway p{font-size:15px}
.fn-collaboration{background:var(--cax-navy)}.fn-collaboration .fn-kicker{color:#9bd3ed}.fn-collaboration p,.fn-roles dd{color:#ccdae4}.fn-roles dt{color:#9bd3ed}
.fn-journey{background:#fff}.fn-timeline li>span{color:#176b9a;background:var(--cax-surface-alt)}
.fn-timeline p{font-size:15px}.fn-timeline strong{color:#176b9a;font-size:13px}
.fn-cases{background:var(--cax-surface)}
.fn-tabs button{color:var(--cax-muted);font-size:15px}.fn-tabs button[aria-selected=true]{color:#176b9a;background:#fff;border-bottom-color:var(--cax-cta-background);box-shadow:none}
.fn-panel{box-shadow:none;border-color:#d5e0e8}.fn-panel-label{color:#176b9a;font-size:11px}.fn-panel .fn-panel-goal{background:var(--cax-surface-alt);color:var(--cax-ink)}
.fn-faq-section{background:#fff}.fn-faq details[open] summary{color:#176b9a}
.fn-close{background:var(--cax-surface-alt);color:var(--cax-ink);border:0}
.fn-close .fn-kicker{color:#176b9a}.fn-close p,.fn-close-actions>span{color:var(--cax-muted)}
.fn-close:after{content:none}
.fn-close .fn-button{background:var(--cax-cta-background);color:#fff;border-color:var(--cax-cta-background);box-shadow:none}
.fn-close .fn-button:hover{background:var(--cax-cta-hover);border-color:var(--cax-cta-hover)}
@media(max-width:760px){.fn-outcomes{gap:14px}.fn-outcomes>div{padding:18px 0}.fn-tabs button{font-size:12px}.fn-panel{padding:24px 20px}.fn-timeline{gap:26px 20px}.fn-feature-copy>p,.fn-checks li{font-size:16px}}
/* Consistent section padding; no outer gaps between page sections. */
.finops{margin:0;padding:0}
.finops>section{margin:0}
.finops>.fn-section{padding:36px 0}
.finops>.fn-hero,.finops>.fn-collaboration{padding:0}
.finops>.fn-close{padding:36px 0}
.fn-collab-grid>div{padding:36px 0}
@media(max-width:760px){
 .finops>.fn-section,.finops>.fn-close{padding:26px 0}
 .finops>.fn-hero,.finops>.fn-collaboration{padding:0}
 .fn-collab-grid>div{padding:18px 0 26px}
}