/* App-page hero in the approved homepage style (index.html .hr-hero, home-rewrite.css).
   Same green panel, white headline, lime button, phone on a lime blob, sticker.
   Scoped to .app-hero so it sits on pages that otherwise load design.css. */
.app-hero{
  --hr-ink:#173b2a;--hr-green:#174c35;--hr-deep:#0d3022;--hr-lime:#d9ff73;
  --hr-paper:#fffdf7;--hr-max:1180px;--hr-shadow:0 28px 70px rgba(13,48,34,.14);
  overflow:hidden;padding:88px 0 110px;background:var(--hr-green);color:#fff;text-align:left;
  font-family:"Plus Jakarta Sans","Helvetica Neue",system-ui,sans-serif;-webkit-font-smoothing:antialiased
}
.app-hero .hr-wrap{width:min(calc(100% - 48px),var(--hr-max));margin-inline:auto}
.app-hero .hr-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px}
.app-hero .hr-hero-copy{position:relative;z-index:2;min-width:0}
.app-hero .hr-eyebrow{margin:0 0 22px;font-size:.76rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.app-hero h1{margin:0 0 28px;max-width:16ch;color:#fff;font-family:inherit;font-size:clamp(2.5rem,5.4vw,5rem);font-weight:760;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
.app-hero .hr-lead{margin:0;max-width:620px;color:#e7eee9;font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.55}
.app-hero .hr-lead strong{color:#fff;font-weight:700}
.app-hero .hr-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:34px}
.app-hero .hr-button{display:inline-flex;align-items:center;gap:12px;padding:15px 20px;border-radius:8px;background:var(--hr-lime);box-shadow:0 5px 0 rgba(217,255,115,.28);color:var(--hr-deep);font-weight:780;text-decoration:none;transition:transform .2s ease}
.app-hero .hr-button:hover{transform:translateY(-2px)}
.app-hero .hr-text-link{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
.app-hero .hr-text-link:hover{text-decoration-color:#fff}
.app-hero .hr-hero-note{margin:14px 0 0;color:#cfded4;font-size:.82rem;line-height:1.6}
.app-hero .hr-reviewed{margin:10px 0 0;color:#a9c3b3;font-size:.74rem;line-height:1.5;max-width:60ch}
.app-hero .hr-hero-visual{position:relative;min-height:620px}
.app-hero .hr-hero-blob{position:absolute;inset:25px -90px 0 -20px;border-radius:48% 52% 46% 54%/44% 38% 62% 56%;background:var(--hr-lime);transform:rotate(-4deg)}
.app-hero .hr-hero-phone{position:absolute;right:2%;bottom:-130px;width:74%;height:auto;filter:drop-shadow(0 26px 35px rgba(6,25,17,.28));transform:rotate(3deg)}
.app-hero .hr-hero-sticker{position:absolute;top:17%;left:-4%;width:200px;padding:19px 20px;border-radius:14px;background:var(--hr-paper);box-shadow:var(--hr-shadow);color:var(--hr-ink);font-size:.9rem;line-height:1.45;transform:rotate(-3deg)}
.app-hero .hr-hero-sticker strong{display:block;margin-bottom:5px;font-size:1.6rem;line-height:1.1;letter-spacing:-.02em}
@media (max-width:850px){
  .app-hero{padding:56px 0 0}
  .app-hero .hr-wrap{width:min(calc(100% - 32px),var(--hr-max))}
  .app-hero .hr-hero-grid{grid-template-columns:1fr;gap:20px}
  .app-hero h1{max-width:none}
  .app-hero .hr-hero-visual{display:flex;align-items:flex-start;justify-content:center;min-height:0;padding-top:42px;max-height:520px}
  .app-hero .hr-hero-phone{position:relative;right:auto;bottom:auto;width:72%;max-width:360px;margin:0 auto}
  .app-hero .hr-hero-sticker{top:88px;left:0;width:156px;padding:14px}
  .app-hero .hr-hero-sticker strong{font-size:1.3rem}
}
@media (max-width:480px){
  .app-hero .hr-hero-actions{flex-direction:column;align-items:flex-start;gap:16px}
  .app-hero .hr-hero-blob{inset:24px -20px 0}
}
@media (prefers-reduced-motion:reduce){.app-hero .hr-button{transition:none}.app-hero .hr-button:hover{transform:none}}
.app-hero .nb{white-space:nowrap}