
:root{
 --blue:#139fe5;
 --purple:#8547d9;
 --orange:#ff7b22;
 --ink:#101625;
 --copy:#46515d;
 --muted:#687580;
 --line:#cfdae2;
 --surface:#fff;
}

html{scroll-behavior:smooth}

body.prhHomeUI{
 margin:0;
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 color:var(--ink)!important;
 background:#fff!important;
 -webkit-font-smoothing:antialiased;
}

body.prhHomeUI .container{max-width:1480px!important}

/* ================= HEADER ================= */

body.prhHomeUI .nav{
 position:relative!important;
 z-index:1000!important;
 background:rgba(255,255,255,.97)!important;
 border-bottom:1px solid #e4e9ed!important;
 box-shadow:0 3px 16px rgba(30,49,62,.045)!important;
}

body.prhHomeUI .nav .container.in{
 max-width:1480px!important;
 min-height:76px!important;
 margin:auto!important;
 padding:10px 24px!important;
 box-sizing:border-box;
 display:flex!important;
 align-items:center!important;
 gap:24px!important;
}

body.prhHomeUI .nav .brand{
 flex:0 0 230px!important;
 display:flex!important;
 align-items:center!important;
 gap:11px!important;
 margin:0!important;
}

body.prhHomeUI .nav .brand .logo,
body.prhHomeUI .nav .brand .logo.prhDcLogoLive{
 width:46px!important;height:46px!important;
 min-width:46px!important;min-height:46px!important;
 border-radius:14px!important;
}

body.prhHomeUI .nav #brand{
 color:#101827!important;
 font-size:17px!important;
 font-weight:800!important;
 letter-spacing:.04em!important;
 line-height:1!important;
}

body.prhHomeUI .nav #tagline{
 color:#607080!important;
 margin-top:5px!important;
 font-size:8px!important;
 font-weight:700!important;
 letter-spacing:.145em!important;
}

body.prhHomeUI #hamb{display:none!important}

body.prhHomeUI .nav #menu{
 flex:1 1 auto!important;
 display:flex!important;
 align-items:center!important;
 justify-content:flex-end!important;
 gap:2px!important;
 position:relative!important;
 width:auto!important;
 padding:0!important;
 margin:0!important;
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 overflow:visible!important;
}

body.prhHomeUI .nav #menu>a.link{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 visibility:visible!important;
 opacity:1!important;
 width:auto!important;
 min-width:0!important;
 height:38px!important;
 padding:0 8px!important;
 border-radius:8px!important;
 color:#29333e!important;
 background:transparent!important;
 font-size:12px!important;
 font-weight:600!important;
 line-height:1!important;
 text-indent:0!important;
 white-space:nowrap!important;
 text-decoration:none!important;
}

body.prhHomeUI .nav #menu>a.link:hover{
 color:#101827!important;
 background:#f3f7f9!important;
}

body.prhHomeUI .nav #menu>a.link.is-on{
 min-width:54px!important;
 color:#101827!important;
 background:#edf8fd!important;
 font-weight:800!important;
}

body.prhHomeUI .nav #menu>a.link.is-on::after{
 content:""!important;
 position:absolute!important;
 left:11px!important;right:11px!important;
 bottom:3px!important;
 width:auto!important;height:2px!important;
 background:var(--blue)!important;
 border:0!important;border-radius:10px!important;
 transform:none!important;
}

body.prhHomeUI .nav #menu>.btn{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-height:40px!important;
 margin-left:5px!important;
 padding:0 15px!important;
 border-radius:999px!important;
 font-size:11px!important;
 font-weight:700!important;
 white-space:nowrap!important;
 text-decoration:none!important;
}

body.prhHomeUI .nav #menu>.btn:not(.primary):not(.ghost){
 color:#fff!important;
 background:linear-gradient(135deg,#734ad3,#8b46db)!important;
 border:0!important;
}

body.prhHomeUI .nav #menu>.btn.ghost{
 color:#27313c!important;
 background:#fff!important;
 border:1px solid #d5dfe5!important;
}

body.prhHomeUI .nav #menu>.btn.primary{
 color:#fff!important;
 background:linear-gradient(90deg,#ff9224,#ff653b)!important;
 border:0!important;
}

/* ================= PRIMARY HOME ================= */

.prhPic2Main{
 background:
 radial-gradient(650px 450px at 17% 48%,rgba(19,159,229,.085),transparent 70%),
 radial-gradient(620px 430px at 94% 20%,rgba(255,123,34,.07),transparent 70%),
 linear-gradient(rgba(67,112,143,.07) 1px,transparent 1px),
 linear-gradient(90deg,rgba(67,112,143,.07) 1px,transparent 1px),
 #fcfeff;
 background-size:auto,auto,52px 52px,52px 52px,auto;
 border-bottom:1px solid #dce5ea;
}

.prhPic2Grid{
 max-width:1480px;
 margin:auto;
 padding:48px 24px 42px;
 box-sizing:border-box;
 display:grid;
 grid-template-columns:minmax(0,.95fr) minmax(620px,1.05fr);
 gap:52px;
 align-items:start;
}

.prhPic2Title{
 margin:0;
 max-width:680px;
 font-size:clamp(42px,3.55vw,58px);
 line-height:1.045;
 letter-spacing:-.045em;
 font-weight:800;
}

.p2Blue{color:var(--blue)}
.p2Purple{color:var(--purple)}
.p2Orange{color:var(--orange)}

.prhPic2Lead{
 max-width:690px;
 margin:20px 0 0;
 color:#3f4b57;
 font-size:16px;
 line-height:1.58;
}

.prhPic2Actions{display:flex;gap:13px;margin-top:25px}

.prhPic2Btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:50px;
 padding:0 26px;
 border-radius:999px;
 color:#fff!important;
 font-size:14px;
 font-weight:700;
 text-decoration:none!important;
 transition:.18s ease;
}

.prhPic2Btn:hover{transform:translateY(-2px)}

.prhPic2Btn.blue{
 background:linear-gradient(90deg,#119ce2,#3bbdf0);
 box-shadow:0 10px 20px rgba(17,156,226,.20);
}

.prhPic2Btn.purple{
 background:linear-gradient(90deg,#774bd4,#9a4dde);
 box-shadow:0 10px 20px rgba(125,70,210,.17);
}

.prhPic2Trust{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-top:21px;
}

.prhPic2Trust span{
 padding:9px 13px;
 border:1px solid #c4d1d9;
 border-radius:999px;
 background:rgba(255,255,255,.88);
 color:#303b46;
 font-size:12px;
}

/* infrastructure */
.prhPic2Snapshot{
 margin-top:30px;
 padding:18px;
 border:1px solid #bed5e0;
 border-radius:21px;
 background:linear-gradient(135deg,rgba(235,248,254,.94),rgba(249,253,255,.96));
 box-shadow:0 12px 27px rgba(34,88,119,.06);
}

.prhPic2Snapshot header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 2px 14px;
}

.prhPic2Snapshot header b{font-size:17px}
.prhPic2Snapshot header span{color:#5a6671;font-size:12px}

.prhPic2Metrics{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:12px;
}

.prhPic2Metrics article{
 min-height:112px;
 box-sizing:border-box;
 padding:15px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 border:1px solid #cbd9e1;
 border-radius:15px;
 background:#fff;
}

.prhPic2Metrics strong{display:block;font-size:23px}
.prhPic2Metrics article span{display:block;margin-top:4px;font-size:12px}
.prhPic2Metrics svg{width:45%;height:46px}
.prhPic2Metrics path{fill:none;stroke:#20abe6;stroke-width:2}
.prhPic2Metrics path.purpleLine{stroke:#8147da}

.prhPic2Shield{
 padding:7px 9px;
 border:1px solid #ca9be6;
 border-radius:999px;
 background:#f0e3fb;
 color:#7442a5;
 white-space:nowrap;
}

.prhPic2Ring{
 width:64px;height:64px;
 display:grid;place-items:center;
 border:7px solid var(--purple);
 border-radius:50%;
}

.prhPic2Ring b{font-size:14px}

/* ================= PRIMARY PRICING ================= */

.prhPic2PricingHead{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:14px;
 margin-bottom:17px;
 min-height:34px;
}

.prhPic2PricingHead h2{
 margin:0;
 font-size:24px;
 letter-spacing:-.025em;
}

.prhPic2PricingHead div{
 display:flex;
 gap:15px;
 color:#3e4954;
 font-size:11px;
 white-space:nowrap;
}

.prhPic2Cards{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:15px;
}

body.prhHomeUI .prhPic2Card{
 min-width:0!important;
 min-height:555px!important;
 padding:20px!important;
 display:flex!important;
 flex-direction:column!important;
 border-radius:17px!important;
 background:#fff!important;
 box-shadow:0 14px 28px rgba(40,60,74,.10)!important;
 transition:.18s ease;
}

body.prhHomeUI .prhPic2Card:hover{
 transform:translateY(-3px)!important;
 box-shadow:0 18px 34px rgba(40,60,74,.135)!important;
}

body.prhHomeUI .prhPic2Card.theme-blue{
 border:1px solid #abd8e8!important;border-top:3px solid var(--blue)!important;
 background:linear-gradient(180deg,#effaff 0,#fff 25%)!important;
}
body.prhHomeUI .prhPic2Card.theme-purple{
 border:1px solid #d2bce7!important;border-top:3px solid var(--purple)!important;
 background:linear-gradient(180deg,#faf5ff 0,#fff 25%)!important;
}
body.prhHomeUI .prhPic2Card.theme-orange{
 border:1px solid #efcbb3!important;border-top:3px solid var(--orange)!important;
 background:linear-gradient(180deg,#fff7f1 0,#fff 25%)!important;
}

.prhPic2Card .prhPlanKind{
 color:var(--ink)!important;
 font-size:19px!important;
 font-weight:800!important;
}

.prhPic2Card .prhPlanName{
 min-height:31px;
 margin-top:6px!important;
 color:#4a5661!important;
 font-size:12px!important;
 font-weight:500!important;
}

.prhPic2Card .prhPlanPrice{
 margin-top:17px!important;
 font-size:34px!important;
 letter-spacing:-.035em!important;
}

.prhPic2Card .prhPlanPrice span{
 margin-left:3px!important;
 color:#66727d!important;
 font-size:13px!important;
}

.prhPic2Card.theme-blue .prhPlanPrice{color:var(--blue)!important}
.prhPic2Card.theme-purple .prhPlanPrice{color:var(--purple)!important}
.prhPic2Card.theme-orange .prhPlanPrice{color:var(--orange)!important}

.prhPic2Card .prhPlanNote{
 color:#56616c!important;
 font-size:11px!important;
 line-height:1.4!important;
}

.prhPic2Card hr{
 width:100%;
 margin:14px 0!important;
 border:0;
 border-top:1px solid #d6dfe5;
}

.prhPic2Card .prhPlanList{
 max-width:100%!important;
 margin:0!important;
 padding:0!important;
 display:grid!important;
 gap:12px!important;
}

.prhPic2Card .prhPlanList li{
 color:#202a34!important;
 font-size:12px!important;
 line-height:1.4!important;
}

.prhPic2Card .prhPlanActs{
 margin-top:auto!important;
 padding-top:19px!important;
 display:flex!important;
 gap:8px!important;
}

.prhPic2Card .prhBtn{
 min-height:42px!important;
 padding:0 15px!important;
 border-radius:999px!important;
 font-size:12px!important;
}

.prhPic2Card .prhBtn.order{
 flex:1 1 auto;
 color:#fff!important;
}

.prhPic2Card.theme-blue .prhBtn.order{background:linear-gradient(90deg,#119ce2,#3bbcf0)!important}
.prhPic2Card.theme-purple .prhBtn.order{background:linear-gradient(90deg,#7847d4,#a04ddd)!important}
.prhPic2Card.theme-orange .prhBtn.order{background:linear-gradient(90deg,#ff781d,#ff9b24)!important}

.prhPic2Card .prhBtn.ghost{
 color:#394550!important;
 background:#f8fafc!important;
 border:1px solid #ced9e0!important;
}

.prhPic2BottomTrust{
 display:flex;
 justify-content:flex-end;
 gap:24px;
 padding:22px 10px 0;
 color:#45515c;
 font-size:11px;
}

/* ================= ONE BENEFIT STRIP ================= */

body.prhHomeUI .prhP2Features{
 max-width:1480px!important;
 margin:auto!important;
 padding:20px 24px 28px!important;
 box-sizing:border-box;
}

body.prhHomeUI .prhP2Features .prhFeatBar{
 margin:0!important;
 padding:15px 16px!important;
 display:grid!important;
 grid-template-columns:repeat(5,1fr)!important;
 gap:12px!important;
 border:1px solid #cad9e1!important;
 border-radius:17px!important;
 background:#fff!important;
 box-shadow:0 10px 24px rgba(41,62,76,.065)!important;
}

body.prhHomeUI .prhFeatItem{gap:10px!important}
body.prhHomeUI .prhFeatItem b{color:var(--ink)!important;font-size:11px!important}
body.prhHomeUI .prhFeatItem>div span{color:#64707b!important;font-size:9.5px!important;line-height:1.4!important}

body.prhHomeUI span.prhFeatIco{
 width:39px!important;height:39px!important;flex-basis:39px!important;
 color:var(--blue)!important;background:#eaf8fd!important;
 box-shadow:0 0 0 1px #b8e0ec!important;
}
body.prhHomeUI span.prhFeatIco.purple{color:var(--purple)!important;background:#f2eafa!important;box-shadow:0 0 0 1px #d7bdeb!important}
body.prhHomeUI span.prhFeatIco.orange{color:var(--orange)!important;background:#fff0e5!important;box-shadow:0 0 0 1px #efc7a8!important}
body.prhHomeUI span.prhFeatIco.green{color:#169b70!important;background:#e8f8f2!important;box-shadow:0 0 0 1px #b4e1d1!important}

/* ================= COMPACT FOOTER ================= */

body.prhHomeUI .prhFoot{
 margin-top:0!important;
 padding:27px 0 0!important;
 border-top:1px solid #dfe7ec!important;
 background:#fbfdff!important;
 color:#313c47!important;
}

/* Footer duplicate benefit strip is intentionally suppressed:
   the identical benefit content is already immediately above. */
body.prhHomeUI .prhFoot>.container:first-child{
 display:none!important;
}

body.prhHomeUI .prhFootTop{
 max-width:1480px!important;
 display:grid!important;
 grid-template-columns:1.45fr .75fr .75fr 1fr!important;
 gap:46px!important;
 padding:6px 24px 27px!important;
 box-sizing:border-box;
 align-items:start!important;
}

body.prhHomeUI .prhFootBrand{max-width:300px}
body.prhHomeUI .prhFootBrand b{color:var(--ink)!important;font-size:15px!important}
body.prhHomeUI .prhFootBrand small{color:#596672!important;font-size:8px!important}
body.prhHomeUI .prhFootBrand p{color:#65717c!important;font-size:11px!important;line-height:1.6!important}

body.prhHomeUI .prhSocial{margin-top:13px!important}
body.prhHomeUI .prhSocial a{
 width:32px!important;height:32px!important;
 color:#159ddd!important;background:#eef9fe!important;border-color:#c5e6f0!important;
}

body.prhHomeUI .prhFootCol h3{
 margin:0 0 14px!important;
 color:#17202a!important;
 font-size:11px!important;
 letter-spacing:.12em!important;
}

body.prhHomeUI .prhFootCol h3::after{
 width:25px!important;
 background:linear-gradient(90deg,var(--blue),var(--purple))!important;
 box-shadow:none!important;
}

body.prhHomeUI .prhFootCol a{
 margin:9px 0!important;
 color:#5a6671!important;
 font-size:11px!important;
}

body.prhHomeUI .prhFootArt{display:none!important}

body.prhHomeUI .prhFootLegal{
 max-width:1480px!important;
 min-height:52px!important;
 margin:0 auto!important;
 padding:15px 24px!important;
 box-sizing:border-box;
 color:#68747e!important;
 border-top:1px solid #e2e8ec!important;
 font-size:10px!important;
}

body.prhHomeUI .prhFootLegal span{margin-right:auto!important}
body.prhHomeUI .prhFootLegal a{color:#63707b!important}

/* ================= RESPONSIVE ================= */

@media(max-width:1250px){
 body.prhHomeUI .nav .brand{flex-basis:200px!important}
 body.prhHomeUI .nav #menu>a.link{padding:0 6px!important;font-size:10.8px!important}
 body.prhHomeUI .nav #menu>.btn{padding:0 11px!important;font-size:10px!important}

 .prhPic2Grid{
   grid-template-columns:minmax(0,.9fr) minmax(590px,1.1fr);
   gap:34px;
 }
}

@media(max-width:1050px){
 body.prhHomeUI #hamb{display:inline-flex!important}
 .prhPic2Grid{grid-template-columns:1fr;max-width:850px}
 .prhPic2Cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.prhHomeUI .prhP2Features .prhFeatBar{grid-template-columns:1fr 1fr!important}
 body.prhHomeUI .prhFootTop{grid-template-columns:1.3fr repeat(3,1fr)!important;gap:25px!important}
}

@media(max-width:760px){
 .prhPic2Grid{padding:30px 16px 34px}
 .prhPic2Title{font-size:38px}
 .prhPic2Lead{font-size:15px}
 .prhPic2PricingHead{display:block}
 .prhPic2PricingHead div{margin-top:9px;white-space:normal;flex-wrap:wrap}
 .prhPic2Cards{grid-template-columns:1fr}
 body.prhHomeUI .prhPic2Card{min-height:450px!important}
 .prhPic2Metrics{grid-template-columns:1fr}
 .prhPic2Actions{flex-wrap:wrap}
 body.prhHomeUI .prhP2Features{padding-left:16px!important;padding-right:16px!important}
 body.prhHomeUI .prhP2Features .prhFeatBar{grid-template-columns:1fr!important}
 body.prhHomeUI .prhFootTop{grid-template-columns:1fr 1fr!important;padding-left:16px!important;padding-right:16px!important}
 body.prhHomeUI .prhFootBrand{grid-column:1/-1}
 body.prhHomeUI .prhFootLegal{margin:0 16px!important;padding-left:0!important;padding-right:0!important}
}

/* === NAV PLANS VISIBILITY — preserve existing dropdown behavior === */
body.prhHomeUI .nav #menu > a.dropbtn,
body.prhHomeUI .nav #menu > a.dropbtn.prhHasCaret{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:auto!important;
  min-width:62px!important;
  height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 9px!important;
  color:#29333e!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  text-indent:0!important;
  white-space:nowrap!important;
}

body.prhHomeUI .nav #menu > a.dropbtn:hover{
  color:#101827!important;
  background:#f3f7f9!important;
  border-radius:8px!important;
}

/* Keep the caret intentional and visible */
body.prhHomeUI .nav #menu > a.dropbtn.prhHasCaret::after{
  content:""!important;
  display:inline-block!important;
  position:static!important;
  width:6px!important;
  height:6px!important;
  margin-left:7px!important;
  border:0!important;
  border-right:1.5px solid #66727d!important;
  border-bottom:1.5px solid #66727d!important;
  background:transparent!important;
  transform:translateY(-2px) rotate(45deg)!important;
  opacity:1!important;
}

/* ==========================================================
   HOMEPAGE PLANS NAV + LIGHT DROPDOWN — FINAL
   Existing JS/dropdown structure unchanged.
   ========================================================== */

@media(min-width:1051px){

  /* Plans has exactly the same visual weight as normal nav links */
  body.prhHomeUI .nav #menu > a.link.dropbtn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:auto!important;

    position:relative!important;
    width:auto!important;
    min-width:64px!important;
    height:38px!important;

    align-items:center!important;
    justify-content:center!important;

    padding:0 9px!important;
    margin:0!important;

    color:#29333e!important;
    -webkit-text-fill-color:#29333e!important;

    background:transparent!important;
    border:0!important;
    border-radius:8px!important;

    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1!important;

    text-indent:0!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  body.prhHomeUI .nav #menu > a.link.dropbtn:hover,
  body.prhHomeUI .nav #menu > a.link.dropbtn:focus,
  body.prhHomeUI .nav #menu > a.link.dropbtn.prh-open{
    color:#101827!important;
    -webkit-text-fill-color:#101827!important;
    background:#f3f7f9!important;
  }

  /* Clean down chevron */
  body.prhHomeUI .nav #menu > a.link.dropbtn.prhHasCaret::after{
    content:""!important;
    position:static!important;
    display:block!important;

    flex:0 0 6px!important;
    width:6px!important;
    height:6px!important;

    margin:0 0 4px 7px!important;

    background:transparent!important;
    border:0!important;
    border-right:1.5px solid #687580!important;
    border-bottom:1.5px solid #687580!important;
    border-radius:0!important;

    transform:rotate(45deg)!important;
    opacity:1!important;
    box-shadow:none!important;
  }

  /* The existing adjacent ddMenu becomes a professional light popover */
  body.prhHomeUI .nav #menu > .ddMenu{
    position:absolute!important;
    top:48px!important;
    left:auto!important;
    right:330px!important;

    width:310px!important;
    min-width:310px!important;
    max-width:310px!important;

    margin:0!important;
    padding:8px!important;

    overflow:visible!important;

    background:rgba(255,255,255,.985)!important;
    border:1px solid #d8e2e8!important;
    border-radius:15px!important;

    box-shadow:
      0 18px 50px rgba(32,50,64,.14),
      0 2px 8px rgba(32,50,64,.05)!important;

    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;

    z-index:1200!important;
  }

  body.prhHomeUI .nav #menu > .ddMenu .ddItem{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;

    min-height:48px!important;
    margin:0!important;
    padding:9px 11px!important;
    box-sizing:border-box!important;

    color:#26313c!important;
    background:transparent!important;
    border:0!important;
    border-radius:10px!important;

    text-decoration:none!important;
  }

  body.prhHomeUI .nav #menu > .ddMenu .ddItem:hover{
    background:#f2f9fc!important;
  }

  body.prhHomeUI .nav #menu > .ddMenu .ddItem b{
    color:#17212b!important;
    font-size:12px!important;
    font-weight:700!important;
  }

  body.prhHomeUI .nav #menu > .ddMenu .ddItem span{
    color:#677480!important;
    font-size:10px!important;
    font-weight:600!important;
  }

  body.prhHomeUI .nav #menu > .ddMenu .ddList{
    margin:0!important;
    padding:0!important;
  }

  body.prhHomeUI .nav #menu > .ddMenu .ddRow{
    color:#4e5b67!important;
    background:#f8fbfc!important;
    border-color:#e3ebef!important;
  }

  /* Preserve BOTH existing opening mechanisms:
     hover/focus from base CSS and JS .prh-open */
  body.prhHomeUI .nav #menu > a.dropbtn.prh-open + .ddMenu{
    display:block!important;
  }
}

/* Do not impose desktop light-popover geometry on mobile */
@media(max-width:1050px){
  body.prhHomeUI .nav #menu > a.link.dropbtn{
    opacity:1!important;
    filter:none!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
  }
}
