/*
Theme Name: Compa Digital
Theme URI: https://compa.co.il/
Author: Compa Digital
Description: תבנית בת של Twenty Twenty-Five עבור Compa Digital. כיוון "נייר בהיר", RTL, שני מסלולי מכירה, ופונטים מוטמעים מקומית. נבנתה לביצועים: אין ספריות חיצוניות, אין בקשות רשת חיצוניות, ואין תלות בבונה עמודים.
Template: twentytwentyfive
Version: 3.2.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: compa-child
Tags: rtl-language-support, accessibility-ready, block-themes, one-column, custom-colors, custom-logo, custom-menu, editor-style, translation-ready, full-site-editing
*/

/* ==========================================================================
   1. עטיפת התבנית: מנטרלים את מה שתבנית האב מביאה ומתנגש
   ========================================================================== */
:where(body){ margin:0 }
*,*::before,*::after{ box-sizing:border-box }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100% }
[id]{ scroll-margin-top:86px }
@media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* ליבת וורדפרס מוסיפה מרווחי בלוק ברירת מחדל; העיצוב כאן מנהל אותם בעצמו */
.compa-sec > .wp-block-group__inner-container > *,
.compa-sec > *{ margin-block-start:0 }



:root{
  --paper:#F4F1EA;
  --paper-2:#FBFAF7;
  --white:#FFFFFF;
  --blue:#1B63E8;
  --blue-deep:#134CB4;
  --blue-pale:#E4EBFA;
  --blue-line:#CFDEF8;
  --ink:#111826;
  --body:#4C5768;
  --muted:#5F6875;
  --rule:#DAD4C6;
  --rule-soft:#E6E1D6;
  --ok:#0E7A55;
  --max:1080px;
}

body{
  font-family:"Heebo",system-ui,sans-serif;
  background:var(--paper);
  color:var(--body);
  line-height:1.62;
  font-size:17px;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;opacity:.055;
}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:900;color:var(--ink);letter-spacing:-.028em;line-height:1.1}
strong{color:var(--ink);font-weight:700}
::selection{background:var(--blue);color:#fff}

.wrap{position:relative;z-index:1}
.skip{position:absolute;right:-9999px;top:0;background:var(--blue);color:#fff;padding:10px 18px;z-index:200;font-weight:700}
.skip:focus{right:28px}
:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px}

/* ============ NAV ============ */
.compa-nav{position:sticky;top:0;z-index:100;background:rgba(244,241,234,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.compa-nav-inner{max-width:var(--max);margin:0 auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{display:flex;align-items:center}
.logo-img{height:30px;width:auto;display:block}
.nav-links{display:flex;gap:26px;font-size:15.5px;color:var(--body)}
.nav-links a{padding-bottom:2px;border-bottom:1.5px solid transparent}
.nav-links a:hover{color:var(--ink);border-bottom-color:var(--blue)}
.nav-cta{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:#fff;padding:10px 18px;font-size:15.5px;font-weight:700;border-radius:3px;white-space:nowrap}
.nav-cta:hover{background:var(--blue-deep)}
.nav-cta svg{width:18px;height:18px;fill:currentColor}
/* ===== תפריט מובייל =====
   מתחת ל-960px שורת הקישורים לא נכנסת. במקום להעלים ניווט לגמרי,
   הוא נפתח מ-details. ללא JS, נגיש מהמקלדת, ונסגר בלחיצה נוספת. */
.nav-m{ display:none; position:relative }
.nav-m summary{
  list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:9px;
  font-size:15.5px; font-weight:700; color:var(--ink);
  padding:9px 14px; border:1.5px solid #BDB6A5; border-radius:3px;
}
.nav-m summary::-webkit-details-marker{ display:none }
.nav-m summary:hover{ border-color:var(--blue); color:var(--blue) }
.nav-m summary:focus-visible{ outline:2.5px solid var(--blue); outline-offset:3px }
.nav-m-bars{
  width:16px; height:11px; flex:0 0 auto;
  background:
    linear-gradient(currentColor,currentColor) top/16px 1.8px no-repeat,
    linear-gradient(currentColor,currentColor) center/16px 1.8px no-repeat,
    linear-gradient(currentColor,currentColor) bottom/16px 1.8px no-repeat;
}
.nav-m[open] summary{ border-color:var(--blue); color:var(--blue) }
.nav-m-links{
  position:absolute; inset-inline-end:0; top:calc(100% + 9px); z-index:120;
  min-width:190px; display:flex; flex-direction:column;
  background:var(--white); border:1px solid var(--rule);
  box-shadow:0 12px 28px rgba(17,24,38,.13);
}
.nav-m-links a{ padding:13px 18px; font-size:16px; color:var(--ink); border-top:1px solid var(--rule-soft) }
.nav-m-links a:first-child{ border-top:none }
.nav-m-links a:hover{ background:var(--blue-pale); color:var(--blue-deep) }
.nav-m-wa{ display:flex; align-items:center; gap:9px; font-weight:700; color:var(--blue-deep) }
.nav-m-wa svg{ width:17px; height:17px; fill:currentColor; flex:0 0 auto }


/* ============ BUTTONS ============ */
.btn,.btn-line{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:17px;padding:15px 26px;border-radius:3px;border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:background .14s,border-color .14s,color .14s}
.btn{background:var(--blue);color:#fff}
.btn:hover{background:var(--blue-deep)}
.btn-line{background:transparent;color:var(--ink);border-color:#BDB6A5}
.btn-line:hover{border-color:var(--blue);color:var(--blue)}
.btn-invert{background:#fff;color:var(--blue-deep)}
.btn-invert:hover{background:var(--blue-pale)}
.wa{width:19px;height:19px;fill:currentColor;flex-shrink:0}

/* ============ HERO ============ */
.hero{padding:56px 0 0}
.hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:52px;align-items:center}
.kicker{font-size:14px;font-weight:500;color:var(--muted);margin-bottom:22px;letter-spacing:.01em}
.kicker b{color:var(--ink);font-weight:900}
h1{font-size:clamp(38px,6.5vw,72px);letter-spacing:-.034em;margin-bottom:24px}
.compa-hero h1 em{ font-style:normal; color:var(--blue) }
.lead{font-size:clamp(17.5px,2vw,21px);max-width:34em;margin-bottom:32px;line-height:1.6}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.hero-after{font-size:14.5px;color:var(--muted);margin-top:16px}

/* one running spec line instead of a four-cell "trust" grid */
.specline{list-style:none;display:flex;flex-wrap:wrap;margin:56px 0 0;border-top:1px solid var(--rule);padding-top:16px;font-size:14.5px;color:var(--muted)}
.specline span{padding:2px 0;white-space:nowrap}
.specline span+span{margin-inline-start:16px;padding-inline-start:16px;border-inline-start:1px solid var(--blue-line)}

/* ============ SECTIONS ============ */
.compa-sec{padding:54px 0}
.pt0{padding-top:0}
#tracks{padding-bottom:0}
h2{font-size:clamp(28px,4.1vw,50px);margin-bottom:14px;max-width:16em}
.h2-sm{font-size:clamp(25px,3vw,36px)}
.say{font-size:18px;max-width:36em;line-height:1.66}
.say + .say{margin-top:12px}
.lede-split{display:grid;grid-template-columns:1fr .82fr;gap:44px;align-items:end;margin-bottom:46px}
.eyebrow{font-size:13px;font-weight:900;color:var(--blue);letter-spacing:.055em;display:block;margin-bottom:16px}

/* ===== רשת הבעיות: כרטיסים קומפקטיים במקום לדג'ר גבוה ===== */
.pains{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px 20px; margin-top:30px }
.pain{ background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:18px 18px 15px }
.pain h3{ font-size:16px; line-height:1.35; margin-bottom:7px }
.pain p{ font-size:13.8px; line-height:1.55; color:var(--body) }
@media(max-width:960px){ .pains{ grid-template-columns:1fr 1fr } }
@media(max-width:640px){ .pains{ grid-template-columns:1fr } }

/* ============ LEDGER (replaces the icon-card grid) ============ */
.ledger{border-top:1.5px solid var(--ink)}
.ledger .row{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:40px;padding:28px 0;border-bottom:1px solid var(--rule)}
.ledger-t{font-size:20px;font-weight:900;color:var(--ink);letter-spacing:-.02em;line-height:1.28}
.ledger-d{font-size:16.6px;line-height:1.68}

/* ============ FOUR PLAIN POINTS ============ */
.points{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}
.points>.point{border-top:2.5px solid var(--blue);padding-top:15px}
.points h3{font-size:17.5px;margin-bottom:7px}
.points p{font-size:15.6px;line-height:1.6}

/* ============ OFFER FIELD (the campaign's offer card) ============ */
.offer{background:var(--blue-pale);border:1px solid var(--blue-line);padding:28px 30px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;margin-top:36px}
.offer-fig{font-size:82px;font-weight:900;color:var(--blue-deep);line-height:.82;letter-spacing:-.06em;white-space:nowrap}
.offer-cur{font-size:26px;letter-spacing:0;margin-inline-start:6px}
.offer-cap{display:block;font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:0;line-height:1.35;margin-top:12px}
.offer-txt h3{font-size:22px;margin-bottom:8px}
.offer-txt p{font-size:16.2px;line-height:1.62;max-width:44em}
.offer-side{display:flex;flex-direction:column;gap:9px;min-width:216px}
.offer-note{font-size:13px;color:var(--muted);text-align:center}

/* ============ STEPS ============ */
.steps{list-style:none;margin-top:26px;border-top:1px solid var(--rule)}
.steps .step{display:grid;grid-template-columns:62px 1fr;gap:22px;padding:19px 0;border-bottom:1px solid var(--rule)}
.step-n{font-size:14px;font-weight:900;color:var(--blue);letter-spacing:.08em;padding-top:5px}
.step .step-h{font-size:18.5px;margin-bottom:6px}
.step p{font-size:16.2px;line-height:1.62;max-width:44em}
.said{display:block;margin-top:10px;padding-inline-start:15px;border-inline-start:2px solid var(--blue-line);font-size:15.4px;color:var(--muted);max-width:40em}

/* ============ PRICING (spec sheet, not cards) ============ */
.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:44px}
.rate{border-top:1.5px solid var(--ink);padding-top:22px}
.rate.lead-rate{border-top-color:var(--blue);border-top-width:4px}
.rate-flag{font-size:12.5px;font-weight:900;color:var(--blue);letter-spacing:.06em;display:block;margin-bottom:9px}
.rate h3{font-size:23px;margin-bottom:8px}
.rate .who{font-size:15.6px;color:var(--muted);line-height:1.55;min-height:3.1em}
.fig{display:flex;align-items:baseline;gap:7px;margin:18px 0 3px}
.fig b{font-size:56px;font-weight:900;color:var(--ink);letter-spacing:-.055em;line-height:1}
.fig span{font-size:19px;font-weight:700;color:var(--muted)}
.fig-note{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.feat{list-style:none;margin-bottom:26px}
.feat p{padding:10px 0;border-top:1px solid var(--rule-soft);font-size:15.8px;line-height:1.5;color:var(--ink)}
.feat p.off{color:var(--muted)}
.feat p.off::before{content:"לא כלול · ";font-size:12.5px;font-weight:900;letter-spacing:.03em;color:#8E8778}
.rate .btn,.rate .btn-line{width:100%}
.aside-note{font-size:15.6px;line-height:1.6}
.aside-note a{color:var(--blue);font-weight:700;border-bottom:1.5px solid var(--blue-line)}
.fineprint{font-size:14.2px;color:var(--muted);margin-top:26px;padding-top:14px;border-top:1px solid var(--rule);max-width:60em}


/* ============ COMPARE ============ */
/* ===== שלושת המסלולים ===== */
/* ===== כרטיסי המסלולים =====
   שלושה כרטיסים סגורים, לבנים, במשקל חזותי שווה. ההיררכיה בתוך כל
   כרטיס קבועה: שם → מחיר → כפתור → למה → מה כלול. הכפתור באותו גובה
   בשלושתם, ושורת "מה כלול" נעוצה לתחתית, כך שהעין משווה בלי לחפש. */
.plans3{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px; align-items:start }
.pkg{
  position:relative; display:flex; flex-direction:column;
  background:var(--white); border:1px solid var(--rule); border-radius:4px;
  padding:26px 24px 20px;
}
.pkg-lead{ border:1.5px solid var(--blue); box-shadow:0 14px 34px rgba(17,24,38,.09) }
.pkg-flag{
  position:absolute; top:-13px; inset-inline-start:20px; margin:0;
  background:var(--blue-deep); color:#fff; font-size:11.5px; font-weight:900;
  letter-spacing:.06em; padding:4px 13px; border-radius:999px; line-height:1.5;
}
.pkg h3{ font-size:23px; margin-bottom:3px }
.pkg-sub{ font-size:14.6px; color:var(--muted); margin-bottom:20px }
.pkg .fig{ display:flex; align-items:flex-end; gap:8px; margin:0 0 4px; min-height:46px }
.pkg .fig b{ font-size:46px; font-weight:900; color:var(--ink); letter-spacing:-.05em; line-height:1 }
/* "לפי הצעת מחיר" הוא לא מספר. באותו גודל הוא צועק חזק יותר מ-149. */
.pkg .fig b.fig-txt{ font-size:24px; letter-spacing:-.02em; line-height:1.25; padding-bottom:3px }
.pkg .fig span{ font-size:16px; font-weight:700; color:var(--muted); padding-bottom:5px }
.pkg-why{
  font-size:14.8px; line-height:1.62; color:var(--body);
  border-top:1px solid var(--rule-soft); padding-top:18px; margin:22px 0 14px;
  min-height:118px;
}
.pkg-why strong{ display:block; font-size:12px; letter-spacing:.05em; color:var(--muted); margin-bottom:6px; font-weight:900 }
.pkg .btn, .pkg .btn-line{ width:100%; font-size:14.8px; gap:8px; padding:14px 10px; white-space:nowrap }

/* חתימת המייסד: שם פרטי בלבד, אחרי פסקה שכבר אמרה מי ומה */
.sig{ font-weight:900; font-size:22px; color:var(--ink); margin-top:22px; letter-spacing:-.02em }
.sig::before{ content:""; display:block; width:44px; height:2.5px; background:var(--blue); margin-bottom:12px }

/* ===== הרשימה הפתוחה: מה שעמודי מחירים מקצועיים עושים =====
   שורות עם וי, בלי קווים מפרידים בין שורה לשורה. תת-פירוט יושב
   מאחורי שורה נפתחת עם חץ, ותתי-סעיפים מקבלים פס קיבוץ אנכי.
   (הדפוס המקובל: Smashing Magazine, Designing Effective Pricing Plans UX) */
.pkg .feat{ margin:0 }
.pkg .feat p{
  position:relative; padding:5px 0; padding-inline-start:26px;
  border:none; font-size:14.8px; line-height:1.55; color:var(--ink);
}
.pkg .feat p::before{
  content:"\2713"; position:absolute; inset-inline-start:1px; top:5px;
  color:var(--ok); font-weight:900; font-size:13.5px; line-height:1.55;
}
.pkg .feat p.sub{
  margin-inline-start:27px; padding:3px 0; padding-inline-start:12px;
  border:none; border-inline-start:2px solid var(--blue-line);
  font-size:13.6px; line-height:1.5; color:var(--muted);
}
.pkg .feat p.sub::before{ content:none }

/* השורה הנפתחת בתוך הרשימה: וי כמו כולם, חץ קטן שמסתובב בקצה */
.feat .feat-subdet{ border:none }
.feat .feat-subdet summary{
  list-style:none; cursor:pointer; position:relative; display:block;
  padding:5px 0; padding-inline-start:26px; padding-inline-end:22px;
  font-size:14.8px; line-height:1.55; color:var(--ink);
}
.feat .feat-subdet summary::-webkit-details-marker{ display:none }
.feat .feat-subdet summary::before{
  content:"\2713"; position:absolute; inset-inline-start:1px; top:5px;
  color:var(--ok); font-weight:900; font-size:13.5px; line-height:1.55;
}
.feat .feat-subdet summary::after{
  content:""; position:absolute; inset-inline-end:5px; top:11px;
  width:7px; height:7px;
  border-left:1.8px solid var(--muted); border-bottom:1.8px solid var(--muted);
  transform:rotate(-45deg); transition:transform .15s ease;
}
.feat .feat-subdet[open] summary::after{ transform:rotate(135deg); top:13px }
.feat .feat-subdet summary:hover{ color:var(--blue) }
.feat .feat-subdet summary:focus-visible{ outline:2.5px solid var(--blue); outline-offset:2px }
.feat .feat-subdet[open]{ padding-bottom:3px }

/* האקורדיון הראשי של הכרטיס */
.pkg-det{ border-top:1px solid var(--rule-soft) }
.pkg-det summary{
  list-style:none; cursor:pointer; padding:14px 0 10px;
  font-size:14.8px; font-weight:700; color:var(--blue-deep);
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.pkg-det summary::-webkit-details-marker{ display:none }
.pkg-det summary::after{
  content:""; flex:0 0 auto; width:11px; height:11px;
  background:
    linear-gradient(currentColor,currentColor) center/11px 1.6px no-repeat,
    linear-gradient(currentColor,currentColor) center/1.6px 11px no-repeat;
  transition:transform .16s ease;
}
.pkg-det[open] summary::after{
  background:linear-gradient(currentColor,currentColor) center/11px 1.6px no-repeat;
}
.pkg-det summary:hover{ color:var(--blue) }
.pkg-det summary:focus-visible{ outline:2.5px solid var(--blue); outline-offset:3px }
.pkg-det[open] > summary{ margin-bottom:4px }
.pkg-det .feat{ margin:0 }
.feat .feat-more{
  border:none; padding:9px 0 2px; padding-inline-start:26px;
  font-size:13.8px; font-weight:700; color:var(--blue-deep);
}
.pkg .feat p.feat-more::before{ content:none }
.pkg-det > :last-child{ margin-bottom:6px }

@media(max-width:980px){
  .plans3{ grid-template-columns:1fr; gap:28px }
}

/* ===== עמוד יצירת קשר =====
   הטופס מגיע מ-Fluent Forms; כאן רק מלבישים עליו את שפת העיצוב
   של האתר במקום ברירת המחדל של התוסף. */
.contact-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:52px; margin-top:38px; align-items:start }
.contact-card{ background:var(--white); border:1px solid var(--rule); padding:30px 30px 26px }
.contact-side h3{ font-size:19px; margin-bottom:10px }
.contact-side p{ font-size:16px; line-height:1.62; margin-bottom:22px; max-width:32em }
.contact-lines{ border-top:1px solid var(--rule) }
.contact-lines p{ padding:14px 0; border-bottom:1px solid var(--rule); font-size:15.6px; margin:0 }
.contact-lines a{ color:var(--blue); font-weight:700 }

.fluentform .ff-el-group{ margin-bottom:18px }
.fluentform .ff-el-input--label label{
  font-size:14.6px; font-weight:700; color:var(--ink); margin-bottom:6px; display:block;
}
.fluentform .ff-el-form-control{
  width:100%; font-family:inherit; font-size:16px; color:var(--ink);
  background:var(--paper-2); border:1px solid #CFC8B8; border-radius:3px;
  padding:12px 14px; line-height:1.5;
}
.fluentform .ff-el-form-control:focus{ border-color:var(--blue); outline:2px solid var(--blue-line) }
.fluentform textarea.ff-el-form-control{ min-height:150px; resize:vertical }
.fluentform .ff-el-help-message{ font-size:13.8px; color:var(--muted); line-height:1.5; margin-top:6px }
.fluentform .ff-btn-submit{
  background:var(--blue); color:#fff; border:none; border-radius:3px;
  font-family:inherit; font-size:17px; font-weight:700; padding:15px 30px; cursor:pointer;
}
.fluentform .ff-btn-submit:hover{ background:var(--blue-deep) }
.fluentform .ff-el-is-error .ff-el-form-control{ border-color:#B3261E }
.fluentform .error-text, .fluentform .text-danger{ color:#B3261E; font-size:14px }
.ff-message-success{
  background:var(--blue-pale); border:1px solid var(--blue-line);
  padding:18px 20px; font-size:16px; color:var(--ink);
}
.contact-side .btn{ margin-bottom:28px }
.contact-card .fluentform{ margin:0 }
.contact-card .ff-el-group:last-of-type{ margin-bottom:22px }
.is-layout-constrained > .contact-grid{ max-width:none }
@media(max-width:860px){ .contact-grid{ grid-template-columns:1fr; gap:34px } }

/* ===== פייסבוק בפוטר ===== */
.foot-social{ display:flex; align-items:center; gap:10px }
.foot-social a{ display:inline-flex; align-items:center; gap:7px; color:var(--muted) }
.foot-social a:hover{ color:var(--blue) }
.foot-social svg{ width:17px; height:17px; fill:currentColor }

/* ===== מטריצת ההשוואה =====
   העמודה המומלצת נושאת שדה כחול רציף לאורך כל הטבלה, כדי שהעין
   תנחת עליה לפני שהיא קוראת שורה אחת. */
.matrix-wrap{ margin-top:40px }
.matrix-hint{ display:none; font-size:14px; color:var(--muted); margin:0 0 14px; line-height:1.5 }
.matrix-hint b{ color:var(--blue-deep) }
.matrix{ margin:0; overflow-x:auto }
.matrix table{ width:100%; border-collapse:collapse; min-width:740px }
.matrix caption{ text-align:start; font-size:14px; color:var(--muted); padding-bottom:16px; caption-side:top }
.matrix th, .matrix td{ border:none }

.matrix thead th{
  vertical-align:bottom; text-align:center; padding:0 16px 14px;
  font-size:16px; font-weight:900; color:var(--ink); letter-spacing:-.02em;
  border-bottom:2px solid var(--ink);
}
.matrix thead th:first-child{ text-align:start; padding-inline-start:0 }
.matrix .col-price{ display:block; font-size:13px; font-weight:700; color:var(--muted); margin-top:4px; letter-spacing:0 }
.matrix .col-flag{ display:block; font-size:11.5px; font-weight:900; letter-spacing:.07em; color:var(--blue-deep); margin-bottom:7px }

.matrix .best{ background:var(--blue-pale) }
.matrix thead .best{ border-bottom-color:var(--blue); padding-top:14px }

.matrix tbody th{
  text-align:start; width:30%; padding:16px 0;
  font-size:15.5px; font-weight:700; color:var(--ink);
  border-bottom:1px solid var(--rule);
}
.matrix tbody td{
  text-align:center; padding:16px; font-size:14.9px; color:var(--muted);
  border-bottom:1px solid var(--rule);
}
.matrix tbody tr:last-child th, .matrix tbody tr:last-child td{ border-bottom:none }
.matrix tbody td.best{ color:var(--ink) }

.matrix .yes{ display:inline-flex; align-items:baseline; gap:7px; color:var(--ink); font-weight:700 }
.matrix .yes::before{ content:"\2713"; color:var(--ok); font-weight:900; font-size:15px; line-height:1 }
.matrix .no{ color:#9E978A; font-size:18px; line-height:1 }
/* 6F695C: הגוון הבהיר ביותר של הנייר שעדיין עובר AA על שתי תשתיות הרקע */
.matrix .off{ color:#6F695C }

/* ============ FAQ ============ */
.faq{margin-top:24px;border-top:1.5px solid var(--ink)}
/* ============ BLUE BAND (campaign's common denominator) ============ */
/* ===== בלוק הסיום =====
   הבלוק היחיד בעמוד שממורכז. זה מכוון: אחרי עמוד שלם של טקסט
   שנצמד להתחלה, מרכוז סוגר את הקריאה וממקד את הפעולה האחרונה. */
.band{ background:var(--blue); color:#fff; padding:62px 0 58px }
.band-in{ text-align:center }
.band h2{ color:#fff; font-size:clamp(30px,4.4vw,52px); max-width:15em; margin:0 auto 16px }
.band p{ color:#EDF2FE; font-size:19px; line-height:1.6; max-width:33em; margin:0 auto 34px }
.band .btn-invert{ font-size:19px; padding:19px 36px }
.band .btn-invert .wa{ width:22px; height:22px }
.band-note{ margin-top:22px; font-size:14.8px; color:#C9D9FB }
.band-note a{ color:#fff; border-bottom:1px solid rgba(255,255,255,.5) }

/* ============ FOOTER ============ */
.compa-footer{padding:28px 0;font-size:14.4px;color:var(--muted);background:var(--paper-2);border-top:1px solid var(--rule)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;max-width:var(--max);margin-inline:auto;padding-inline:28px}
.foot-links{display:flex;gap:8px 20px;flex-wrap:wrap}
.foot-links a:hover{color:var(--blue)}

/* כפתור וואטסאפ מרחף. ירוק ולא כחול בכוונה: הצבע הזה הוא מה שגורם
   לאנשים לזהות את הכפתור בלי לקרוא אותו. */
.wa-float{
  position:fixed; bottom:22px; left:22px; z-index:90;
  width:58px; height:58px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 20px rgba(17,24,38,.22);
  transition:transform .16s, box-shadow .16s;
}
.wa-float:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(17,24,38,.3) }
.wa-float svg{ width:31px; height:31px; fill:currentColor }
@media(max-width:700px){ .wa-float{ width:54px; height:54px; bottom:16px; left:16px } }
@media print{ .wa-float{ display:none } }

.hero-art{width:100%;height:auto}
.sprite{position:absolute}
.inline-link{color:var(--blue);font-weight:700;border-bottom:1.5px solid var(--blue-line)}

/* ============ RESPONSIVE ============ */
@media(max-width:960px){
  .nav-links{display:none}
  .nav-m{display:block}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-art-wrap{max-width:420px}
  .lede-split{grid-template-columns:1fr;gap:20px;align-items:start}
  .points{grid-template-columns:1fr 1fr;gap:26px}
  .ledger .row{grid-template-columns:1fr;gap:9px}
  .offer{grid-template-columns:1fr;gap:24px}
  .offer-fig{display:flex;align-items:baseline;gap:16px;font-size:62px}
  .offer-cap{margin-top:0;font-size:16px}
  .rate-grid{grid-template-columns:1fr;gap:40px}
}
/* מתחת ל-600px הכותרת לא מכילה לוגו + תפריט + כפתור בלי לגלוש.
   כפתור הוואטסאפ יורד מהכותרת — הוא ממילא מרחף על המסך כל הזמן,
   ויש לו גם פריט משלו בתוך התפריט. */
@media(max-width:600px){
  .nav-cta{ display:none }
  .compa-nav-inner{ gap:12px; padding-block:11px }
}
@media(max-width:700px){
  body{font-size:16.5px}
  .foot{ gap:14px 16px }
  .foot-links{ gap:2px 18px }
  .foot-links a, .foot-social a{ display:inline-block; padding-block:7px }
  /* בלי טריק של margin שלילי: sticky נמדד מול קופסת הגלילה,
     וכל padding עליה פותח פער שדרכו נראה התוכן הנגלל. */
  .matrix{ margin-inline:0; padding-inline:0 }
  /* צמצום המידות כדי שייכנסו יותר עמודות לרוחב המסך */
  .matrix table{ min-width:600px }
  .matrix thead th{ font-size:14.6px; padding:0 10px 12px }
  .matrix tbody th{ font-size:14.6px; width:37%; padding-block:14px }
  .matrix tbody td{ font-size:14px; padding:14px 10px }
  .matrix .col-price{ font-size:12px }
  /* הכיתוב של הטבלה יושב בתוך אזור הגלילה, ולכן במסך צר הוא נגלל החוצה.
     במובייל הוא נשאר לקוראי מסך בלבד, והשורה שמעל הטבלה לוקחת את התפקיד. */
  .matrix caption{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; padding:0 }
  .matrix-hint{ display:block }
  /* עמודת שמות השורות נדבקת לקצה בזמן גלילה אופקית — בלי זה
     אחרי גלילה אחת אי אפשר לדעת על מה כל שורה מדברת.
     border-collapse ו-sticky לא מסתדרים, ולכן הקו מגיע מ-box-shadow. */
  .matrix thead th:first-child,
  .matrix tbody th{
    position:sticky; inset-inline-start:0; z-index:2;
    background:var(--paper); padding-inline-end:14px;
  }
  .matrix thead th:first-child{ box-shadow:inset 0 -2px 0 var(--ink) }
  .matrix tbody th{ box-shadow:inset 0 -1px 0 var(--rule) }
  .matrix tbody tr:last-child th{ box-shadow:none }
  .compa-sec{padding:40px 0}
  .wrap,.compa-nav-inner{padding-inline:20px}
  .hero{padding-top:48px}
  .hero-actions .btn,.hero-actions .btn-line{width:100%}
  .specline{margin-top:40px}
  .specline span+span{margin-inline-start:12px;padding-inline-start:12px}
  .tabs{grid-template-columns:1fr}
  .tab{border-inline-start:none;border-top:1px solid var(--rule)}
  .tab:first-child{border-top:none}
  .points{grid-template-columns:1fr;gap:22px}
  .steps .step{grid-template-columns:44px 1fr;gap:14px}
    .band-rule{gap:6px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* ==========================================================================
   2. שכבת וורדפרס: התאמות שנובעות מסימון הבלוקים
   ========================================================================== */

/* קבוצות בלוקים לא אמורות לרשת מרווחים אנכיים מהליבה */
.compa-sec p:last-child,
.compa-sec ul:last-child{ margin-bottom:0 }

/* הלדג'ר: <dl> הפך לקבוצות בלוקים */
.ledger .row{ margin:0 }
.ledger-t{ margin:0 }
.ledger-d{ margin:0 }

/* השלבים: <ol><li> הפכו לקבוצות */
.steps{ list-style:none; padding:0 }
.steps .step{ margin:0 }
.step-n{ font-size:14px; font-weight:900; color:var(--blue); letter-spacing:.08em; padding-top:5px; margin:0 }
.step .step-h{ font-size:18.5px; font-weight:900; color:var(--ink); letter-spacing:-.028em; line-height:1.1; margin:0 0 6px }
.step p{ margin:0 }
.step .said{ margin-top:10px }

/* רשימות המפרט במחירון: <li> הפכו לפסקאות */
.feat{ margin:0 0 26px }
.feat p{ margin:0 }

/* שורת המפרט מתחת ל-hero */
.specline{ list-style:none }
.specline span{ display:inline-block }

/* ארבע הנקודות */
.points>.point{ margin:0 }
.points .point p{ margin:0 }

/* טבלת ההשוואה של הליבה */
.wp-block-table.compare{ margin:0 }
.wp-block-table.compare table{ border-collapse:collapse; width:100% }
.wp-block-table.compare td,
.wp-block-table.compare th{ border:none }

/* אקורדיון מקורי של הליבה במקום JS משלנו */
.faq .wp-block-details{
  border:none; border-bottom:1px solid var(--rule); padding:0; background:none;
}
.faq .wp-block-details summary{
  list-style:none; cursor:pointer; padding:20px 0;
  font-size:17.5px; font-weight:700; color:var(--ink); letter-spacing:-.015em;
  display:flex; justify-content:space-between; align-items:center; gap:18px;
}
.faq .wp-block-details summary::-webkit-details-marker{ display:none }
.faq .wp-block-details summary::after{
  content:""; flex-shrink:0; width:15px; height:15px;
  background:
    linear-gradient(var(--blue),var(--blue)) center/15px 2px no-repeat,
    linear-gradient(var(--blue),var(--blue)) center/2px 15px no-repeat;
  transition:transform .2s;
}
.faq .wp-block-details[open] summary::after{
  background:linear-gradient(var(--blue),var(--blue)) center/15px 2px no-repeat;
}
.faq .wp-block-details summary:hover{ color:var(--blue) }
.faq .wp-block-details p{ padding:0 0 22px; font-size:16.4px; line-height:1.72; max-width:56em; margin:0 }
.faq .wp-block-details a{ color:var(--blue); border-bottom:1.5px solid var(--blue-line) }

/* כותרת האתר: הלוגו של וורדפרס במקום <img> קשיח */
/* ===== מותג בכותרת =====
   קובץ הלוגו הוא JPEG מרובע בלי שקיפות, והסמל עצמו עיגול שנוגע
   בשולי הריבוע. חיתוך לעיגול מעלים את הפינות הלבנות בלי לגעת בקובץ. */
.brand{ display:flex; align-items:center; gap:11px }
.wp-block-site-logo{ line-height:0 }
.wp-block-site-logo img{ height:38px; width:38px; border-radius:50%; object-fit:cover; display:block }
.logo-word{ font-weight:900; font-size:21px; color:var(--ink); letter-spacing:-.035em; text-decoration:none; white-space:nowrap }
.logo-word span{ color:var(--blue) }
.wp-block-site-title{ display:none }
@media(max-width:700px){
  .wp-block-site-logo img{ height:34px; width:34px }
  .logo-word{ font-size:19px }
}

/* תפריט הניווט של הליבה */
.wp-block-navigation{ font-size:15.5px }
.wp-block-navigation a{ text-decoration:none; padding-bottom:2px; border-bottom:1.5px solid transparent }
.wp-block-navigation a:hover{ color:var(--blue); border-bottom-color:var(--blue) }

/* כפתורי הליבה מקבלים את שפת הכפתורים של העיצוב */
.wp-block-button__link{
  border-radius:3px; font-weight:700; font-size:17px; padding:15px 26px;
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
}
.wp-block-button.is-style-outline .wp-block-button__link{ border-width:1.5px }

/* הפאנל חייב להיות ברוחב מדויק של רצועת הטאבים כדי שהתפר יתיישר.
   בוורדפרס הרוחב כבר נקבע ע"י פריסת ה-constrained, ואין לגרוע ממנו שוב. */
.panel-box{ width:100%; max-width:none }
@media(max-width:700px){ .panel-box{ width:100%; padding:38px 22px 30px } }

/* פריסת ה-constrained של הליבה קובעת max-width ו-margin-inline על כל ילד ישיר,
   ובספציפיות שגוברת על סלקטור אלמנט. בלי הכללים האלה מידות השורה של העיצוב
   נמחקות והטקסט מתמרכז. */
.is-layout-constrained > h1{ max-width:none }
.is-layout-constrained > h2{ max-width:16em }
.is-layout-constrained > .h2-sm{ max-width:20em }
.is-layout-constrained > .lead{ max-width:34em }
.is-layout-constrained > .say{ max-width:36em }
.is-layout-constrained > .fineprint{ max-width:60em }
.is-layout-constrained > .kicker,
.is-layout-constrained > .switch-head,
.is-layout-constrained > .sig,
.is-layout-constrained > .hero-after{ max-width:none }

/* אלמנט צר יותר מהעמודה חייב להיצמד להתחלה. בלי זה margin-inline:auto
   של הליבה ממרכז אותו בתוך העמודה.
   הליבה מצהירה על המרג'ינים האלה עם important, ולכן גם ההצמדה חייבת
   להיות important — ספציפיות גבוהה לבדה לא מספיקה מול הצהרה כזו. */
.is-layout-constrained > h2,
.is-layout-constrained > .h2-sm,
.is-layout-constrained > .lead,
.is-layout-constrained > .say,
.is-layout-constrained > .sig,
.is-layout-constrained > .fineprint{
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
}

/* אזור התוכן בעורך צריך את אותו רקע כדי שהעריכה תשקף את התוצאה */
.editor-styles-wrapper{ background:var(--paper) }

/* ============ עמודי נחיתה ============
   עמוד להצעה אחת: בלי תפריט, בלי קישורים יוצאים, כל מסך דוחף לשאלון.
   סקשנים ממוספרים כדי שהעין תדע איפה היא נמצאת בדף ארוך. */
.lp-nav-bar{ position:sticky; top:0; z-index:100; background:rgba(244,241,234,.95); backdrop-filter:blur(10px); border-bottom:1px solid var(--rule) }
.lp-nav-in{ max-width:var(--max); margin:0 auto; padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:18px }
.lp-brand{ display:flex; align-items:center; gap:10px }
.lp-brand img{ width:34px; height:34px; border-radius:50%; display:block }
.lp-brand .logo-word{ font-size:19px }

.lp-hero{ padding:52px 0 46px }
.lp-hero-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:center }
.lp-kicker{ display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; color:var(--blue-deep); background:var(--blue-pale); border-radius:3px; padding:6px 12px; margin-bottom:20px }
.lp-hero h1{ font-size:clamp(34px,5.4vw,60px); margin-bottom:20px }
.lp-hero .lead{ margin-bottom:26px }
.lp-price-row{ display:flex; align-items:baseline; gap:10px; margin-bottom:24px; flex-wrap:wrap }
.lp-price-row b{ font-size:44px; font-weight:900; color:var(--ink); letter-spacing:-.03em; line-height:1 }
.lp-price-row span{ font-size:16px; color:var(--muted) }
.lp-price-row .lp-price-note{ font-size:14.5px; color:var(--muted); border-inline-start:1px solid var(--rule); padding-inline-start:10px }
.lp-trust{ list-style:none; margin:26px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14.5px; color:var(--muted) }
.lp-trust li{ display:flex; align-items:center; gap:7px }
.lp-trust li::before{ content:"\2713"; color:var(--ok); font-weight:900 }

/* כרטיס השאלון: העוגן של העמוד */
.lp-card{ background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:26px 26px 24px; box-shadow:0 14px 40px rgba(17,24,38,.08) }
.lp-card-t{ font-size:19px; font-weight:900; color:var(--ink); margin:0 0 4px; letter-spacing:-.02em; max-width:none }
.lp-card-s{ font-size:14.5px; color:var(--muted); margin-bottom:18px }

.lp-bar{ display:block; height:3px; background:var(--rule-soft); border-radius:2px; overflow:hidden; margin-bottom:22px }
.lp-bar span{ display:block; height:100%; background:var(--blue); transition:width .25s ease }
.lp-head{ display:flex; gap:14px; align-items:flex-start; margin-bottom:18px }
.lp-num{ font-size:26px; font-weight:900; color:var(--muted); line-height:1; letter-spacing:-.03em; flex:0 0 auto; padding-top:2px }
.lp-eyebrow{ font-size:12.5px; font-weight:900; color:var(--blue); letter-spacing:.05em; margin-bottom:5px }
.lp-q{ font-size:22px; font-weight:900; color:var(--ink); line-height:1.22; letter-spacing:-.02em }
.lp-note{ font-size:14.5px; color:var(--muted); margin-top:7px; line-height:1.55 }

.lp-opts{ display:grid; gap:8px }
.lp-opt{
  width:100%; text-align:start; cursor:pointer; font-family:inherit;
  background:var(--paper-2); border:1.4px solid var(--rule); border-radius:3px;
  padding:14px 16px; font-size:16px; color:var(--ink); line-height:1.4;
  display:flex; align-items:center; gap:11px; transition:border-color .12s, background .12s;
}
.lp-opt::before{ content:""; flex:0 0 auto; width:16px; height:16px; border:1.5px solid #BDB6A5; border-radius:50%; background:transparent }
.lp-opt:hover{ border-color:var(--blue); background:var(--white) }
.lp-opt.on{ border-color:var(--blue); background:var(--blue-pale); font-weight:700 }
.lp-opt.on::before{ border-color:var(--blue); background:var(--blue); box-shadow:inset 0 0 0 3px var(--blue-pale) }

.lp-field{ margin-bottom:14px }
.lp-label{ display:block; font-size:14.5px; font-weight:700; color:var(--ink); margin-bottom:6px }
.lp-input{
  width:100%; font-family:inherit; font-size:16px; color:var(--ink);
  background:var(--paper-2); border:1.4px solid var(--rule); border-radius:3px; padding:12px 14px;
}
.lp-input:focus{ outline:2.5px solid var(--blue); outline-offset:1px; border-color:var(--blue) }
.lp-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0 14px }
.lp-grid .lp-field:first-child{ grid-column:1 / -1 }

.lp-nav{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px }
.lp-nav .lp-next{ font-size:16px; padding:13px 30px }
.lp-nav-side{ display:flex; gap:16px }
.lp-link{ background:none; border:0; padding:6px 2px; font:inherit; font-size:15px; color:var(--muted); cursor:pointer; text-decoration:underline; text-underline-offset:3px }
.lp-link:hover{ color:var(--ink) }
.lp-back-solo{ margin-top:14px; display:inline-block }

.lp-summary{ background:var(--paper); border:1px solid var(--rule-soft); border-radius:3px; padding:14px 16px; margin-bottom:18px }
.lp-summary-t{ font-size:13px; font-weight:900; color:var(--blue); letter-spacing:.04em; margin-bottom:7px }
.lp-summary ul{ margin:0; padding-inline-start:18px; font-size:14.5px; color:var(--body); line-height:1.7 }
.lp-actions{ display:grid; gap:9px; margin-top:6px }
.lp-actions .btn, .lp-actions .btn-line{ width:100%; font-size:16.5px; padding:14px 20px }
.lp-fine{ font-size:13px; color:var(--muted); margin-top:12px; line-height:1.6 }
.lp-fine a{ text-decoration:underline; text-underline-offset:3px; color:var(--blue-deep) }
.lp-err{ font-size:14.5px; color:#B4241F; margin-top:10px; font-weight:700 }
.lp-done{ text-align:center; padding:16px 0 8px }
.lp-done-mark{ font-size:34px; color:var(--ok); font-weight:900; line-height:1; margin-bottom:10px }
.lp-done .lp-note{ max-width:32em; margin-inline:auto }

/* סקשנים ממוספרים */
.lp-sec-head{ display:flex; align-items:baseline; gap:14px; margin-bottom:16px }
.lp-sec-num{ font-size:14px; font-weight:900; color:var(--blue); letter-spacing:.06em; flex:0 0 auto }
.lp-pains{ display:grid; grid-template-columns:1fr 1fr; gap:12px 18px; margin-top:24px }
.lp-pain{ background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:16px 18px }
.lp-pain h3{ font-size:16px; line-height:1.35; margin-bottom:6px }
.lp-pain p{ font-size:13.8px; line-height:1.55; color:var(--body) }

.lp-incl{ background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:24px 26px; margin-top:22px }
.lp-incl p{ font-size:16px; color:var(--ink); padding-inline-start:26px; position:relative; margin-bottom:9px; line-height:1.5 }
.lp-incl p::before{ content:"\2713"; position:absolute; inset-inline-start:0; color:var(--ok); font-weight:900 }
.lp-incl p.sub{ font-size:14.6px; color:var(--body); margin-inline-start:26px; border-inline-start:2px solid var(--blue-line); padding-inline-start:14px; margin-bottom:6px }
.lp-incl p.sub::before{ content:none }
.lp-incl p:last-child{ margin-bottom:0 }
.lp-not{ margin-top:18px; padding-top:16px; border-top:1px solid var(--rule-soft) }
.lp-not p{ color:#6F695C; font-size:14.6px; padding-inline-start:26px; position:relative; margin-bottom:7px }
.lp-not p::before{ content:"\00D7"; position:absolute; inset-inline-start:0; color:#6F695C; font-weight:900 }
.lp-not .lp-not-t{ padding:0; font-weight:900; color:var(--ink); font-size:14px; letter-spacing:.02em; margin-bottom:10px }
.lp-not .lp-not-t::before{ content:none }

.lp-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px }
.lp-step{ border-top:2.5px solid var(--blue); padding-top:14px }
.lp-step b{ display:block; font-size:13px; font-weight:900; color:var(--blue); letter-spacing:.06em; margin-bottom:7px }
.lp-step h3{ font-size:17px; margin-bottom:6px }
.lp-step p{ font-size:14.4px; line-height:1.6; color:var(--body) }

.lp-band{ background:var(--ink); color:#fff; padding:52px 0; margin-top:8px }
.lp-band h2{ color:#fff; margin-bottom:12px }
.lp-band p{ color:#C9CFDA; font-size:17px; max-width:38em; margin-bottom:24px }
.lp-band .btn-invert{ font-size:17px }
.lp-band-fine{ font-size:14px; color:#98A1B0; margin-top:14px }

.lp-foot{ padding:26px 0 34px; border-top:1px solid var(--rule); margin-top:52px; font-size:13.5px; color:var(--muted); display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; justify-content:space-between }
.lp-foot a{ text-decoration:underline; text-underline-offset:3px }

@media(max-width:900px){
  .lp-hero-grid{ grid-template-columns:1fr; gap:32px }
  .lp-steps{ grid-template-columns:1fr }
  .lp-pains{ grid-template-columns:1fr }
  .lp-hero{ padding:34px 0 34px }
}
@media(max-width:560px){
  .lp-card{ padding:20px 18px 18px }
  .lp-grid{ grid-template-columns:1fr }
  .lp-nav{ flex-direction:column-reverse; align-items:stretch; gap:12px }
  .lp-nav .lp-next{ width:100% }
  .lp-nav-side{ justify-content:center }
  .lp-price-row b{ font-size:38px }
}
/* בעמוד נחיתה אין תפריט מובייל ואין כפתור מרחף עם הודעה ייעודית,
   ולכן כפתור הוואטסאפ בכותרת נשאר גם במסך צר. */
@media(max-width:600px){
  .lp-nav-bar .nav-cta{ display:inline-flex; padding:9px 14px; font-size:14.5px }
  .lp-nav-in{ padding:10px 0; gap:12px }
  .lp-brand .logo-word{ font-size:17px }
}

.is-layout-constrained > .lp-wrap{ max-width:var(--max) }

/* ============ עמודים משפטיים ============
   עמודה צרה ליישור התחלה, טיפוגרפיה נוחה לקריאת מסמכים ארוכים,
   וקופסאות מידע לפרטי יצירת קשר. אותם טוקנים של שאר האתר. */
.legal-wrap{ padding:42px 0 64px }
.legal-wrap h1{ font-size:clamp(30px,4vw,44px); margin-bottom:10px }
.legal-meta{ color:var(--muted); font-size:14px; margin-bottom:32px; padding-bottom:22px; border-bottom:1px solid var(--rule) }
.legal-wrap h2{ font-size:20px; margin:34px 0 8px; letter-spacing:-0.01em }
.legal-wrap p{ color:var(--muted); font-size:15.5px; line-height:1.82; margin-top:10px }
.legal-wrap ul{ color:var(--muted); font-size:15.5px; line-height:1.82; margin:10px 0 0; padding-inline-start:22px }
.legal-wrap li{ margin:7px 0 }
.legal-wrap strong{ color:var(--ink) }
.legal-wrap .nowrap{ white-space:nowrap }
.legal-wrap p a{ color:var(--blue-deep); text-decoration:underline; text-underline-offset:3px }
.legal-box{ background:var(--white); border:1px solid var(--rule); border-radius:4px; padding:20px 22px; margin-top:14px }
.legal-box p{ margin-top:0 }
.legal-box p + p{ margin-top:8px }
.legal-badge{ display:inline-flex; align-items:center; gap:8px; background:#E7F1EC; border:1px solid #C2DACD; color:var(--ok); padding:6px 14px; border-radius:3px; font-size:14px; font-weight:700; margin-top:14px }
.other-docs{ margin-top:52px; padding-top:26px; border-top:1px solid var(--rule) }
.other-docs .other-docs-t{ font-size:15px; font-weight:700; color:var(--ink); margin:0 0 12px }
.other-docs-grid{ display:flex; flex-wrap:wrap; gap:10px }
.other-docs-grid a{ background:var(--white); border:1px solid var(--rule); border-radius:3px; padding:10px 18px; font-size:14px; font-weight:700; color:var(--ink); text-decoration:none }
.other-docs-grid a:hover{ border-color:var(--blue); color:var(--blue-deep) }
.is-layout-constrained > .legal-wrap{
  max-width:760px;
  margin-inline-start:0 !important;
  margin-inline-end:auto !important;
}