@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* SOLUTIONS PILOT — complete light theme contract */
body.prhPageUI[data-page="solutions"]{
 --s-blue:#119fe5;
 --s-purple:#8248dd;
 --s-orange:#ff7624;
 --s-ink:#101827;
 --s-copy:#465461;
 --s-muted:#687681;
 --s-line:#cfdae2;

 color-scheme:light!important;
 color:var(--s-ink)!important;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 -webkit-font-smoothing:antialiased;

 background:
   radial-gradient(720px 430px at 13% 24%,rgba(17,159,229,.085),transparent 70%),
   radial-gradient(620px 420px at 91% 19%,rgba(130,72,221,.065),transparent 70%),
   linear-gradient(rgba(67,112,143,.065) 1px,transparent 1px),
   linear-gradient(90deg,rgba(67,112,143,.065) 1px,transparent 1px),
   #fcfeff!important;
 background-size:auto,auto,52px 52px,52px 52px,auto!important;
}

body[data-page="solutions"] .container{max-width:1420px!important}

/* NAV */
body[data-page="solutions"] .nav{
 position:relative!important;
 z-index:1000!important;
 background:rgba(255,255,255,.97)!important;
 border-bottom:1px solid #e2e8ec!important;
 box-shadow:0 3px 16px rgba(31,51,64,.045)!important;
}

body[data-page="solutions"] .nav .container.in{
 max-width:1420px!important;
 min-height:74px!important;
 padding:9px 24px!important;
 display:flex!important;
 align-items:center!important;
 gap:22px!important;
 box-sizing:border-box!important;
}

body[data-page="solutions"] .nav .brand{flex:0 0 225px!important;min-width:0!important}
body[data-page="solutions"] .nav #brand{color:#101827!important;font-size:16px!important;font-weight:800!important}
body[data-page="solutions"] .nav #tagline{color:#61717e!important;font-size:8px!important}

body[data-page="solutions"] .nav #menu{
 flex:1 1 auto!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 gap:2px!important;
}

body[data-page="solutions"] .nav #menu>a.link{
 visibility:visible!important;
 opacity:1!important;
 filter:none!important;
 display:inline-flex!important;
 align-items:center!important;
 min-height:37px!important;
 padding:0 7px!important;
 color:#29343e!important;
 -webkit-text-fill-color:#29343e!important;
 background:transparent!important;
 border-radius:8px!important;
 font-size:11.5px!important;
 font-weight:600!important;
 white-space:nowrap!important;
}

body[data-page="solutions"] .nav #menu>a.link:hover{background:#f2f7fa!important;color:#101827!important}
body[data-page="solutions"] .nav #menu>a.link.is-on{
 color:#101827!important;
 -webkit-text-fill-color:#101827!important;
 background:#ebf8fe!important;
 font-weight:800!important;
}
body[data-page="solutions"] .nav #menu>a.link.is-on::after{
 background:var(--s-blue)!important;
 box-shadow:none!important;
}

body[data-page="solutions"] .nav #menu>.btn{
 min-height:39px!important;
 margin-left:4px!important;
 padding:0 14px!important;
 border-radius:999px!important;
 font-size:10.5px!important;
 font-weight:700!important;
}
body[data-page="solutions"] .nav #menu>.btn:not(.primary):not(.ghost){
 color:#fff!important;background:linear-gradient(135deg,#734ad3,#8e46dc)!important;border:0!important;
}
body[data-page="solutions"] .nav #menu>.btn.ghost{
 color:#2e3944!important;background:#fff!important;border:1px solid #d3dee5!important;
}
body[data-page="solutions"] .nav #menu>.btn.primary{
 color:#fff!important;background:linear-gradient(90deg,#ff9224,#ff653c)!important;border:0!important;
}

/* HERO */
body[data-page="solutions"] .container.hero{
 padding-top:54px!important;
 padding-bottom:44px!important;
}
body[data-page="solutions"] .heroGrid{
 grid-template-columns:1.08fr .92fr!important;
 gap:50px!important;
 align-items:center!important;
}
body[data-page="solutions"] .kicker{
 color:var(--s-blue)!important;
 font-size:11px!important;
 font-weight:800!important;
 letter-spacing:.18em!important;
}
body[data-page="solutions"] .h1{
 margin-top:12px!important;
 max-width:700px;
 color:var(--s-ink)!important;
 font-size:clamp(42px,4.1vw,61px)!important;
 line-height:1.04!important;
 letter-spacing:-.05em!important;
 font-weight:800!important;
}
body[data-page="solutions"] .sub{
 color:var(--s-copy)!important;
 font-size:15px!important;
 line-height:1.65!important;
}
body[data-page="solutions"] .hero .panel{
 overflow:hidden;
 border:1px solid #cadbe4!important;
 border-radius:20px!important;
 background:
   radial-gradient(380px 170px at 100% 0%,rgba(130,72,221,.09),transparent 70%),
   #fff!important;
 box-shadow:0 16px 34px rgba(38,64,79,.085)!important;
 backdrop-filter:none!important;
}
body[data-page="solutions"] .hero .panel .hd{
 color:var(--s-ink)!important;
 border-color:#dce5ea!important;
}
body[data-page="solutions"] .hero .panel .body .sub{
 color:#475562!important;
}

/* BUTTONS */
body[data-page="solutions"] .cta .btn{
 min-height:44px!important;
 border-radius:999px!important;
 font-size:12px!important;
 font-weight:700!important;
}
body[data-page="solutions"] .cta .btn.primary{
 color:#fff!important;
 background:linear-gradient(90deg,var(--s-blue),#34bceb)!important;
 border:0!important;
 box-shadow:0 9px 19px rgba(17,159,229,.18)!important;
}
body[data-page="solutions"] .cta .btn.ghost{
 color:#35424d!important;
 background:#fff!important;
 border:1px solid #cad7df!important;
}

/* SECTIONS */
body[data-page="solutions"] .container.section{
 padding-top:36px!important;
 padding-bottom:42px!important;
}
body[data-page="solutions"] .h2,
body[data-page="solutions"] .secHead{
 color:var(--s-ink)!important;
 font-weight:800!important;
 letter-spacing:-.025em!important;
}
body[data-page="solutions"] .h2{font-size:30px!important}
body[data-page="solutions"] .secHead{
 margin-bottom:18px!important;
 color:#202c37!important;
 font-size:22px!important;
}

/* USE CASES */
body[data-page="solutions"] .feature{
 min-height:112px;
 padding:21px 22px!important;
 border:1px solid #d1dde4!important;
 border-radius:17px!important;
 background:#fff!important;
 box-shadow:0 10px 24px rgba(38,62,76,.065)!important;
 transition:.18s ease;
}
body[data-page="solutions"] .feature:hover{
 transform:translateY(-3px);
 border-color:#acd9e9!important;
 box-shadow:0 15px 30px rgba(38,62,76,.095)!important;
}
body[data-page="solutions"] .feature b{
 color:var(--s-ink)!important;
 font-size:15px!important;
 font-weight:750!important;
}
body[data-page="solutions"] .feature p{
 color:#5b6874!important;
 font-size:12.5px!important;
 line-height:1.55!important;
}

/* SOLUTION DETAIL CARDS */
body[data-page="solutions"] .prhGrid2{gap:18px!important}
body[data-page="solutions"] .prhSec .plan{
 min-height:360px!important;
 padding:24px!important;
 border:1px solid #d0dce4!important;
 border-radius:19px!important;
 background:#fff!important;
 box-shadow:0 11px 27px rgba(39,63,78,.07)!important;
 backdrop-filter:none!important;
}
body[data-page="solutions"] .prhSec .plan:hover{
 border-color:#b4d7e5!important;
 box-shadow:0 16px 32px rgba(39,63,78,.10)!important;
}
body[data-page="solutions"] .badge{
 width:max-content;
 color:#187da7!important;
 background:#eaf8fd!important;
 border:1px solid #b8e1ee!important;
}
body[data-page="solutions"] .prhSec .prhK{
 margin:14px 0 0!important;
 color:var(--s-ink)!important;
 font-size:21px!important;
 line-height:1.25!important;
 font-weight:800!important;
}
body[data-page="solutions"] .prhSec .prhP{
 margin:9px 0 0!important;
 color:#5d6a75!important;
 font-size:13px!important;
 line-height:1.6!important;
}
body[data-page="solutions"] .prhSec .prhUl{
 margin-top:17px!important;
}
body[data-page="solutions"] .prhSec .prhUl li{
 color:#33404b!important;
 font-size:12.5px!important;
 line-height:1.5!important;
}
body[data-page="solutions"] .prhSec .prhUl li::before{
 background-color:#e7f8fd!important;
 border-color:#b6e3ef!important;
}

/* alternating subtle identities without changing content */
body[data-page="solutions"] #solutions-more .plan:nth-child(2) .badge,
body[data-page="solutions"] .prhSec:last-of-type .plan:nth-child(1) .badge{
 color:#7442b3!important;
 background:#f3ebfb!important;
 border-color:#d7bfeb!important;
}

/* FOOTER */
body[data-page="solutions"] .prhFoot{
 margin-top:40px!important;
 padding-top:28px!important;
 color:#34414c!important;
 background:#fbfdff!important;
 border-top:1px solid #dfe7eb!important;
}
body[data-page="solutions"] .prhFoot .prhFeatBar{
 background:#fff!important;
 border:1px solid #cedbe2!important;
 box-shadow:0 9px 22px rgba(41,63,77,.055)!important;
}
body[data-page="solutions"] .prhFeatItem b{color:var(--s-ink)!important}
body[data-page="solutions"] .prhFeatItem>div span{color:#64717c!important}
body[data-page="solutions"] .prhFootBrand b,
body[data-page="solutions"] .prhFootCol h3{color:#17212b!important}
body[data-page="solutions"] .prhFootBrand small,
body[data-page="solutions"] .prhFootBrand p,
body[data-page="solutions"] .prhFootCol a,
body[data-page="solutions"] .prhFootLegal,
body[data-page="solutions"] .prhFootLegal a{color:#606d78!important}
body[data-page="solutions"] .prhFootCol h3::after{
 background:linear-gradient(90deg,var(--s-blue),var(--s-purple))!important;
 box-shadow:none!important;
}
body[data-page="solutions"] .prhFootLegal{border-color:#e2e8ec!important}

/* responsive */
@media(max-width:1100px){
 body[data-page="solutions"] .nav .brand{flex-basis:195px!important}
 body[data-page="solutions"] .nav #menu>a.link{padding:0 5px!important;font-size:10.5px!important}
 body[data-page="solutions"] .nav #menu>.btn{padding:0 10px!important;font-size:9.5px!important}
}

@media(max-width:900px){
 body[data-page="solutions"] .heroGrid{grid-template-columns:1fr!important}
 body[data-page="solutions"] .h1{font-size:43px!important}
 body[data-page="solutions"] .container.hero,
 body[data-page="solutions"] .container.section{
   padding-left:18px!important;
   padding-right:18px!important;
 }
}