/* נוצר אוטומטית מ-index.html של האב-טיפוס. לא לערוך כאן. */

    /* דף הבית: נקי, א-סימטרי, צבע אחד לפעולה. הצבעים והגופנים מגיעים מהכיוון שנבחר (app.css). */
    .hero2{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;padding:48px 0 64px}
    .hero2 h1{font-size:clamp(40px,5.4vw,72px);line-height:1.06;margin-bottom:24px}
    :root[data-theme="editorial"] .hero2 h1{font-size:clamp(52px,7vw,96px);line-height:.98}
    .hero2 h1 em{font-style:normal;color:var(--bronze)}
    /* פסטל רך: עיגולים, כפתור גלולה, שדות רכים */
    :root[data-theme="soft"] .instant input,:root[data-theme="soft"] .instant select{border-radius:14px;border-color:var(--line-strong)}
    :root[data-theme="soft"] .instant button{border-radius:999px}
    :root[data-theme="soft"] .phone{border-radius:40px}
    :root[data-theme="soft"] .bento>div,:root[data-theme="soft"] .price2 .main,:root[data-theme="soft"] .price2 .side>div,:root[data-theme="soft"] .founders{border-radius:20px}
    :root[data-theme="soft"] .bento .shot{border-radius:14px}
    :root[data-theme="soft"] .st-phone{border-radius:28px}
    :root[data-theme="soft"] .cmp tr.us td:first-child{border-radius:0 12px 12px 0}
    :root[data-theme="soft"] .cmp tr.us td:last-child{border-radius:12px 0 0 12px}
    :root[data-theme="soft"] .hero2 h1{font-size:clamp(40px,5.2vw,66px);line-height:1.1}
    .hero2 .lead{font-size:20px;color:var(--muted);max-width:560px;margin-bottom:32px;line-height:1.6}
    .instant{display:grid;grid-template-columns:1.4fr 1fr auto;gap:8px;max-width:620px}
    .instant input,.instant select{border:1px solid var(--line-strong);border-radius:4px;padding:16px;font-size:16px;background:var(--card);color:var(--text);min-width:0;font-family:inherit}
    .instant input::placeholder{color:var(--muted)}
    :root[data-theme="mafe"] .instant button{background:linear-gradient(180deg,var(--bronze-soft),var(--bronze))}
    :root[data-theme="mafe"] .phone{border-color:#0e0f10;background:#0e0f10;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
    :root[data-theme="mafe"] .hero2 h1{font-size:clamp(44px,5.8vw,78px);line-height:1.04}
    .instant button{background:var(--bronze);color:var(--on-accent);border:none;border-radius:4px;padding:16px 24px;font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .2s}
    .instant button:hover{background:var(--bronze-soft)}
    .hero2 .after{margin-top:16px;font-size:15px;color:var(--muted);min-height:22px}
    .hero2 .after a{text-decoration:underline;text-underline-offset:3px;color:var(--text);font-weight:600}
    /* הירו ב': ממורכז, הדמו במרכז, PDF וכרטיס סטטוס משני צדדיו (גדלים שונים, לא סימטרי) */
    .hero2.hero-b{display:block;padding:40px 0 48px;text-align:center}
    .hero-b .hero-copy{max-width:780px;margin:0 auto 32px}
    .hero-b h1{font-size:clamp(34px,4.4vw,56px);line-height:1.12;margin-bottom:16px}
    .hero-b h1 em{display:block;font-size:.72em;margin-top:6px}
    .hero-b .lead{margin:0 auto 24px;max-width:680px;font-size:18px}
    .hero-b .instant{margin:0 auto}
    .hero-stage{display:grid;grid-template-columns:.8fr 1.3fr .7fr;gap:28px;align-items:center;max-width:960px;margin:0 auto}
    .hero-stage .phone{width:100%;max-width:340px;margin:0 auto}
    .sheet{aspect-ratio:1/1.3;background:#fff;border-radius:10px;box-shadow:0 20px 40px -24px rgba(0,0,0,.35);padding:14px;text-align:start;display:flex;flex-direction:column;gap:10px;transform:rotate(-3deg);border:1px solid var(--line)}
    .sheet-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}
    .sheet-head b{font-size:14px}.sheet-head span{font-size:10px;letter-spacing:.14em;color:var(--muted)}
    .sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}
    .sheet-grid>div{background:var(--paper-2);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
    .sheet-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}
    .sheet-grid i{font-style:normal;font-size:8px;padding:3px 4px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .sheet-foot{font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:6px}
    .scard{aspect-ratio:9/16;border-radius:18px;background:linear-gradient(180deg,#f3efe6,#e9e4d8);color:#1d2a22;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 20px 40px -24px rgba(0,0,0,.35);transform:rotate(3deg);position:relative;overflow:hidden}
    .scard .sc-brand{font-size:11px;letter-spacing:.18em;font-weight:800;color:#2f5d46;margin-top:14px}
    .scard .sc-img{width:100%;aspect-ratio:4/5;border-radius:10px;background:#e4ddd0;overflow:hidden}
    .scard .sc-img img{width:100%;height:100%;object-fit:cover;display:block}
    .scard .sc-name{font-weight:800;font-size:14px;line-height:1.2;text-align:center}
    .scard .sc-price{color:#2f5d46;font-weight:700;font-size:14px}
    .scard .sc-cta{margin-top:auto;background:#2f5d46;color:#fff;border-radius:999px;padding:7px 0;width:100%;font-size:10px;font-weight:700;text-align:center}
    .scard .sc-tag{position:absolute;top:10px;inset-inline-start:10px;font-size:9px;letter-spacing:.1em;color:#5f6b63;background:rgba(255,255,255,.7);padding:2px 7px;border-radius:999px}
    .hero-b .trust{margin:28px auto 0;text-align:center}
    @media (max-width:900px){.hero-stage{display:flex;flex-direction:column;gap:18px}.hero-stage .layer-phone{order:-1}.sheet,.scard{max-width:220px;margin:0 auto;transform:none}}


    /* ===== שדרוג "וואו" (11.10): תנועה רכה, מהלך אחד לכל אזור, 3 תכשיטים בהירו ===== */
    /* הדר דביק: הרקע נמתח לכל רוחב המסך, והתוכן נשאר מיושר לעמוד */
    .nav{position:sticky;top:0;z-index:50;isolation:isolate;transition:padding .25s}
    .nav::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--paper);transition:box-shadow .25s;box-shadow:0 0 0 rgba(0,0,0,0)}
    .nav.is-stuck{padding:12px 0}
    .nav.is-stuck::before{box-shadow:0 12px 30px -22px rgba(0,0,0,.35),0 1px 0 var(--line)}
    .hero-stage{position:relative;perspective:1200px}
    .hero-stage .glow{position:absolute;inset:-12% -18% -8%;background:radial-gradient(closest-side at 50% 42%,rgba(45,122,97,.22),rgba(45,122,97,.06) 55%,transparent 72%);filter:blur(14px);z-index:0;pointer-events:none}
    .hero-stage .layer{position:relative;z-index:1;transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
    .hero-stage .layer-phone{z-index:2}
    .hero-stage .chip{position:absolute;z-index:3;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text);box-shadow:0 14px 30px -18px rgba(0,0,0,.35);white-space:nowrap}
    .chip-a{top:6%;inset-inline-start:17%}
    .chip-b{bottom:10%;inset-inline-end:14%}
    @media (prefers-reduced-motion:no-preference){
      .hero-stage.in .sheet{animation:riseL .9s cubic-bezier(.2,.8,.2,1) .15s backwards}
      .hero-stage.in .phone{animation:rise .9s cubic-bezier(.2,.8,.2,1) 0s backwards}
      .hero-stage.in .scard{animation:riseR .9s cubic-bezier(.2,.8,.2,1) .3s backwards}
      .hero-stage.in .chip-a{animation:pop .6s cubic-bezier(.2,.8,.2,1) .9s backwards}
      .hero-stage.in .chip-b{animation:pop .6s cubic-bezier(.2,.8,.2,1) 1.1s backwards}
      .hero-stage.in .glow{animation:glow 1.4s ease-out both}
    }
    @keyframes rise{from{opacity:0;transform:translateY(36px) scale(.96)}to{opacity:1;transform:none}}
    @keyframes riseL{from{opacity:0;transform:translate(16px,36px) rotate(-3deg) scale(.94)}to{opacity:1;transform:rotate(-3deg)}}
    @keyframes riseR{from{opacity:0;transform:translate(-16px,36px) rotate(3deg) scale(.94)}to{opacity:1;transform:rotate(3deg)}}
    @keyframes pop{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:none}}
    @keyframes glow{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
    .split .w{display:inline-block;white-space:nowrap}
    /* לפני / אחרי */
    .ba-wrap{max-width:360px;margin:0 auto}
    .ba{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;--pos:50%;direction:ltr;border:1px solid var(--line);box-shadow:0 30px 60px -34px rgba(0,0,0,.45);user-select:none;background:var(--paper-2)}
    .ba .st-phone{position:absolute;inset:0;max-width:none;margin:0;border:0;border-radius:0;direction:rtl;aspect-ratio:auto}
    .ba .st-phone.ugly{clip-path:inset(0 0 0 var(--pos))}
    .ba .st-phone.nice{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
    .ba-handle{position:absolute;inset-block:0;left:var(--pos);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);transform:translateX(-50%);pointer-events:none;z-index:2}
    .ba-handle::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.25);transform:translate(-50%,-50%);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322302a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 7l-5 5 5 5M16 7l5 5-5 5'/></svg>");background-repeat:no-repeat;background-position:center;background-size:20px}
    .ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:3;-webkit-appearance:none}
    .ba-label{position:absolute;top:14px;z-index:2;padding:5px 11px;border-radius:999px;background:rgba(34,48,42,.78);color:#fff;font-size:12px;font-weight:700;direction:rtl}
    .l-before{right:14px}.l-after{left:14px;background:rgba(45,122,97,.92)}
    .ba:focus-within .ba-handle::after{outline:3px solid var(--bronze);outline-offset:2px}
    /* סיפור הגלילה: ארבע יציאות */
    .story-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
    .story.is-pinned{min-height:330vh}
    .story.is-pinned .story-inner{position:sticky;top:84px;height:calc(100vh - 100px);max-height:820px}
    .story-steps{display:flex;flex-direction:column;gap:22px}
    .story .step{opacity:.38;transition:opacity .35s,transform .35s;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
    .story .step.is-on{opacity:1;transform:translateX(-6px)}
    .story .step b{grid-row:span 2;font-size:13px;letter-spacing:.14em;color:var(--bronze);padding-top:8px;font-variant-numeric:tabular-nums}
    .story .step h3{font-size:20px;margin-bottom:4px;line-height:1.25}
    .story .step p{color:var(--muted);font-size:15px;line-height:1.55}
    .story-stage{position:relative;aspect-ratio:1;max-width:480px;width:100%;margin:0 auto}
    .story-stage::before{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(45,122,97,.16),transparent 72%);filter:blur(8px)}
    .story .panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px -34px rgba(0,0,0,.4);overflow:hidden;text-align:start}
    .panel img{display:block;width:100%;height:100%;object-fit:cover}
    .p-card{width:min(250px,70%);border-radius:16px;background:var(--card)}
    .p-card .media{aspect-ratio:4/5}
    .p-card .body{padding:14px 16px 16px}
    .p-card .kicker{font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:4px}
    .p-card h4{font-size:17px;margin-bottom:4px}
    .p-card .price{font-weight:700;color:var(--bronze);margin-bottom:12px}
    .p-card .wa{display:block;background:var(--ink);color:var(--paper);border-radius:999px;text-align:center;padding:9px;font-size:12px;font-weight:700}
    .p-pdf{width:min(270px,70%);aspect-ratio:1/1.414;border-radius:6px;padding:16px;display:flex;flex-direction:column;gap:10px}
    .p-pdf .head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:8px}
    .p-pdf .head b{font-size:15px}.p-pdf .head span{font-size:10px;letter-spacing:.14em;color:var(--muted)}
    .p-pdf .grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;flex:1;align-content:start}
    .p-pdf .grid div{display:flex;flex-direction:column;gap:3px}
    .p-pdf .grid img{aspect-ratio:4/5;border-radius:4px}
    .p-pdf .grid i{font-style:normal;font-size:8px;line-height:1.3;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .p-pdf .foot{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:6px}
    .p-status{width:min(210px,58%);aspect-ratio:9/16;border-radius:22px;background:linear-gradient(180deg,#f3efe6,#e9e4d8);color:#1d2a22;padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}
    .p-status .lg{font-size:11px;letter-spacing:.18em;font-weight:800;color:#2f5d46;margin-top:10px}
    .p-status .im{width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:#e4ddd0}
    .p-status .nm{font-weight:800;font-size:16px;line-height:1.2}
    .p-status .pr{color:#2f5d46;font-weight:700;font-size:15px}
    .p-status .cta{margin-top:auto;background:#2f5d46;color:#fff;border-radius:999px;padding:9px 12px;width:100%;font-size:11.5px;font-weight:700;text-align:center;line-height:1.2}
    .story .panel.p-status{text-align:center}
    /* פוסט אינסטגרם אמיתי: כותרת עם פרופיל, תמונה ריבועית עם תגית מוצר, פעולות, לייקים, כיתוב */
    .p-post{width:min(270px,76%);border-radius:14px;background:#fff;color:#111;display:flex;flex-direction:column;font-family:-apple-system,"Segoe UI",Heebo,sans-serif}
    .p-post .ig-head{display:flex;align-items:center;gap:8px;padding:9px 10px}
    .p-post .ig-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 0 0 2px #fff,0 0 0 3px #dbdbdb;flex:0 0 auto}
    .p-post .ig-who{display:flex;flex-direction:column;line-height:1.15;flex:1;min-width:0}
    .p-post .ig-who b{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .p-post .ig-who small{font-size:11px;color:#737373}
    .p-post .ig-dots{color:#262626;display:flex}
    .p-post .ig-img{position:relative;aspect-ratio:1;overflow:hidden;background:#eee}
    .p-post .ig-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .p-post .ig-tag{position:absolute;bottom:10px;inset-inline-start:10px;background:rgba(0,0,0,.72);color:#fff;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:6px;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .p-post .ig-tag::before{content:"";position:absolute;top:-5px;inset-inline-start:12px;border:5px solid transparent;border-top:0;border-bottom-color:rgba(0,0,0,.72)}
    .p-post .ig-act{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 4px;color:#262626}
    .p-post .ig-act span{display:flex;gap:12px}
    .p-post .ig-likes{font-size:12.5px;font-weight:700;padding:0 10px}
    .p-post .ig-cap{font-size:12.5px;line-height:1.4;padding:3px 10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .p-post .ig-cap b{font-weight:700}
    .p-post .ig-more{font-size:11.5px;color:#737373;padding:4px 10px 10px}
    /* בלי pin (מובייל, הפחתת תנועה, בלי GSAP): ארבעת הפאנלים בשורה גלילה */
    .story:not(.is-pinned) .story-inner{grid-template-columns:1fr;gap:28px}
    .story:not(.is-pinned) .step{opacity:1;transform:none}
    .story:not(.is-pinned) .story-stage{aspect-ratio:auto;max-width:none;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 20px;-webkit-overflow-scrolling:touch}
    .story:not(.is-pinned) .story-stage::before{display:none}
    .story:not(.is-pinned) .panel{position:static;transform:none;flex:0 0 auto;scroll-snap-align:center}
    /* קו המסע */
    .path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:34px}
    .path-line{position:absolute;top:10px;inset-inline:8%;height:2px;background:var(--line-strong)}
    .path-line i{display:block;height:100%;background:var(--bronze);transform-origin:right center;transform:scaleX(1)}
    .path .node{position:relative}
    .path .node::before{content:"";position:absolute;top:-30px;inset-inline-start:0;width:12px;height:12px;border-radius:50%;background:var(--bronze);box-shadow:0 0 0 5px var(--paper)}
    .path .node span{font-size:12px;letter-spacing:.14em;color:var(--bronze);font-weight:700}
    .path .node h3{font-size:22px;margin:4px 0 6px}
    .path .node p{color:var(--muted);font-size:15px;line-height:1.55}
    .price2 .main .num .count{font-variant-numeric:tabular-nums}
    @media (max-width:900px){
      .hero-stage .chip{display:none}
      .hero-stage .glow{inset:0}
      .path{grid-template-columns:1fr;gap:28px;padding-top:0;padding-inline-start:28px}
      .path-line{inset-inline:auto;inset-inline-start:5px;top:6px;bottom:6px;width:2px;height:auto}
      .path-line i{transform-origin:top center}
      .path .node::before{top:6px;inset-inline-start:-28px}
    }

    /* ===== הירו קולנועי (11.10): קיר מוצרים אמיתיים מכל התחומים, מוטה בתלת-ממד, נע לאט.
       התחום שנבחר נדלק בקיר, והדמו מתחלף אליו. תכשיט אחד גדול במקום הרבה קטנים (סטייליינר 33). ===== */
    html{overflow-x:clip}
    .hero-b{position:relative;isolation:isolate;padding-top:56px}
    .hero-b>.hero-copy,.hero-b>.hero-stage,.hero-b>.trust{position:relative;z-index:2}
    .wall{position:absolute;z-index:0;top:-40px;height:1040px;inset-inline:calc(50% - 50vw);overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 92%);mask-image:linear-gradient(180deg,#000 62%,transparent 92%)}
    .wall-tilt{position:absolute;inset:-30% -12% -10%;display:flex;gap:20px;justify-content:center;transform:perspective(1700px) rotateX(30deg) rotateZ(-9deg) scale(1.12);transform-origin:50% 28%}
    .wall-col{flex:0 0 172px;display:flex;flex-direction:column;gap:20px;will-change:transform;animation:wallUp 90s linear infinite}
    .wall-col:nth-child(even){animation-name:wallDown;animation-duration:110s}
    @keyframes wallUp{from{transform:translateY(0)}to{transform:translateY(-50%)}}
    @keyframes wallDown{from{transform:translateY(-50%)}to{transform:translateY(0)}}
    .wall img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 22px 36px -24px rgba(20,40,30,.45);opacity:.55;filter:saturate(.6) brightness(1.02);transform:scale(.94);transition:opacity .9s ease,filter .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
    .hero-b[data-cat="flowers"] .wall img[data-cat="flowers"],.hero-b[data-cat="furniture"] .wall img[data-cat="furniture"],.hero-b[data-cat="judaica"] .wall img[data-cat="judaica"],.hero-b[data-cat="home"] .wall img[data-cat="home"],.hero-b[data-cat="jewelry"] .wall img[data-cat="jewelry"]{opacity:1;filter:saturate(1.08) contrast(1.04);transform:none;box-shadow:0 30px 50px -26px rgba(20,40,30,.55)}
    .wall-veil{position:absolute;z-index:1;top:-40px;height:1040px;inset-inline:calc(50% - 50vw);pointer-events:none;background:radial-gradient(ellipse 48% 42% at 50% 33%,var(--paper) 68%,transparent 100%),linear-gradient(180deg,transparent 50%,var(--paper) 88%)}
    @media (prefers-reduced-motion:no-preference){.wall{animation:wallIn 1.8s cubic-bezier(.2,.8,.2,1) both}}
    @keyframes wallIn{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
    @media (prefers-reduced-motion:reduce){.wall-col{animation:none}}
    .form-l{display:block;font-size:15px;font-weight:600;color:var(--text);margin:0 auto 10px}
    .cats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:20px auto 0;max-width:860px}
    .cats-l{font-size:14px;color:var(--muted);margin-inline-end:4px}
    .cats button{position:relative;overflow:hidden;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card);color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .2s}
    .cats button:hover{transform:translateY(-1px)}
    .cats button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
    .cats button.on::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:3px;width:0;background:var(--bronze-soft)}
    .cats.auto button.on::after{animation:chipT 5.8s linear forwards}
    @keyframes chipT{to{width:100%}}
    .cats button:focus-visible{outline:3px solid var(--bronze);outline-offset:2px}
    @media (max-width:900px){
      .hero-b{padding-top:28px}
      .wall,.wall-veil{height:820px}
      .wall-tilt{gap:12px;inset:-20% -30% -10%}
      .wall-col{flex-basis:118px;gap:12px}
      .wall-veil{background:radial-gradient(ellipse 70% 24% at 50% 30%,color-mix(in srgb,var(--paper) 88%,transparent) 30%,transparent 100%),linear-gradient(180deg,transparent 52%,var(--paper) 86%)}
      .wall img{opacity:.85;filter:saturate(.8)}
      .wall-veil{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 65%,transparent) 0%,color-mix(in srgb,var(--paper) 88%,transparent) 40%,var(--paper) 80%)!important}
      .hero-b .hero-copy h1,.hero-b .hero-copy .lead{text-shadow:0 0 22px var(--paper),0 0 8px var(--paper),0 0 2px var(--paper)}
      .cats-l{width:100%}
    }

    /* ===== כפתורים מעוצבים (ספריית הקודים, 11.10) =====
       ShimmerButton + InteractiveHoverButton: Magic UI, MIT. הותאמו ל-CSS נקי, RTL ופלטת פסטל רך. */
    .instant .cta-sh{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:0;padding:16px 28px;font-size:17px;font-weight:800;letter-spacing:.01em;background:var(--ink);box-shadow:0 14px 28px -14px rgba(45,122,97,.75)}
    .cta-sh::before{content:"";position:absolute;z-index:-2;top:50%;left:50%;width:300%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);background:conic-gradient(from 0deg,transparent 0 290deg,rgba(255,255,255,.95) 330deg,transparent 350deg);animation:shSpin 3.2s linear infinite}
    .cta-sh::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:inherit;background:linear-gradient(180deg,var(--bronze-soft),var(--bronze));box-shadow:inset 0 -8px 12px rgba(255,255,255,.14),inset 0 1px 0 rgba(255,255,255,.25);transition:box-shadow .3s,filter .3s}
    .cta-sh:hover::after{box-shadow:inset 0 -6px 12px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.35);filter:brightness(1.06)}
    .cta-sh:active::after{box-shadow:inset 0 -10px 12px rgba(255,255,255,.3)}
    .cta-sh .arr{display:inline-flex;width:0;opacity:0;overflow:hidden;transform:translateX(10px);transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1),margin .3s}
    .cta-sh:hover .arr,.cta-sh:focus-visible .arr{width:18px;opacity:1;transform:none;margin-inline-start:8px}
    .cta-sh .ring{position:absolute;inset:0;border-radius:inherit;border:2px solid var(--bronze-soft);opacity:0;pointer-events:none}
    .cta-sh.pulse .ring{animation:shRing .6s ease-out}
    @keyframes shSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
    @keyframes shRing{from{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.9)}}
    .hov{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:8px}
    .hov .dot{width:8px;height:8px;border-radius:50%;background:var(--bronze-soft);flex:0 0 auto;transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:-1}
    .hov .t1{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
    .hov .t2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;opacity:0;transform:translateX(40%);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
    .hov .t2 svg{width:16px;height:16px}
    .hov:hover .dot,.hov:focus-visible .dot{transform:scale(28)}
    .hov:hover .t1,.hov:focus-visible .t1{transform:translateX(-40%);opacity:0}
    .hov:hover .t2,.hov:focus-visible .t2{opacity:1;transform:none}
    .cats button{display:inline-flex;align-items:center;gap:8px;padding-inline:5px 16px}
    .cats .ci{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 2px var(--card);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
    .cats button:hover .ci{transform:scale(1.12) rotate(-6deg)}
    .cats button.on .ci{box-shadow:0 0 0 2px var(--bronze-soft)}
    @media (prefers-reduced-motion:reduce){.cta-sh::before{animation:none;opacity:0}.cta-sh .arr,.hov *,.cats .ci{transition:none}}
    @media (hover:none){.cta-sh .arr{width:18px;opacity:1;transform:none;margin-inline-start:8px}}

    /* ===== גאומטריה אחידה בהירו: רדיוס 14 לשדות, לכפתור ולאריחים ===== */
    :root[data-theme="soft"] .instant .cta-sh{border-radius:14px}
    /* ===== אריחי תחום: כל תחום הוא כרטיס קטלוג קטן עם תמונה מלאה.
       זרקור שעוקב אחרי העכבר (ספריית הקודים, HTML 10) + הטיה תלת-ממדית עדינה. ===== */
    .cats{gap:10px;max-width:940px;margin-top:22px;perspective:900px}
    .cats-l{width:100%;margin:0 0 2px;font-size:14px;color:var(--muted)}
    .cats button{display:block;position:relative;overflow:hidden;isolation:isolate;width:120px;height:92px;min-height:0;padding:0;border-radius:14px;border:1px solid var(--line);background:var(--paper-2);box-shadow:0 12px 26px -20px rgba(20,40,30,.55);transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s}
    .cats button:hover{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-5px);box-shadow:0 24px 40px -22px rgba(20,40,30,.6)}
    .cats .ci{position:absolute;inset:0;z-index:0;width:100%;height:100%;border-radius:0;object-fit:cover;box-shadow:none;filter:saturate(.55) brightness(1.03);transform:scale(1.02);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .45s}
    .cats button:hover .ci{transform:scale(1.12) rotate(0deg);filter:none}
    .cats button::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(180px circle at var(--mx,50%) var(--my,30%),rgba(255,255,255,.42),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
    .cats button:hover::before{opacity:1}
    .cats button span{position:absolute;z-index:2;inset-inline:0;bottom:0;padding:26px 12px 9px;background:linear-gradient(180deg,transparent,rgba(20,32,26,.82));color:#fff;font-size:14px;font-weight:700;text-align:start;line-height:1.2;transition:background .35s}
    .cats button.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink),0 22px 38px -22px rgba(20,40,30,.65)}
    .cats button.on .ci{filter:none;box-shadow:none}
    .cats button.on span{background:linear-gradient(180deg,transparent,rgba(45,122,97,.95) 70%)}
    .cats button.on::after{z-index:3;height:3px;background:#fff;opacity:.9}
    .cats button:focus-visible{outline:3px solid var(--bronze);outline-offset:3px}
    @media (prefers-reduced-motion:reduce){.cats button,.cats .ci{transition:none;transform:none}}
    @media (max-width:900px){
      .cats{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:6px 16px 12px;scrollbar-width:none;perspective:none}
      .cats::-webkit-scrollbar{display:none}
      .cats-l{display:none}
      .cats button{flex:0 0 116px;height:86px;scroll-snap-align:start}
    }

    /* ===== אייפון תלת-ממדי (Schooliner device kit + three.js). גם בנייד (רזולוציה נמוכה ונדנוד עצמי). בהפחתת תנועה: הטלפון הרגיל ===== */
    .layer-phone.is-3d .phone{visibility:hidden}
    .phone3d{position:absolute;inset:-8% -34% -4%;z-index:2;pointer-events:none}
    .phone3d canvas{width:100%;height:100%;display:block}
    .phone3d::after{content:"";position:absolute;left:28%;right:28%;bottom:6%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(20,40,30,.32),transparent);filter:blur(6px);z-index:-1}
    .layer-phone:not(.is-3d) .phone3d{display:none}
    @media (max-width:900px){
      .phone3d{inset:-6% -16% -2%}
      .phone3d .open-live{font-size:13px;bottom:-4%}
      .layer-phone.is-3d{touch-action:pan-y}
      .hero-stage:has(.layer-phone.is-3d){row-gap:46px}
    }
    .phone3d .open-live{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);pointer-events:auto;white-space:nowrap;font-size:14px;font-weight:700;color:var(--text);background:var(--card);border:1px solid var(--line-strong);border-radius:14px;padding:10px 16px;box-shadow:0 12px 24px -18px rgba(20,40,30,.5);transition:transform .25s,box-shadow .25s}
    .phone3d .open-live:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 18px 30px -18px rgba(20,40,30,.55)}
    .hero-stage.in .layer-phone.is-3d .phone{animation:none}

    /* מסגרת עם חץ שמצביע על השלב הדלוק (בקשה 11.10) */
    .story-stage-wrap{position:relative}
    .story-frame{position:absolute;z-index:0;left:50%;top:50%;width:min(530px,100%);height:min(620px,calc(100vh - 150px));transform:translate(-50%,-50%);border:1.5px solid var(--ink);border-radius:22px;pointer-events:none}
    .story-stage{z-index:1}
    .story-tail{position:absolute;left:calc(100% - 1.5px);top:var(--tail,50%);transform:translateY(-50%);overflow:visible;transition:top .55s cubic-bezier(.2,.8,.2,1)}
    .story-tail .f{fill:var(--paper)}
    .story-tail .s{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}
    .story:not(.is-pinned) .story-frame{display:none}

    /* חפיסת הכרטיסים: אותו גובה לכולם, כל אחד ביחס האמיתי שלו */
    .story.is-pinned .story-stage{aspect-ratio:auto;height:min(560px,calc(100vh - 190px));max-width:520px}
    .story.is-pinned .story-stage::before{display:none}
    .story.is-pinned .panel{height:440px;backface-visibility:hidden;will-change:transform;box-shadow:0 30px 60px -30px rgba(20,40,30,.45),0 10px 24px -14px rgba(20,40,30,.25)}
    .story.is-pinned .p-card{width:290px;display:flex;flex-direction:column}
    .story.is-pinned .p-card .media{flex:1;min-height:0;aspect-ratio:auto}
    .story.is-pinned .p-pdf{width:311px;aspect-ratio:auto}
    .story.is-pinned .p-status{width:248px;aspect-ratio:auto}
    .story.is-pinned .p-post{width:300px;aspect-ratio:auto}
    .story.is-pinned .p-post .ig-img{aspect-ratio:auto;flex:1;min-height:0}

    /* גלריית הקטלוגים */
    .gal{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
    .gal a{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--text);box-shadow:0 14px 30px -24px rgba(20,40,30,.5);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
    .gal a:hover{transform:translateY(-5px);box-shadow:0 26px 44px -26px rgba(20,40,30,.6)}
    .gal .shot{aspect-ratio:3/4;background-size:100% auto;background-position:center 22%;background-repeat:no-repeat;border-bottom:1px solid var(--line);transition:background-position 2.4s ease}
    .gal a:hover .shot{background-position:center 48%}
    .gal .meta{padding:12px 14px 14px;display:flex;flex-direction:column;gap:3px}
    .gal .meta b{font-size:16px}
    .gal .meta span{font-size:13px;color:var(--muted)}
    .gal .meta i{font-style:normal;align-self:flex-start;margin-top:6px;font-size:12px;font-weight:600;color:var(--bronze);background:var(--paper-2);border-radius:999px;padding:3px 10px}
    @media (max-width:900px){.gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:4px 16px 14px;scrollbar-width:none}.gal::-webkit-scrollbar{display:none}.gal a{flex:0 0 62%;scroll-snap-align:start}}

    /* פס האמון: שורת אתרים מסודרת, בלי קווים תחתונים, ומרווח מתחת לבמה */
    .hero-b .trust{margin:76px auto 0;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:22px;border-top:1px solid var(--line)}
    .trust .trust-l{font-size:14px;color:var(--muted)}
    .trust-sites{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
    .trust-sites a{font-size:14px;font-weight:600;color:var(--text);text-decoration:none;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);transition:border-color .25s,transform .25s}
    .trust-sites a:hover{border-color:var(--ink);transform:translateY(-2px)}
    @media (max-width:900px){.hero-b .trust{margin-top:40px}}

    /* "משהו אחר": תחום חופשי + קטלוג מהתמונות של המבקר */
    .cats .other-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--card);border:1.5px dashed var(--line-strong);color:var(--text)}
    .cats .other-tile span{position:static;background:none;padding:0;color:var(--text);font-size:14px;text-align:center}
    .cats .other-tile:hover{border-color:var(--ink)}
    .cats .other-tile.on{border-style:solid;border-color:var(--ink);background:var(--paper-2)}
    .cats .other-tile.on span{background:none}
    .other{max-width:620px;margin:16px auto 0;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;text-align:start;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 36px -28px rgba(20,40,30,.5)}
    .other[hidden]{display:none}
    .other .o-l{font-size:15px;font-weight:700}
    .other input[type=text]{border:1px solid var(--line-strong);border-radius:14px;padding:14px 16px;font:inherit;font-size:16px;background:var(--paper);color:var(--text)}
    .drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px;border:2px dashed var(--line-strong);border-radius:14px;background:var(--paper);color:var(--text);text-align:center;cursor:pointer;transition:border-color .25s,background .25s}
    .drop b{font-size:16px}.drop span{font-size:13px;color:var(--muted)}
    .drop:hover,.drop.over{border-color:var(--bronze);background:var(--paper-2)}
    .drop.busy{opacity:.7;pointer-events:none}
    .drop-thumbs{display:flex;gap:6px;flex-wrap:wrap}
    .drop-thumbs img{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--line)}
    @media (max-width:900px){.cats .other-tile{flex:0 0 116px;height:86px}}
    .hero2 .lead b{font-weight:600;color:var(--text)}
    .trust{margin-top:18px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;max-width:620px}
    .trust a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}
    .phone{width:min(360px,100%);margin:0 auto;border-radius:36px;border:10px solid var(--ink);background:var(--ink);aspect-ratio:9/18.5;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);position:relative}
    .phone iframe{width:100%;height:100%;border:0;background:#141009}
    .phone .flash{position:absolute;inset:0;background:var(--paper);opacity:0;pointer-events:none;transition:opacity .35s}
    .phone .flash.on{opacity:1}

    .band{padding:56px 0;border-top:1px solid var(--line)}   /* דף נחיתה: ריווח קטן בין אזורים (הקורס) */
    .band h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin-bottom:16px;max-width:780px}
    :root[data-theme="editorial"] .band h2{font-size:clamp(40px,5.2vw,64px)}
    .band .sub{font-size:18px;color:var(--muted);max-width:620px;margin-bottom:40px;line-height:1.6}

    /* סטטוס: לפני / אחרי */
    .status-cmp{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
    .st-phone{aspect-ratio:9/16;border-radius:20px;overflow:hidden;position:relative;max-width:300px;margin:0 auto;border:1px solid var(--line)}
    .st-phone.ugly{background:#e9e4da}
    .st-phone.ugly img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(.95)}
    .st-phone.ugly .txt{position:absolute;inset-inline:16px;top:48px;background:rgba(0,0,0,.55);color:#fff;font-family:'Comic Sans MS','Heebo',sans-serif;font-size:18px;padding:10px 12px;border-radius:6px;line-height:1.4;transform:rotate(-2deg)}
    .st-phone.ugly .txt2{position:absolute;inset-inline:30px;bottom:70px;color:#ff2d55;font-size:26px;font-weight:900;text-shadow:0 0 6px #fff;transform:rotate(3deg);text-align:center}
    .st-phone.nice{background:linear-gradient(180deg,#f3efe6,#e9e4d8);display:flex;flex-direction:column;align-items:center;padding:22px 20px;color:#1d2a22;text-align:center}
    .st-phone.nice .lg{font-family:'Heebo',sans-serif;font-weight:800;letter-spacing:.2em;font-size:13px;color:#2f5d46}
    .st-phone.nice .im{width:100%;aspect-ratio:4/5;border-radius:14px;margin:18px 0 16px;background:#e4ddd0;overflow:hidden}
    .st-phone.nice .im img{width:100%;height:100%;object-fit:cover;display:block}
    .st-phone.nice .nm{font-weight:800;font-size:19px;line-height:1.2;font-family:'Heebo',sans-serif}
    .st-phone.nice .pr{color:#2f5d46;font-weight:700;font-size:18px;margin:6px 0 10px}
    .st-phone.nice .ds{font-size:12px;color:#5f6b63;line-height:1.5}
    .st-phone.nice .cta{margin-top:auto;background:#2f5d46;color:#fff;border-radius:999px;padding:9px 0;width:100%;font-size:12px;font-weight:700}
    .cap{text-align:center;font-size:14px;color:var(--muted);margin-top:12px}

    /* bento ארבע יציאות */
    .bento{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:auto auto;gap:16px}
    .bento>div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px}
    :root[data-theme="gallery"] .bento>div{background:var(--paper-2);border-color:transparent}
    .bento .big{grid-row:span 2;display:flex;flex-direction:column}
    .bento h3{font-size:24px;margin-bottom:8px}
    .bento p{color:var(--muted);font-size:15px}
    .bento .shot{margin-top:20px;flex:1;min-height:260px;border-radius:6px;overflow:hidden;background:#141009;border:1px solid var(--line)}
    .bento .shot iframe{width:200%;height:200%;transform:scale(.5);transform-origin:top right;border:0;pointer-events:none}

    /* השוואה */
    .cmp{width:100%;border-collapse:collapse;font-size:15px}
    .cmp th,.cmp td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
    .cmp th{font-weight:700;font-size:14px;color:var(--muted)}
    .cmp td:first-child{font-weight:700}
    .cmp tr.us td{background:var(--paper-2);font-weight:600}
    .cmp tr.us td:first-child{color:var(--bronze)}

    /* תמחור */
    .price2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:stretch}
    .price2 .main{background:var(--ink);color:var(--paper);border-radius:8px;padding:36px;display:flex;flex-direction:column}
    :root[data-theme="mafe"] .price2 .main{background:var(--card-2);color:var(--text);border:1px solid var(--bronze)}
    .price2 .main h3{font-size:32px;margin-bottom:6px}
    .price2 .main .num{font-size:52px;font-weight:700;margin:14px 0 2px;font-variant-numeric:tabular-nums}
    .price2 .main .num small{font-size:16px;font-weight:400;opacity:.7}
    :root[data-theme="mafe"] .price2 .main .num,:root[data-theme="mafe"] .price2 .side .num{color:var(--bronze-soft)}
    .price2 .main ul{list-style:none;margin:22px 0 28px;columns:2;gap:24px}
    .price2 .main li{padding-inline-start:18px;position:relative;margin-bottom:8px;font-size:15px;break-inside:avoid}
    .price2 .main li::before{content:"";position:absolute;inset-inline-start:0;top:10px;width:6px;height:6px;background:var(--bronze-soft);border-radius:50%}
    .price2 .side{display:flex;flex-direction:column;gap:16px}
    .price2 .side>div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:24px;flex:1}
    .price2 .side h3{font-size:22px;margin-bottom:4px}
    .price2 .side .num{font-size:30px;font-weight:700;margin:6px 0;font-variant-numeric:tabular-nums}
    .price2 .side .num small{font-size:13px;font-weight:400;color:var(--muted)}
    .price2 .side p{color:var(--muted);font-size:14px}
    .founders{margin-top:16px;border:1px solid var(--line-strong);border-radius:8px;padding:20px 24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--paper-2)}
    .founders b{font-size:18px}
    .founders p{color:var(--muted);font-size:14px;flex:1;min-width:260px}
    .btn-accent{background:var(--bronze)}
    .guar{margin-top:40px;font-size:15px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;max-width:720px}

    @media (max-width:980px){
      .hero2{grid-template-columns:1fr;gap:40px}.phone{order:2}
      .instant{grid-template-columns:1fr}.status-cmp{grid-template-columns:1fr}
      .bento{grid-template-columns:1fr}.bento .big{grid-row:auto}
      .price2{grid-template-columns:1fr}.price2 .main ul{columns:1}
    }

    /* ===== מובייל (17.10) ===== */
    @media (max-width:900px){
      /* הירו: טלפון קטן יותר, ומתחתיו ה-PDF וכרטיס הסטטוס זה לצד זה במקום טור ארוך */
      .hero-stage{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"phone phone" "sheet card";gap:18px 12px;align-items:start;max-width:420px}
      .hero-stage .layer-phone{grid-area:phone;order:0}
      .hero-stage .layer-sheet{grid-area:sheet}
      .hero-stage .layer-card{grid-area:card}
      .hero-stage .phone{width:min(260px,74vw);max-width:none}
      .hero-stage .sheet,.hero-stage .scard{max-width:none;width:100%;margin:0}
      .hero-stage .sheet{padding:10px;gap:8px}
      .hero-stage .scard{padding:12px 10px}
      /* הסיפור: הכרטיסים שנגללים הצידה לא מרחיבים את העמודה מעבר למסך */
      .story-inner>*{min-width:0}
    }
    /* טבלת ההשוואה בטלפון: כל חלופה היא כרטיס, עם שם העמודה מעל כל ערך */
    @media (max-width:700px){
      .cmp thead{display:none}
      .cmp,.cmp tbody,.cmp tr,.cmp td{display:block;width:100%}
      .cmp tr{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;background:var(--card,#fff)}
      .cmp td{border:0;padding:5px 0;font-size:15px}
      .cmp td:first-child{font-size:18px;font-weight:700;padding-bottom:6px}
      .cmp td:nth-child(2)::before{content:"עלות"}
      .cmp td:nth-child(3)::before{content:"200 מוצרים"}
      .cmp td:nth-child(4)::before{content:"כשמחיר משתנה"}
      .cmp td:not(:first-child)::before{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:1px}
      :root[data-theme="soft"] .cmp tr.us td:first-child,:root[data-theme="soft"] .cmp tr.us td:last-child{border-radius:0}
      .cmp tr.us{border-color:var(--bronze);box-shadow:0 0 0 1px var(--bronze);background:var(--paper-2);padding:18px 20px}
      /* בנייד הרקע על הכרטיס כולו ולא על כל שורה, כדי שיהיו שוליים פנימיים והטקסט לא ייגע בקצה */
      .cmp tr.us td{background:transparent}
    }

    /* כפתור הבנייה בהירו: הדרך הראשית לאשף */
    .build-cta{margin-top:18px;font-size:17px;padding:16px 34px;border-radius:14px;box-shadow:0 18px 34px -18px rgba(45,122,97,.7)}
    @media (max-width:900px){.build-cta{width:100%;max-width:420px}}