
:root{
  --font-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Heebo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Heebo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --bg:#fff;--bg-2:#fafafc;--bg-3:#f5f5f7;
  --text:#1d1d1f;--text-2:#6e6e73;--text-3:#86868b;
  --line:#d2d2d7;--line-2:#e8e8ed;
  /* הצבע האחד: זהב המותג, בגוון של הלוגו (40°), בשני גוונים לניגודיות */
  --link:#836420;--gold:#c39a45;--gold-hover:#cda75a;--gold-active:#b8903d;
  --neutral:#1d1d1f;--neutral-hover:#272729;--neutral-active:#18181a;
  --nav-bg:rgba(250,250,252,.8);--nav-solid:#fafafc;--nav-text:rgba(0,0,0,.8);
  --ease:cubic-bezier(.4,0,.6,1);
  --r-pill:980px;--r-card:28px;--r-card-sm:12px;--r-block:8px;
  --w-content:980px;--w-text:692px;
  color-scheme:light;
}
.theme-dark{--bg:#000;--bg-2:#161617;--bg-3:#1d1d1f;--text:#f5f5f7;--text-2:#86868b;--text-3:#6e6e73;--line:#424245;--line-2:#333336;--link:#c39a45;--nav-bg:rgba(22,22,23,.8);--nav-solid:#161617;--nav-text:rgba(255,255,255,.8);color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.4705882353 var(--font-text);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,p,ul,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
img,video,svg{display:block;max-width:100%}

/* ---- סולם הטיפוגרפיה: px / גובה שורה / ריווח / משקל ---- */
.t-super{font:600 80px/1.05 var(--font-display);letter-spacing:-.015em;text-wrap:balance}
.t-tile{font:600 56px/1.0714285714 var(--font-display);letter-spacing:-.005em}
.t-headline{font:600 48px/1.0834933333 var(--font-display);letter-spacing:-.002em;text-wrap:balance}
.t-callout{font:600 32px/1.125 var(--font-display);letter-spacing:.002em}
.t-card{font:600 28px/1.1428571429 var(--font-display);letter-spacing:.007em}
.t-eyebrow{font:600 24px/1.1666666667 var(--font-display);letter-spacing:.009em}
.t-eyebrow-sm{font:600 21px/1.1904761905 var(--font-display);letter-spacing:.011em}
.t-intro-elevated{font:400 28px/1.1428571429 var(--font-display);letter-spacing:.007em}
.t-intro{font:400 21px/1.1904761905 var(--font-display);letter-spacing:.011em}
.t-cta{font:400 21px/1.1904761905 var(--font-display);letter-spacing:.011em}
.t-tout{font:600 19px/1.2105263158 var(--font-display);letter-spacing:.012em}
.t-body{font:400 17px/1.4705882353 var(--font-text);letter-spacing:-.022em}
.t-label{font:600 17px/1.2353641176 var(--font-text);letter-spacing:-.022em}
.t-reduced{font:400 14px/1.4285914286 var(--font-text);letter-spacing:-.016em}
.t-caption{font:400 12px/1.3333733333 var(--font-text);letter-spacing:-.01em}
.muted{color:var(--text-2)}
.gold{color:var(--link)}
.ltr{direction:ltr;unicode-bidi:isolate}
@media (max-width:1068px){
  .t-super{font-size:64px;line-height:1.0625;letter-spacing:-.009em}
  .t-tile{font-size:48px;line-height:1.0834933333;letter-spacing:-.003em}
  .t-headline{font-size:40px;line-height:1.1;letter-spacing:0}
  .t-callout{font-size:28px;line-height:1.1428571429;letter-spacing:.007em}
  .t-card{font-size:24px;line-height:1.1666666667;letter-spacing:.009em}
  .t-eyebrow{font-size:21px;line-height:1.1904761905;letter-spacing:.011em}
  .t-intro-elevated{font-size:24px;line-height:1.1666666667;letter-spacing:.009em}
  .t-cta,.t-intro{font-size:19px;line-height:1.2105263158;letter-spacing:.012em}
}
@media (max-width:734px){
  .t-super{font-size:48px;line-height:1.0834933333;letter-spacing:-.003em}
  .t-tile{font-size:40px;line-height:1.1;letter-spacing:0}
  .t-headline{font-size:32px;line-height:1.125;letter-spacing:.002em}
  .t-callout{font-size:24px;line-height:1.1666666667;letter-spacing:.009em}
  .t-card{font-size:21px;line-height:1.1904761905;letter-spacing:.011em}
  .t-eyebrow-sm{font-size:19px;line-height:1.2105263158;letter-spacing:.012em}
  .t-intro-elevated{font-size:19px;line-height:1.2105263158;letter-spacing:.012em}
  .t-label{font-size:14px;line-height:1.2857742857;letter-spacing:-.016em}
}


/* ---- ניווט גלובלי: 44px, זכוכית ---- */
.nav{position:sticky;top:0;z-index:10;height:44px;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
@supports not (backdrop-filter:blur(1px)){.nav,.localnav{background:var(--nav-solid)}}
.nav ul{padding:0 22px;margin:0 auto;max-width:1024px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav a{color:var(--nav-text);font:400 12px/1 var(--font-text);letter-spacing:-.01em;opacity:.8;text-decoration:none}
.nav a:hover{opacity:1}
.nav .brand a{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.06em;opacity:1}
.nav .brand img{height:16px;width:auto}
.nav .langs{display:flex;gap:14px}
.nav .langs a{font-weight:400}
.nav .langs a.on{opacity:1;font-weight:600}
@media (max-width:833px){.nav{height:48px}.nav li:not(.brand):not(.langs){display:none}}


/* ---- ניווט מקומי: 52px, שם המוצר + כפתור ---- */
.localnav{position:sticky;top:44px;z-index:9;height:52px;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-2)}
.localnav .in{max-width:var(--w-content);margin-inline:auto;padding-inline:22px;height:100%;display:flex;align-items:center;justify-content:space-between}
.localnav .title{font:600 21px/1 var(--font-display);letter-spacing:.011em;color:var(--text)}
.localnav .menu{display:flex;align-items:center;gap:24px}
.localnav .menu a{color:var(--text);font:400 12px/1 var(--font-text);opacity:.8;text-decoration:none}
.localnav .menu a.btn{color:#fff;opacity:1}
@media (max-width:833px){.localnav{top:48px;height:48px}.localnav .menu a:not(.btn){display:none}}


/* ---- כפתורים: קפסולות ---- */
.btn{display:inline-block;background:var(--neutral);color:#fff;border:1px solid transparent;border-radius:var(--r-pill);padding:8px 15px;font:400 14px/1.2857742857 var(--font-text);letter-spacing:-.016em;text-align:center;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .16s var(--ease)}
.btn:hover{background:var(--neutral-hover);text-decoration:none}
.btn:active{background:var(--neutral-active)}
.btn-elevated{padding:11px 21px;font-size:17px;line-height:1.1764805882;letter-spacing:-.022em}
.btn-reduced{padding:3px 10px;font-size:12px;line-height:1.3333733333;letter-spacing:-.01em}
.btn-gold{background:var(--gold);color:#1d1d1f}
.btn-gold:hover{background:var(--gold-hover)}
.btn-gold:active{background:var(--gold-active)}
.btn-block{display:block;width:100%;border-radius:var(--r-block)}
.link-more::after{content:"\203A";display:inline-block;margin-inline-start:.3em}
[dir=rtl] .link-more::after{content:"\2039"}
.links{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;align-items:center}


/* ---- פריסה ---- */
.section{padding-block:82px}
.section>.in{max-width:var(--w-content);margin-inline:auto;padding-inline:22px}
.section .text{max-width:var(--w-text);margin-inline:auto;text-align:center}
.stack>*+*{margin-block-start:.4em}
.stack>h1+*,.stack>h2+*{margin-block-start:.8em}
.stack>p+.links{margin-block-start:1.2em}
.grey{background:var(--bg-3)}
.theme-dark{background:var(--bg);color:var(--text)}
.hero{padding-block-start:56px;padding-block-end:0}
@media (max-width:1068px){.section{padding-block:64px}.section>.in{max-width:692px}.section .text{max-width:576px}}
@media (max-width:734px){.section{padding-block:60px}.section>.in{max-width:none;width:87.5%;padding-inline:0}}


/* ---- שאלות: details ללא סקריפט ---- */
.faq{max-width:var(--w-text);margin:56px auto 0;border-top:1px solid var(--line);text-align:start}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding-block:20px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--text-2);font:400 28px/1 var(--font-display);flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details p{padding-block:0 24px;max-width:60ch;color:var(--text-2)}


/* ---- פוטר ---- */
.footer{background:var(--bg-3);color:var(--text-2);font:400 12px/1.3333733333 var(--font-text);letter-spacing:-.01em;padding-block:17px 21px}
.footer .in{max-width:var(--w-content);margin-inline:auto;padding-inline:22px}
.footer .notes{padding-block-end:17px}
.footer .notes p+p{margin-block-start:.6em}
.footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:24px;border-top:1px solid var(--line)}
.footer .cols h3{font:600 12px/1.3333733333 var(--font-text);letter-spacing:-.01em;color:var(--text);margin-block-end:10px}
.footer .cols p+p{margin-block-start:8px}
.footer .legal{border-top:1px solid var(--line);padding-block-start:17px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer a{color:var(--text-2)}
.footer a:hover{color:var(--text)}
sup{font-size:.6em;line-height:0;vertical-align:super}
@media (max-width:734px){.footer .cols{grid-template-columns:1fr 1fr}}



/* ---- אריחים וכרטיסים ---- */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block-start:56px}
.tile{background:var(--bg-3);border-radius:var(--r-card);padding:48px 40px 40px;text-align:center;display:flex;flex-direction:column;gap:.4em}
.theme-dark .tile{background:var(--bg-3)}
.tile .links{margin-block-start:.8em}
.tile p.t-body{max-width:36ch;margin-inline:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-block-start:56px}
.card{background:var(--bg-3);border-radius:var(--r-card);padding:40px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;text-align:start}
.card .big{font:600 56px/1.0714285714 var(--font-display);letter-spacing:-.005em}
.cards-4{grid-template-columns:repeat(4,1fr)}
.cards-4 .card{min-height:240px;padding:32px}
@media (max-width:1068px){.cards,.cards-4{grid-template-columns:1fr 1fr}.card .big{font-size:48px;letter-spacing:-.003em}}
@media (max-width:734px){.tiles,.cards,.cards-4{grid-template-columns:1fr}.card{padding:32px;min-height:200px}.tile{padding:36px 24px 28px}}


a.card{color:var(--text);text-decoration:none}
a.card:hover{text-decoration:none}
a.card .t-card{color:var(--text)}

/* ---- מאמר ---- */
.article{max-width:var(--w-text);margin-inline:auto;padding:40px 22px 0}
.crumbs{font:400 14px/1.4285914286 var(--font-text);letter-spacing:-.016em;color:var(--text-2);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:var(--text-2)}
.article h1{margin-block-start:16px}
.article .lede{margin-block-start:20px;color:var(--text-2)}
.meta{margin-block-start:16px;display:flex;gap:16px;flex-wrap:wrap}
.article h2{margin-block-start:56px}
.article h3{margin-block-start:32px}
.article h2+p,.article h3+p{margin-block-start:14px}
.article p+p{margin-block-start:14px}
.article ul,.article ol{padding-inline-start:22px;margin-block-start:14px}
.article ul{list-style:disc}.article ol{list-style:decimal}
.article li+li{margin-block-start:8px}
.article table{width:100%;border-collapse:collapse;margin-block-start:20px;font:400 14px/1.4285914286 var(--font-text);letter-spacing:-.016em}
.article th,.article td{text-align:start;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.article th{color:var(--text-2);font-weight:600}
.callout{background:var(--bg-3);border-radius:var(--r-card);padding:32px 36px;margin-block-start:40px}
.callout p+p{margin-block-start:10px}
.toc{background:var(--bg-3);border-radius:var(--r-card);padding:28px 32px;margin-block-start:32px}
.toc ol{margin:12px 0 0;padding-inline-start:20px}
.toc li+li{margin-block-start:6px}
.faq{margin-block-start:24px}
.related{margin-block-start:72px}
.related .cards{margin-block-start:24px}
.card .t-card{font-size:24px;line-height:1.1666666667}
.cta{margin-block-start:64px;text-align:center;background:var(--bg-3);border-radius:var(--r-card);padding:48px 32px}
.cta .links{margin-block-start:24px}
.article img{border-radius:var(--r-card);margin-block-start:28px;width:100%}
.figcap{margin-block-start:10px;text-align:center}
@media (max-width:734px){.callout,.toc,.cta{padding:24px}}

.cities{grid-template-columns:repeat(4,1fr)}
.cities .card{min-height:0;padding:22px 24px;gap:4px}
.cities .card .t-card{font-size:21px;line-height:1.19}
@media (max-width:1068px){.cities{grid-template-columns:repeat(3,1fr)}}
@media (max-width:734px){.cities{grid-template-columns:1fr 1fr}}
