/* ═══════════════════════════════════════════════════
   YOUU — "2028 Ready" campaign landing page
   Scoped to .page-youu-2028-ready. Reuses the brand
   tokens declared in common.css (:root) — no new palette.
   ═══════════════════════════════════════════════════ */

.page-youu-2028-ready main { overflow-x: hidden; }

/* ── HERO ── */
.page-youu-2028-ready .lp-hero{
  background:linear-gradient(150deg,var(--purple-deep) 0%,var(--purple-dark) 45%,var(--purple) 100%);
  color:#fff;padding:84px 32px 76px;position:relative;overflow:hidden
}
.page-youu-2028-ready .lp-hero::after{
  content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(192,79,190,.28),transparent 68%);pointer-events:none
}
.page-youu-2028-ready .lp-inner{max-width:1000px;margin:0 auto;position:relative;z-index:1}
.page-youu-2028-ready .lp-eyebrow{
  font-size:12px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;
  color:#F5D07A;margin-bottom:18px
}
.page-youu-2028-ready .lp-h1{
  font-family:var(--font-d);font-size:clamp(30px,4.6vw,54px);font-weight:900;line-height:1.1;
  letter-spacing:-1px;max-width:16ch;margin-bottom:20px
}
.page-youu-2028-ready .lp-sub{
  font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:rgba(255,255,255,.82);max-width:60ch;margin-bottom:14px
}
.page-youu-2028-ready .lp-hero-note{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:30px}
.page-youu-2028-ready .lp-ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ── Reward-phrased member link (used at every scroll depth) ── */
.page-youu-2028-ready .lp-member{
  display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;
  color:var(--purple);text-decoration:none;border-bottom:2px solid var(--gold);
  padding-bottom:3px;transition:color .2s,border-color .2s
}
.page-youu-2028-ready .lp-member:hover{color:var(--gold);border-color:var(--purple)}
.page-youu-2028-ready .lp-member .arw{transition:transform .2s;display:inline-block}
.page-youu-2028-ready .lp-member:hover .arw{transform:translateX(3px)}
.page-youu-2028-ready .lp-member-row{margin-top:34px}
.page-youu-2028-ready .lp-hero .lp-member{color:#fff;border-color:#F5D07A}
.page-youu-2028-ready .lp-hero .lp-member:hover{color:#F5D07A;border-color:#fff}

/* ── Sections ── */
.page-youu-2028-ready .lp-section{padding:72px 32px;border-bottom:1px solid var(--border-light)}
.page-youu-2028-ready .lp-section.alt{background:var(--off)}
.page-youu-2028-ready .lp-h2{
  font-family:var(--font-d);font-size:clamp(24px,3vw,36px);font-weight:900;color:var(--dark);
  letter-spacing:-.5px;line-height:1.15;margin-bottom:14px;max-width:20ch
}
.page-youu-2028-ready .lp-lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:66ch;margin-bottom:14px}
.page-youu-2028-ready .lp-lead strong{color:var(--text);font-weight:700}

/* ── Benefit cards ── */
.page-youu-2028-ready .lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.page-youu-2028-ready .lp-card{
  background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:26px;
  transition:transform .2s,box-shadow .2s,border-color .2s
}
.page-youu-2028-ready .lp-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(107,63,160,.09);border-color:var(--purple-light)}
.page-youu-2028-ready .lp-card h3{font-family:var(--font-d);font-size:18px;font-weight:800;color:var(--dark);margin-bottom:9px}
.page-youu-2028-ready .lp-card p{font-size:15px;line-height:1.68;color:var(--muted)}

/* ── Pillars (the differentiator) ── */
.page-youu-2028-ready .lp-pillars{display:grid;gap:14px;margin-top:34px}
.page-youu-2028-ready .lp-pillar{
  display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--border);
  border-left:4px solid var(--purple);border-radius:var(--r);padding:22px 24px
}
.page-youu-2028-ready .lp-pillar-n{
  flex:none;width:30px;height:30px;border-radius:50%;background:var(--purple-pale);color:var(--purple);
  font-family:var(--font-d);font-weight:900;font-size:14px;display:grid;place-items:center;margin-top:2px
}
.page-youu-2028-ready .lp-pillar h3{font-family:var(--font-d);font-size:17px;font-weight:800;color:var(--dark);margin-bottom:5px}
.page-youu-2028-ready .lp-pillar p{font-size:15px;line-height:1.68;color:var(--muted)}

/* ── Video poster card (links out to the watch page) ── */
.page-youu-2028-ready .lp-video{display:block;margin-top:34px;text-decoration:none;max-width:720px}
.page-youu-2028-ready .lp-poster{
  position:relative;width:100%;padding-top:56.25%;border-radius:14px;overflow:hidden;
  background:linear-gradient(150deg,#2A1548 0%,var(--purple-deep) 50%,var(--purple) 100%);
  border:1px solid var(--border);box-shadow:0 10px 34px rgba(107,63,160,.16);
  transition:transform .2s,box-shadow .2s
}
.page-youu-2028-ready .lp-video:hover .lp-poster{transform:translateY(-2px);box-shadow:0 16px 46px rgba(107,63,160,.26)}
.page-youu-2028-ready .lp-poster::after{
  content:"";position:absolute;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(192,79,190,.34),transparent 68%);pointer-events:none
}
.page-youu-2028-ready .lp-poster-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;z-index:1}
.page-youu-2028-ready .lp-play{
  width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.7);
  display:grid;place-items:center;transition:background .2s,transform .2s
}
.page-youu-2028-ready .lp-video:hover .lp-play{background:rgba(255,255,255,.26);transform:scale(1.06)}
.page-youu-2028-ready .lp-play svg{margin-left:4px}
.page-youu-2028-ready .lp-poster-t{font-family:var(--font-d);font-size:clamp(17px,2.2vw,22px);font-weight:900;color:#fff;letter-spacing:-.3px;line-height:1.25;max-width:24ch}
.page-youu-2028-ready .lp-poster-d{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#F5D07A}
.page-youu-2028-ready .lp-video-cap{margin-top:12px;font-size:13.5px;color:var(--muted)}

/* ── Counts strip ── */
.page-youu-2028-ready .lp-counts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;
  background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden
}
.page-youu-2028-ready .lp-count{padding:28px 20px;text-align:center;border-right:1px solid var(--border-light)}
.page-youu-2028-ready .lp-count:last-child{border-right:none}
.page-youu-2028-ready .lp-count-n{
  font-family:var(--font-d);font-size:38px;font-weight:900;line-height:1;
  background:linear-gradient(135deg,var(--purple),var(--accent));-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;background-clip:text
}
.page-youu-2028-ready .lp-count-l{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}

/* ── Disclaimer callout ── */
.page-youu-2028-ready .lp-callout{
  background:var(--purple-pale);border:1px solid #ddd0f0;border-radius:var(--r);
  padding:18px 22px;margin-top:26px;font-size:14.5px;line-height:1.65;color:var(--purple-dark)
}

/* ── Final CTA band ── */
.page-youu-2028-ready .lp-final{
  background:linear-gradient(135deg,var(--purple-dark),var(--purple));color:#fff;
  padding:76px 32px;text-align:center
}
.page-youu-2028-ready .lp-final h2{
  font-family:var(--font-d);font-size:clamp(24px,3.2vw,38px);font-weight:900;letter-spacing:-.5px;margin-bottom:14px
}
.page-youu-2028-ready .lp-final p{font-size:17px;color:rgba(255,255,255,.8);max-width:56ch;margin:0 auto 30px;line-height:1.7}
.page-youu-2028-ready .lp-final .lp-ctas{justify-content:center}
.page-youu-2028-ready .lp-final .lp-member{color:#fff;border-color:#F5D07A}
.page-youu-2028-ready .lp-final .lp-member:hover{color:#F5D07A;border-color:#fff}

/* ── Sources / fine print ── */
.page-youu-2028-ready .lp-sources{padding:36px 32px 52px;background:var(--off)}
.page-youu-2028-ready .lp-sources .lp-inner{max-width:1000px}
.page-youu-2028-ready .lp-sources h4{
  font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:10px
}
.page-youu-2028-ready .lp-sources p{font-size:12.5px;line-height:1.7;color:var(--muted);max-width:90ch}

/* ── Responsive ── */
@media(max-width:900px){
  .page-youu-2028-ready .lp-cards{grid-template-columns:1fr}
  .page-youu-2028-ready .lp-counts{grid-template-columns:1fr}
  .page-youu-2028-ready .lp-count{border-right:none;border-bottom:1px solid var(--border-light)}
  .page-youu-2028-ready .lp-count:last-child{border-bottom:none}
}
@media(max-width:640px){
  .page-youu-2028-ready .lp-hero{padding:56px 20px 52px}
  .page-youu-2028-ready .lp-section{padding:52px 20px}
  .page-youu-2028-ready .lp-final{padding:56px 20px}
  .page-youu-2028-ready .lp-sources{padding:28px 20px 44px}
  .page-youu-2028-ready .lp-ctas .btn{width:100%;justify-content:center}
  .page-youu-2028-ready .lp-pillar{flex-direction:column;gap:12px}
}