.solutions-hero .oil-hero-overlay{background:linear-gradient(90deg,rgba(3,36,39,.96),rgba(3,43,44,.78) 42%,rgba(3,40,42,.13) 76%)}
.solutions-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-block:110px;align-items:start}.solutions-intro h2,.solutions-heading h2,.solutions-compliance h2,.solutions-faq h2{margin:0;color:var(--oil-deep);font-size:clamp(42px,5.2vw,72px);line-height:.98;letter-spacing:-.05em}.solutions-intro-copy{padding-top:20px;border-top:1px solid var(--oil-line)}.solutions-intro-copy p{margin:0 0 18px;color:var(--oil-muted);font-size:15px;line-height:1.8}
.solutions-modules{padding-block:110px;background:#edf3f2}.solutions-heading{max-width:900px}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:58px}.solutions-grid article{position:relative;min-height:320px;padding:34px;border:1px solid #d7e4e1;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(16,47,56,.06)}.solutions-grid article>span{position:absolute;top:25px;right:28px;color:#c9d6d2;font:700 32px Georgia,serif}.solutions-grid svg{width:56px;height:56px;margin-bottom:30px;fill:none;stroke:var(--oil-teal);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.solutions-grid h3{margin:0 0 14px;color:var(--oil-deep);font-size:21px;text-transform:uppercase}.solutions-grid p{margin:0;color:var(--oil-muted);font-size:13px;line-height:1.75}
.solutions-compliance{padding-block:100px;background:var(--oil-deep);color:#fff}.solutions-compliance .oil-container{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.solutions-compliance h2{color:#fff}.solutions-compliance .oil-eyebrow{color:var(--oil-lime)}.solutions-compliance p{margin:0 0 25px;color:#bed0cf;font-size:15px;line-height:1.8}.solutions-compliance a{color:var(--oil-lime);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.solutions-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;padding-block:120px}.solutions-faq-heading{position:sticky;top:130px;align-self:start}.solutions-faq-heading>p:last-child{max-width:480px;color:var(--oil-muted);font-size:14px;line-height:1.75}.solutions-faq-list{border-top:1px solid var(--oil-line)}.solutions-faq details{border-bottom:1px solid var(--oil-line)}.solutions-faq summary{display:grid;grid-template-columns:1fr 32px;gap:25px;align-items:center;padding:27px 4px;cursor:pointer;list-style:none;color:var(--oil-deep);font-size:17px;font-weight:800;line-height:1.4}.solutions-faq summary::-webkit-details-marker{display:none}.solutions-faq summary i{position:relative;width:30px;height:30px;border:1px solid #b9cac8;border-radius:50%}.solutions-faq summary i:before,.solutions-faq summary i:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:var(--oil-teal);transform:translate(-50%,-50%)}.solutions-faq summary i:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}.solutions-faq details[open] summary{color:var(--oil-teal)}.solutions-faq details[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}.solutions-faq details>div{padding:0 55px 28px 4px}.solutions-faq details p{margin:0;color:var(--oil-muted);font-size:14px;line-height:1.8}.solutions-faq summary:focus-visible{outline:3px solid rgba(7,136,150,.3);outline-offset:4px}.solutions-cta{margin-top:0}
@media(max-width:1050px){.solutions-intro,.solutions-compliance .oil-container,.solutions-faq{grid-template-columns:1fr;gap:45px}.solutions-grid{grid-template-columns:1fr 1fr}.solutions-faq-heading{position:static}.solutions-faq-heading>p:last-child{max-width:none}}
@media(max-width:760px){.solutions-intro,.solutions-modules,.solutions-compliance,.solutions-faq{padding-block:78px}.solutions-intro{gap:28px}.solutions-intro h2,.solutions-heading h2,.solutions-compliance h2,.solutions-faq h2{font-size:40px}.solutions-grid{grid-template-columns:1fr;margin-top:38px}.solutions-grid article{min-height:0;padding:28px}.solutions-compliance .oil-container{gap:30px}.solutions-faq{gap:35px}.solutions-faq summary{padding-block:22px;font-size:15px}.solutions-faq details>div{padding-right:4px}}
@media(prefers-reduced-motion:reduce){.solutions-faq summary i:after{transition:none}}