.oxo-commercial{--oc-signal:var(--blue);background:var(--bone);min-height:100vh;color:var(--ink);overflow:clip}.oxo-commercial.oc-orange{--oc-signal:var(--orange)}.oxo-commercial.oc-acid{--oc-signal:var(--acid)}.oxo-commercial.oc-pink{--oc-signal:var(--pink)}.oc-hero{isolation:isolate;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(40px,5vw,90px);min-height:calc(100svh - 72px);padding:clamp(76px,8vw,130px) 30px clamp(64px,7vw,110px);display:grid;position:relative}.oc-hero:after{content:"";background:var(--oc-signal);filter:blur(110px);opacity:.22;z-index:-1;border-radius:50%;width:42vw;height:42vw;position:absolute;top:-16vw;right:-14vw}.oc-hero-copy{max-width:690px}.oc-kicker,.oc-section-label{font:9px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase}.oc-kicker{background:var(--oc-signal);border:1px solid var(--ink);padding:9px 11px;display:inline-block}.oc-acid .oc-kicker{color:var(--ink)}.oc-hero h1,.oc-definition h2,.oc-workflow h2,.oc-capabilities h2,.oc-control h2,.oc-seo h2,.oc-faq h2,.oc-related h2,.oc-final h2{letter-spacing:-.07em;margin:0;font-weight:500}.oc-hero h1{margin:clamp(30px,4vh,52px) 0;font-size:clamp(58px,6.5vw,112px);line-height:.86}.oc-hero h1 em{color:var(--blue);font-style:normal}.oc-orange .oc-hero h1 em{color:#d93a17}.oc-pink .oc-hero h1 em{color:#ad3175}.oc-acid .oc-hero h1 em{color:#617800}.oc-answer{font:12px/1.7 var(--mono);max-width:600px}.oc-actions{align-items:center;gap:28px;margin-top:30px;display:flex}.oc-actions button,.oc-final button{background:var(--blue);font:11px var(--mono);cursor:pointer;box-shadow:5px 5px var(--ink);border:0;align-items:center;gap:30px;padding:9px 9px 9px 18px;display:flex;color:#fff!important}.oc-actions button span,.oc-final button span{background:var(--acid);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;color:var(--ink)!important}.oc-actions button:hover,.oc-final button:hover{color:#fff!important}.oc-actions a{font:10px var(--mono);border-bottom:1px solid;align-items:center;gap:9px;padding:11px 0;display:inline-flex;color:inherit!important}.oxo-action-icon{flex:none;width:14px;height:14px;display:block}.oc-strip{background:var(--ink);color:#fff;white-space:nowrap;font:10px var(--mono);padding:14px 0;overflow:hidden}.oc-strip div{width:max-content;animation:25s linear infinite ve-marquee}.oc-strip i{background:var(--acid);width:7px;height:7px;margin:0 22px;display:inline-block;transform:rotate(45deg)}.oc-definition{border-bottom:1px solid;grid-template-columns:24% 76%;padding:clamp(80px,9vw,150px) 30px;display:grid}.oc-definition>div{max-width:1120px}.oc-definition h2{font-size:clamp(42px,5vw,84px);line-height:.98}.oc-workflow,.oc-control,.oc-faq,.oc-related{padding:clamp(80px,9vw,150px) 30px}.oc-workflow{background:var(--blue);color:#fff}.oc-workflow header,.oc-faq header{grid-template-columns:24% 76%;align-items:start;display:grid}.oc-workflow h2,.oc-faq h2{font-size:clamp(50px,6vw,102px);line-height:.9}.oc-workflow h2 em,.oc-control h2 em{color:var(--acid);font-style:normal}.oc-steps{border-top:1px solid;grid-template-columns:repeat(3,1fr);margin-top:clamp(55px,7vw,105px);display:grid}.oc-steps article{border-right:1px solid;min-height:245px;padding:28px 28px 20px 0}.oc-steps article+article{padding-left:28px}.oc-steps article:last-child{border-right:0}.oc-steps span,.oc-control-grid span{font:8px var(--mono);color:var(--acid)}.oc-steps h3{letter-spacing:-.04em;margin:50px 0 14px;font-size:clamp(23px,2vw,31px)}.oc-steps p,.oc-control-grid p{font:10px/1.75 var(--mono);max-width:420px}.oc-control{background:var(--ink);color:#fff;grid-template-columns:1fr .85fr;gap:7vw;display:grid}.oc-control h2{margin-top:4vw;font-size:clamp(52px,6vw,100px);line-height:.9}.oc-control-grid{border-top:1px solid;align-self:end}.oc-control-grid article{border-bottom:1px solid;grid-template-columns:34% 66%;padding:26px 0;display:grid}.oc-control-grid p{margin:0}.oc-control-grid span{padding-top:4px}.oc-faq h2 em{color:var(--blue);font-style:normal}.oc-faq>div{border-top:1px solid;width:76%;margin:70px 0 0 auto}.oc-faq details{border-bottom:1px solid}.oc-faq summary{cursor:pointer;justify-content:space-between;padding:24px 0;font-size:18px;list-style:none;display:flex}.oc-faq summary::-webkit-details-marker{display:none}.oc-faq summary span{font:24px var(--mono)}.oc-faq details[open] summary span{transform:rotate(45deg)}.oc-faq details p{font:10px/1.8 var(--mono);max-width:760px;margin:0 0 26px}.oc-related{background:var(--pink)}.oc-related h2{margin:4vw 0 7vw;font-size:clamp(52px,6vw,100px);line-height:.9}.oc-related h2 em{color:var(--blue);font-style:normal}.oc-related>div{border-top:1px solid}.oc-related a{letter-spacing:-.05em;border-bottom:1px solid;grid-template-columns:70px 1fr auto;align-items:center;padding:24px 0;font-size:clamp(23px,3vw,46px);display:grid;color:inherit!important}.oc-related a span{font:8px var(--mono)}.oc-related a b{background:var(--acid);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;font-weight:400;display:grid}.oc-final{background:var(--acid);flex-direction:column;justify-content:center;min-height:74vh;padding:clamp(80px,9vw,150px) 30px;display:flex}.oc-final h2{margin:4vw 0;font-size:clamp(66px,9vw,150px);line-height:.8}.oc-final h2 em{color:var(--blue);font-style:normal}.oc-final button{width:max-content}.oc-footer{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:30px;padding:42px 30px;display:grid}.oc-footer p{font:8px/1.7 var(--mono);margin:0}.oc-footer>div{font:8px var(--mono);justify-self:end;gap:10px;display:grid}.oc-footer a{color:#fff!important}@media (max-width:900px){.oc-hero{grid-template-columns:1fr;gap:55px;padding:70px 18px}.oc-hero h1{font-size:clamp(54px,16vw,88px)}.oc-definition,.oc-workflow header,.oc-faq header,.oc-control{grid-template-columns:1fr;gap:32px}.oc-steps{grid-template-columns:1fr}.oc-steps article,.oc-steps article+article{border-bottom:1px solid;border-right:0;min-height:205px;padding:26px 0}.oc-control-grid{margin-top:30px}.oc-faq>div{width:100%;margin-top:55px}.oc-footer{grid-template-columns:1fr}.oc-footer>div{justify-self:start}.oc-definition,.oc-workflow,.oc-control,.oc-faq,.oc-related,.oc-final{padding-left:18px;padding-right:18px}}@media (max-width:520px){.oc-actions{flex-direction:column;align-items:flex-start}.oc-definition{grid-template-columns:1fr;gap:28px}.oc-control-grid article{grid-template-columns:1fr;gap:10px}.oc-related a{grid-template-columns:38px 1fr auto}.oc-footer{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.oc-strip div{animation:none}}
