.ops-hero{position:relative;padding:145px 0 90px;background:radial-gradient(circle at 9% 14%,rgba(18,214,210,.14),transparent 29%),linear-gradient(155deg,#f8fcfc 0%,#edf6f5 100%);overflow:hidden}
.ops-hero:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(rgba(15,48,91,.2) .65px,transparent .65px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,#000 17%,#000 83%,transparent)}
.ops-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:65px}
.ops-eyebrow{display:inline-flex;padding:7px 12px;color:var(--teal-dark);background:rgba(47,145,150,.09);border:1px solid rgba(47,145,150,.15);border-radius:99px;font-size:11px;font-weight:800}
.ops-hero h1{margin:17px 0 19px;color:var(--navy-900);font-size:clamp(38px,4.7vw,58px);font-weight:900;letter-spacing:-2px;line-height:1.45}
.ops-hero-copy>p{max-width:650px;margin:0;color:#52697d;font-size:16px;line-height:2.15}
.ops-hero-actions{display:flex;gap:10px;margin-top:27px}
.ops-hero blockquote{position:relative;margin:27px 0 0;padding:15px 20px 15px 15px;color:#425a6d;background:rgba(255,255,255,.72);border:1px solid rgba(47,145,150,.14);border-right:3px solid var(--teal);border-radius:13px;font-size:12px;font-weight:600;line-height:2}
.ops-hero-media{margin:0;padding:10px;background:#fff;border:1px solid #d5e5e4;border-radius:25px;box-shadow:0 28px 70px rgba(15,48,91,.16);overflow:hidden}
.ops-window-bar{display:flex;height:37px;padding:0 9px;align-items:center;gap:5px;color:#728697;background:#f7fafa;border-bottom:1px solid #e3eceb;font-size:9px}
.ops-window-bar>span{width:7px;height:7px;background:#c4d2d2;border-radius:50%}.ops-window-bar>span:nth-child(2){background:#79c9c5}.ops-window-bar>span:nth-child(3){background:#2f9196}
.ops-window-bar strong{margin-right:auto;color:#64798a;font-size:9px}
.ops-hero-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:0 0 15px 15px}
.ops-hero-media figcaption{padding:10px 3px 2px;color:#83929e;font-size:9px;text-align:center}
.ops-page-nav{position:sticky;z-index:30;top:82px;background:rgba(255,255,255,.94);border-top:1px solid #edf2f2;border-bottom:1px solid #dfe9e8;backdrop-filter:blur(12px)}
.ops-page-nav .container{display:flex;min-height:53px;align-items:center;justify-content:center;gap:28px;overflow-x:auto;scrollbar-width:none}.ops-page-nav .container::-webkit-scrollbar{display:none}
.ops-page-nav a{flex:0 0 auto;color:#627587;font-size:10px;font-weight:700}.ops-page-nav a:hover{color:var(--teal-dark)}
.ops-problem-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:75px}
.ops-problem-copy .section-label:after{display:none}.ops-problem-copy .section-title{text-align:right}
.ops-problem-copy>p{margin:17px 0 0;color:var(--muted);font-size:14px;line-height:2.2}
.ops-inline-example{margin:24px 0 0;padding:20px;color:#fff;background:linear-gradient(135deg,var(--navy),#14556a);border-radius:17px}.ops-inline-example strong{color:#76e2dc;font-size:10px}.ops-inline-example p{margin:7px 0 0;color:rgba(255,255,255,.78);font-size:12px;line-height:2}
.ops-problem-panel{padding:27px;background:#fff;border:1px solid #dce8e7;border-radius:25px;box-shadow:0 20px 55px rgba(15,48,91,.075)}
.ops-problem-panel ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.ops-problem-panel li{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;color:#53677a;background:#f7fafa;border-radius:12px;font-size:11px;line-height:1.9}.ops-problem-panel li>span{display:grid;width:23px;height:23px;min-width:23px;place-items:center;color:#b35c55;background:#faebe9;border-radius:7px;font-weight:900}
.ops-morning{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;padding:17px;color:#fff;background:var(--navy);border-radius:16px}.ops-morning strong{grid-column:1/-1;margin-bottom:2px;color:#72ddd8;font-size:10px}.ops-morning p{margin:0;padding:8px 10px;background:rgba(255,255,255,.06);border-radius:8px;font-size:9px}
.ops-signal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ops-signal-card{position:relative;min-height:320px;padding:23px;background:#fff;border:1px solid #dbe7e6;border-radius:21px;box-shadow:0 12px 35px rgba(15,48,91,.04);overflow:hidden;transition:.25s}.ops-signal-card:after{content:"";position:absolute;right:0;top:0;width:3px;height:100%;background:var(--teal);transform:scaleY(.18);transform-origin:top;transition:.25s}.ops-signal-card:hover{border-color:#afd4d1;box-shadow:0 20px 48px rgba(15,48,91,.09);transform:translateY(-5px)}.ops-signal-card:hover:after{transform:scaleY(1)}
.ops-signal-number{display:grid;width:35px;height:35px;place-items:center;color:var(--teal-dark);background:#eaf6f5;border-radius:10px;font-size:9px;font-weight:900}.ops-signal-card h3{margin:18px 0 7px;color:var(--navy);font-size:16px}.ops-signal-card>p{min-height:54px;margin:0;color:var(--muted);font-size:11px;line-height:1.9}.ops-signal-card dl{display:grid;gap:8px;margin:18px 0 0}.ops-signal-card dl>div{padding:10px;background:#f7fafa;border-radius:10px}.ops-signal-card dt{color:#899aa6;font-size:8px}.ops-signal-card dd{margin:3px 0 0;color:#4d6375;font-size:9px;line-height:1.8}
.ops-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.ops-template-card{padding:25px;background:#fff;border:1px solid #dbe7e6;border-radius:22px;box-shadow:0 15px 38px rgba(15,48,91,.05)}.ops-template-card>div{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e7eeee}.ops-template-card>div>span{display:grid;width:36px;height:36px;place-items:center;color:#0d3f55;background:#6cdfd8;border-radius:10px;font-size:9px;font-weight:900}.ops-template-card h3{margin:0;color:var(--navy);font-size:16px}.ops-template-card ol{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;counter-reset:template}.ops-template-card li{display:flex;align-items:center;gap:9px;color:#586d7e;font-size:11px}.ops-template-card li span{display:grid;width:24px;height:24px;place-items:center;color:var(--teal-dark);background:#ecf6f5;border-radius:7px;font-size:8px;font-weight:800}
.ops-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ops-capability-card{position:relative;min-height:285px;padding:25px;background:#fff;border:1px solid #dfe9e8;border-radius:21px;transition:.25s}.ops-capability-card:hover{transform:translateY(-5px);border-color:#a9d2cf;box-shadow:0 20px 46px rgba(15,48,91,.08)}.ops-capability-card>span{color:#8ea0ad;font-size:10px;font-weight:900}.ops-capability-card h3{margin:18px 0 9px;color:var(--navy);font-size:16px}.ops-capability-card p{margin:0;color:var(--muted);font-size:11px;line-height:2}.ops-capability-card strong{display:block;margin-top:18px;padding:11px;color:#2b777b;background:#edf7f6;border-radius:10px;font-size:9px;line-height:1.8}
.ops-controls-section{position:relative;color:#fff;background:linear-gradient(145deg,#081e39,#0e465b);overflow:hidden}.ops-controls-section:before{content:"";position:absolute;inset:0;opacity:.11;background-image:radial-gradient(#fff .65px,transparent .65px);background-size:25px 25px}.ops-controls-section .container{position:relative}.ops-controls-section .section-title{color:#fff}.ops-controls-section .section-sub{color:rgba(255,255,255,.62)}.ops-controls-section .section-label{color:#72ddd8}
.ops-controls-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.ops-control-card{position:relative;min-height:305px;padding:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:22px}.ops-control-card>span{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;font-size:18px;font-weight:900}.ops-control-card.is-danger>span{color:#ffafa7;background:rgba(242,106,94,.13)}.ops-control-card.is-warning>span{color:#ffcf72;background:rgba(242,181,65,.13)}.ops-control-card.is-success>span{color:#80e6bd;background:rgba(67,201,150,.13)}.ops-control-card h3{margin:21px 0 9px;color:#fff;font-size:17px}.ops-control-card p{margin:0;color:rgba(255,255,255,.62);font-size:11px;line-height:2}.ops-control-card strong{display:block;margin-top:20px;padding:11px;color:rgba(255,255,255,.83);background:rgba(255,255,255,.06);border-radius:10px;font-size:9px;line-height:1.8}
.ops-scenario-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px}.ops-scenario-copy .section-label:after{display:none}.ops-scenario-copy .section-title{text-align:right}.ops-scenario-copy dl{display:flex;gap:10px;margin:24px 0}.ops-scenario-copy dl>div{min-width:130px;padding:12px;background:#edf7f6;border-radius:11px}.ops-scenario-copy dt{color:#78909e;font-size:8px}.ops-scenario-copy dd{margin:3px 0 0;color:var(--navy);font-size:11px;font-weight:800}.ops-scenario-copy>p{margin:0;padding:17px;color:#fff;background:var(--navy);border-radius:14px;font-size:11px;line-height:2}
.ops-scenario-table{padding:12px;background:#fff;border:1px solid #d8e5e4;border-radius:22px;box-shadow:0 18px 50px rgba(15,48,91,.08);overflow-x:auto}.ops-scenario-table table{width:100%;min-width:520px;border-collapse:collapse;overflow:hidden;border-radius:14px}.ops-scenario-table th,.ops-scenario-table td{padding:17px;text-align:right;border-bottom:1px solid #e8eeee;font-size:10px}.ops-scenario-table th{color:#fff;background:var(--navy);font-size:9px}.ops-scenario-table tr:last-child td{border-bottom:0}.ops-scenario-table td{color:#53687a}.ops-scenario-table td>span{display:inline-flex;padding:5px 9px;border-radius:99px;font-size:8px;font-weight:800}.ops-scenario-table .is-success{color:#237659;background:#e3f5ed}.ops-scenario-table .is-danger{color:#a84a43;background:#fae8e6}.ops-scenario-table .is-warning{color:#9a6a19;background:#fff2d8}
.ops-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ops-benefit-card{min-height:245px;padding:25px;background:#fff;border:1px solid #dce8e7;border-radius:21px;transition:.25s}.ops-benefit-card:hover{border-color:#acd2cf;box-shadow:0 20px 48px rgba(15,48,91,.08);transform:translateY(-4px)}.ops-benefit-card>span{display:grid;width:42px;height:42px;place-items:center;color:var(--teal-dark);background:#e7f5f3;border-radius:12px;font-weight:900}.ops-benefit-card h3{margin:20px 0 8px;color:var(--navy);font-size:16px}.ops-benefit-card p{margin:0;color:var(--muted);font-size:11px;line-height:2}
.ops-before-after{background:#fff}.ops-change-grid{display:grid;grid-template-columns:1fr 65px 1fr;align-items:center;gap:18px}.ops-change-card{padding:28px;border-radius:23px}.ops-change-card>span{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:10px;font-weight:800}.ops-change-card ul{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.ops-change-card li{padding:12px 14px;background:rgba(255,255,255,.75);border-radius:11px;font-size:11px}.ops-change-card.is-before{color:#6d5552;background:#f9eeee;border:1px solid #efd8d5}.ops-change-card.is-before>span{color:#a55048;background:#fff}.ops-change-card.is-after{color:#315f59;background:#e9f5f3;border:1px solid #d1e9e6}.ops-change-card.is-after>span{color:#237b76;background:#fff}.ops-change-arrow{display:grid;width:52px;height:52px;place-items:center;color:#fff;background:var(--teal-dark);border-radius:50%;font-size:21px;font-weight:900}
.ops-bridge{position:relative;padding:100px 0;color:#fff;background:linear-gradient(135deg,#0a2542,#0e5363);overflow:hidden}.ops-bridge:before{content:"";position:absolute;width:420px;height:420px;left:-190px;top:-200px;border:1px solid rgba(108,223,216,.2);border-radius:50%;box-shadow:0 0 0 65px rgba(108,223,216,.025),0 0 0 130px rgba(108,223,216,.018)}.ops-bridge-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.ops-bridge .section-label{color:#70ded8}.ops-bridge .section-label:after{display:none}.ops-bridge h2{margin:4px 0 14px;color:#fff;font-size:clamp(29px,4vw,42px);line-height:1.55}.ops-bridge p{margin:0 0 23px;color:rgba(255,255,255,.67);font-size:13px;line-height:2.15}.ops-bridge .btn{color:var(--navy);background:#fff}.ops-bridge-signals{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:23px}.ops-bridge-signals span{display:grid;min-height:88px;padding:16px;place-items:center;color:#c4f4f1;background:rgba(108,223,216,.09);border:1px solid rgba(108,223,216,.14);border-radius:14px;font-size:11px;font-weight:800;text-align:center}
.ops-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ops-related-card{display:flex;min-height:250px;padding:25px;flex-direction:column;background:#fff;border:1px solid #dbe7e6;border-radius:21px;transition:.25s}.ops-related-card:hover{border-color:#a8d1ce;box-shadow:0 18px 45px rgba(15,48,91,.08);transform:translateY(-4px)}.ops-related-card>span{color:#91a2ae;font-size:9px;font-weight:900}.ops-related-card h3{margin:17px 0 8px;color:var(--navy);font-size:16px}.ops-related-card p{margin:0;color:var(--muted);font-size:10px;line-height:2}.ops-related-card strong{margin-top:auto;padding-top:15px;color:var(--teal-dark);border-top:1px solid #e7eeee;font-size:10px}.ops-related-card strong b{margin-right:5px}.ops-mode-links{display:flex;margin-top:18px;padding:17px;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #dbe7e6;border-radius:16px}.ops-mode-links span{color:#6d8191;font-size:10px}.ops-mode-links a{padding:7px 11px;color:var(--teal-dark);background:#edf7f6;border-radius:9px;font-size:9px;font-weight:800}.ops-mode-links a:hover{color:#fff;background:var(--teal-dark)}
@media(max-width:1050px){.ops-signal-grid,.ops-capability-grid,.ops-benefit-grid{grid-template-columns:repeat(2,1fr)}.ops-signal-card{min-height:290px}}
@media(max-width:860px){.ops-hero{padding-top:115px}.ops-hero-grid,.ops-problem-grid,.ops-scenario-grid,.ops-bridge-grid{grid-template-columns:1fr;gap:42px}.ops-hero-copy{text-align:center}.ops-hero .breadcrumb,.ops-hero-actions{justify-content:center}.ops-hero-copy>p{margin-inline:auto}.ops-hero blockquote{text-align:right}.ops-hero-media{width:min(680px,100%);margin-inline:auto}.ops-problem-copy{text-align:center}.ops-problem-copy .section-label{justify-content:center}.ops-problem-copy .section-title{text-align:center}.ops-scenario-copy .section-title{text-align:right}.ops-controls-grid,.ops-template-grid,.ops-related-grid{grid-template-columns:1fr}.ops-template-card{max-width:620px;width:100%;margin-inline:auto}.ops-page-nav{top:74px}.ops-change-grid{grid-template-columns:1fr}.ops-change-arrow{margin:auto;transform:rotate(-90deg)}}
@media(max-width:580px){.ops-hero{padding:103px 0 67px}.ops-hero h1{font-size:34px;letter-spacing:-1px}.ops-hero-copy>p{font-size:13px}.ops-hero-actions{display:grid}.ops-hero-actions .btn{width:100%}.ops-page-nav .container{justify-content:flex-start}.ops-signal-grid,.ops-capability-grid,.ops-controls-grid,.ops-benefit-grid{grid-template-columns:1fr}.ops-signal-card,.ops-capability-card,.ops-control-card,.ops-benefit-card{min-height:0}.ops-morning{grid-template-columns:1fr}.ops-problem-panel{padding:18px}.ops-scenario-copy dl{display:grid;grid-template-columns:1fr 1fr}.ops-bridge{padding:78px 0}.ops-bridge-signals{padding:12px}.ops-bridge-signals span{min-height:72px}.ops-mode-links{flex-wrap:wrap}.ops-mode-links span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.ops-signal-card,.ops-capability-card,.ops-benefit-card,.ops-related-card{transition:none}}
