/*
 * SaltiMarketing "Apple" theme for the landing page (modules/Wpboxlanding/.../landing/index.blade.php).
 * Same SaltiMarketing greens; system type, white and #f5f5f7 sections, gray tiles, frosted header.
 * Loaded only when body has .sm-apple.
 */
body.sm-apple {
  --bg: #ffffff;
  --surface: #ffffff;
  --soft: rgba(0, 168, 132, 0.1);
  --soft-2: #f5f5f7;
  --tile: #f5f5f7;
  --ink: #1d1d1f;
  --ink-2: #1d1d1f;
  --muted: #6e6e73;
  --line: #e8e8ed;
  --shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 18px 40px rgba(0, 0, 0, 0.06);
  --radius: 22px;
  --head: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: -0.012em;
  -webkit-font-smoothing: antialiased;
}
body.sm-apple h1, body.sm-apple h2, body.sm-apple h3, body.sm-apple h4 { font-weight: 700; letter-spacing: -0.022em; }

/* buttons: flat pills, no lift */
body.sm-apple .btn { font-weight: 500; font-size: 1rem; min-height: 46px; padding: .7rem 1.4rem; }
body.sm-apple .btn:hover { transform: none; }
body.sm-apple .btn:active { transform: scale(.98); }
body.sm-apple .btn--primary { box-shadow: none; }
body.sm-apple .btn--ghost { background: transparent; border-color: var(--brand); color: var(--brand); }
body.sm-apple .btn--ghost:hover { background: rgba(10, 125, 86, .06); }
body.sm-apple .btn--sm { min-height: 36px; padding: .45rem 1rem; font-size: .9rem; }

/* header: frosted glass */
body.sm-apple .site-header {
  background: rgba(255, 255, 255, .72);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(0, 0, 0, .08);
}
body.sm-apple .nav { min-height: 60px; }
body.sm-apple .brand { font-weight: 600; letter-spacing: -0.02em; }
body.sm-apple .brand__mark { background: var(--tile); box-shadow: none; }
body.sm-apple .nav__links a { font-weight: 400; font-size: .88rem; color: var(--ink); opacity: .85; }
body.sm-apple .nav__links a:hover { opacity: 1; color: var(--ink); }
body.sm-apple .nav__login { font-weight: 500; font-size: .88rem; }
body.sm-apple .nav__toggle { border: 0; background: transparent; }
body.sm-apple .nav__menu.is-open { background: rgba(255, 255, 255, .96); }

/* hero: clean white, oversized headline */
body.sm-apple .hero { background: #fff; }
body.sm-apple .hero h1 { font-size: clamp(2.4rem, 5.2vw, 4rem); line-height: 1.04; letter-spacing: -0.045em; font-weight: 700; }
body.sm-apple .hero__lead { font-size: clamp(1.08rem, 1.7vw, 1.3rem); line-height: 1.45; color: var(--muted); }
body.sm-apple .eyebrow { font-size: .95rem; letter-spacing: 0; text-transform: none; font-weight: 600; }
body.sm-apple .badge-official { box-shadow: none; background: var(--tile); border-color: transparent; font-weight: 500; }
body.sm-apple .hero__checks li { font-weight: 400; }
body.sm-apple .phone { box-shadow: 0 30px 80px rgba(0, 0, 0, .14), 0 0 0 10px #fff, 0 0 0 11px var(--line); border-radius: 34px; }

/* sections alternate white and light gray, no rules between them */
body.sm-apple .section--white { background: #fff; border-block: 0; }
body.sm-apple .section--soft { background: var(--soft-2); }
body.sm-apple .section-head h2 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.06; letter-spacing: -0.04em; }
body.sm-apple .section-head p { font-size: 1.15rem; line-height: 1.5; }
@media (min-width: 980px) { body.sm-apple .section { padding: 104px 0; } }

/* tiles: gray on white sections, white on gray sections, no borders */
body.sm-apple .card,
body.sm-apple .feature,
body.sm-apple .highlight,
body.sm-apple .post,
body.sm-apple .faq details,
body.sm-apple .jump a,
body.sm-apple .tour__media {
  background: var(--tile);
  border-color: transparent;
}
body.sm-apple .section--soft .card,
body.sm-apple .section--soft .feature,
body.sm-apple .section--soft .highlight,
body.sm-apple .section--soft .post,
body.sm-apple .section--soft .faq details,
body.sm-apple .section--soft .tour__media { background: #fff; }
body.sm-apple .card { border-radius: 22px; padding: 26px; }
body.sm-apple .feature { border-radius: 20px; }
body.sm-apple .jump a { border-radius: 16px; }
body.sm-apple .jump a:hover, body.sm-apple .feature:hover { border-color: transparent; }
body.sm-apple .icon-tile { border-radius: 12px; }
@media (min-width: 680px) { body.sm-apple .feature--wide { background: linear-gradient(135deg, rgba(0, 168, 132, .1), var(--tile)); border-color: transparent; } }
body.sm-apple .group { border-top-color: var(--line); }
body.sm-apple .tour__media { border-radius: 22px; }

/* dark panels stay green, a little calmer */
body.sm-apple .ai__panel { border-radius: 28px; background: linear-gradient(160deg, #06372d, #0a5a45); box-shadow: none; }
body.sm-apple .final { border-radius: 32px; }

/* pricing */
body.sm-apple .plan { border: 0; background: #fff; border-radius: 26px; box-shadow: var(--shadow); }
body.sm-apple .section--white .plan, body.sm-apple .section:not(.section--soft) .plan { background: var(--tile); box-shadow: none; }
body.sm-apple .plan__price strong { font-weight: 700; letter-spacing: -0.04em; }
body.sm-apple .plan__extra { border: 0; background: rgba(0, 168, 132, .1); }

/* misc */
body.sm-apple .app-band { border: 0; border-radius: 28px; background: var(--tile); }
body.sm-apple .video__frame { border: 0; border-radius: 22px; }
body.sm-apple .faq details { border-radius: 16px; }
body.sm-apple .footer { background: var(--soft-2); border-top: 0; font-size: .9rem; }
body.sm-apple .footer__h { letter-spacing: 0; text-transform: none; font-size: .9rem; color: var(--ink); }
body.sm-apple .footer a { color: var(--muted); }
body.sm-apple .footer a:hover { color: var(--ink); }
body.sm-apple .footer__bottom { border-top-color: #d2d2d7; }
body.sm-apple .pill { font-weight: 600; letter-spacing: 0; }