` **בלי** המחלקה הזו בכוונה — הוא נשאר דף הנחיתה הכהה, ולכן אינו נכלל כאן. */ /* ⚠ **הפתרון הוא הגדרה מחדש של הטוקנים לפי המשטח, לא צביעה של אלמנטים בודדים.** כל צאצא שמשתמש ב-var(--tx2/--tx3) מקבל את הערך הנכון אוטומטית, ⛔ בלי רשימת סלקטורים שתמיד תהיה חסרה אחד. ⚠ **הסדר כאן הוא הלוגיקה**: בהיר → כהה → כרטיס בהיר בתוך כהה. שלושתם (0,2,0), ולכן האחרון מנצח בדיוק היכן שהוא חל. ⛔ אל תמיין. */ /* (א) גוף העמודים הפנימיים — בהיר. */ body.site .page-main{ --tx:#111629; --tx2:#4a5270; --tx3:#666f8d; color:var(--tx); } /* (ב) המשטחים ה**כהים**: הכותרת, חלון הבורר, הפוטר, הירו, ודף הבית כולו (`home.php` משתמש ב-`

` בלי `page-main` בכוונה — הוא נשאר דף הנחיתה הכהה). ⛔⛔ כאן היה החצי השני של הבאג: `--tx3` הוא אפור כהה שנועד לנייר לבן, ועל נייבי הוא 3.3:1. */ body.site .lp-header, body.site .sw-pop, body.site .site-foot, body.site .page-hero{ --tx:#e9ecf7; --tx2:#c3cbe6; --tx3:#aab3cf; } /* ⛔⛔ **נמדד ונדחה:** להוסיף כאן `main:not(.page-main)` (כלומר לצבוע את כל דף הבית כמשטח כהה) הקפיץ את דף הבית מ-86 ל-123 כשלי ניגודיות. ⚠ הסיבה: `home.php` הוא **מעורב** — רצועות כהות ובהירות לסירוגין — ולכן אין לו טוקן אחד נכון. הוא נשאר כפי שהוא, ומטופל דרך המשטחים הבודדים בלבד. ⛔ אל תנסה את זה שוב בלי למדוד. */ /* (ג) כרטיס בהיר שיושב **בתוך** מקטע כהה (למשל כרטיסי השירותים בדף הבית) לוקח את הטוקנים הבהירים בחזרה. ⚠ זה מה שמייתר טיפול פרטני. */ body.site .pack, body.site .svc-card, body.site .card, body.site .feat{ --tx:#111629; --tx2:#4a5270; --tx3:#666f8d; color:var(--tx); } /* 2 · כפתורים. `.lp .btn` נותן לכל כפתור שאינו accent מראה "רפאים" לבן שנועד לרקע כהה — וזה מה שהפך את "לשאול על השירות הזה" לבלתי נראה בתוך כרטיס לבן. ⚠ מוחזר **רק** בתוך משטח בהיר. */ body.site .page-main .btn:not(.accent), body.site .pack .btn:not(.accent), body.site .svc-card .btn:not(.accent){ background:var(--card); border-color:var(--line); color:var(--tx); } body.site .page-main .btn:not(.accent):hover, body.site .pack .btn:not(.accent):hover, body.site .svc-card .btn:not(.accent):hover{ background:var(--card); border-color:#cfd4e4; box-shadow:0 2px 8px rgba(16,22,45,.07); } body.site .page-main .btn.ghost{ background:transparent; border-color:transparent; color:var(--tx2); } /* ⛔ הירו בתוך .page-main **כהה** — הכלל שלו כבר קיים למעלה בקובץ (`.page-hero .btn:not(.accent)`), וספציפיות (0,3,0) גוברת. ⚠ נבדק. */ /* 3 · כותרת המשנה של מקטע. `.lp .sec-head p{ color:#b8c1e0 }` הוא כחלחל בהיר לרקע כהה. ⛔ מתוקן רק ב-`.page-main`: בדף הבית ה-`sec-head` באמת יושב על רקע כהה ושם הצבע המקורי נכון. */ body.site .page-main .sec-head p{ color:var(--tx2); } /* 4 · ⛔⛔ **זהב על לבן הוא 1.89:1 — בלתי קריא.** הזהב עובד על נייבי ודווקא בגלל שהוא נדיר; על נייר לבן הוא צהוב חיוור. ⚠ אותו תפקיד ויזואלי, גוון כהה מספיק לקריאה (4.53:1). */ /* ⚠ מכויל מול --bg (#f5f6fa) ולא מול לבן טהור — רוב הטקסט יושב על רקע העמוד, ⛔ ולא בתוך כרטיס. 4.62:1. */ body.site .page-main{ --gold-on-light:#956626; } body.site .page-main .flow-n, body.site .page-main .flow-steps li::before, body.site .page-main .sec-head .section-kicker, body.site .page-main .num.flow-n{ color:var(--gold-on-light); } /* 5 · טבעת המיקוד. `.lp a:focus-visible` צובעת אותה בזהב חיוור — קריא על נייבי, ⛔ כמעט בלתי נראה על לבן. ⚠ נגישות מקלדת אינה קישוט. */ body.site .page-main a:focus-visible, body.site .page-main button:focus-visible, body.site .page-main summary:focus-visible{ outline-color:var(--accent); } /* ------------------------------------------------------------- WhatsApp -- */ /* ⚠ ירוק וואטסאפ מזוהה מיידית ומרוויח את הקליק. ⛔ אבל הוא **לא** צבע המותג — הוא מופיע רק על הכפתור הזה, ולא נכנס לפלטה. ⚠ #128c7e (ולא #25d366 הבהיר) כדי שטקסט לבן עליו יעבור AA. */ .wa-block{ display:flex; flex-direction:column; gap:7px; align-items:flex-start; } .wa-block .wa-btn{ background:#0b6f65; border-color:#0b6f65; color:#fff; box-shadow:0 6px 18px rgba(11,111,101,.24); } .wa-block .wa-btn:hover{ background:#085b53; border-color:#085b53; } .wa-block .wa-btn .ic{ flex:none; } /* ⛔ המספר הוא הרשת הביטחון של הכפתור ולכן הוא **טקסט**, ניתן לסימון ולהעתקה — ⚠ ועטוף ב-.ltr, כי בעברית ובערבית 054-742-3399 מתהפך לעין. */ .wa-alt{ margin:0; font-size:12.5px; color:var(--tx3); } .wa-alt .wa-num{ font-weight:600; color:var(--tx2); text-decoration:underline; text-underline-offset:2px; white-space:nowrap; } .wa-alt .wa-num:hover{ color:var(--accent2); } .wa-inline{ margin-block-start:4px; } .wa-lead{ align-items:center; text-align:center; margin-block-end:20px; } .wa-lead .wa-btn{ min-inline-size:min(320px,100%); } /* ⚠ בתוך הירו הכהה הטקסט המשני חייב להיות בהיר. */ .page-hero .wa-alt{ color:#aab5d6; } .page-hero .wa-alt .wa-num{ color:#eef1fb; } /* ======================================================================== MOBILE / RTL / ACCESSIBILITY FINAL PASS ======================================================================== */ /* A skip link parked at -9999px enlarges the body's scrollable area in RTL. Keep it at the real reading edge and move it above the viewport instead. */ .skip{ position:fixed; z-index:1000; inset-inline-start:max(8px,env(safe-area-inset-left)); inset-block-start:0; max-inline-size:calc(100vw - 16px); border-radius:0 0 var(--r-sm) var(--r-sm); transform:translateY(-125%); translate:none; } [dir=rtl] .skip{ inset-inline-start:max(8px,env(safe-area-inset-right)); } .skip:focus,.skip:focus-visible{ inset-inline-start:max(8px,env(safe-area-inset-left)); transform:translateY(0); } [dir=rtl] .skip:focus,[dir=rtl] .skip:focus-visible{ inset-inline-start:max(8px,env(safe-area-inset-right)); } body.site .page-main,body.site .page-main > *,body.site .page-main .wrap, body.site .page-main .sec > .wrap{ min-inline-size:0; max-inline-size:100%; } .page-hero h1,.page-hero .lead,.sec-head h2,.sec-head p,.legal-doc, .svc-card,.pack,.detail,.kind,.regime{ overflow-wrap:anywhere; } /* Subpages load the shared brand sheet but not the landing-only home sheet. Supply the complete responsive chrome here; otherwise the desktop actions and an unstyled

menu render together on phones. */ body.site:not(.site-home) .lpbar{ inline-size:100%; justify-content:space-between; } body.site:not(.site-home) .lp-brand{ gap:12px; min-inline-size:0; } body.site:not(.site-home) .lp-brand-proof{ display:grid; gap:1px; padding-inline-start:12px; border-inline-start:1px solid rgba(186,202,249,.16); line-height:1.15; } body.site:not(.site-home) .lp-brand-proof bdi{ color:#f0d58d; font-size:9px; font-weight:800; } body.site:not(.site-home) .lp-brand-proof small{ color:#9aa7ca; font-size:9px; font-weight:700; } body.site:not(.site-home) .lp-desktop-nav{ display:flex; align-items:center; margin-inline-start:auto; } body.site:not(.site-home) .lp-mobile-nav{ display:none; position:relative; margin-inline-start:auto; } body.site:not(.site-home) .lp-mobile-nav:not([open]) > .lp-mobile-panel{ display:none; } @media screen and (max-width:1100px){ body.site:not(.site-home) .lp-brand-proof{ display:none; } } @media screen and (max-width:900px){ body.site:not(.site-home) .lp-desktop-nav{ display:none !important; } body.site:not(.site-home) .lp-mobile-nav{ display:block; } body.site:not(.site-home) .lp-mobile-nav > summary{ position:relative; z-index:72; list-style:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:7px; min-block-size:44px; padding:9px 12px; border:1px solid rgba(181,198,246,.22); border-radius:12px; color:#e5eafd; background:rgba(255,255,255,.075); font-size:12px; font-weight:800; } body.site:not(.site-home) .lp-mobile-nav > summary::-webkit-details-marker{ display:none; } body.site:not(.site-home) .lp-mobile-nav[open] > summary{ color:#fff; border-color:rgba(127,151,255,.48); background:rgba(85,110,224,.24); } body.site:not(.site-home) .lp-mobile-nav[open]::before{ content:""; position:fixed; z-index:68; inset-block-start:76px; inset-inline:0; inset-block-end:0; background:rgba(3,7,17,.72); pointer-events:none; } body.site:not(.site-home) .lp-mobile-panel{ position:fixed; z-index:70; inset-block-start:84px; inset-inline:12px; display:grid; gap:12px; max-block-size:calc(100dvh - 96px); overflow:auto; padding:14px; border:1px solid rgba(175,194,250,.2); border-radius:18px; color:#e8edfb; background:linear-gradient(155deg,#111c38,#071023 72%); box-shadow:0 30px 80px rgba(0,0,0,.5); } body.site:not(.site-home) .lp-mobile-promise{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-block-size:52px; padding:10px 12px; border:1px solid rgba(80,210,174,.2); border-radius:13px; background:rgba(35,179,143,.11); } body.site:not(.site-home) .lp-mobile-zero{ color:#eff7d5; font-size:13px; font-weight:800; } body.site:not(.site-home) .lp-mobile-promise strong{ color:#aee8d7; font-size:12px; } body.site:not(.site-home) .lp-mobile-links{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } body.site:not(.site-home) .lp-mobile-links a{ display:flex; align-items:center; min-inline-size:0; min-block-size:46px; padding:10px 11px; border:1px solid rgba(174,192,242,.14); border-radius:12px; color:#d2dcf3; background:rgba(255,255,255,.04); font-size:13px; font-weight:700; } body.site:not(.site-home) .lp-mobile-switcher .sw, body.site:not(.site-home) .lp-mobile-switcher .sw > summary{ inline-size:100%; } body.site:not(.site-home) .lp-mobile-switcher .sw > summary{ justify-content:center; } body.site:not(.site-home) .lp-mobile-switcher .sw-pop{ position:static; inline-size:100%; max-inline-size:100%; max-block-size:42vh; overflow:auto; margin-block-start:8px; box-shadow:none; } body.site:not(.site-home) .lp-mobile-actions{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } body.site:not(.site-home) .lp-mobile-actions .btn{ inline-size:100%; min-block-size:46px; white-space:normal; } body.site:not(.site-home) .lp-mobile-actions .btn:only-child{ grid-column:1 / -1; } } @media screen and (max-width:520px){ body.site:not(.site-home) .lpbar{ block-size:68px; padding-inline:14px; } body.site:not(.site-home) .lp-mobile-nav[open]::before{ inset-block-start:68px; } body.site:not(.site-home) .lp-mobile-panel{ inset-block-start:75px; inset-inline:8px; max-block-size:calc(100dvh - 83px); padding:12px; } body.site:not(.site-home) .lp-mobile-links{ grid-template-columns:1fr; } } /* The switcher's desktop popover must never define the width of a narrow page. In an in-content switcher it becomes an ordinary local disclosure. */ .switch-control,.switch-control .sw{ inline-size:100%; min-inline-size:0; } .switch-control .sw > summary{ inline-size:100%; justify-content:center; white-space:normal; text-align:center; } .switch-control .sw-pop{ inset-inline:0 auto; inline-size:min(330px,100%); max-inline-size:100%; } /* Keyboard focus and touch size for controls that are unique to public pages. */ .faq summary{ min-block-size:48px; } .crumbs a,.svc-go-link,.foot-col a,.foot-langs a,.rel-list li a{ display:inline-flex; align-items:center; min-inline-size:24px; min-block-size:28px; } .foot-legal a,.wa-alt .wa-num,.price-tbl th[scope=row] > a,.cy-tbl th[scope=row] > a{ display:inline-flex; align-items:center; min-inline-size:24px; min-block-size:28px; } .site a:focus-visible,.site button:focus-visible,.site summary:focus-visible, .site select:focus-visible,.site input:focus-visible,.site textarea:focus-visible{ position:relative; z-index:3; } @media screen and (pointer:coarse){ .faq summary,.page-hero .cta .btn,.free-actions .btn,.lead-actions .btn, .rel-list li a{ min-block-size:44px; } .svc-go-link{ min-block-size:32px; padding-block:4px; } } @media screen and (max-width:720px){ .page-hero .cta,.free-actions,.lead-actions{ align-items:stretch; } .page-hero .cta > .btn,.free-actions > .btn,.lead-actions > .btn{ max-inline-size:100%; white-space:normal; text-align:center; } .switch-explain,.zero-card,.boundary-card,.proof-card, .lead-sec .lead-form,.lead-done{ padding:20px 18px; } .switch-control .sw-pop{ position:static; inline-size:100%; max-inline-size:100%; margin-block-start:8px; box-shadow:none; } .legal-doc h2{ align-items:flex-start; } .tbl-wrap{ border:1px solid var(--line); border-radius:var(--r-sm); background:var(--card); overscroll-behavior-inline:contain; } .tbl-wrap .tbl{ min-inline-size:max-content; } } @media screen and (max-width:520px){ .page-hero{ padding-block:38px 30px; } .page-hero h1{ font-size:clamp(29px,10vw,38px); } .sec{ padding-block:46px; } .sec-head{ margin-block-end:26px; } .tax-grid,.svc-cards,.pack-grid,.flow-steps,.trust-grid,.doc-grid, .kind-grid,.detail-grid,.regime-grid{ grid-template-columns:minmax(0,1fr); } .tax-card,.svc-card,.pack,.trust-card,.doc-card,.detail,.conf-card, .kind,.regime,.free-col{ padding:19px 17px; } .zero-card{ gap:20px; } .zero-card-price b{ font-size:clamp(68px,30vw,104px); } .svc-card-foot{ align-items:flex-start; flex-wrap:wrap; } .country-facts,.svc-facts{ padding:17px; } .legal-doc{ padding:18px 16px; } .legal-doc h2{ gap:8px; font-size:19px; } .lead-actions > .btn,.free-actions > .btn,.page-hero .cta > .btn{ inline-size:100%; } .wa-block,.wa-block .wa-btn{ max-inline-size:100%; } .wa-block .wa-btn{ white-space:normal; text-align:center; } } /* Public pages should print as documents, not as a viewport-sized dark scene. */ @media print{ @page{ margin:14mm; } html,body,body.site,.page-main,.page-main .sec{ background:#fff !important; color:#000 !important; } .page-main{ overflow:visible !important; } .page-hero{ break-after:avoid; } .page-hero .art-hero,.closing-zero{ display:none !important; } .page-main .card,.tax-card,.zero-card,.free-col,.svc-card,.pack,.flow-steps li, .trust-card,.detail,.kind,.regime,.legal-doc,.boundary-card,.docs-strip{ box-shadow:none !important; break-inside:avoid; } .tbl-wrap{ overflow:visible !important; border:0; } .tbl{ font-size:10pt; } .faq details:not([open]) > *:not(summary){ display:block !important; } .faq summary::after{ display:none; } .legal-grid{ display:block; } .legal-toc{ display:none; } } /* ======================================================================== PUBLIC MOBILE CROWN + FOOTER / final pocket-shell pass ======================================================================== */ @media screen and (max-width:640px){ body.site{ -webkit-tap-highlight-color:rgba(64,89,214,.14); } body.site .skip{ min-block-size:44px; } body.site input,body.site select,body.site textarea{ font-size:16px; } body.site :is(main,section,article,aside,footer) :is(h1,h2,h3,p,li){ overflow-wrap:anywhere; } body.site :is(#main,[id]){ scroll-margin-block-start:74px; } body.site .page-hero .art-hero{ opacity:.3; } body.site .page-main .page-hero .btn:not(.accent){ color:#eef1fb; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.075); box-shadow:none; } body.site .page-main .page-hero .wa-btn:not(.accent){ color:#fff; border-color:#0b6f65; background:#0b6f65; box-shadow:0 8px 20px rgba(11,111,101,.2); } /* A compact, solid crown remains readable while content moves beneath it. */ .lp .lp-header{ min-block-size:64px; border-block-end-color:rgba(218,227,255,.13); box-shadow:0 9px 28px rgba(2,7,20,.2),inset 0 -1px rgba(255,255,255,.025); } .lp .lpbar{ block-size:calc(64px + env(safe-area-inset-top)); min-block-size:64px; padding-block-start:env(safe-area-inset-top); padding-inline:12px; gap:9px; } .lp .lp-brand{ max-inline-size:66%; gap:9px; padding-block:6px; } .lp .lp-brand::after{ inset-inline-start:38px; inset-block-end:2px; inline-size:42px; } .lp .lpbar .logo{ gap:8px; min-inline-size:0; } .lp .lpbar .brand-mark{ inline-size:32px; block-size:32px; min-inline-size:32px; } .lp .lpbar .logo b{ overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; } .lp .lp-mobile-nav > summary{ min-block-size:44px; padding:8px 11px; border-radius:12px; font-size:12px; } .lp .lp-mobile-nav[open]::before{ inset-block-start:calc(64px + env(safe-area-inset-top)); background:rgba(3,7,17,.78); } .lp .lp-mobile-panel, body.site:not(.site-home) .lp-mobile-panel{ inset-block-start:calc(70px + env(safe-area-inset-top)); inset-inline:8px; max-block-size:calc(100dvh - 78px - env(safe-area-inset-top)); gap:9px; padding:11px; border-radius:17px; box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.06); } .lp .lp-mobile-promise, body.site:not(.site-home) .lp-mobile-promise{ align-items:center; flex-direction:row; min-block-size:50px; padding:9px 11px; border-radius:13px; } .lp .lp-mobile-links, body.site:not(.site-home) .lp-mobile-links{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; inline-size:100%; margin-inline:0; } .lp .lp-mobile-links a, body.site:not(.site-home) .lp-mobile-links a{ inline-size:100%; min-block-size:46px; padding:9px 11px; border-radius:12px; font-size:12px; } .lp .lp-mobile-switcher .sw > summary, body.site:not(.site-home) .lp-mobile-switcher .sw > summary{ min-block-size:46px; } .lp .lp-mobile-switcher .sw-l, body.site:not(.site-home) .lp-mobile-switcher .sw-l, body.site .switch-control .sw-l{ display:flex; align-items:center; min-inline-size:44px; min-block-size:44px; padding-block:8px; } body.site .switch-control .sw > summary{ min-block-size:44px; } body.site .sw-country select{ min-block-size:44px; } .lp .lp-mobile-actions .btn, body.site:not(.site-home) .lp-mobile-actions .btn{ min-block-size:48px; border-radius:12px; } body.site:has(.lp-mobile-nav[open]){ overflow:hidden; } /* The footer reads like a compact index instead of another long page. */ .site-foot{ padding-block:38px 22px; } .site-foot .wrap{ padding-inline:16px; } .foot-grid{ gap:5px; } .foot-brand{ padding-block-end:14px; } .foot-brand .logo{ display:inline-flex; align-items:center; gap:9px; } .foot-brand > a{ display:inline-flex; align-items:center; min-block-size:44px; } .foot-brand .brand-mark{ inline-size:32px; block-size:32px; } .foot-brand p{ margin-block:10px 0; font-size:12px; line-height:1.55; } .foot-brand .foot-boundary{ margin-block-start:7px; color:#93a0c3; font-size:11.25px; } .foot-fold > summary,.foot-langs-disclosure > summary{ min-block-size:50px; margin:0; padding-block:10px; text-transform:none; } .foot-fold[open] > .foot-fold-panel{ gap:2px; padding-block:0 10px; } .foot-fold[open] > .foot-fold-panel a{ min-block-size:40px; } .foot-langs{ margin-block-start:10px; } .foot-langs[open] > .foot-langs-panel{ gap:0 8px; } .foot-legal{ margin-block-start:16px; padding-block-start:15px; gap:7px; font-size:10.75px; line-height:1.55; } .foot-legal p{ margin:0; } .foot-legal a{ min-block-size:44px; } } @media screen and (max-width:340px){ .lp .lpbar{ padding-inline:10px; } .lp .lp-mobile-nav > summary{ inline-size:44px; padding:0; } .lp .lp-mobile-nav > summary span{ display:none; } .lp .lp-mobile-links, body.site:not(.site-home) .lp-mobile-links{ grid-template-columns:1fr; } .lp .lp-mobile-panel, body.site:not(.site-home) .lp-mobile-panel{ inset-inline:6px; } .foot-langs[open] > .foot-langs-panel{ grid-template-columns:1fr; } } /* Pricing is a catalogue on phones, not a desktop table hidden in a scroller. Column names remain in the markup and are repeated from data-label so each card is understandable without relying on horizontal position. */ @media screen and (max-width:620px){ body.site-pricing #services .tbl-wrap{ overflow:visible; contain:none; scrollbar-gutter:auto; border:0; border-radius:0; background:transparent; } body.site-pricing #services .price-tbl{ display:block; inline-size:100%; min-inline-size:0; border:0; border-collapse:separate; background:transparent; box-shadow:none; } body.site-pricing #services .price-tbl thead{ position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; } body.site-pricing #services .price-tbl tbody{ display:grid; grid-template-columns:minmax(0,1fr); gap:11px; inline-size:100%; } body.site-pricing #services .price-tbl tbody tr{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(104px,.58fr); min-inline-size:0; inline-size:100%; overflow:hidden; border:1px solid #d9deea; border-radius:16px; background:linear-gradient(155deg,#fff,#f5f7fb); box-shadow:0 8px 24px rgba(27,39,74,.065),inset 0 1px #fff; } body.site-pricing #services .price-tbl tbody tr::before{ content:''; position:absolute; inset-inline:0; inset-block-start:0; block-size:2px; background:linear-gradient(90deg,#c9a354,#7189ef,transparent); opacity:.72; } [dir=rtl] body.site-pricing #services .price-tbl tbody tr::before, [dir=ar] body.site-pricing #services .price-tbl tbody tr::before{ background:linear-gradient(90deg,transparent,#7189ef,#c9a354); } body.site-pricing #services .price-tbl :is(th,td){ display:block; min-inline-size:0; border:0; text-align:start; } body.site-pricing #services .price-tbl th[scope=row]{ grid-column:1 / -1; padding:14px 14px 10px; } body.site-pricing #services .price-tbl th[scope=row]::before, body.site-pricing #services .price-tbl td::before{ content:attr(data-label); display:block; margin-block-end:5px; color:#8a651d; font-size:9px; font-weight:850; line-height:1.2; letter-spacing:.09em; text-transform:uppercase; } body.site-pricing #services .price-tbl th[scope=row] > a{ display:flex; align-items:center; min-block-size:44px; min-inline-size:0; max-inline-size:100%; color:#151b2d; font-size:17px; line-height:1.25; white-space:normal; overflow-wrap:anywhere; } body.site-pricing #services .price-tbl th[scope=row] small{ display:block; overflow:visible; margin-block-start:3px; color:#626a7f; font-size:12.5px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; text-overflow:initial; } body.site-pricing #services .price-tbl td.price-packs{ grid-column:1; display:block; padding:9px 13px 11px; border-block-start:1px solid #e5e8f0; } body.site-pricing #services .price-tbl .pack-chip{ display:inline-flex; align-items:center; min-block-size:30px; margin:2px 0; max-inline-size:100%; padding:4px 8px; border-color:#d8ddeb; color:#3c465d; background:#fff; font-size:11px; line-height:1.25; white-space:normal; } body.site-pricing #services .price-tbl td.r{ grid-column:2; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:4px; padding:9px 13px 11px; border-block-start:1px solid #e5e8f0; border-inline-start:1px solid #e5e8f0; } body.site-pricing #services .price-tbl td.r::before{ align-self:stretch; margin-block:0 3px; } body.site-pricing #services .price-tbl td.r .price{ flex:none; margin-inline-start:0; align-items:flex-end; text-align:end; } [dir=rtl] body.site-pricing #services .price-tbl td.r .price, [dir=ar] body.site-pricing #services .price-tbl td.r .price{ align-items:flex-start; text-align:start; } body.site-pricing #services .price-tbl td.r .price b{ font-size:22px; } body.site-pricing #services .price-tbl tbody tr:hover{ background:linear-gradient(155deg,#fff,#f5f7fb); } } @media screen and (min-width:521px){ body.site .site-foot .foot-fold > summary, body.site .site-foot .foot-langs-disclosure > summary{ display:block; margin-block:0 16px; padding:0; color:#7896ff; cursor:default; pointer-events:none; font-family:var(--f); font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; } [dir=rtl] body.site .site-foot .foot-fold > summary, [dir=rtl] body.site .site-foot .foot-langs-disclosure > summary, [dir=ar] body.site .site-foot .foot-fold > summary, [dir=ar] body.site .site-foot .foot-langs-disclosure > summary{ letter-spacing:0; text-transform:none; } } /* ======================================================================== PUBLIC V3 / Precision Aperture A shared editorial shell for every public page except the image-led home. Ink, optical white, measured cobalt and a small signal-red accent replace the previous cream, gold, serif, pill and floating-card vocabulary. ======================================================================== */ body.site:not(.site-home){ --ink:#080b12; --ink2:#0d121c; --bg:#f4f5f7; --card:#fff; --surface-subtle:#eaedf2; --tx:#080b12; --tx2:#4f596a; --tx3:#747d8d; --line:#cfd4dc; --line2:#e1e4e9; --accent:#2457ff; --accent2:#173ecc; --accent-soft:#e9eeff; --gold:#2457ff; --amber:#ff4d36; --r:3px; --r-sm:2px; --sh:none; --sh-lg:none; background:var(--ink); } body.site:not(.site-home) .page-main{ color:var(--tx); background:var(--bg); } body.site:not(.site-home) .page-main :is(h1,h2,h3,h4), body.site:not(.site-home) .page-hero :is(h1,h2,h3,h4), body.site:not(.site-home) .price b, body.site:not(.site-home) .rate-big, body.site:not(.site-home) .rate-none, body.site:not(.site-home) .tax-proof figcaption b, body.site:not(.site-home) .docs-strip h3, body.site:not(.site-home) .kinds h3{ font-family:var(--f); font-style:normal; } body.site:not(.site-home) .page-main :is(.art-foil,.brand-foil){ color:inherit; background:none; -webkit-text-fill-color:currentColor; } body.site:not(.site-home) :is(.brand-seal-stack,.lp-header-foil,.lp-brand-proof){ display:none; } /* A single precise crown. */ body.site:not(.site-home) .lp-header{ position:sticky; z-index:80; inset-block-start:0; min-block-size:76px; border:0; border-block-end:1px solid rgba(255,255,255,.14); background:rgba(8,11,18,.98); box-shadow:none; } body.site:not(.site-home) .lpbar{ block-size:76px; gap:30px; } body.site:not(.site-home) .lp-brand{ gap:10px; } body.site:not(.site-home) .lp-brand::after{ display:none; } body.site:not(.site-home) .lpbar .logo b{ color:#fff; } body.site:not(.site-home) .lp-desktop-nav{ gap:20px; } body.site:not(.site-home) .lp-links{ gap:25px; } body.site:not(.site-home) .lp-links a{ min-block-size:44px; padding:12px 0; color:#adb6c6; border:0; border-radius:0; background:none; font-size:13px; font-weight:760; } body.site:not(.site-home) .lp-links a:is(:hover,:focus-visible,[aria-current=page]){ color:#fff; background:none; } body.site:not(.site-home) .lp-desktop-nav > .sw > summary{ min-block-size:42px; padding:9px 12px; color:#dce2ee; border:1px solid rgba(255,255,255,.22); border-radius:2px; background:transparent; } body.site:not(.site-home) .lp-header .btn{ min-block-size:42px; padding:9px 16px; border-radius:2px; box-shadow:none; } body.site:not(.site-home) .lp-header .btn.accent{ color:#fff; border-color:var(--accent); background:var(--accent); } body.site:not(.site-home) .lp-header .lp-login{ color:#dce2ee; border-color:transparent; background:transparent; } /* Page introductions are typographic fields, not ornamental banners. */ body.site:not(.site-home) .crumbs{ padding-block:15px; border-block-end:1px solid var(--line2); } body.site:not(.site-home) .crumbs ol{ color:#5f6878; font-size:11px; } body.site:not(.site-home) .crumbs li + li::before{ color:#aeb5c0; } body.site:not(.site-home) .page-hero{ min-block-size:480px; display:flex; align-items:center; padding-block:96px 88px; color:#fff; background:var(--ink); isolation:isolate; } body.site:not(.site-home) .page-hero .art-hero{ display:none; } body.site:not(.site-home) .page-hero > .wrap{ position:relative; z-index:2; inline-size:100%; max-inline-size:1240px; } body.site:not(.site-home) .page-hero .eyebrow{ display:flex; align-items:center; gap:10px; inline-size:fit-content; padding:0; color:#7392ff; border:0; border-radius:0; background:none; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; } [dir=rtl] body.site:not(.site-home) .page-hero .eyebrow, [dir=ar] body.site:not(.site-home) .page-hero .eyebrow{ letter-spacing:0; } body.site:not(.site-home) .page-hero h1{ max-inline-size:12ch; margin:20px 0 24px; color:#fff; font-size:clamp(58px,7.4vw,104px); font-weight:860; line-height:.91; letter-spacing:-.055em; text-shadow:none; text-wrap:balance; } [dir=rtl] body.site:not(.site-home) .page-hero h1, [dir=ar] body.site:not(.site-home) .page-hero h1{ max-inline-size:14ch; line-height:1; letter-spacing:-.018em; } body.site:not(.site-home) .page-hero .lead{ max-inline-size:58ch; margin:0; color:#b7bfcd; font-size:18px; line-height:1.7; } body.site:not(.site-home) .page-hero .hero-boundary{ color:#98a3b5; font-size:11.5px; } body.site:not(.site-home) .page-hero .hero-boundary .ic{ color:#7392ff; } body.site:not(.site-home) .page-hero .cta{ gap:10px; margin-block-start:30px; } body.site:not(.site-home) .page-hero .btn{ min-block-size:54px; padding:14px 21px; border-radius:3px; box-shadow:none; } body.site:not(.site-home) .page-main .btn{ border-radius:3px; box-shadow:none; } body.site:not(.site-home) .page-main .btn.accent{ color:#fff; border-color:var(--accent); background:var(--accent); } body.site.site-services .page-hero .cta > a.btn:not(.accent){ color:var(--ink); border-color:#fff; background:#fff; } body.site.site-services .page-hero .cta > a.btn:not(.accent):hover{ color:var(--ink); border-color:#e3e8f1; background:#e3e8f1; } body.site.site-services .page-hero .cta .wa-block .wa-btn:not(.accent){ color:#fff; border-color:#0b6f65; background:#0b6f65; } body.site.site-services .page-hero .cta .wa-block .wa-btn:not(.accent):hover{ color:#fff; border-color:#085b53; background:#085b53; } /* Services receives the real editorial photography used by the new system. */ body.site.site-services .page-hero{ min-block-size:680px; overflow:hidden; } body.site.site-services .page-hero::before{ content:''; position:absolute; z-index:0; inset-block:0; inset-inline-end:0; inline-size:48%; background:url('/assets/art/do-v3-services-studio.webp') 62% center / cover no-repeat; } body.site.site-services .page-hero::after{ content:''; position:absolute; z-index:1; inset-block:0; inset-inline-end:43%; inline-size:10%; background:linear-gradient(to var(--v3-seam, right),var(--ink),transparent); pointer-events:none; } [dir=rtl] body.site.site-services .page-hero{ --v3-seam:left; } body.site.site-services .page-hero > .wrap{ padding-inline-end:54%; } body.site.site-services .page-hero h1{ font-size:clamp(56px,6vw,88px); } /* Large ruled chapters replace floating panels. */ body.site:not(.site-home) .sec{ padding-block:108px; } body.site:not(.site-home) .sec.tint{ background:#eaedf2; } body.site:not(.site-home) .sec.light{ background:#fff; } body.site:not(.site-home) .sec-head.editorial-head{ align-items:flex-end; margin-block-end:45px; padding-block-end:22px; border-block-end:1px solid var(--line); } body.site:not(.site-home) .sec-head h2{ font-size:clamp(39px,4.6vw,64px); font-weight:850; line-height:1; letter-spacing:-.045em; } [dir=rtl] body.site:not(.site-home) .sec-head h2, [dir=ar] body.site:not(.site-home) .sec-head h2{ letter-spacing:-.012em; } body.site:not(.site-home) .section-kicker, body.site:not(.site-home) .cat-count, body.site:not(.site-home) .flow-n{ color:var(--accent) !important; background:none; font-size:10px; font-weight:850; letter-spacing:.1em; } /* Pricing: one large zero and a clean ledger. */ body.site-pricing .zero-card{ grid-template-columns:minmax(180px,.32fr) minmax(0,1fr); gap:70px; padding:72px 0; border:0; border-block:1px solid var(--line); border-radius:0; background:transparent; background-image:none; box-shadow:none; } body.site-pricing .zero-card-price{ text-align:start; } body.site-pricing .zero-card-price b{ color:var(--accent); background:none; -webkit-text-fill-color:currentColor; font-family:var(--f); font-size:clamp(112px,17vw,220px); font-weight:800; letter-spacing:-.09em; } body.site-pricing .zero-card-price span{ color:#5f6878; font-size:10px; } body.site:not(.site-home) .price-note, body.site:not(.site-home) .contact-boundary{ color:#596475; } body.site-pricing .zero-card-copy h2{ font-size:clamp(34px,4.2vw,58px); line-height:1.02; } body.site-pricing .zero-checks .ic{ color:var(--accent); } body.site-pricing .free-grid{ gap:0; border-block-end:1px solid var(--line); } body.site-pricing .free-col{ padding:38px 0; border:0; border-block-start:1px solid var(--line); border-radius:0; background:transparent; } body.site-pricing .free-col + .free-col{ padding-inline-start:42px; border-inline-start:1px solid var(--line); } body.site-pricing .free-col h3{ font-size:22px; } body.site-pricing .pack-chip{ padding:2px 0; color:#4f596a; border:0; border-radius:0; background:none; text-decoration:underline; text-decoration-color:#c7ccd5; text-underline-offset:3px; } body.site-pricing .tbl-wrap, body.site-countries .tbl-wrap{ border:1px solid var(--line); border-radius:0; background:#fff; box-shadow:none; } body.site-pricing .tbl thead th, body.site-countries .tbl thead th{ background:#e8ebf0; color:#4d5667; } body.site-pricing .tbl tbody tr:hover, body.site-countries .tbl tbody tr:hover{ background:#f1f4ff; } /* Catalogues become typographic ledgers rather than a deck of cards. */ body.site-services .boundary-card{ padding:34px 0; border:0; border-block:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } body.site-services .svc-cards{ gap:0 36px; } body.site-services .svc-card{ gap:12px; padding:30px 2px; border:0; border-block-start:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; transform:none; } body.site-services .svc-card:hover{ box-shadow:none; transform:none; } body.site-services .svc-card h3{ font-size:24px; line-height:1.15; } body.site-services .svc-flag{ position:static; order:-1; inline-size:fit-content; padding:0; color:var(--accent2); border:0; border-radius:0; background:none; font-size:9px; letter-spacing:.09em; text-transform:uppercase; } body.site-services .svc-card-foot{ border-block-start-color:var(--line); } body.site-services .flow-steps{ gap:0; border-block-end:1px solid var(--line); } body.site-services .flow-steps li{ padding:30px 24px; border:0; border-block-start:1px solid var(--line); border-radius:0; background:transparent; } body.site-services .flow-steps h3{ font-size:20px; } body.site-services .who-not{ padding:28px 0; border:0; border-block:1px solid var(--line); border-radius:0; background:transparent; } /* Shared information components stay sharp and quiet. */ body.site:not(.site-home) .faq{ gap:0; border-block-end:1px solid var(--line); } body.site:not(.site-home) .faq details{ padding:0; border:0; border-block-start:1px solid var(--line); border-radius:0; background:transparent; } body.site:not(.site-home) .faq summary{ min-block-size:62px; padding:17px 0; } body.site:not(.site-home) .faq summary::after{ color:var(--accent); border-radius:0; background:none; } body.site:not(.site-home) :is(.pack,.detail,.kind,.regime,.conf-card,.doc-card,.rate-main,.svc-facts,.proof-card,.trust-card,.legal-toc,.legal-doc){ border-radius:3px; box-shadow:none; } body.site:not(.site-home) :is(.pill,.conf,.rel-list li a){ border-radius:2px; } body.site:not(.site-home) .lead-sec .lead-form{ padding:42px 0; border:0; border-block:1px solid var(--line); border-radius:0; background:transparent; box-shadow:none; } body.site:not(.site-home) :is(input,select,textarea){ border-radius:2px; border-color:#c7cdd7; background:#fff; box-shadow:none; } body.site:not(.site-home) :is(input,select,textarea):focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(36,87,255,.12); } body.site:not(.site-home) .closing-cta{ padding-block:112px; color:#fff; background:var(--ink); } body.site:not(.site-home) .closing-panel{ padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } body.site:not(.site-home) .closing-panel h2{ color:#fff; font-size:clamp(42px,5vw,72px); } body.site:not(.site-home) .closing-zero{ color:rgba(36,87,255,.24); font-family:var(--f); } /* Footer: a black editorial index with cobalt wayfinding. */ body.site:not(.site-home) .site-foot{ padding-block:70px 32px; color:#aeb7c7; background:var(--ink); border-block-start:1px solid rgba(255,255,255,.14); } body.site:not(.site-home) .foot-grid{ gap:42px; } body.site:not(.site-home) .foot-fold > summary, body.site:not(.site-home) .foot-col h3{ color:#7896ff; } body.site:not(.site-home) .foot-col a{ color:#b8c1cf; } body.site:not(.site-home) .foot-col a:hover{ color:#fff; } body.site:not(.site-home) .foot-langs, body.site:not(.site-home) .foot-legal{ border-block-start-color:rgba(255,255,255,.16); } @media screen and (max-width:900px){ body.site:not(.site-home) .lp-header{ min-block-size:68px; } body.site:not(.site-home) .lpbar{ block-size:68px; } body.site:not(.site-home) .lp-mobile-nav > summary{ min-inline-size:46px; min-block-size:46px; color:#fff; border:1px solid rgba(255,255,255,.26); border-radius:2px; background:transparent; } body.site:not(.site-home) .lp-mobile-nav[open]::before{ inset-block-start:68px; background:rgba(0,0,0,.72); } body.site:not(.site-home) .lp-mobile-panel{ inset-block-start:68px; inset-inline:0; max-block-size:calc(100dvh - 68px); gap:0; padding:24px 22px 30px; color:#fff; border:0; border-radius:0; background:var(--ink); box-shadow:none; } body.site:not(.site-home) .lp-mobile-promise{ min-block-size:54px; padding:0 0 18px; border:0; border-block-end:1px solid rgba(255,255,255,.18); border-radius:0; background:none; } body.site:not(.site-home) .lp-mobile-zero{ color:#7896ff; } body.site:not(.site-home) .lp-mobile-links{ grid-template-columns:1fr; gap:0; } body.site:not(.site-home) .lp-mobile-links a{ min-block-size:54px; padding:13px 0; color:#d8deea; border:0; border-block-end:1px solid rgba(255,255,255,.18); border-radius:0; background:none; font-size:14px; } body.site:not(.site-home) .lp-mobile-switcher{ padding-block:18px; border-block-end:1px solid rgba(255,255,255,.18); } body.site:not(.site-home) .lp-mobile-switcher .sw > summary{ border-radius:2px; } body.site:not(.site-home) .lp-mobile-actions{ grid-template-columns:1fr 1fr; gap:8px; padding-block-start:20px; } body.site:not(.site-home) .lp-mobile-actions .btn{ border-radius:2px; } body.site:not(.site-home) .page-hero{ min-block-size:420px; padding-block:78px 70px; } body.site:not(.site-home) .page-hero h1{ font-size:clamp(52px,11vw,76px); } body.site.site-services .page-hero{ min-block-size:780px; align-items:flex-start; padding-block:70px 340px; } body.site.site-services .page-hero::before{ inset-block:auto 0; inline-size:100%; block-size:300px; background-position:62% 42%; } body.site.site-services .page-hero::after{ inset-block:auto 265px; inset-inline:0; inline-size:100%; block-size:76px; background:linear-gradient(180deg,var(--ink),transparent); } body.site.site-services .page-hero > .wrap{ padding-inline-end:0; } body.site:not(.site-home) .sec{ padding-block:82px; } body.site-pricing .zero-card{ gap:32px; } } @media screen and (max-width:640px){ body.site:not(.site-home) .lp-header{ min-block-size:64px; } body.site:not(.site-home) .lpbar{ block-size:calc(64px + env(safe-area-inset-top)); padding-inline:14px; } body.site:not(.site-home) .lp-mobile-nav[open]::before{ inset-block-start:64px; } body.site:not(.site-home) .lp-mobile-panel{ inset-block-start:calc(64px + env(safe-area-inset-top)); inset-inline:0; max-block-size:calc(100dvh - 64px - env(safe-area-inset-top)); padding-inline:20px; } body.site:not(.site-home) .crumbs{ padding:11px 18px; } body.site:not(.site-home) .page-hero{ min-block-size:0; padding-block:68px 62px; } body.site:not(.site-home) .page-hero > .wrap{ padding-inline:20px; } body.site:not(.site-home) .page-hero h1{ max-inline-size:11ch; margin-block:17px 18px; font-size:clamp(43px,13vw,57px); line-height:.94; } [dir=rtl] body.site:not(.site-home) .page-hero h1, [dir=ar] body.site:not(.site-home) .page-hero h1{ max-inline-size:13ch; line-height:1; } body.site:not(.site-home) .page-hero .lead{ font-size:15px; line-height:1.62; } body.site:not(.site-home) .page-hero .cta{ display:grid; grid-template-columns:1fr; } body.site:not(.site-home) .page-hero .btn{ inline-size:100%; } body.site.site-services .page-hero{ min-block-size:0; padding-block:62px 300px; } body.site.site-services .page-hero::before{ block-size:260px; background-position:61% center; } body.site.site-services .page-hero::after{ inset-block-end:225px; } body.site:not(.site-home) .sec{ padding-block:72px; } body.site:not(.site-home) .sec-head.editorial-head{ display:block; margin-block-end:32px; padding-block-end:18px; } body.site:not(.site-home) .sec-head h2{ font-size:40px; } body.site-pricing .zero-card{ grid-template-columns:1fr; gap:22px; padding-block:46px; text-align:start; } body.site-pricing .zero-card-price{ text-align:start; } body.site-pricing .zero-card-price b{ font-size:112px; } body.site-pricing .zero-checks{ justify-content:flex-start; } body.site-pricing .free-grid{ grid-template-columns:1fr; } body.site-pricing .free-col + .free-col{ padding-inline-start:0; border-inline-start:0; } body.site-pricing #services .price-tbl tbody tr{ border-radius:2px; background:#fff; box-shadow:none; } body.site-pricing #services .price-tbl tbody tr::before{ background:var(--accent); opacity:1; } [dir=rtl] body.site-pricing #services .price-tbl tbody tr::before, [dir=ar] body.site-pricing #services .price-tbl tbody tr::before{ background:var(--accent); } body.site-pricing #services .price-tbl th[scope=row]::before, body.site-pricing #services .price-tbl td::before{ color:var(--accent2); } body.site-pricing #services .price-tbl tbody tr:hover{ background:#fff; } body.site-services .svc-cards{ grid-template-columns:1fr; } body.site-services .svc-card{ padding-block:27px; } body.site-services .flow-steps{ grid-template-columns:1fr; } body.site-services .flow-steps li{ padding-inline:0; } body.site:not(.site-home) .lead-sec .lead-form{ padding-block:34px; } body.site:not(.site-home) .site-foot{ padding-block:48px 24px; } body.site:not(.site-home) .foot-fold > summary, body.site:not(.site-home) .foot-langs-disclosure > summary{ border-radius:0; } body.site:not(.site-home) .foot-fold > summary::after, body.site:not(.site-home) .foot-langs-disclosure > summary::after{ color:#7896ff; border-color:rgba(120,150,255,.35); border-radius:2px; } body.site-countries .cy-sec .tbl-wrap{ overflow:visible; } body.site-countries .cy-tbl{ inline-size:100%; min-inline-size:0; table-layout:fixed; font-size:11px; } body.site-countries .cy-tbl :is(th,td){ min-inline-size:0; padding:9px 6px; white-space:normal; overflow-wrap:anywhere; } body.site-countries .cy-tbl thead th:first-child{ inline-size:42%; } body.site-countries .cy-tbl thead th:nth-child(2){ inline-size:20%; } body.site-countries .cy-tbl thead th:nth-child(3){ inline-size:16%; } body.site-countries .cy-tbl thead th:nth-child(4){ inline-size:22%; } body.site-countries .cy-tbl th[scope=row]{ display:table-cell; } body.site-countries .cy-tbl th[scope=row] :is(a,small){ display:block; } body.site-countries .cy-tbl .conf{ padding-inline:4px; font-size:8px; } .lp.site-home .foot-fold > summary::after, .lp.site-home .foot-langs-disclosure > summary::after{ color:#7896ff; border-color:rgba(120,150,255,.38); border-radius:2px; } }