/* Ploni-inspired Hebrew typography, using open-licensed Assistant.
   Keep the original logo artwork and existing page layout. */
@font-face {
  font-family: Assistant;
  src: url('assets/fonts/Assistant-Variable.ttf') format('truetype');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root { --font-hebrew: Assistant, Arial, sans-serif; }
body { font-family: var(--font-hebrew); font-weight: 400; font-size: 18px; line-height: 1.75; }
button, input, select, textarea { font-family: var(--font-hebrew); }
h1, h2, h3, .button, .header nav, summary { font-family: var(--font-hebrew); }
h1, h2 { font-weight: 700; letter-spacing: -.35px; }
h3 { font-weight: 600; letter-spacing: 0; }
.hero h1 { font-size: 34px; line-height: 1.28; font-weight: 700; }
.intro, .experience-text p, .section-heading>p, .contact-copy p { font-size: 18px; line-height: 1.75; font-weight: 400; }
.header nav, .button, summary { font-weight: 600; }
.header nav { font-size: 16px; }
.button { font-size: 18px; }
.header .whatsapp-button { font-size: 16px; }
.hero-offer strong, .offer-price strong, .early-total strong, #summary-total { font-weight: 700; }
.hero-offer>span, .finish-picker legend, .early-upgrade strong { font-size: 15px; }
.finish-picker button { font-size: 14px; }
.early-upgrade small, .installation-pricing span { font-size: 13px; line-height: 1.6; }
.early-upgrade-heading strong, .installation-pricing strong { font-size: 16px; }
.steps p, .review-grid p, details p { font-size: 17px; line-height: 1.75; }
.eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0; }
.breadcrumbs { font-size: 13px; }
@media(max-width:1050px) and (min-width:741px) { .header nav { font-size: 13px; } }
@media(max-width:740px) {
  .hero h1 { font-size: 30px; line-height: 1.3; }
  .intro, .experience-text p, .section-heading>p, .contact-copy p { font-size: 17px; }
  .header .whatsapp-button { font-size: 13px; }
  .hero-offer>span { font-size: 13px; }
  .early-upgrade strong { font-size: 14px; }
  .early-upgrade small, .installation-pricing span { font-size: 12px; }
  .mobile-cta .button { font-size: 15px; }
  .breadcrumbs { font-size: 11px; }
}
