/* ===== "For Parents" campaign landing page ===== */
.pa-wrap{max-width:1080px;margin:0 auto}

/* HERO */
.pa-hero{background:linear-gradient(160deg,#0A0F2E 0%,#141933 45%,#241466 100%);padding:5.5rem 5% 5rem;text-align:center;position:relative;overflow:hidden}
.pa-hero .glow{position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.28),transparent 68%);top:-260px;left:50%;transform:translateX(-50%);pointer-events:none}
.pa-hero .glow2{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.16),transparent 70%);bottom:-160px;right:-90px;pointer-events:none}
.pa-hero-inner{max-width:840px;margin:0 auto;position:relative}
.pa-eyebrow{display:inline-block;background:rgba(244,114,182,.16);border:1px solid rgba(244,114,182,.4);color:#fbcfe8;padding:.42rem 1.05rem;border-radius:20px;font-size:.74rem;font-weight:700;letter-spacing:.06em;margin-bottom:1.5rem;text-transform:uppercase}
.pa-hero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2.1rem,4.8vw,3.3rem);font-weight:800;color:#fff;line-height:1.12;margin-bottom:1.3rem;letter-spacing:-.02em}
.pa-hero h1 .g{background:linear-gradient(90deg,#818CF8,#F472B6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.pa-hero p{color:#aab4c5;font-size:1.08rem;line-height:1.78;max-width:680px;margin:0 auto 2.1rem}
.pa-cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.pa-hero .btn-ghost{border:1.5px solid rgba(255,255,255,.32);color:#fff;background:transparent}
.pa-hero .btn-ghost:hover{background:rgba(255,255,255,.08)}
.pa-chips{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap;margin-top:1.8rem}
.pa-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.78rem;font-weight:600;padding:.4rem .8rem;border-radius:20px}

/* sections */
.pa-sec{padding:4.5rem 5%}
.pa-sec.alt{background:var(--off-white)}
.pa-head{text-align:center;max-width:720px;margin:0 auto 2.8rem}
.pa-head .s-label{font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--indigo)}
.pa-head h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;color:var(--navy);margin-top:.55rem;line-height:1.18;letter-spacing:-.01em}
.pa-head p{color:var(--slate-dark);font-size:1.02rem;line-height:1.7;margin-top:.9rem}

/* pain grid */
.pa-pain{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:1000px;margin:0 auto}
.pa-pain-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;gap:.9rem;align-items:flex-start}
.pa-pain-card .em{font-size:1.5rem;flex-shrink:0;line-height:1.2}
.pa-pain-card p{color:var(--text-mid);font-size:.95rem;line-height:1.6}
.pa-bridge{text-align:center;max-width:680px;margin:2.2rem auto 0;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;color:var(--navy);font-size:1.1rem;line-height:1.5}
.pa-bridge span{background:linear-gradient(90deg,var(--indigo),#EC4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* how ocoviz helps */
.pa-help{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;max-width:1000px;margin:0 auto}
.pa-hcard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.6rem;transition:transform .2s,box-shadow .2s}
.pa-hcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(79,70,229,.12)}
.pa-hcard .ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(79,70,229,.12),rgba(236,72,153,.12));display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:.9rem}
.pa-hcard h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:800;color:var(--navy);margin-bottom:.45rem}
.pa-hcard p{color:var(--slate-dark);font-size:.93rem;line-height:1.62}

/* deep problem -> solution */
.pa-ps{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}
.pa-ps-row{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04)}
.pa-ps-p{padding:1.7rem 1.8rem;background:linear-gradient(180deg,#FFF5F5,#fff);border-right:1px solid var(--border)}
.pa-ps-s{padding:1.7rem 1.8rem;background:linear-gradient(180deg,#F0FDFA,#fff)}
.pa-ps-tag{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.55rem;display:block}
.pa-ps-p .pa-ps-tag{color:#DC2626}
.pa-ps-s .pa-ps-tag{color:#0D9488}
.pa-ps-row h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.08rem;font-weight:800;color:var(--navy);margin-bottom:.55rem;line-height:1.3}
.pa-ps-row p{color:var(--slate-dark);font-size:.94rem;line-height:1.68}
.pa-narr{max-width:720px;margin:0 auto 2.5rem;text-align:center;color:var(--text-mid);font-size:1.06rem;line-height:1.85}
.pa-narr em{color:var(--navy);font-style:normal;font-weight:600}

/* heavy -> light */
.pa-feel{background:linear-gradient(165deg,#0A0F2E,#241466);padding:5rem 5%}
.pa-feel .pa-head h2{color:#fff}
.pa-feel .pa-head .s-label{color:#f9a8d4}
.pa-feel .pa-head p{color:#94a3b8}
.pa-feel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;max-width:900px;margin:0 auto}
.pa-feel-card{border-radius:18px;padding:1.8rem}
.pa-feel-card.now{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.pa-feel-card.next{background:linear-gradient(160deg,rgba(129,140,248,.14),rgba(236,72,153,.1));border:1px solid rgba(129,140,248,.35)}
.pa-feel-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.pa-feel-card.now h3{color:#cbd5e1}
.pa-feel-card.next h3{color:#fff}
.pa-feel-card ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}
.pa-feel-card li{font-size:.95rem;line-height:1.55;display:flex;gap:.6rem;align-items:flex-start}
.pa-feel-card.now li{color:#94a3b8}
.pa-feel-card.next li{color:#e2e8f0}
.pa-feel-card li::before{flex-shrink:0;font-weight:800}
.pa-feel-card.now li::before{content:'•';color:#64748b}
.pa-feel-card.next li::before{content:'✓';color:#5eead4}
.pa-feel-note{max-width:760px;margin:1.7rem auto 0;text-align:center;color:#e2e8f0;font-size:1.05rem;line-height:1.7}
.pa-feel-note strong{color:#fff}

/* lead form */
.pa-form-card{max-width:920px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:20px;padding:2.6rem;display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:center;box-shadow:0 12px 40px rgba(15,23,42,.06)}
.pa-form-copy .s-label{font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--indigo)}
.pa-form-copy h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.4rem,2.5vw,1.95rem);font-weight:800;color:var(--navy);margin:.55rem 0 .7rem;line-height:1.2}
.pa-form-copy p{color:var(--slate-dark);font-size:.97rem;line-height:1.7}
.pa-form{display:flex;flex-direction:column}
.pa-frow{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.pa-form input,.pa-form textarea,.pa-form select{width:100%;padding:.8rem 1rem;border:1.5px solid var(--border);border-radius:10px;font-family:inherit;font-size:.92rem;background:var(--off-white);color:var(--text-dark);margin-bottom:.7rem}
.pa-form textarea{min-height:88px;resize:vertical}
.pa-form input:focus,.pa-form textarea:focus,.pa-form select:focus{outline:none;border-color:var(--indigo);background:#fff}
.pa-form .form-submit{width:100%;justify-content:center;margin-top:.15rem}
.pa-form .form-success{text-align:center;padding:1.5rem 0}
.pa-form .form-success .icon{font-size:2.6rem;margin-bottom:.4rem}
.pa-form .form-success h4{font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy);margin:.3rem 0;font-size:1.15rem}
.pa-form .form-success p{color:var(--slate-dark);font-size:.92rem}
.pa-form-note{font-size:.78rem;color:var(--slate);margin-top:.2rem}

/* final */
.pa-final{background:linear-gradient(135deg,var(--indigo),#7C3AED,#EC4899);padding:5rem 5%;text-align:center}
.pa-final h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.9rem,3.3vw,2.7rem);font-weight:800;color:#fff;margin-bottom:.85rem;letter-spacing:-.01em}
.pa-final p{color:rgba(255,255,255,.92);font-size:1.08rem;line-height:1.6;margin:0 auto 1.9rem;max-width:600px}
.pa-final .pa-cta .btn{background:#fff;color:var(--indigo)}
.pa-final .pa-cta .btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}

@media(max-width:820px){.pa-pain,.pa-help{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .pa-pain,.pa-help{grid-template-columns:1fr}
  .pa-feel-grid{grid-template-columns:1fr}
  .pa-form-card{grid-template-columns:1fr;padding:1.8rem}
  .pa-frow{grid-template-columns:1fr}
}