/* PG Trends homepage v2 — loads AFTER assets/css/style.css. Only adds/overrides homepage pieces.
   Brand vars (--black, --gold, --red …) come from style.css. Mobile-first. */
.home-v2 .hv2-hero{padding:72px 0 64px;background:radial-gradient(1200px 500px at 85% 10%,rgba(212,175,55,.14),transparent 60%),var(--black)}
.home-v2 .hv2-hero h1{font-size:clamp(2rem,5.2vw,3.5rem);overflow-wrap:break-word}
.home-v2 .hv2-hero .lead{font-size:1.12rem;max-width:620px}
.home-v2 .hero-cta{flex-direction:column;align-items:stretch}
.home-v2 .hero-cta .btn{text-align:center;white-space:normal}
.home-v2 .hero-cta .btn-ghost{box-shadow:none;font-size:1rem}
@media(min-width:600px){.home-v2 .hero-cta{flex-direction:row;align-items:center}}
/* example "day" card */
.hv2-today{background:var(--charcoal);border:1px solid var(--gold);border-radius:var(--radius);padding:1.3rem;box-shadow:0 20px 50px rgba(0,0,0,.5);color:#E9E9E9}
.hv2-today-head{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid rgba(212,175,55,.35);padding-bottom:.9rem;margin-bottom:.6rem}
.hv2-today-head .yy{width:44px;height:44px;flex:none}
.hv2-today-head strong{display:block;color:var(--white);font-family:var(--display);font-size:1.2rem}
.hv2-today-head span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}
.hv2-today ul{list-style:none;margin:0;padding:0}
.hv2-today li{display:flex;gap:.8rem;padding:.7rem 0;border-bottom:1px dashed rgba(255,255,255,.12);font-size:.95rem;line-height:1.45}
.hv2-today li:last-child{border-bottom:0}
.hv2-ico{flex:none;width:2.1rem;height:2.1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red);color:var(--white);font-size:1rem}
.hv2-today b{color:var(--white)}
.hv2-ok{color:var(--gold-light);font-size:.85rem}
/* sections */
.home-v2 section{padding:64px 0}
@media(min-width:860px){.home-v2 section{padding:84px 0}.home-v2 .hv2-hero{padding:96px 0 84px}}
.hv2-mid{margin:0 auto;max-width:680px}
.hv2-problem .pain-list strong{color:var(--black)}
.hv2-outcomes .card{border-top:3px solid var(--gold)}
.hv2-big{font-size:1.6rem;line-height:1;width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--black);color:var(--gold);margin-bottom:.8rem}
.hv2-promise{display:flex;gap:1.2rem;align-items:center;margin:2.2rem auto 0;max-width:820px;background:var(--black);color:#E4E4E4;border-left:4px solid var(--gold);border-radius:var(--radius);padding:1.3rem 1.4rem}
.hv2-promise .yy{width:56px;height:56px;flex:none}
.hv2-promise p{margin:0}.hv2-promise strong{color:var(--gold-light)}
.hv2-who .niche-card p:last-child{margin:0}
.hv2-more{margin-top:1.6rem}
.hv2-steps .card{background:var(--white)}
.hv2-cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
.hv2-cta-row .btn{white-space:normal;text-align:center}
.hv2-ghost-dark{background:transparent;color:var(--white);border-color:var(--gold);box-shadow:none}
.hv2-ghost-dark:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
/* grids: one column on phones */
@media(max-width:760px){
  .home-v2 .grid.g3,.home-v2 .grid.g2{grid-template-columns:1fr}
  .home-v2 .ai-cta-grid{grid-template-columns:1fr}
  .home-v2 .ai-cta-mark{border-right:0;border-bottom:4px solid var(--gold);padding:1.4rem}
  .home-v2 .ai-cta-mark .yy{width:90px;height:90px}
  .home-v2 .ai-cta-body{padding:1.8rem 1.3rem}
  .hv2-promise{flex-direction:column;text-align:center}
  .home-v2 .btn-xl{font-size:1.02rem;padding:.95rem 1.2rem}
}
/* six-card grids: 2 cols on tablets, 3 on desktop (avoids a 4+2 split) */
@media(min-width:761px){.hv2-outcomes,.hv2-who{grid-template-columns:repeat(2,1fr)!important}}
@media(min-width:1000px){.hv2-outcomes,.hv2-who{grid-template-columns:repeat(3,1fr)!important}}
/* t303: two ways to do it */
.hv2-ways-grid{display:grid;grid-template-columns:1fr;gap:1.4rem;max-width:1040px;margin-left:auto;margin-right:auto}
@media(min-width:761px){.hv2-ways-grid{grid-template-columns:1fr 1fr}}
.hv2-way{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;border:2px solid var(--line);border-top:5px solid var(--gold);padding:1.8rem;transition:transform .15s,box-shadow .15s}
.hv2-way:hover,.hv2-way:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.hv2-way h3{font-size:1.6rem;margin:.2rem 0}
.hv2-way .btn{margin-top:auto;align-self:flex-start}
.hv2-way-dfy{background:var(--black);color:#E4E4E4;border-color:var(--gold);border-top-color:var(--red)}
.hv2-way-dfy h3{color:var(--white)}
.hv2-way-kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red)}
.hv2-way-dfy .hv2-way-kicker{color:var(--gold-light)}
.hv2-way-yy .yy{width:3rem;height:3rem;margin-bottom:.8rem}
.hv2-sub-h{font-size:1.5rem}
.hv2-get{margin-top:3rem;padding-top:2.4rem;border-top:1px solid var(--line)}
.hv2-center{justify-content:center}
.home-v2 .product-card .meta{justify-content:flex-start}
.hv2-anchor{display:block;position:relative;top:-80px;visibility:hidden}
.home-v2 section.hv2-scholar{padding:32px 0}
.hv2-way-dfy p,.hv2-way-dfy li{color:#E4E4E4}

/* t308-t310 teams-only */
.hv2-teams{padding-top:3.5rem}
.hv2-teams-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin-top:2rem;align-items:start}
@media(min-width:760px) and (max-width:1099px){.hv2-teams-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.hv2-teams-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:stretch}}
.hv2-team-lead{border-top-color:var(--red)}
.hv2-team{background:var(--white);border:2px solid var(--line);border-top:5px solid var(--black);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column;gap:1rem}
.hv2-team-growth{border-color:var(--gold);border-top-color:var(--gold);box-shadow:0 14px 34px rgba(212,175,55,.18)}
.hv2-team-head h3{font-size:1.7rem;margin:0}
.hv2-team-count{margin:.2rem 0 0;font-weight:700;color:var(--red)}
.hv2-team-sub{margin:.2rem 0 0;color:#555}
.hv2-agents,.hv2-included ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}
.hv2-agent{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;background:#FAFAF7}
.hv2-agent h4{margin:.25rem 0 .3rem;font-size:1.15rem}
.hv2-agent p{margin:0 0 .4rem}
.hv2-agent-lead{background:var(--black);color:#E4E4E4;border:2px solid var(--gold)}
.hv2-agent-lead h4{color:var(--white);font-size:1.3rem}
.hv2-role{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--red)}
.hv2-agent-lead .hv2-role,.hv2-mini-lead .hv2-role{color:var(--gold-light)}
.hv2-bul{margin:0;padding-left:1.1rem;font-size:.92rem}
.hv2-bul li{margin:.15rem 0}
.hv2-included{background:#F4F1E6;border-left:4px solid var(--gold);border-radius:var(--radius);padding:.9rem 1rem}
.hv2-included-h{margin:0 0 .5rem;font-weight:700}
.hv2-included ul{gap:.35rem}
.hv2-mini{font-weight:600;display:flex;gap:.6rem;align-items:baseline}.hv2-mini .hv2-role{flex:none;width:6.2rem}
.hv2-mini-lead{background:var(--black);color:var(--white);border-radius:6px;padding:.35rem .6rem}
.hv2-plus{margin:0;font-weight:700}
.hv2-team-cta{margin-top:auto;display:flex;flex-wrap:wrap;gap:.6rem}
.hv2-team-note{margin-top:1.6rem;color:#555}
.hv2-diy-link{margin-top:.4rem;font-size:.95rem}
.hv2-compare-link{margin-top:.8rem}
.hv2-narrow{max-width:760px}
.hv2-dfy-setup{padding:3rem 0}
.hv2-exception{max-width:680px;margin:.8rem auto 0;background:#FFF8E1;border-left:4px solid var(--gold);border-radius:6px;padding:.7rem 1rem;font-weight:600;text-align:left}

/* t348/t349: package structure (setup / monthly / texting) + build packages; same layout as the team cards, price-free */
.hv2-pay{border:1px dashed var(--line);border-radius:var(--radius);padding:.8rem 1rem;background:#fff;font-size:.95rem}
.hv2-pay p{margin:.2rem 0}
.hv2-build-head{margin-top:3rem}
.hv2-build-head h3{font-size:clamp(1.7rem,3vw,2.3rem);margin:.4rem 0}
.hv2-build-grid{margin-top:1.2rem}
@media(min-width:1100px){.hv2-build-grid{grid-template-columns:repeat(2,calc((100% - 2.6rem)/3));justify-content:center}}
.hv2-wyg-h{margin:0 0 .6rem;font-weight:700}
.hv2-comp h4{margin:0 0 .3rem}
