@import url('marketing-theme.css');
@font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('fonts/assistant-he.woff2') format('woff2'); unicode-range: U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F; }
@font-face { font-family: 'Assistant'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('fonts/assistant-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+2000-206F,U+20AC,U+2122; }
/* Office palette with the site's existing header and interactions. */
.nav-capsule, .nav.is-glass .nav-capsule { color: var(--primary); }
.nav-cta, .nav.is-glass .nav-cta, .btn-primary, .btn-dark { background: var(--accent); color: var(--primary); box-shadow: none; }
.nav-cta:hover, .btn-primary:hover, .btn-dark:hover { background: #80E142; }
.btn { border-radius: 999px; }
.hero-shell { padding: 0; }
.hero { color: var(--primary); border-radius: 0; padding-top: clamp(140px,14vw,176px); }
.hero-bg { background: var(--bg); }
.hero-grid, .hero .blob, .glass-glow { display: none; }
.hero-copy h2 .hl { background: none; color: var(--primary); }
.hero-copy p { color: var(--muted); }
.eyebrow, .eyebrow.on-dark { background: var(--chip); color: var(--primary); border: 0; padding: 7px 14px; }
.hero-benefits .b { background: var(--chip); border: 0; color: var(--primary); padding: 9px 14px; }
.phone { box-shadow: 0 24px 48px -24px rgba(12,31,0,.3); }
.dash-hero { background: var(--primary); }
.screen { background: #F7F9F5; }
.dash-tiles > div, .dash-link, .dash-list { box-shadow: none; }
.section-head h2 { color: var(--primary); }
.calc-card { background: var(--chip); box-shadow: none; border: 0; border-radius: 24px; }
.bill-toggle { background: var(--card); border: 0; }
.bill-toggle button.on { background: var(--accent); color: var(--primary); }
.calc-stat { background: var(--card); border-radius: 20px; }
.calc-stat-earn { background: var(--primary); }
.calc-stat-earn .calc-stat-val { color: var(--accent); }
.calc-stat-earn .calc-stat-lbl, .calc-stat-earn .calc-stat-sub { color: #D3E2C9; }
.calc-bubble, .calc-bubble::after { background: var(--primary); box-shadow: none; }
.calc-slider input[type=range] { box-shadow: none; }
.calc-note { background: var(--card); }
.term-card, .step-card, .who-card { background: var(--chip); border: 0; box-shadow: none; border-radius: 20px; }
.term-card b { letter-spacing: -.5px; }
.term-card:nth-child(-n+3) b { font-size: clamp(36px,4vw,48px); }
.step-n { background: var(--accent); color: var(--primary); border-radius: 50%; }
.step-card h3, .who-card h3 { color: var(--primary); }
.who-note { background: transparent; border: 0; padding-inline: 0; }
.form-card { background: var(--chip); border: 0; box-shadow: none; border-radius: 24px; margin-inline: auto; }
#apply .section-head { max-width: 760px; margin-inline: auto; }
.apply-login { margin-inline: auto; }
input[type=text], input[type=email], input[type=tel], select { border: 1px solid var(--line-strong); border-radius: 12px; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--primary); outline-offset: 4px; }
.dl-btn { border-radius: 999px; }
@media (max-width: 760px) { .hero { padding-top: 116px; } .hero .wrap { gap: 28px; } }
.btn-primary:hover, .btn-dark:hover { box-shadow: none; transform: none; }

@media (min-width: 1024px) { .nav-links .nav-login-in-menu { display: none; } }

/* White capsule throughout the header scroll animation. */
.nav-plate { background-color: #FFFFFF; }