/* pd-home-pro.css — Homepage professional section rhythm
   Loaded last on homepage; uses matching or higher specificity
   to override the existing high-specificity home-full rules.
   Primary problem: 19 transparent sections on #070c12 base =
   one dark void. This gives each zone a distinct surface.      */

/* ── Section backgrounds ── */
/* Specificity: html[data-pd-atmosphere][lang][data-ui][data-page=home] + ID = (1,3+,1)
   Matches the html[lang][data-ui][data-page=home] :is(#flagship...) rule in home-full. */

html[data-pd-atmosphere][lang][data-ui][data-page=home] #flagship,
html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-flagship-section{background:linear-gradient(180deg,transparent,rgba(12,21,30,.72) 5%,rgba(12,21,30,.72) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] #platform-directory,
html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-directory-section{background:linear-gradient(180deg,transparent,rgba(8,15,22,.55) 5%,rgba(8,15,22,.55) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .battle-section{background:linear-gradient(180deg,transparent,rgba(12,8,12,.6) 5%,rgba(12,8,12,.6) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .scam-section-container{background:linear-gradient(180deg,transparent,rgba(8,15,22,.52) 5%,rgba(8,15,22,.52) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-actors{background:linear-gradient(180deg,transparent,rgba(10,18,28,.58) 5%,rgba(10,18,28,.58) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-where-section{background:linear-gradient(180deg,transparent,rgba(12,21,30,.6) 5%,rgba(12,21,30,.6) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .partners-section{background:linear-gradient(180deg,transparent,rgba(8,16,22,.5) 5%,rgba(8,16,22,.5) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .security-tips-section{background:linear-gradient(180deg,transparent,rgba(11,20,28,.62) 5%,rgba(11,20,28,.62) 95%,transparent)!important}

html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-threat-teaser{background:linear-gradient(180deg,transparent,rgba(8,18,28,.65) 5%,rgba(8,18,28,.65) 95%,transparent)!important}

/* ── Flagship cards: brighter glass border ── */
html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-flag-card::before{background:linear-gradient(145deg,rgba(20,38,54,.95),rgba(11,24,34,.97))!important;border-color:rgba(100,180,200,.42)!important;box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(207,234,255,.08)!important}
html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-flag-card{border:1px solid rgba(80,155,175,.22)!important}

/* ── Flagship & directory headings: vivid brand green-to-cyan ── */
/* The existing pd-premium rule applies a white-ish gradient to .main-heading
   in these sections. Override with the signature PhishDestroy green-cyan.   */
html[data-pd-atmosphere][lang][data-ui][data-page=home] #flagship .main-heading,
html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-flagship-section .main-heading{background:linear-gradient(135deg,#42df89 0%,#14bbd6 55%,#42df89 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-size:200% 100%}

html[data-pd-atmosphere][lang][data-ui][data-page=home] #platform-directory .main-heading,
html[data-pd-atmosphere][lang][data-ui][data-page=home] .pd-directory-section .main-heading{background:linear-gradient(135deg,#42df89 0%,#14bbd6 55%,#42df89 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-size:200% 100%}