/* Scoped launch additions: the existing site's stylesheet is not replaced. */
.eterivo-launch .apps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eterivo-launch .app-card { padding: 28px; }
.eterivo-launch .footer-grid { grid-template-columns: 1.2fr repeat(3, 1fr); }
.eterivo-page .nav-inner { flex-wrap: wrap; padding-block: 10px; gap: 14px; }
.eterivo-page .nav-links { flex-wrap: wrap; }
.eterivo-page .nav-links a { padding-inline: 8px; }
.eterivo-page .hero { padding-block: 80px 60px; }
.eterivo-page .product-mark { display: flex; align-items: center; gap: 16px; font-size: 24px; font-weight: 750; }
.eterivo-page .product-mark img { width: 72px; height: 72px; border-radius: 17px; }
.eterivo-page .hero-layout { display: grid; grid-template-columns: 1.25fr .75fr; gap: 64px; align-items: center; }
.eterivo-page h1 { font-size: clamp(38px, 5.8vw, 72px); overflow-wrap: anywhere; }
.eterivo-page h2 { font-size: clamp(28px, 3.7vw, 44px); }
.eterivo-page h3 { line-height: 1.3; }
.eterivo-page .lede { max-width: 740px; }
.eterivo-page .requirements { color: #aeb6c3; font-size: 14px; margin-top: 20px; }
.eterivo-page .source-notice { padding: 18px 22px; border: 1px solid rgba(240,180,41,.35); border-radius: 12px; color: #e2c478; background: rgba(240,180,41,.045); }
.eterivo-page .hero-art { padding: 35px; border: 1px solid var(--border-strong); border-radius: 28px; background: radial-gradient(ellipse at top, rgba(112,165,255,.15), transparent 70%), var(--panel); box-shadow: var(--shadow); }
.eterivo-page .hero-art img { width: 100%; height: auto; border-radius: 24%; }
.eterivo-page .hero-art p { text-align: center; margin-bottom: 0; color: var(--muted); font-weight: 650; letter-spacing: .02em; }
.eterivo-page .feature strong { font-size: 19px; line-height: 1.35; }
.eterivo-page .feature p, .eterivo-page .step p { color: #b0b8c5; font-size: 16px; }
.eterivo-page .plan-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; margin-bottom: 24px; }
.eterivo-page .plan { padding: 30px; border: 1px solid var(--border-strong); border-radius: 18px; background: var(--panel); }
.eterivo-page .plan.premium { border-color: rgba(240,180,41,.5); }
.eterivo-page .plan p { color: #b0b8c5; }
.eterivo-page .policy-links { display: flex; gap: 18px; flex-wrap: wrap; margin-block: 22px; }
.eterivo-page .contact { padding: 30px; margin-bottom: 30px; background: var(--panel); border: 1px solid var(--border); border-radius: 18px; }
.eterivo-page details { border-top: 1px solid var(--border-strong); padding-block: 22px; }
.eterivo-page summary { font-size: 19px; font-weight: 650; cursor: pointer; line-height: 1.5; }
.eterivo-page details p { color: #b0b8c5; margin-bottom: 0; }
.eterivo-page .site-footer p { max-width: 800px; color: #aeb6c3; }
.eterivo-page a, .eterivo-page p, .eterivo-page strong { overflow-wrap: anywhere; }
.eterivo-page .button { text-align: center; white-space: normal; }
.eterivo-page a:focus-visible, .eterivo-page summary:focus-visible, .eterivo-page select:focus-visible { outline: 3px solid var(--accent-bright); outline-offset: 5px; }
@media (max-width: 1050px) {
  .eterivo-launch .apps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eterivo-launch .footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .eterivo-page .hero-layout { gap: 32px; }
}
@media (max-width: 760px) {
  .eterivo-page .hero-layout { grid-template-columns: 1fr; }
  .eterivo-page .hero-art { display: none; }
  .eterivo-page .feature-grid, .eterivo-page .steps-grid { grid-template-columns: 1fr; }
  .eterivo-page .hero { padding-block: 45px; }
  .eterivo-page .nav-links { margin-left: 0; }
  .eterivo-page .plan-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .eterivo-launch .apps-grid, .eterivo-launch .footer-grid { grid-template-columns: 1fr; }
  .eterivo-page .nav-inner > .nav-links { order: 3; width: 100%; }
  .eterivo-page .nav-inner > label { margin-left: auto; }
  .eterivo-page .nav-links { gap: 0; }
  .eterivo-page .section { padding-block: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .eterivo-page .button:hover { transform: none; }
}