/* "For parents" view: hero ticket card, peer reviews, vertical rhythm, and
   the phone mockup's ticket-icon thumbnails. */

/* ============ landing ============ */
.hero-visual{display:flex;justify-content:center;align-items:center;min-height:440px;}
.hero-visual .float-book{
  position:relative;right:auto;bottom:auto;left:auto;top:auto;
  width:400px;max-width:100%;padding:20px;
  box-shadow:8px 8px 0 var(--ink);
}
.hero-visual .float-book .ph-thumb{height:230px;border-radius:var(--r-md);margin-bottom:15px;}
.hero-visual .float-book .ttl{font-size:21px;}
.hero-visual .float-book .meta{font-size:14px;margin-top:4px;}
.hero-visual .float-book .stub-code{font-size:11px;margin:11px 0;}
.hero-visual .float-book .badge-pill{font-size:13px;padding:6px 12px;}
.hero-visual .float-book .price{font-size:24px !important;}
.hero-visual .float-fee{position:absolute;left:-26px;top:24px;z-index:3;}
@media (max-width:980px){ .hero-visual{min-height:0;min-width:0;width:100%;} }
/* peer reviews */
#reviews .reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:760px;margin-left:auto;margin-right:auto;}
#reviews .review{background:var(--card);border:var(--bw) solid var(--ink);border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:9px;}
#reviews .stars{color:var(--amber);font-size:15px;letter-spacing:2px;}
#reviews .review p{color:var(--ink);font-size:14.5px;font-weight:600;line-height:1.45;}
#reviews .rv-by{margin-top:auto;font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);}
@media (max-width:980px){ #reviews .reviews-grid{grid-template-columns:1fr;} }
/* tighter vertical rhythm (less scroll) */
@media (min-width:561px){ .section{padding:80px 0;} }
.hero{padding:48px 0 66px;}
.head{margin-bottom:42px;}
/* phone mockup: ticket-icon thumbnails */
.phone .thumb.tkt{display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--amber-t);}
.phone .thumb.tkt svg{width:30px;height:30px;}
.phone-body .mini-class:nth-child(1) .thumb.tkt{background:var(--orange-t);}
.phone-body .mini-class:nth-child(2) .thumb.tkt{background:var(--pink-t);}
.phone-body .mini-class:nth-child(3) .thumb.tkt{background:var(--blue-t);}