/* PD702 | Modern Referrals Page | 2026-10-12
   Scope: page 78 only. Restores collapsed Brooklyn/WPBakery layout on desktop,
   then adds the homepage's deep night/purple/cyan visual system.
   No referral URLs, form logic, page content or portal integrations are changed. */
html body.page-id-78 {
 --pd-ref-night:#111217;
 --pd-ref-ink:#172033;
 --pd-ref-violet:#7441d6;
 --pd-ref-purple:#a55fe5;
 --pd-ref-cyan:#4ce6f2;
 --pd-ref-border:#dcddeb;
}
html body.page-id-78 #main-content{
 box-sizing:border-box!important;
 min-width:0!important; overflow-x:clip!important;
 background:#f7f8fd!important;
}
html body.page-id-78 #main-content .main-content-background,
html body.page-id-78 #main-content .main-content-background>.grid-container,
html body.page-id-78 #main-content #primary,
html body.page-id-78 #main-content #post-78,
html body.page-id-78 #main-content #post-78>.grid-100,
html body.page-id-78 #main-content #post-78>.grid-100>.entry-content,
html body.page-id-78 #main-content #post-78 .entry-content>.wpb-content-wrapper{
 box-sizing:border-box!important; width:100%!important; max-width:100%!important;
 min-width:0!important; margin-left:auto!important; margin-right:auto!important;
 padding-left:0!important; padding-right:0!important;
 position:relative!important; left:auto!important; right:auto!important;
 transform:none!important; float:none!important;
}
/* Keep the whole main body fluid. Center the *content* within sections. */
html body.page-id-78 #main-content #post-78 .entry-content>.wpb-content-wrapper>section.vc_section,
html body.page-id-78 #main-content #post-78 .entry-content>.wpb-content-wrapper>div.vc_row{
 box-sizing:border-box!important; display:block!important;
 position:relative!important; left:auto!important; right:auto!important;
 transform:none!important; min-width:0!important; width:100%!important;
 max-width:100%!important; margin:0!important; float:none!important;
}
html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row,
html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row.vc_row-fluid{
 box-sizing:border-box!important; display:block!important;
 position:relative!important; left:auto!important; right:auto!important;
 transform:none!important; float:none!important;
 width:calc(100% - 48px)!important; max-width:1140px!important; min-width:0!important;
 margin:0 auto!important; padding:0!important;
}
html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row>.wpb_column.vc_column_container,
html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row>.vc_column_container.vc_col-sm-12{
 box-sizing:border-box!important; display:block!important;
 position:relative!important; flex:0 0 100%!important;
 float:none!important; clear:both!important;
 width:100%!important; max-width:100%!important; min-width:0!important;
 margin:0!important; padding:0!important;
}
html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row>.vc_column_container>.vc_column-inner,
html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper{
 box-sizing:border-box!important; display:block!important; position:relative!important;
 float:none!important; width:100%!important; max-width:100%!important;
 min-width:0!important; margin:0 auto!important; padding:0!important;
 left:auto!important; right:auto!important; transform:none!important;
}
html body.page-id-78 #main-content #post-78 .entry-content .wpb_text_column,
html body.page-id-78 #main-content #post-78 .entry-content .wpb_text_column>.wpb_wrapper{
 box-sizing:border-box!important; float:none!important;
 width:100%!important; max-width:100%!important; min-width:0!important;
 margin-left:auto!important; margin-right:auto!important;
 overflow-wrap:break-word!important;
}
html body.page-id-78 #main-content #post-78 .entry-content :is(h1,h2,h3,h4,p,li,td,th){
 max-width:100%; word-break:normal!important; overflow-wrap:break-word!important;
}
html body.page-id-78 #main-content #post-78 .entry-content :is(img,video,iframe){
 max-width:100%; height:auto;
}
/* Quiet, intentionally compact hero. */
html body.page-id-78 #main-content #post-78 .page-primary-header{
 box-sizing:border-box!important;
 position:relative!important;left:0!important;right:auto!important;
 transform:none!important;float:none!important;
 display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 background:linear-gradient(115deg,#0c0d18 8%,#25143d 68%,#3c1a64)!important;
 padding:clamp(29px,3.8vw,52px) clamp(20px,4vw,50px)!important;
 margin:0!important;margin-left:0!important;margin-right:0!important;
 border:0!important;text-align:center!important;overflow:hidden!important;
}
html body.page-id-78 #main-content #post-78 .page-primary-header .page-title,
html body.page-id-78 #main-content #post-78 .page-primary-header .page-title *{
 color:#fff!important; font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(26px,3vw,43px)!important; line-height:1.19!important;
 font-weight:800!important; letter-spacing:-.035em!important;
 max-width:950px!important; margin-left:auto!important; margin-right:auto!important;
 text-wrap:balance!important;
}
html body.page-id-78 #main-content #post-78 .page-primary-header:after{
 width:105px!important;height:4px!important;border-radius:99px!important;
 background:#4ce6f2!important;
}
/* First screen: modern centered referral program cards over the dark backdrop. */
html body.page-id-78 #main-content #post-78 .wpb-content-wrapper>.autoseo-studio-section-1{
 overflow:hidden!important;
 padding:clamp(30px,4.5vw,68px) 0 clamp(36px,5vw,82px)!important;
 background:
 radial-gradient(ellipse at 12% 12%,rgba(116,65,214,.33),transparent 50%),
 radial-gradient(ellipse at 92% 58%,rgba(76,230,242,.13),transparent 42%),
 linear-gradient(140deg,#131323 3%,#211642 58%,#132f4b)!important;
 isolation:isolate!important;
}
/* Keep the site's existing animated backdrop. The high-contrast cards above it
   provide legibility without removing the user's current neon/video design. */
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner{
 background:transparent!important; border:0!important; border-radius:0!important;
 box-shadow:none!important; overflow:visible!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper{
 display:flex!important;flex-direction:column!important;gap:17px!important;
 align-items:stretch!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1 .vc_empty_space{
 display:none!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column{
 margin:0 auto!important; box-sizing:border-box!important;
 width:100%!important;max-width:1100px!important;min-width:0!important;
 padding:clamp(23px,3.8vw,48px)!important;
 border:1px solid rgba(255,255,255,.18)!important;
 border-radius:24px!important;
 box-shadow:0 23px 50px rgba(0,0,0,.13)!important;
 background:#fff!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:first-of-type{
 background:linear-gradient(145deg,#fff,#f2f3fd)!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:first-of-type h1{
 font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(25px,3vw,40px)!important;line-height:1.22!important;
 font-weight:800!important;letter-spacing:-.033em!important;
 color:#17182d!important;max-width:870px!important;margin:0 0 17px!important;
 text-align:left!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:first-of-type h1 :is(span,strong){
 color:#17182d!important;font-family:Montserrat,Arial,sans-serif!important;
 font-size:inherit!important;line-height:inherit!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:first-of-type p,
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:first-of-type p *{
 color:#43516a!important;font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(14px,1.25vw,16px)!important;line-height:1.79!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:first-of-type p{
 max-width:940px!important;margin:0 0 12px!important;
}
/* Primary conversion panel — keep the original plugin portal href. */
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1 .wpb_text_column:has(.pd702-referral-portal-link){
 padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link{
 box-sizing:border-box!important;position:relative!important;
 max-width:1100px!important;width:100%!important;
 margin:0 auto!important;padding:clamp(32px,5vw,58px)!important;
 background:linear-gradient(125deg,#1d1935,#3b2565 63%,#173b55)!important;
 border:1px solid rgba(119,230,242,.50)!important;
 border-radius:24px!important;
 box-shadow:0 24px 54px rgba(3,6,20,.28)!important;
 text-align:center!important;
}
html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link h2{
 color:#fff!important;font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(25px,3vw,39px)!important;line-height:1.2!important;
 letter-spacing:-.035em!important;margin:0 auto 16px!important;max-width:820px!important;
}
html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link p{
 color:#e2e8f8!important;font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(14px,1.2vw,17px)!important;line-height:1.72!important;
 max-width:700px!important;margin:0 auto 24px!important;
}
html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;max-width:100%!important;min-height:52px!important;
 padding:15px 27px!important;border-radius:999px!important;
 background:#4ce6f2!important;color:#111217!important;border:1px solid #4ce6f2!important;
 font-family:Montserrat,Arial,sans-serif!important;font-size:15px!important;
 font-weight:800!important;letter-spacing:0!important;
 box-shadow:0 13px 28px rgba(76,230,242,.22)!important;
 text-decoration:none!important;
}
html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link a:hover{
 background:#e0fbff!important;transform:translateY(-2px);
}
html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link a:focus-visible{
 outline:3px solid #fff!important;outline-offset:4px!important;
}
/* Calling-hours note: compact, readable and separated from the conversion card. */
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:last-of-type{
 border-left:5px solid #4ce6f2!important;
 background:#edf7fb!important;padding:20px 25px!important;
 box-shadow:none!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:last-of-type h2,
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column:last-of-type h2 *{
 color:#1e3150!important;font-size:clamp(14px,1.4vw,18px)!important;
 font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;
 line-height:1.7!important;margin:0!important;text-transform:none!important;
}
/* Sales script, objections and targeting guides: structured long-form reading. */
html body.page-id-78 #main-content #post-78 .wpb-content-wrapper>.autoseo-studio-section-2{
 padding:clamp(38px,5vw,76px) 0!important;
 background:linear-gradient(130deg,#101523,#282042) !important;
}
html body.page-id-78 #main-content #post-78 .wpb-content-wrapper>.autoseo-studio-section-2>.vc_row>.vc_column_container>.vc_column-inner{
 background:transparent!important;
 border:0!important;box-shadow:none!important;
 border-radius:0!important;padding:0!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2>.bklyn-overlay,
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2>.ut-video-section-player{
 display:none!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2 .wpb_text_column{
 width:100%!important;max-width:1100px!important;margin:0 auto!important;
 padding:clamp(26px,3.4vw,50px)!important;box-sizing:border-box!important;
 background:#fff!important;border:1px solid #e3e0ee!important;
 border-radius:22px!important;
 box-shadow:0 18px 44px rgba(0,0,0,.14)!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2 .wpb_text_column :is(h2,h3,h2 *,h3 *){
 font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(21px,2.2vw,29px)!important;line-height:1.28!important;
 color:#221a37!important;letter-spacing:-.025em!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2 .wpb_text_column :is(p,li,p *,li *){
 color:#3e4a64!important;font-family:Montserrat,Arial,sans-serif!important;
 font-size:clamp(14px,1.15vw,16px)!important;line-height:1.77!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2 :is(ul,ol){
 padding-left:24px!important;margin:10px 0 21px!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-2 a{
 color:#512db0!important;text-decoration:underline!important;
}
html body.page-id-78 #main-content #post-78 .wpb-content-wrapper>.autoseo-studio-section-3{
 padding:clamp(38px,5vw,70px) 0!important;
 background:linear-gradient(180deg,#f7f8fc 0%,#edf0fa 100%)!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 .wpb_text_column{
 box-sizing:border-box!important;border-radius:23px!important;
 background:#fff!important;border:1px solid #e3e3ef!important;
 padding:clamp(20px,3vw,36px)!important;margin:0 auto 22px!important;
 box-shadow:0 12px 30px rgba(26,18,70,.06)!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 :is(h2,h3,h2 *,h3 *){
 font-family:Montserrat,Arial,sans-serif!important;
 color:#261a40!important;font-size:clamp(22px,2.5vw,32px)!important;
 letter-spacing:-.03em!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 :is(p,li,p *,li *){
 color:#42506a!important;font-family:Montserrat,Arial,sans-serif!important;
 font-size:15px!important;line-height:1.7!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 table{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 border-collapse:separate!important;border-spacing:0!important;
 border-radius:12px!important;overflow:hidden!important;
 border:1px solid #e1ddef!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 table th{
 background:#282046!important;color:#fff!important;
 font-family:Montserrat,Arial,sans-serif!important;
 font-size:14px!important;font-weight:800!important;
 padding:14px!important;line-height:1.45!important;white-space:normal!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 table td{
 background:#fff!important;color:#28364e!important;
 font-family:Montserrat,Arial,sans-serif!important;
 font-size:13px!important;line-height:1.6!important;
 padding:12px 13px!important;vertical-align:top!important;
 border-bottom:1px solid #eceaf4!important;
}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 table tr:nth-child(even) td{background:#f3f5fc!important;}
html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 table :is(th,td) *{
 color:inherit!important;font-family:Montserrat,Arial,sans-serif!important;font-size:inherit!important;
}
html body.page-id-78 #main-content #post-78 .wpb-content-wrapper>.autoseo-studio-section-4{
 padding:0!important;margin:0!important;
}
html body.page-id-78 #main-content #post-78 .rsi-related{
 max-width:1140px!important;margin:20px auto 38px!important;
 padding:0 18px!important;font-size:13px!important;
}
@media(max-width:900px){
 html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row{
  width:calc(100% - 32px)!important;
 }
 html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 .wpb_text_column{
  overflow-x:auto!important;
 }
 html body.page-id-78 #main-content #post-78 .autoseo-studio-section-3 table{
  min-width:630px!important;
 }
}
@media(max-width:600px){
 html body.page-id-78 #main-content #post-78 .entry-content .vc_section>.vc_row{
  width:calc(100% - 26px)!important;
 }
 html body.page-id-78 #main-content #post-78 .page-primary-header{padding:32px 16px 38px!important;}
 html body.page-id-78 #main-content #post-78 .page-primary-header .page-title,
 html body.page-id-78 #main-content #post-78 .page-primary-header .page-title *{
  font-size:clamp(23px,6.7vw,32px)!important;
 }
 html body.page-id-78 #main-content #post-78 .autoseo-studio-section-1>.vc_row>.vc_column_container>.vc_column-inner>.wpb_wrapper>.wpb_text_column{
  border-radius:18px!important;padding:22px 18px!important;
 }
 html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link{
  border-radius:18px!important;padding:30px 18px!important;
 }
 html body.page-id-78 #main-content #post-78 .pd702-referral-portal-link a{
  width:100%!important;
 }
 html body.page-id-78 #main-content #post-78 .wpb-content-wrapper>.autoseo-studio-section-2>.vc_row>.vc_column_container>.vc_column-inner{
  border-radius:18px!important;padding:23px 17px!important;
 }
}