.ocp-page{background:var(--paper)}
.ocp-page .site-header:not(.is-scrolled) .brand,.ocp-page .site-header:not(.is-scrolled) .site-nav a{color:var(--white)}
.ocp-page .site-header:not(.is-scrolled) .brand-mark{border-color:rgba(255,255,255,.72)}.ocp-page .site-header:not(.is-scrolled) .menu-toggle span{background:var(--white)}.site-nav a.is-current::after{right:0!important}
.ocp-hero{min-height:780px;position:relative;overflow:hidden;display:flex;align-items:center;padding:148px 0 90px;background:var(--ink-deep);color:var(--white)}.ocp-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(155,182,165,.2),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.025),transparent 55%)}
.ocp-orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.ocp-orbit-one{width:620px;height:620px;right:-170px;top:40px;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.ocp-orbit-two{width:280px;height:280px;right:34%;bottom:-180px}
.ocp-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:70px;align-items:center}.ocp-hero .eyebrow{color:var(--sage)}.ocp-hero h1{max-width:780px;margin:0;font-family:var(--serif);font-size:clamp(54px,6vw,88px);font-weight:400;letter-spacing:-.055em;line-height:.98}.ocp-lead{max-width:680px;margin:28px 0 0;color:rgba(255,255,255,.76);font-size:clamp(17px,1.6vw,21px)}.ocp-button-ghost{border-color:rgba(255,255,255,.42);background:transparent;color:var(--white)!important}.ocp-button-ghost:hover{background:rgba(255,255,255,.1)}.ocp-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.ocp-trust-row span{padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.7);font-size:11px;letter-spacing:.04em}
.ocp-product-frame{overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(248,246,241,.96);box-shadow:0 35px 90px rgba(0,0,0,.34);color:var(--charcoal);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.ocp-frame-top{height:58px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--white);font-size:12px}.ocp-frame-top>span{width:10px;height:10px;border-radius:50%;background:#bb8544;box-shadow:17px 0 0 var(--sage),34px 0 0 #d9d4ca;margin-right:34px}.ocp-frame-top strong{color:var(--ink);margin-right:auto}.ocp-frame-top b{color:var(--moss);font-size:16px}.ocp-frame-body{display:grid;grid-template-columns:68px 1fr;min-height:390px}.ocp-frame-body aside{padding:25px 20px;border-right:1px solid var(--line);background:#edf1ee}.ocp-frame-body aside i{width:26px;height:26px;display:block;position:relative;margin-bottom:22px;border:1px solid #aabbb3;border-radius:50%;background:var(--paper)}.ocp-frame-body aside i::after{content:"";width:1px;height:22px;position:absolute;top:26px;left:12px;background:#b9c7c1}.ocp-frame-body aside i:last-child::after{display:none}.ocp-frame-body aside .is-done{border-color:var(--moss);background:var(--moss)}.ocp-frame-body aside .is-active{border:7px solid var(--white);background:#b9823e;box-shadow:0 0 0 1px #b9823e}.ocp-frame-main{padding:30px}.ocp-frame-main small{color:var(--moss);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.ocp-frame-main h2{margin:8px 0 28px;color:var(--ink);font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.08}.ocp-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ocp-metric-row span{padding:13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px;text-transform:uppercase}.ocp-metric-row b{display:block;color:var(--ink);font-family:var(--serif);font-size:20px;font-weight:400;text-transform:none}.ocp-frame-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.ocp-frame-panels span{height:106px;border:1px solid var(--line);border-radius:10px;background:repeating-linear-gradient(0deg,#fff,#fff 21px,#e9eeeb 22px)}
.ocp-intro .section-head>div:last-child p:first-child{margin-top:0}.ocp-value-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.ocp-value-grid article{min-height:300px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.35)}.ocp-value-grid article>span{color:var(--moss);font-family:var(--serif)}.ocp-value-grid h3{margin:82px 0 14px;color:var(--ink);font-family:var(--serif);font-size:29px;font-weight:400}.ocp-value-grid p{margin:0;color:var(--muted);font-size:14px}
.ocp-stakeholders{background:var(--white)}.ocp-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ocp-role-grid article{min-height:280px;padding:29px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.ocp-role-grid small{color:var(--moss);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ocp-role-grid h3{margin:58px 0 18px;color:var(--ink);font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.08}.ocp-role-grid ul{margin:0;padding:0;list-style:none;color:var(--muted);font-size:14px}.ocp-role-grid li{padding:5px 0;border-top:1px solid var(--line)}
.ocp-workflow{background:var(--sand)}.ocp-lifecycle{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;border-top:1px solid rgba(24,51,47,.25);border-left:1px solid rgba(24,51,47,.25);list-style:none}.ocp-lifecycle li{min-height:180px;padding:24px;border-right:1px solid rgba(24,51,47,.25);border-bottom:1px solid rgba(24,51,47,.25)}.ocp-lifecycle span{display:block;color:var(--moss);font-family:var(--serif)}.ocp-lifecycle strong{display:block;margin-top:48px;color:var(--ink);font-family:var(--serif);font-size:23px;font-weight:400}.ocp-lifecycle small{color:var(--muted)}
.ocp-output{background:var(--ink-deep);color:var(--white)}.ocp-output-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.ocp-output .eyebrow{color:var(--sage)}.ocp-output h2{margin:0;color:var(--white);font-family:var(--serif);font-size:clamp(42px,5vw,66px);font-weight:400;letter-spacing:-.045em;line-height:1.02}.ocp-output p{margin:24px 0 30px;color:rgba(255,255,255,.68);font-size:17px}.ocp-output .button{border-color:var(--sage);background:var(--sage);color:var(--ink-deep)!important}.ocp-output-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid rgba(255,255,255,.2)}.ocp-output-list span{padding:18px 8px;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.78);font-size:14px}.ocp-output-list span::before{content:"↗";margin-right:10px;color:var(--sage)}.ocp-contact{padding-top:90px}
@media(max-width:1100px){.ocp-hero-grid{grid-template-columns:1fr;gap:55px}.ocp-product-frame{max-width:720px;transform:none}.ocp-role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.ocp-page .site-nav.is-open a{color:var(--ink-deep)}.ocp-page .site-nav.is-open .nav-cta{color:var(--white)!important}.ocp-value-grid{grid-template-columns:1fr}.ocp-value-grid article{min-height:230px}.ocp-value-grid h3{margin-top:48px}.ocp-lifecycle{grid-template-columns:repeat(2,1fr)}.ocp-output-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:680px){.ocp-hero{min-height:auto;padding:124px 0 70px}.ocp-hero h1{font-size:clamp(47px,14vw,67px)}.ocp-product-frame{display:none}.ocp-role-grid{grid-template-columns:1fr}.ocp-lifecycle{grid-template-columns:1fr}.ocp-lifecycle li{min-height:150px}.ocp-output-list{grid-template-columns:1fr}}