body.is-public .page-container { display: grid; gap: 18px; }
.hero-card {
  display: grid;
  gap: 28px;
  grid-template-columns: 1.15fr .95fr;
  align-items: center;
}
.hero-card .lead,
.checkout-hero .lead,
.access-card .lead,
.status-card .lead { max-width: 62ch; }
.hero-points { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.bullet-line { color: var(--muted); margin-top: 16px; }
.page-home .hero-media { min-height: 420px; }
.page-home .video-card { min-height: 420px; border: 1px solid rgba(255,255,255,.22); }
.page-home .video-card::after,
.watch-thumb::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.28));
}
.placeholder-card { min-height: 420px; display: grid; place-items: center; text-align: center; color: rgba(255,255,255,.88); padding: 22px; }
.checkout-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; align-items: stretch; }
.checkout-summary { padding: 24px; border-radius: 28px; background: var(--card); border: 1px solid rgba(255,255,255,.9); box-shadow: var(--shadow); }
.summary-line, .summary-total { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid #eee4f4; }
.summary-line span, .summary-total span { color: var(--muted); }
.summary-total { font-size: 1.08rem; border-bottom: none; }
.checkout-shell { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; }
.access-card, .status-card { max-width: 720px; margin: 0 auto; text-align: center; }
.access-card .form-grid, .status-card .form-grid { text-align: left; }
.page-dashboard .page-container,
.page-dashboard .public-topbar,
.page-dashboard .flash { max-width: 720px; }
.page-dashboard .page-container { padding-left: 12px; padding-right: 12px; }
.page-dashboard .dashboard-hero,
.page-dashboard .card { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; }
.dashboard-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); gap: 16px; }
.dashboard-hero .feature-card:first-child {
  background: radial-gradient(circle at top right, rgba(88,215,255,.14), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.94));
}
.page-dashboard .feature-card,
.page-dashboard .card { padding: 18px; border-radius: 22px; }
.page-dashboard .feature-card h1 { font-size: clamp(1.5rem, 4.8vw, 2.05rem); line-height: 1.08; }
.page-dashboard .token-box { max-width: 100%; margin: 14px 0; padding: 15px 14px; font-size: clamp(1.05rem, 4.6vw, 1.45rem); letter-spacing: .08em; border-radius: 20px; }
.page-dashboard .lead { font-size: .96rem; line-height: 1.65; }
.page-dashboard .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.page-dashboard .metric-grid > div { padding: 16px; border-radius: 20px; }
.page-dashboard .metric-grid strong { font-size: 1.35rem; }
.page-dashboard .hero-actions { gap: 10px; }
.page-dashboard .table-wrap { border-radius: 20px; }
.watch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.watch-card { background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.86); }
.watch-thumb { position: relative; }
.watch-thumb img { aspect-ratio: 9 / 16; object-fit: cover; background: #0f1736; }
.watch-body { padding: 18px; }
.watch-body video { width: 100%; margin-top: 14px; border-radius: 22px; background: #0f1736; aspect-ratio: 9 / 16; object-fit: cover; }
.page-packages .feature-card { min-height: 100%; }
.page-payment-status .status-card .token-box { margin-left: auto; margin-right: auto; max-width: 420px; }
@media (max-width: 980px) {
  .hero-card, .checkout-hero, .checkout-shell, .dashboard-hero, .watch-grid { grid-template-columns: 1fr; }
  .page-home .hero-media { min-height: 0; }
}
@media (max-width: 640px) {
  .page-dashboard .page-container { padding-left: 10px; padding-right: 10px; }
  .page-dashboard .feature-card,
  .page-dashboard .card { padding: 16px; border-radius: 20px; }
  .page-dashboard .metric-grid { grid-template-columns: 1fr 1fr; }
  .page-dashboard .token-box { font-size: 1rem; letter-spacing: .06em; }
}

.page-dashboard, .page-dashboard body { overflow-x: clip; }
.page-dashboard .site-shell, .page-dashboard .main-shell, .page-dashboard .page-container { max-width: 100%; }
.page-dashboard .page-container { width: 100%; max-width: 700px; margin: 0 auto; padding-left: 10px; padding-right: 10px; overflow-x: clip; }
.page-dashboard .public-topbar { max-width: 700px; width: calc(100% - 12px); }
.page-dashboard .dashboard-hero, .page-dashboard .card, .page-dashboard .feature-card, .page-dashboard .table-wrap { width: 100%; max-width: 100%; min-width: 0; }
.page-dashboard .hero-actions > * { min-width: 0; }
@media (max-width: 760px) {
  .page-dashboard .table-wrap { overflow: hidden; background: transparent; border: none; }
  .page-dashboard table, .page-dashboard tbody, .page-dashboard tr, .page-dashboard td { display: block; width: 100%; }
  .page-dashboard thead { display: none; }
  .page-dashboard tr { margin-bottom: 12px; padding: 14px; border-radius: 18px; background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 10px 28px rgba(80,45,140,.08); }
  .page-dashboard td { border-bottom: 1px dashed rgba(103,116,140,.18); padding: 10px 0; }
  .page-dashboard td:last-child { border-bottom: none; padding-bottom: 0; }
  .page-dashboard td::before { content: attr(data-label); display: block; font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); margin-bottom: 6px; }
}


.screen-time-banner{position:fixed;top:18px;right:14px;z-index:32;display:inline-flex;gap:5px;align-items:center;padding:4px 7px;border-radius:999px;background:rgba(11,18,32,.72);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 18px rgba(11,18,32,.16);backdrop-filter:blur(8px);font-size:.68rem;line-height:1;pointer-events:none}.screen-time-banner strong{color:#fff;font-weight:800;letter-spacing:.01em}.screen-time-banner__icon{font-size:.7rem;line-height:1;opacity:.94}.screen-time-banner.is-locked{background:rgba(148,38,38,.84)}.watch-topbar-overlay .screen-time-banner{position:absolute;top:2px;right:4px;z-index:2}.feed-page-head{position:relative}.feed-page-head .screen-time-banner{position:absolute;top:2px;right:0;z-index:2}@media (max-width:680px){.screen-time-banner{top:10px;right:8px;padding:3px 6px;font-size:.64rem}.watch-topbar-overlay .screen-time-banner{top:2px;right:2px}}
.screen-time-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:rgba(11,18,32,.66);backdrop-filter:blur(6px);z-index:80}
.screen-time-modal{width:min(92vw,520px);padding:28px;border-radius:28px;background:var(--card);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);text-align:center}
.page-home .home-duo-grid,.page-home .home-benefit-grid,.page-home .home-plan-grid{align-items:stretch}
.page-home .plan-card{display:grid;gap:12px}
.page-home .plan-card.is-featured{background:linear-gradient(180deg,rgba(255,248,224,.96),rgba(255,255,255,.9));border-color:rgba(255,223,138,.55)}
.page-home .plan-price{font-size:2rem;font-weight:800;color:var(--primary-dark)}
.page-home .home-closing-card{text-align:center}

.screen-time-overlay[hidden],
.screen-time-banner[hidden]{display:none !important;}