/* Homepage presentation only; no changes to tenant branding or admin screens. */
.marketing-home { background: #fff; }
.marketing-home .site-header { background:rgba(255,255,255,.97); }
.marketing-home .hero {
  padding:64px 0 70px;
  background:radial-gradient(ellipse at 12% 50%,#e4edff 0,transparent 55%),linear-gradient(150deg,#fff 35%,#f3f6fd);
  border-bottom:1px solid var(--line);
}
.marketing-home .hero-grid { gap:64px; }
.marketing-home .hero-copy .eyebrow {
  display:inline-flex; background:#edf3ff; color:#234c99;
  border:1px solid #dbe6fc; padding:7px 13px; border-radius:100px;
}
.marketing-home .hero h1 { font-weight:750; letter-spacing:-1.8px; font-size:clamp(40px,4.25vw,60px); }
.marketing-home .hero .lead { color:#53657e; font-size:18px; max-width:510px; }
.marketing-home .cta-row { gap:12px; }
.marketing-home .btn { border-radius:12px; }
.marketing-home .hero .btn { min-height:54px; padding:12px 20px; font-size:15px; gap:14px; }
.marketing-home .primary { box-shadow:0 5px 16px #2b5ec822; }
.marketing-home .demo-cta { background:#fff; border-color:#cbd8ed; }
.hero-highlights { display:flex; flex-wrap:wrap; gap:8px 18px; list-style:none; padding:0; margin:24px 0 0; color:#52647c; font-size:12px; }
.hero-highlights li::before { content:'✓'; color:#2b5ec8; font-weight:700; margin-inline-end:6px; }
.marketing-home .dashboard { border-radius:20px; box-shadow:0 24px 60px #23477f18; }
.marketing-home .dashboard-head { background:#f8faff; border-bottom:1px solid #edf1f7; margin-bottom:16px; }
.marketing-home .dashboard-summary { background:#fff; }
.marketing-home .floating-note { box-shadow:0 10px 30px #1c355510; }
.marketing-home .audiences { background:#fff; padding-block:24px; }
.marketing-home .audiences .wrap { gap:14px; }
.marketing-home .audiences p { color:#344d6b; }
.marketing-home .section { padding-block:80px; }
.marketing-home .section-head { margin-bottom:32px; }
.marketing-home .section-head h2 { margin-bottom:0; }
.marketing-home .section-head>p { max-width:360px; }
.marketing-home #features { background:#f6f8fc; }
.marketing-home .feature { border-radius:20px; padding:30px; box-shadow:0 4px 18px #1c355504; }
.marketing-home .feature-no { display:inline-block; margin-bottom:24px; font-size:12px; font-weight:700; color:#315fae; }
.marketing-home .feature-dark .feature-no { color:#bdd2ff; }
.marketing-home .feature p { line-height:1.8; }
.marketing-home .feature-wide { background:#fff; }
.marketing-home .feature-dark { background:#1c3555; }
.marketing-home #ai-whatsapp { padding-bottom:40px; }


.marketing-home .ideas-band { border:1px solid #ceddf7; border-inline-start:5px solid #2b5ec8; background:#f4f7ff; }
.marketing-home .steps article { padding:24px; border:1px solid #dbe3f0; border-radius:18px; background:#fff; color:#1c3555; }
.marketing-home .steps { gap:20px; margin-top:32px; }
.marketing-home .steps article>span { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#edf3ff; color:#2b5ec8; font-size:20px; font-weight:700; margin-bottom:20px; }
.marketing-home .steps h3 { color:#1c3555; margin:0 0 12px; line-height:1.4; }
.marketing-home .steps p { color:#52647c; line-height:1.8; }
.marketing-home .faq details { background:#fff; }
.marketing-home .signup-card { box-shadow:0 16px 45px #1c35550c; border-radius:24px; }
@media(min-width:901px) and (max-width:1200px) {
  .marketing-home .nav { gap:16px; }
  .marketing-home .nav-links { gap:14px; }
  .marketing-home .hero-grid { gap:32px; }
}
@media(max-width:900px) {
  .marketing-home .hero { padding:40px 0 48px; }
  .marketing-home .hero-grid { gap:24px; }
  .marketing-home .section { padding-block:56px; }
  .marketing-home .hero-copy .eyebrow { font-size:12px; }
  .marketing-home .section-head>p { max-width:none; }
  .marketing-home .feature { padding:24px; }
  .marketing-home .steps article { padding:20px; }
}
@media(max-width:480px) {
  .marketing-home .hero h1 { font-size:40px; line-height:1.18; }
  .marketing-home .hero .lead { font-size:16px; }
  .marketing-home .hero .btn { width:100%; }
  .hero-highlights { gap:8px 14px; font-size:12px; }
  .marketing-home .product-scene { margin-top:14px; }
  .marketing-home .steps { grid-template-columns:1fr; gap:12px; }
  .marketing-home .steps article>span { font-size:24px; }
  .marketing-home .steps h3 { font-size:21px; }
  .marketing-home .steps p { font-size:15px; }
  .marketing-home .ai-band { border-radius:20px; }
}
/* the mobile menu lives in home.css (same on every page) */
@media(max-width:380px) {
  .marketing-home .nav { gap:5px; }
  .marketing-home .nav-login { padding-inline:8px; }
  .marketing-home .brand img { width:96px; }
}
.marketing-home .nav-login,.marketing-home .brand { flex-shrink:0; white-space:nowrap; }
@media(max-width:900px) {
  .marketing-home .nav { gap:8px; }
}

/* AI spotlight: readable product story and an explicitly illustrative conversation. */
.marketing-home .ai-band { grid-template-columns:1.1fr 1fr; gap:48px; padding:48px; border:1px solid #dbe6fc; border-radius:28px; color:#1c3555; background:radial-gradient(ellipse at 0 100%,#e1ebff,transparent 60%),#f5f8ff; }
.marketing-home .ai-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#234c99; font-size:12px; letter-spacing:0; }
.ai-spark { font-size:22px; }
.marketing-home .ai-band h2 { font-size:clamp(30px,3.1vw,43px); line-height:1.24; letter-spacing:-1px; margin:18px 0; }
.marketing-home .ai-band h2 em { font-style:normal; color:#2b5ec8; }
.marketing-home .ai-band .lead { color:#53657e; font-size:17px; line-height:1.85; }
.ai-flow { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:24px 0 30px; color:#344d6b; font-size:12px; font-weight:600; }
.ai-flow span { padding:7px 10px; border:1px solid #dbe6fc; border-radius:8px; background:#ffffffb3; }
.ai-flow i { font-style:normal; color:#61789b; }
.marketing-home .ai-cta { background:#2b5ec8; color:#fff; border:1px solid #2b5ec8; min-height:50px; gap:10px; white-space:normal; text-align:center; }
.marketing-home .ai-cta:hover { background:#234c99; }
.ai-availability { color:#52647c; font-size:12px; margin:12px 0 0; }
.ai-conversation { min-width:0; width:100%; max-width:420px; justify-self:center; }
.marketing-home .ai-chat { display:block; padding:0; overflow:hidden; border:1px solid #dbe3f0; border-radius:22px; background:#f0f3f8; box-shadow:0 20px 40px #23477f1a; color:#1c3555; }
.ai-chat-header { display:flex; align-items:center; gap:10px; background:#fff; padding:16px; border-bottom:1px solid #dbe3f0; }
.ai-avatar { display:grid; place-items:center; flex-shrink:0; width:42px; height:42px; background:#e2f4e9; color:#167052; border-radius:50%; }
.ai-avatar svg { width:26px; height:26px; }
.ai-chat-header strong { display:block; font-size:15px; }
.ai-chat-header div>span { display:block; font-size:11px; color:#52647c; margin-top:3px; }
.ai-chat-label { margin-inline-start:auto; font-size:10px; color:#52647c; border:1px solid #dbe3f0; border-radius:5px; padding:3px 6px; }
.ai-messages { display:grid; gap:10px; padding:16px; }
.ai-date { justify-self:center; color:#52647c; font-size:10px; margin-bottom:4px; }
.marketing-home .ai-chat .msg { max-width:88%; font-size:13px; line-height:1.7; padding:10px 12px; border-radius:12px; box-shadow:0 1px 2px #1c355510; }
.marketing-home .ai-chat .msg.in { justify-self:start; background:#fff; border-start-start-radius:3px; }
.marketing-home .ai-chat .msg.out { justify-self:end; background:#d9f6d0; border-start-end-radius:3px; }
.ai-booked { display:flex; align-items:center; gap:10px; }
.ai-booked>span { display:grid; place-items:center; width:28px; height:28px; background:#167052; color:#fff; border-radius:50%; }
.ai-booked small { display:block; color:#395c42; font-size:11px; }
.ai-chat-footer { display:flex; justify-content:center; align-items:center; gap:7px; padding:13px; background:#f8faff; color:#52647c; font-size:11px; border-top:1px solid #dbe3f0; }
.ai-capabilities { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin-top:28px; }
.ai-capabilities article { padding:24px 20px; border:1px solid #dbe3f0; border-radius:18px; background:#fff; }
.ai-cap-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#edf3ff; color:#2b5ec8; font-size:22px; font-weight:600; }
.ai-capabilities h3 { font-size:17px; margin:16px 0 9px; }
.ai-capabilities p { font-size:14px; color:#53657e; line-height:1.8; margin:0; }
@media(max-width:1000px) { .marketing-home .ai-band { gap:28px; padding:32px; } .ai-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media(max-width:900px) { .marketing-home .ai-band { grid-template-columns:1fr; } .ai-copy { max-width:580px; } }
@media(max-width:480px) { .marketing-home .ai-band { padding:24px 16px; border-radius:20px; } .marketing-home .ai-band h2 { font-size:30px; } .marketing-home .ai-band .lead { font-size:16px; } .ai-flow { gap:5px; font-size:10px; } .ai-flow span { padding:6px; } .ai-capabilities { grid-template-columns:1fr; gap:12px; } .ai-capabilities article { padding:20px; } .ai-chat-header { padding:12px; } .ai-messages { padding:12px; } .marketing-home .ai-cta { width:100%; font-size:13px; } }

/* Devices (2026-10-08): real screenshots in device frames, hero + "בכל מסך" section. */
.marketing-home .devices-hero { margin:0; position:relative; }
.marketing-home .devices-hero::before { content:''; position:absolute; inset:8% 4% 2%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse at 50% 45%, #dbe7ff 0, #eef4ff 45%, transparent 72%); filter:blur(6px); }
.marketing-home .devices-hero img { display:block; width:112%; max-width:none; height:auto; margin-inline:-6%; }
.marketing-home .devices-hero figcaption { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:6px; font-size:12px; color:#5d6b82; text-align:center; }
.marketing-home .devices-hero figcaption .dot { width:7px; height:7px; border-radius:50%; background:#F2645A; flex-shrink:0; }
.marketing-home .devices { background:linear-gradient(180deg, #fff 0, #f5f8ff 22%, #f5f8ff 78%, #fff 100%); }
.marketing-home .device-cards { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px; }
.marketing-home .device-card { position:relative; display:flex; flex-direction:column; overflow:hidden; border:1px solid #dfe7f6; border-radius:28px; background:#fff; box-shadow:0 18px 40px #1c35550d; transition:transform .25s ease, box-shadow .25s ease; }
.marketing-home .device-card:hover { transform:translateY(-3px); box-shadow:0 26px 50px #1c355517; }
.marketing-home .device-card-media { padding:22px 22px 0; }
.marketing-home .device-card-media img { display:block; width:100%; height:auto; }
.marketing-home .device-card-booking .device-card-media { background:radial-gradient(ellipse at 50% 30%, #fbf1df 0, #fdf8f0 55%, #fff 100%); }
.marketing-home .device-card-admin .device-card-media { background:radial-gradient(ellipse at 50% 30%, #dfe9ff 0, #f1f5ff 55%, #fff 100%); }
.marketing-home .device-card-text { padding:22px 28px 28px; }
.marketing-home .device-card-text h3 { margin:8px 0 6px; font-size:22px; line-height:1.3; color:#1c3555; }
.marketing-home .device-card-text p { margin:0; font-size:15px; line-height:1.65; color:#4a5870; }
.marketing-home .device-card-tag { display:inline-block; padding:4px 12px; border-radius:999px; background:#edf3ff; color:#2B5EC8; font-size:12px; font-weight:700; }
.marketing-home .device-card-booking .device-card-tag { background:#fbf1df; color:#7a5413; }
.marketing-home .device-card-desk { grid-column:1 / -1; display:grid; grid-template-columns:1.45fr 1fr; align-items:center; }
.marketing-home .device-card-desk .device-card-media { padding:28px 10px 18px 28px; background:radial-gradient(ellipse at 40% 40%, #e3ecff 0, #f4f7ff 50%, #fff 100%); }
.marketing-home .device-card-desk .device-card-text { padding:32px 36px; }
.marketing-home .device-card-desk .device-card-text .btn { margin-top:18px; }
.marketing-home .devices-note { margin:18px 0 0; text-align:center; font-size:12px; color:#6b7890; }
@media (prefers-reduced-motion: reduce) { .marketing-home .device-card, .marketing-home .device-card:hover { transition:none; transform:none; } }
@media (max-width:900px) {
  .marketing-home .devices-hero img { width:100%; margin-inline:0; }
  .marketing-home .device-cards { grid-template-columns:1fr; gap:18px; margin-top:26px; }
  .marketing-home .device-card-desk { grid-template-columns:1fr; }
  .marketing-home .device-card-desk .device-card-media { padding:20px 14px 10px; }
  .marketing-home .device-card-desk .device-card-text, .marketing-home .device-card-text { padding:18px 20px 22px; }
  .marketing-home .device-card-text h3 { font-size:20px; }
}

/* "הלקוחות רואים את העסק שלכם": a real screenshot instead of the drawn previews (2026-10-08) */
.marketing-home .brand-real { margin:0; position:relative; }
.marketing-home .brand-real::before { content:''; position:absolute; inset:6% 6% 10%; z-index:0; border-radius:40px; background:radial-gradient(ellipse at 50% 40%, #fbf1df 0, #fdf8f0 50%, transparent 75%); }
.marketing-home .brand-real img { position:relative; z-index:1; display:block; width:100%; height:auto; }
.marketing-home .brand-real figcaption { position:relative; z-index:1; margin-top:8px; text-align:center; font-size:12px; color:#6b7890; }