:root {
  --baytna-print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%232f6f91' stroke-opacity='.11' stroke-width='1'%3E%3Cpath d='M48 2 61 35 94 48 61 61 48 94 35 61 2 48 35 35Z'/%3E%3Cpath d='M48 18 56 40 78 48 56 56 48 78 40 56 18 48 40 40Z'/%3E%3Cpath d='M0 0 18 18M96 0 78 18M0 96 18 78M96 96 78 78'/%3E%3C/g%3E%3Ccircle cx='48' cy='48' r='2' fill='%232f6f91' fill-opacity='.12'/%3E%3C/svg%3E");
  --navy: #303132;
  --navy-2: #4d4e4f;
  --emerald: #636465;
  --mist: #f7f8f9;
  --line: #e0e1e2;
  --muted: #6c7f89;
  --muted-2: #81919a;
  --page-bg: #fbfcfd;
  --page-muted: #f4f5f6;
  --surface: #f9fafb;
  --surface-glass: rgba(249,250,251,.92);
  --surface-soft: #eff0f1;
  --text: #323334;
  --success-bg: #e8efe5;
  --success-text: #637e62;
  color-scheme: light;
}

/* Verified Jeweller — hallmark system. Kept global because the badge markup is
   reused inside both its trigger and modal presentation. */
.verified-jeweller-badge,
.expanded-badge {
  display: inline-flex !important;
  align-items: stretch !important;
  justify-self: center;
  width: auto !important;
  max-width: 220px;
  min-height: 40px;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #b98a35 !important;
  border-radius: 5px !important;
  background:#ffffff !important;
  color: #1d1b18 !important;
  box-shadow: 0 4px 14px rgb(94 69 21 / 9%) !important;
}
.verified-jeweller-badge .hallmark,
.expanded-badge .hallmark {
  position: relative;
  display: grid !important;
  flex: 0 0 42px;
  place-items: center;
  width: 42px !important;
  border-right: 1px solid #c6a153;
  color: #b08331 !important;
}
.verified-jeweller-badge .hallmark svg,
.expanded-badge .hallmark svg { width: 21px !important; height: 21px !important; stroke-width: 1.8; }
.verified-jeweller-badge .hallmark svg + svg,
.expanded-badge .hallmark svg + svg {
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 10px !important;
  height: 10px !important;
  fill: #fffdf8;
  stroke-width: 2;
}
.verified-jeweller-badge .badge-copy,
.expanded-badge .badge-copy {
  display: flex !important;
  min-width: 0;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  padding: 6px 10px !important;
  text-align: left;
}
.verified-jeweller-badge .badge-copy strong,
.expanded-badge .badge-copy strong {
  font: 500 14px/1.05 Georgia, serif !important;
  white-space: nowrap;
}
.verified-jeweller-badge .badge-copy small,
.expanded-badge .badge-copy small {
  color: #a47a2e !important;
  font-size: 7px !important;
  line-height: 1.1;
  letter-spacing: .02em;
  white-space: nowrap;
}
.verified-jeweller-badge.compact { min-height: 32px; max-width: 180px; }
.verified-jeweller-badge.compact .hallmark { flex-basis: 33px; width: 33px !important; }
.verified-jeweller-badge.compact .hallmark svg { width: 16px !important; height: 16px !important; }
.verified-jeweller-badge.compact .hallmark svg + svg { right: 3px; bottom: 3px; width: 8px !important; height: 8px !important; }
.verified-jeweller-badge.compact .badge-copy { padding: 4px 7px !important; }
.verified-jeweller-badge.compact .badge-copy strong { font-size: 11px !important; }
.verified-jeweller-badge.compact .badge-copy small { font-size: 6px !important; }
.jeweller-modal .expanded-badge { justify-self: start; max-width: 250px; margin: 0 48px 20px 0; }
.jeweller-modal .expanded-badge .hallmark { flex-basis: 48px; width: 48px !important; }
.jeweller-modal .expanded-badge .badge-copy strong { font-size: 17px !important; }
html[dir="rtl"] .verified-jeweller-badge .hallmark,
html[dir="rtl"] .expanded-badge .hallmark { border-right: 0; border-left: 1px solid #c6a153; }
html[dir="rtl"] .verified-jeweller-badge .badge-copy,
html[dir="rtl"] .expanded-badge .badge-copy { align-items: flex-end; text-align: right; }
html[data-theme="dark"] {
  --line: #4c4d4e;
  --muted: #c3c4c5;
  --muted-2: #93a6b0;
  --page-bg: #1a1b1c;
  --page-muted: #222324;
  --surface: #2b2c2d;
  --surface-glass: rgba(34,35,36,.92);
  --surface-soft: #353637;
  --text: #f7f8f9;
  --success-bg: #344438;
  --success-text: #b9d0b3;
  color-scheme: dark;
}
* { box-sizing: border-box; }
.baytna-toast{position:fixed;z-index:4000;top:88px;right:22px;display:grid;grid-template-columns:22px minmax(0,1fr) 30px;align-items:start;gap:10px;width:min(390px,calc(100vw - 32px));padding:13px 12px 13px 14px;border:1px solid #d6d7d8;border-left:4px solid #71848e;border-radius:12px;background:rgba(251,252,253,.97);color:#323334;box-shadow:0 18px 55px rgba(39,40,41,.2);backdrop-filter:blur(16px);animation:baytna-toast-in .22s ease-out}.baytna-toast>svg{width:20px;height:20px;color:#71848e}.baytna-toast p{margin:1px 0;font-size:11px;font-weight:720;line-height:1.5}.baytna-toast button{display:grid;place-items:center;width:30px;height:30px;margin:-5px -4px 0 0;border:0;border-radius:50%;background:transparent;color:#6c7f89}.baytna-toast button:hover{background:#eff0f1}.baytna-toast button svg{width:15px}.baytna-toast.success{border-left-color:#28845e}.baytna-toast.success>svg{color:#28845e}.baytna-toast.error{border-left-color:#b23b46}.baytna-toast.error>svg{color:#b23b46}@keyframes baytna-toast-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){.baytna-toast{top:auto;right:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(50%);width:calc(100vw - 24px);padding:12px;border-radius:11px;animation:baytna-toast-mobile-in .22s ease-out}.baytna-toast p{font-size:10px}.baytna-toast button{width:34px;height:34px}@keyframes baytna-toast-mobile-in{from{opacity:0;transform:translate(50%,10px) scale(.98)}to{opacity:1;transform:translateX(50%)}}}
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x:hidden; color: var(--text); background-color:var(--page-bg); background-image:var(--baytna-print); background-size:64px 64px; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; transition:background-color .2s ease,color .2s ease; }
.public-site-main{--page-bg:#eee4ce;--page-muted:#e5e9eb;--surface:#f9fafb;--surface-glass:rgba(249,250,251,.94);--surface-soft:#e4e9eb;--line:#d1dadd;min-height:70vh;background-color:#ffffff;background-image:var(--cms-image-8f8fe199,url("/baytna-assets/baytna-architectural-page-background-v1.png"));background-position:center top;background-size:cover;background-attachment:fixed}
html[data-theme="dark"] .public-site-main{--page-bg:#1a1b1c;--page-muted:#222324;--surface:#2b2c2d;--surface-glass:rgba(34,35,36,.92);--surface-soft:#353637;--line:#4c4d4e;background:#1a1b1c}
html[dir="rtl"] body{font-family:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6,.eyebrow,button,a){letter-spacing:0!important}
.route-transition { min-height:100vh; animation:route-enter .34s cubic-bezier(.22,.75,.28,1) both; }
.motion-reveal { opacity:0; transform:translateY(22px); transition:opacity .55s cubic-bezier(.22,.75,.28,1) var(--motion-delay,0ms),transform .55s cubic-bezier(.22,.75,.28,1) var(--motion-delay,0ms); }
.motion-reveal.motion-visible { opacity:1; transform:none; }
@keyframes route-enter { from { opacity:.25; transform:translateY(7px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .route-transition { animation:none; }
  .motion-reveal,.motion-reveal.motion-visible { opacity:1; transform:none; transition:none; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}
main { min-width:0; overflow-x:clip; }
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.container { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.eyebrow { color: var(--emerald); font-size: 11px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.card { border: 1px solid var(--line); background:var(--surface); border-radius: 16px; box-shadow:0 10px 35px #6b38200a; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; border-radius:999px; padding:0 20px; border:1px solid transparent; font-size:13px; font-weight:700; transition:.18s ease; }
.btn:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid rgba(8,122,91,.22); outline-offset:2px; }
.btn-primary { background:#636465; color:#fff; }
.btn-primary:hover { background:#3c3d3e; transform:translateY(-1px); }
.btn-secondary { border-color:var(--line); background:var(--surface); color:var(--text); }
.public-header { height:78px; position:sticky; top:0; z-index:30; border-bottom:1px solid var(--line); background:var(--surface-glass); backdrop-filter:blur(18px); }
.nav-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.desktop-nav { display:flex; align-items:center; gap:30px; font-size:12px; font-weight:650; white-space:nowrap; }
.desktop-nav a:hover,.desktop-nav a:focus-visible { color:var(--success-text); }
.nav-actions { display:flex; align-items:center; gap:10px; }
.account-actions { min-width:300px; justify-content:flex-end; gap:10px; }
.company-link { max-width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mobile-menu { display:none; padding:8px; }
.mobile-panel { position:absolute; left:0; right:0; top:74px; background:var(--surface); padding:20px; display:grid; gap:20px; border-bottom:1px solid var(--line); box-shadow:0 12px 22px #0b1f3a18; }
.input { width:100%; min-height:46px; border:1px solid var(--line); border-radius:12px; padding:10px 13px; background:var(--surface); color:var(--text); }
.label { display:block; font-size:13px; font-weight:700; margin-bottom:7px; }
.status { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:5px 9px; font-size:12px; font-weight:700; white-space:nowrap; }
.status-green { color:#545556; background:#eff0f1; }
.status-amber { color:#945c0c; background:#ffffff; }
.status-red { color:#a53636; background:#ffffff; }
.status-blue { color:#565758; background:#f2f3f4; }
.section { padding:90px 0; }
.section h2 { margin:10px 0 14px; font-size:clamp(30px,4vw,46px); letter-spacing:-.04em; }
.muted { color:var(--muted); line-height:1.7; }
.public-verification { min-height:720px; padding:90px 20px; background:radial-gradient(circle at 50% 0,#eff0f1 0,transparent 38%),#f6f7f8; display:grid; place-items:center; }
.verification-card { width:min(680px,100%); background:white; border:1px solid #e2e3e4; border-radius:26px; padding:42px; text-align:center; box-shadow:0 24px 70px rgba(28,29,30,.1); }
.badge-seal { width:82px; height:82px; margin:-82px auto 24px; border-radius:50%; display:grid; place-items:center; border:7px solid #f6f7f8; }
.badge-seal svg { width:40px; height:40px; }
.badge-seal.verified { background:#606162; color:white; }
.badge-seal.pending { background:#607083; color:white; }
.verification-card h1 { font-size:clamp(32px,6vw,50px); letter-spacing:-.045em; margin:12px 0 7px; }
.verification-card .legal-name { color:#607083; font-size:13px; }
.public-badge { margin:26px auto; max-width:430px; border-radius:16px; padding:14px 18px; display:flex; align-items:center; justify-content:center; gap:11px; text-align:left; }
.public-badge.verified { background:#eff0f1; color:#545556; border:1px solid #a9d9c8; }
.public-badge.pending { background:#f0f1f2; color:#536576; border:1px solid #dddedf; }
.public-badge svg { width:26px; height:26px; flex:0 0 auto; }
.public-badge b,.public-badge small { display:block; }
.public-badge b { font-size:15px; }
.public-badge small { font-size:10px; margin-top:4px; line-height:1.4; }
.verification-card dl { display:grid; grid-template-columns:1fr 1fr; text-align:left; border:1px solid #e6e7e8; border-radius:15px; overflow:hidden; margin:25px 0; }
.verification-card dl>div { padding:16px; border-bottom:1px solid #ebeced; }
.verification-card dl>div:nth-child(odd) { border-right:1px solid #ebeced; }
.verification-card dl>div:nth-last-child(-n+2) { border-bottom:0; }
.verification-card dt { display:flex; align-items:center; gap:6px; color:#718092; font-size:9px; text-transform:uppercase; font-weight:800; letter-spacing:.06em; }
.verification-card dt svg { width:14px; }
.verification-card dd { margin:7px 0 0; font-size:12px; font-weight:750; }
.verification-note { display:flex; gap:10px; text-align:left; background:#ffffff; color:#6d561e; padding:13px; border-radius:10px; margin-bottom:22px; }
.verification-note svg { width:18px; flex:0 0 auto; }
.verification-note p { font-size:10px; line-height:1.55; margin:0; }
.shared-profile-page { min-height:720px; padding:80px 20px; background:#f6f7f8; display:grid; place-items:center; }
.shared-profile-card { width:min(660px,100%); background:white; border:1px solid #e2e3e4; border-radius:24px; padding:38px; box-shadow:0 22px 65px rgba(28,29,30,.09); text-align:center; }
.shared-icon { width:64px; height:64px; display:grid; place-items:center; border-radius:17px; margin:0 auto 18px; background:#1c1d1e; color:white; }
.shared-profile-card h1 { font-size:clamp(30px,5vw,44px); margin:10px 0 5px; letter-spacing:-.04em; }
.shared-legal { color:#607083; font-size:12px; }
.shared-verified { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:99px; background:#eff0f1; color:#545556; font-size:11px; margin:12px 0; }
.shared-verified svg { width:17px; }
.shared-id { color:#718092; font-size:9px; margin:10px 0 24px; text-transform:uppercase; letter-spacing:.06em; }
.shared-id b { color:#1c1d1e; margin-left:6px; }
.shared-profile-card dl { text-align:left; border:1px solid #e6e7e8; border-radius:14px; overflow:hidden; }
.shared-profile-card dl>div { display:grid; grid-template-columns:150px 1fr; padding:14px; border-top:1px solid #ebeced; }
.shared-profile-card dl>div:first-child { border-top:0; }
.shared-profile-card dt { color:#718092; font-size:10px; }
.shared-profile-card dd { margin:0; font-size:12px; font-weight:750; overflow-wrap:anywhere; }
.shared-expiry,.shared-notice { display:flex; text-align:left; gap:9px; padding:12px; border-radius:9px; margin-top:14px; font-size:10px; line-height:1.5; }
.shared-expiry { background:#f0f1f2; color:#555657; }
.shared-notice { background:#ffffff; color:#785812; }
.shared-expiry svg,.shared-notice svg { width:17px; flex:0 0 auto; }
.shared-notice p { margin:0; }
.shared-documents { margin-top:16px; padding:16px; border:1px solid #e6e7e8; border-radius:14px; text-align:left; }
.shared-documents h2 { display:flex; align-items:center; gap:8px; margin:0 0 10px; font-size:14px; }
.shared-documents h2 svg { width:18px; color:#606162; }
.shared-documents>div { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-top:1px solid #ebeced; }
.shared-documents>div:first-of-type { border-top:0; }
.shared-documents span b,.shared-documents span small { display:block; }
.shared-documents span b { font-size:12px; }
.shared-documents span small { margin-top:4px; color:#718092; font-size:9px; text-transform:capitalize; }
.shared-documents .btn { min-height:34px; padding:0 11px; font-size:10px; flex:0 0 auto; }
.public-suppliers-hero { padding:90px 0 65px; text-align:center; background:radial-gradient(circle at 50% 0,#eff0f1 0,transparent 45%),#f6f7f8; border-bottom:1px solid #e3e4e5; }
.public-suppliers-hero h1 { margin:12px 0; font-size:clamp(40px,6vw,64px); letter-spacing:-.05em; }
.public-suppliers-hero p { max-width:680px; margin:auto; color:#607083; line-height:1.65; }
.public-page-hero {
  position:relative;
  color:#fff;
  background:linear-gradient(90deg,rgba(15,16,17,.9) 0%,rgba(22,23,24,.78) 48%,rgba(13,14,15,.86) 100%),
    url("/public-pages-hero.webp") center 80%/cover no-repeat !important;
  border-color:rgba(187,188,189,.22) !important;
}
.public-page-hero::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,11,12,.06),rgba(10,11,12,.3));
  pointer-events:none;
}
.public-page-hero>.container { position:relative; z-index:1; }
.public-page-hero>.container>.eyebrow,
.public-page-hero-copy>.eyebrow { color:#a9aaab !important; text-shadow:0 2px 12px rgba(0,0,0,.4); }
.public-page-hero>.container>h1,
.public-page-hero-copy>h1 { color:#f7f8f9; text-shadow:0 3px 22px rgba(0,0,0,.45); }
.public-page-hero>.container>p,
.public-page-hero-copy>p { color:#dbdcdd !important; text-shadow:0 2px 12px rgba(0,0,0,.4); }
.workspace-guide{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #dddedf;border-radius:11px;background:#f7f8f9;color:#555657;margin-bottom:18px}.workspace-guide>svg{width:20px;flex:0 0 auto}.workspace-guide b,.workspace-guide span{display:block}.workspace-guide b{font-size:12px}.workspace-guide span{font-size:10px;line-height:1.55;margin-top:3px}
.public-suppliers-section { padding:55px 0 90px; background:#ffffff; }
.public-suppliers-note { max-width:760px; margin:0 auto 30px; display:flex; align-items:flex-start; gap:10px; padding:13px 15px; border-radius:10px; background:#eef6f3; color:#315d50; }
.public-suppliers-note svg { width:18px; flex:0 0 auto; }
.public-suppliers-note p { margin:0; font-size:11px; line-height:1.55; }
.public-supplier-list { width:min(820px,100%); margin:auto; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.public-supplier-list li { min-height:62px; display:flex; align-items:center; gap:12px; padding:15px 17px; border:1px solid #e3e4e5; border-radius:12px; background:#ffffff; box-shadow:0 5px 18px rgba(28,29,30,.04); font-size:14px; font-weight:750; }
.public-supplier-list li svg { width:19px; color:#606162; flex:0 0 auto; }
.public-suppliers-empty { width:min(650px,100%); margin:auto; padding:60px 25px; border:1px solid #e3e4e5; border-radius:18px; text-align:center; color:#607083; }
.public-suppliers-empty>svg { color:#606162; }
.public-suppliers-empty h2 { color:#1c1d1e; }

.theme-toggle {
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface);
  color:var(--text);
  font-size:11px;
  font-weight:800;
  line-height:1;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
.theme-toggle:hover { border-color:#606162; transform:translateY(-1px); }
.theme-toggle:focus-visible { outline:3px solid rgba(8,122,91,.22); outline-offset:2px; }
.theme-toggle>svg { width:15px; height:15px; color:var(--muted); }
.theme-toggle-track {
  position:relative;
  width:34px;
  height:19px;
  flex:0 0 34px;
  border-radius:999px;
  background:#d0d1d2;
  box-shadow:inset 0 0 0 1px rgba(28,29,30,.08);
  transition:background-color .18s ease;
}
.theme-toggle-thumb {
  position:absolute;
  width:15px;
  height:15px;
  left:2px;
  top:2px;
  border-radius:50%;
  background:#ffffff;
  box-shadow:0 1px 4px rgba(28,29,30,.3);
  transition:transform .2s ease;
}
.theme-toggle[aria-checked="true"] .theme-toggle-track { background:#606162; }
.theme-toggle[aria-checked="true"] .theme-toggle-thumb { transform:translateX(15px); }
.theme-toggle[aria-checked="true"]>svg { color:var(--success-text); }

html[data-theme="dark"] .btn-primary { background:#545556; }
html[data-theme="dark"] .btn-primary:hover { background:#676869; }
html[data-theme="dark"] :where(input,select,textarea) {
  background-color:var(--surface);
  color:var(--text);
  border-color:var(--line);
}
html[data-theme="dark"] :where(input,textarea)::placeholder { color:#7f91a5; }
html[data-theme="dark"] :where(.verification-card,.shared-profile-card,.public-supplier-list li,.public-suppliers-section) {
  background:var(--surface);
  border-color:var(--line);
}
html[data-theme="dark"] :where(.public-verification,.shared-profile-page,.public-suppliers-hero) {
  background:radial-gradient(circle at 50% 0,#123c34 0,transparent 42%),var(--page-muted);
  border-color:var(--line);
}
html[data-theme="dark"] :where(.verification-card dl,.shared-profile-card dl,.shared-documents,.verification-card dl>div,.shared-profile-card dl>div,.shared-documents>div) {
  border-color:var(--line);
}
html[data-theme="dark"] :where(.shared-id b,.public-suppliers-empty h2) { color:var(--text); }
html[data-theme="dark"] :where(.verification-card .legal-name,.verification-card dt,.shared-legal,.shared-id,.shared-profile-card dt,.shared-documents span small,.public-suppliers-hero p,.public-suppliers-empty) { color:var(--muted); }
html[data-theme="dark"] .badge-seal { border-color:var(--page-muted); }

html[data-theme="dark"] :where(
  .policy-form,.policy-list,.verification-scroll,.admin-document-scroll,.subscription-panel,
  .directory-tools,.company-card.hidden-supplier,.quick a,.nudge-card.unread,.nudge-id-input,
  .nudge-tabs button,.icon-button,.website-chat-panel,.website-chat-message:not(.user)>div,
  .website-chat-prompts button,.sources a,.suggestions button,.message:not(.user)>div,
  .xindexhub-id-input,.document-selector label,.queue-table th,.sharing-table th,.mini-stats>div,
  .billing-note,.grant-note,.row-actions,.review,.review section,.recipient-confirm,
  .document-selector,.share-review,.wizard fieldset
) {
  background:var(--surface-soft) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}
html[data-theme="dark"] :where(
  .website-chat-messages,.messages,.plans-section,.pricing,.steps,.partnership-section,
  .checkout-page,.onboarding
) { background-color:var(--page-muted) !important; }
html[data-theme="dark"] .subscribe-value {
  background:linear-gradient(180deg,#10261f 0%,var(--page-muted) 100%) !important;
  border-color:var(--line) !important;
}
html[data-theme="dark"] :where(
  .price-card,.payment-trust,.preview,.cta,.website-chat-panel,.wizard,
  .document-modal>form,.nudge-modal form,.supplier-nudge-modal form,.review-modal,
  .provider-card,.order,.subscription-grid article
) {
  background:var(--surface) !important;
  border-color:var(--line) !important;
  color:var(--text) !important;
}
html[data-theme="dark"] :where(
  .table-card th,.queue-table th,.sharing-table th,.admin-document-table th,
  .admin-table th
) { background:var(--surface-soft) !important; color:var(--muted) !important; }
html[data-theme="dark"] :where(
  table td,.info>div,.checklist-items a,.billing-panel dl>div,.provider-head,
  .summary-row,.total,.actions,.wizard footer,.chat-top,.website-chat-composer,
  .wizard-progress span
) { border-color:var(--line) !important; }
html[data-theme="dark"] :where(
  .page-head p,.ai-head p,.intro,.plan-name small,.price-card>p,.price>small,
  .price>span,.pricing-faq details p,.provider-head small,.order>p,.order>small,
  .total small,.security-copy,.stat small,.checklist-items small,.info dt,
  td small,.queue-empty,.document-empty p,.nudge-empty,.loading,.empty-directory,
  .billing-panel dt,.billing-loading,.directory-result-count,.company-copy p,
  .company-copy small,.rating span,.wizard-body>p,.document-selector label small,
  .document-selector p,.chat-top small,.message small,.disclaimer,.website-chat-note,
  .subscribe-intro p,.subscription-grid p
) { color:var(--muted) !important; }
html[data-theme="dark"] .subscription-grid article>span {
  background:var(--success-bg);
  color:var(--success-text);
}
html[data-theme="dark"] :where(.progress,.checklist-progress,.bar) { background:#353637 !important; }
html[data-theme="dark"] .wizard-progress .active {
  color:var(--text) !important;
}
html[data-theme="dark"] .wizard-progress .active span {
  background:#606162 !important;
  border-color:#727374 !important;
  color:#fff !important;
}
html[data-theme="dark"] .wizard-progress .done span {
  background:#123a31 !important;
  border-color:#207761 !important;
  color:#8ee0c7 !important;
}
html[data-theme="dark"] .recipient-confirm h3 {
  color:var(--text) !important;
}
html[data-theme="dark"] .recipient-confirm :where(small,span) {
  color:var(--muted) !important;
}
html[data-theme="dark"] .sharing-warning {
  background:#2b2c2d !important;
  color:#d2d3d4 !important;
}

.verification-tier-badge {
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:max-content;
  padding:8px 13px;
  border:1px solid;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  box-shadow:0 0 0 2px color-mix(in srgb,currentColor 12%,transparent);
}
.verified-home-business-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;padding:8px 12px 8px 9px;border:1px solid #23a873;border-radius:8px;background:#161718;color:#fff!important;line-height:1;box-shadow:0 6px 18px rgba(19,20,21,.16)}.verified-home-business-badge>i{width:1px;height:31px;background:#23a873;opacity:.65}.verified-home-shield{position:relative;display:grid;place-items:center;width:35px;height:38px;color:#24ae78}.verified-home-shield>svg:first-child{position:absolute;inset:0;width:35px;height:38px;fill:#16875f;stroke:#32c18c}.verified-home-shield>svg:nth-child(2){position:relative;width:17px;height:17px;color:#fff;stroke-width:2}.verified-home-shield>svg:last-child{position:absolute;right:2px;bottom:4px;width:12px;height:12px;padding:1px;border-radius:50%;background:#161718;color:#fff;stroke-width:3}.verified-home-copy{display:grid;gap:5px;text-align:left}.verified-home-business-badge strong{color:#fff;font-size:10px;letter-spacing:.01em}.verified-home-business-badge small{margin:0!important;color:#4cd29d!important;font-size:7px!important;font-weight:800;letter-spacing:.1em!important;text-transform:uppercase}.verified-home-business-badge.compact{gap:7px;padding:6px 9px 6px 7px;border-radius:6px}.verified-home-business-badge.compact>i{height:25px}.verified-home-business-badge.compact .verified-home-shield{width:28px;height:30px}.verified-home-business-badge.compact .verified-home-shield>svg:first-child{width:28px;height:30px}.verified-home-business-badge.compact .verified-home-shield>svg:nth-child(2){width:13px;height:13px}.verified-home-business-badge.compact .verified-home-shield>svg:last-child{width:10px;height:10px;right:1px;bottom:2px}.verified-home-business-badge.compact strong{font-size:9px}.verified-home-business-badge.compact small{font-size:6px!important}.storefront-hero .verified-home-business-badge{margin:0 auto 16px}html[data-theme="dark"] .verified-home-business-badge{border-color:#2cb77f;background:#121314;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.verification-tier-badge svg {
  width:18px;
  height:18px;
}
.verification-tier-badge.verified {
  border-color:#7b7c7d;
  background:#eff0f1;
  color:#545556;
}
.verification-tier-badge.verified-plus {
  border-color:#d6a62f;
  background:#ffffff;
  color:#946800;
  box-shadow:0 0 0 2px #e7b63826,0 0 16px #e7b63838;
}
.verification-tier-badge.compact {
  gap:5px;
  padding:5px 8px;
  font-size:9px;
}
.verification-tier-badge.compact svg {
  width:14px;
  height:14px;
}
html[data-theme="dark"] .verification-tier-badge.verified {
  border-color:#8b8c8d;
  background:#252627;
  color:#8ee4b5;
}
html[data-theme="dark"] .verification-tier-badge.verified-plus {
  border-color:#e7b638;
  background:#3a3015;
  color:#ffd86f;
}
html[data-theme="dark"] :where(.user>span,.company-avatar.big,.avatar,.upgrade-lock) {
  background:var(--surface-soft) !important;
  color:var(--text) !important;
}
html[data-theme="dark"] :where(.public-badge.pending,.subscription-status,.hidden-label,.pending-label) {
  background:#2f3031;
  color:#c5c6c7;
  border-color:#4a4b4c;
}
html[data-theme="dark"] :where(.admin-document-status,.ai-not-run) {
  background:#2f3031 !important;
  color:#d3d4d5 !important;
  border:1px solid #4a4b4c;
}
html[data-theme="dark"] .ai-check {
  background:#202122 !important;
  color:var(--text) !important;
}
html[data-theme="dark"] :where(.status-green,.public-badge.verified,.shared-verified,.verified-label,.partnership-badge,.subscription-status.active,.subscription-status.trialing,.subscription-status.complimentary) {
  background:var(--success-bg);
  color:var(--success-text);
  border-color:#575859;
}
html[data-theme="dark"] :where(.status-amber,.freshness-note,.freshness-warning,.under-review-note,.privacy,.shared-notice) {
  background:#3a301b !important;
  color:#f0cd75 !important;
  border-color:#655329 !important;
}
html[data-theme="dark"] :where(.status-red,.document-error,.queue-error,.billing-error,.form-message.error,.directory-message.error,.settings-message.error,.sharing-message.error,.nudge-message.error) {
  background:#3c2024 !important;
  color:#ffadb5 !important;
  border-color:#6c353d !important;
}
html[data-theme="dark"] :where(.workspace-guide,.feature-guide,.sharing-warning,.shared-expiry,.nudge-note,.supplier-nudge-note,.detail-expiry) {
  background:#28292a !important;
  color:#cacbcc !important;
  border-color:#444546 !important;
}
html[data-theme="dark"] .hero {
  background:linear-gradient(90deg,rgba(15,16,17,.97) 0%,rgba(15,16,17,.92) 44%,rgba(15,16,17,.72) 100%),
    linear-gradient(180deg,transparent 70%,var(--page-bg) 100%),
    url("/dubai-business-skyline.webp") center/cover no-repeat !important;
}
html[data-theme="dark"] .hero::after { background:linear-gradient(180deg,transparent,var(--page-bg)) !important; }
html[data-theme="dark"] :where(.hero p,.trust-row,.proof,.preview-bar small,.preview-head small,.mini-stats span,.mini-stats small,.preview-list small) { color:var(--muted) !important; }
html[data-theme="dark"] [style*="background:rgb(246,247,248)"],
html[data-theme="dark"] [style*="background:#f6f7f8"] { background:var(--page-muted) !important; }
html[data-theme="dark"] [style*="border-bottom: 1px solid rgb(227,228,229)"],
html[data-theme="dark"] [style*="border-bottom:1px solid #e3e4e5"] { border-color:var(--line) !important; }

@media (max-width: 760px) {
  .container { width:min(100% - 28px, 1180px); }
  .section { padding:64px 0; }
  .footer-grid { grid-template-columns:1fr !important; }
  .public-page-hero {
    background:linear-gradient(90deg,rgba(13,14,15,.88),rgba(17,18,19,.78)),
      url("/public-pages-hero.webp") 28% center/cover no-repeat !important;
  }
}
@media (max-width: 1180px) {
  .public-header .desktop-nav { display:none; }
  .public-header .mobile-menu { display:inline-flex; }
  .public-header .nav-actions { margin-left:auto; }
  .public-header .nav-actions .theme-toggle-label { display:none; }
}
@media (max-width: 520px) {
  .public-header .nav-inner { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:6px; }
  .public-header .nav-inner>a { min-width:0; gap:5px !important; font-size:15px !important; letter-spacing:.06em !important; }
  .public-header .nav-inner>a>span:first-child { width:32px !important; height:32px !important; flex-basis:32px !important; }
  .public-header .nav-actions { margin:0; }
  .public-header .theme-toggle { padding-inline:7px; }
  .public-header .mobile-menu { width:42px; min-width:42px; padding:7px; }
  .verification-card { padding:32px 20px; }
  .verification-card dl { grid-template-columns:1fr; }
  .verification-card dl>div,.verification-card dl>div:nth-child(odd),.verification-card dl>div:nth-last-child(-n+2) { border-right:0; border-bottom:1px solid #ebeced; }
  .verification-card dl>div:last-child { border-bottom:0; }
  .shared-profile-card { padding:28px 18px; }
  .shared-profile-card dl>div { grid-template-columns:1fr; gap:5px; }
  .public-supplier-list { grid-template-columns:1fr; }
}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[data-i18n-ready="false"] body{opacity:1}
html body{transition:opacity .14s ease}
.website-chatbot{
  position:fixed!important;
  top:auto!important;
  right:max(22px,env(safe-area-inset-right))!important;
  bottom:max(22px,env(safe-area-inset-bottom))!important;
  left:auto!important;
  z-index:190!important;
  transform:none!important;
  isolation:isolate;
}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.language-toggle:hover{border-color:var(--success-text);color:var(--success-text)}
html[dir="rtl"] .app-layout>aside{left:auto!important;right:0!important}
html[dir="rtl"] .app-main{margin-left:0!important;margin-right:244px}
html[dir="rtl"] .app-layout.auto-sidebar .app-main{margin-left:0!important;margin-right:72px}
html[dir="rtl"] .plan-indicator{left:auto!important;right:26px}
html[dir="rtl"] .company-switch,html[dir="rtl"] .nav-group-toggle{text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] code{direction:ltr;text-align:left}
html[dir="rtl"] .public-profile-detail{text-align:right}
html[dir="rtl"] :where(.workflow-preview,.journey-grid article,.review-grid article,.split-grid article,.price,.industry-card,.solution-card,.card,.panel,.settings-section,.legal-page article) :where(h1,h2,h3,h4,p,small,li,dt,dd,label){text-align:right}
html[dir="rtl"] :where(.hero,.public-page-hero,.section-heading,.cta,.how-cta,.verification-card,.profile-access-gate) :where(h1,h2,h3,p){text-align:inherit}
html[dir="rtl"] :where(.notranslate,[data-no-translate],code,.xindexhub-id){direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] :where(.public-page-hero,.public-suppliers-hero,.trust-hero,.hero,.section-heading,.page-head,.invoice-title){text-align:right!important}
html[dir="rtl"] :where(input:not([type="email"]):not([type="url"]):not([type="tel"]),textarea,select){text-align:right}
html[dir="rtl"] :where(table th,table td){text-align:right}
html[dir="rtl"] :where(input[type="number"],input[inputmode="numeric"],input[inputmode="decimal"],.price,.amount,.money){direction:ltr;text-align:left;unicode-bidi:isolate}
html[dir="rtl"] :where(.btn,button,a){font-family:inherit}
html[dir="rtl"] :where(.page-head,.invoice-title,.billing-month,.billing-table>header,.form-section>header,.auto-business,.plan-actions){flex-direction:row}
html[dir="rtl"] :where(.language-toggle,.theme-toggle,.btn,.document-list a,.invoice-action-list button,.invoice-action-list a) svg{transform:none}
html[dir="rtl"] :where(ul,ol){padding-left:0;padding-right:1.25rem}
html[dir="rtl"] :where(.website-chatbot){right:auto!important;left:max(22px,env(safe-area-inset-left))!important}
html[dir="rtl"] :where(.invoice-paper){direction:rtl;text-align:right}
html[dir="rtl"] :where(.invoice-paper .invoice-logo,.invoice-paper header aside,.invoice-paper td:last-child,.invoice-paper th:last-child,.invoice-paper dd){direction:ltr;text-align:left;unicode-bidi:isolate}
@media(max-width:520px){.website-chatbot{right:max(12px,env(safe-area-inset-right))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}html[dir="rtl"] .website-chatbot{right:auto!important;left:max(12px,env(safe-area-inset-left))!important}}
@media(max-width:900px){
  html[dir="rtl"] .app-main{margin-right:0!important}
  html[dir="rtl"] .app-layout>aside{
    inset:0 0 0 auto!important;
    left:auto!important;
    right:0!important;
    width:min(320px,88vw)!important;
    max-width:88vw!important;
    margin:0!important;
    transform:translate3d(105%,0,0)!important;
    transform-origin:right center!important;
  }
  html[dir="rtl"] .app-layout>aside.open{
    transform:translate3d(0,0,0)!important;
  }
  html[dir="rtl"] .app-layout>aside nav,
  html[dir="rtl"] .app-layout>aside .nav-group-items{width:100%;min-width:0}
  html[dir="rtl"] .app-layout>aside nav a{grid-template-columns:20px minmax(0,1fr) 15px;text-align:right}
  html[dir="rtl"] .app-layout .scrim{inset:0!important}
}


/* Premium interface system — shared by every route except the bespoke home hero. */
:where(h1,h2,h3,h4){text-wrap:balance}
:where(p,li,dd){text-wrap:pretty}
.section{padding:clamp(82px,8vw,128px) 0}
.section h2{font-weight:580;line-height:1.04;letter-spacing:-.05em}
.section-heading{max-width:760px;margin:0 auto 58px;text-align:center}
.section-heading p{max-width:650px;margin:18px auto 0}
.btn-secondary:hover{border-color:#aeb4bf;background:var(--surface-soft)}
.input,:where(input,select,textarea){border-radius:3px!important}
.btn{border-radius:4px}.card{border-radius:4px;box-shadow:none}
.public-header,.site-footer,.support-hero,.public-page-hero{--public-radius:4px}
:where(.public-business-card,.directory-card,.product-card,.support-layout article,.support-layout aside,.filter-panel,.directory-filters,.search-panel){border-radius:4px!important;box-shadow:none!important}
:where(.public-business-card,.directory-card,.product-card) img{border-radius:3px!important}

/* Public pages */
.public-page-hero,.public-suppliers-hero,.trust-hero{
  min-height:430px;
  padding:clamp(100px,10vw,150px) 0!important;
  display:flex;
  align-items:center;
  color:#fff!important;
  background:#090a0b!important;
  border:0!important;
  text-align:left!important;
}
.public-page-hero::before,.public-suppliers-hero::before,.trust-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 78% 35%,rgba(100,101,102,.2),transparent 30%);
  pointer-events:none;
}
.public-page-hero::after{display:none!important}
.public-page-hero>.container,.public-suppliers-hero>.container,.trust-hero>.container{position:relative;z-index:1}
.public-page-hero h1,.public-suppliers-hero h1,.trust-hero h1{
  max-width:900px!important;
  margin:20px 0!important;
  color:#fff!important;
  font-size:clamp(48px,6vw,82px)!important;
  font-weight:580!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
  text-shadow:none!important;
}
.public-page-hero p,.public-suppliers-hero p,.trust-hero p{
  max-width:660px!important;
  margin:0!important;
  color:#9da5b3!important;
  font-size:17px!important;
  line-height:1.7!important;
  text-shadow:none!important;
}
.public-page-hero .eyebrow,.public-suppliers-hero .eyebrow,.trust-hero .eyebrow{color:#a0a1a2!important;text-shadow:none!important}

:where(.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.trust-grid,.review-grid,.split-grid,.journey-grid,.plans-grid,.public-business-grid)>.card,
:where(.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.trust-grid,.review-grid,.split-grid,.journey-grid,.plans-grid,.public-business-grid)>article{
  border-radius:3px!important;
  box-shadow:none!important;
}
:where(.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.review-grid,.split-grid,.journey-grid,.public-business-grid){gap:1px!important;background:var(--line);border:1px solid var(--line)}
:where(.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.review-grid,.split-grid,.journey-grid,.public-business-grid)>*{margin:0!important;border:0!important;background:var(--surface)!important}

.overview-soft-section,.plans-section,.journey-section,.review-section,.public-suppliers-section{background:var(--page-muted)!important}
.overview-feature-card,.overview-list-card,.overview-control-card,.overview-journey,.overview-positioning,.workflow-preview,.payment-trust,.price,.public-business-card,.insight-note{
  border-radius:3px!important;
  box-shadow:none!important;
}
.plans-grid{gap:1px!important;padding:1px;background:var(--line);border:0!important}
.plans-grid>.price{margin:0!important;border:0!important;background:var(--surface)!important;transform:none!important}
.plans-grid>.popular{box-shadow:inset 0 3px #606162!important}
.term-switch{padding:3px!important;border-radius:3px!important;background:var(--surface-soft)!important}
.term-switch button{border-radius:2px!important}
.comparison{border-radius:3px!important;box-shadow:none!important}
.how-cta,.cta{background:#0d0e0f!important;color:#fff!important}

/* Authentication and setup */
.auth-aside{background:#0d0e0f!important;color:#fff!important}
.auth-content{background:var(--page-bg)!important}
.auth-content>div,.auth-form,.otp-form,.initial-password-form,.legal-acceptance-panel{
  border-radius:4px!important;
  box-shadow:none!important;
}
.auth-content h1,.checkout-shell h1,.onboarding h1{font-weight:580!important;letter-spacing:-.045em!important}
.auth-form :where(input,select),.otp-form input,.initial-password-form input{min-height:48px!important}
.checkout-shell,.onboarding{background:var(--page-muted)!important}
.checkout-grid,.wizard{border-radius:4px!important;box-shadow:none!important}

/* Signed-in workspaces */
.app-layout :where(.card,.panel,.settings-section,.security-card,.document-panel,.review,.relationship-panel,.contract-panel,.sharing-panel,.team-panel){
  border-radius:4px!important;
  box-shadow:none!important;
}
.app-layout main :where(h1){font-weight:580!important;letter-spacing:-.045em!important}
.app-layout main :where(h2,h3){letter-spacing:-.025em}
.app-layout :where(.page-head,.dashboard-head,.audit-head){margin-bottom:34px!important}
.app-layout :where(.stats,.mini-stats,.metric-grid,.dashboard-stats)>*{border-radius:3px!important;box-shadow:none!important}
.app-layout :where(table){border-collapse:collapse}
.app-layout :where(th){font-size:9px!important;letter-spacing:.12em!important;text-transform:uppercase}
.app-layout :where(.modal,.document-modal,.review-modal,.nudge-modal)>form{border-radius:4px!important;box-shadow:0 30px 100px rgba(0,0,0,.24)!important}
.workspace-guide,.feature-guide,.billing-note,.grant-note,.privacy,.freshness-note{border-radius:3px!important;box-shadow:none!important}

/* Share, document and legal routes */
.verification-card,.shared-profile-card,.secure-document-viewer,.shared-document-viewer,.legal-page article,.profile-access-gate{
  border-radius:4px!important;
  box-shadow:none!important;
}
.public-verification,.shared-profile-page,.document-viewer-page,.legal-page{background:var(--page-muted)!important}

/* Dark theme: neutral surfaces and readable contrast on every route. */
html[data-theme="dark"] .public-header{background:rgba(10,11,12,.9)!important}
html[data-theme="dark"] .public-header :where(a,button){color:var(--text)}
html[data-theme="dark"] .public-page-hero,
html[data-theme="dark"] .public-suppliers-hero,
html[data-theme="dark"] .trust-hero,
html[data-theme="dark"] .auth-aside,
html[data-theme="dark"] .home-workflow,
html[data-theme="dark"] .how-cta,
html[data-theme="dark"] .cta{background:#060708!important}
html[data-theme="dark"] .home-final{background:#141516!important}
html[data-theme="dark"] .home-final p{color:var(--muted)!important}
html[data-theme="dark"] :where(.overview-soft-section,.plans-section,.journey-section,.review-section,.public-suppliers-section,.checkout-shell,.onboarding,.auth-content){background:var(--page-muted)!important}
html[data-theme="dark"] :where(.overview-feature-card,.overview-list-card,.overview-control-card,.overview-journey,.overview-positioning,.workflow-preview,.payment-trust,.price,.public-business-card,.insight-note,.checkout-grid,.wizard,.auth-content>div){background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] :where(.capability-grid,.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.review-grid,.split-grid,.journey-grid,.public-business-grid){background:var(--line)!important;border-color:var(--line)!important}
html[data-theme="dark"] :where(.capability-grid,.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.review-grid,.split-grid,.journey-grid,.public-business-grid)>*{background:var(--surface)!important;color:var(--text)!important}
html[data-theme="dark"] .trust-mark{background:linear-gradient(145deg,var(--surface),var(--surface-soft))!important}
html[data-theme="dark"] .app-main>header{background:rgba(10,11,12,.9)!important}
html[data-theme="dark"] .app-layout :where(.card,.panel,.settings-section,.security-card,.document-panel,.review,.relationship-panel,.contract-panel,.sharing-panel,.team-panel){background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme="dark"] :where(.legal-page article,.secure-document-viewer,.shared-document-viewer,.profile-access-gate){background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}

/* High-contrast exceptions for intentionally dark, photographic components. */
.dashboard-hero :where(h1,h2,h3,h4,b,strong,li),
html[data-theme="light"] .dashboard-hero :where(h1,h2,h3,h4,b,strong,li),
html[data-theme="dark"] .dashboard-hero :where(h1,h2,h3,h4,b,strong,li){color:#f8f9fa!important}
.dashboard-hero :where(p,small),
html[data-theme="light"] .dashboard-hero :where(p,small),
html[data-theme="dark"] .dashboard-hero :where(p,small){color:#d0d1d2!important}
.dashboard-hero .eyebrow,.dashboard-hero .hero-next small{color:#c0c1c2!important}
.dashboard-hero .hero-primary{background:#ffffff!important;color:#131415!important}
.dashboard-hero .hero-primary :where(span,b,small){color:#131415!important}
.dashboard-hero .hero-secondary,.dashboard-hero .hero-secondary :where(span,b,small){color:#fff!important}

.term-switch{background:#161718!important;border-color:#526276!important}
.term-switch button{color:#cccdce!important;background:transparent!important}
.term-switch button small{color:#abacad!important}
.term-switch button.active{background:#ffffff!important;color:#131415!important}
.term-switch button.active small{color:#536173!important}

.home-directory article>.default-home,.storefront-hero>.container>.profile-photo-fallback{
  background:#167a50!important;
  color:#fff!important;
}
.home-directory article>.default-home svg,.storefront-hero>.container>.profile-photo-fallback svg{color:#fff!important;stroke:currentColor!important}
.empty-home>svg,.public-items .placeholder>svg,.item-image.placeholder>svg{
  color:#73d6a5!important;
  stroke:currentColor!important;
}
html[data-theme="light"] .empty-home>svg,
html[data-theme="light"] .public-items .placeholder>svg,
html[data-theme="light"] .item-image.placeholder>svg{color:#11613f!important}

/* Final dark-mode contrast guard. Page-level styled JSX often uses light-theme
   literals; these rules keep text and controls readable without changing the
   intentional white copy used on dark marketing hero sections. */
html[data-theme="dark"] :where(
  .app-layout main,.auth-content,.onboarding main,.checkout-grid>section,
  .checkout-grid>aside,.price-card,.payment-trust,.public-business-card,
  .home-directory article,.empty-home,.public-items article,.empty,
  .hb-features article,.hb-steps article,.readiness-card,.hb-passport,
  .legal-page article,.verification-card,.shared-profile-card
) :where(h1,h2,h3,h4,h5,h6,b,strong,dt,dd,label,li,td) {
  color:var(--text)!important;
}
html[data-theme="dark"] :where(
  .app-layout main,.auth-content,.onboarding main,.checkout-grid>section,
  .checkout-grid>aside,.price-card,.payment-trust,.public-business-card,
  .home-directory article,.empty-home,.public-items article,.empty,
  .hb-features article,.hb-steps article,.readiness-card,.hb-passport,
  .legal-page article,.verification-card,.shared-profile-card
) :where(p,small,span,em) {
  color:var(--muted)!important;
}
html[data-theme="dark"] :where(
  .home-directory article,.empty-home,.public-items article,.empty,
  .hb-features article,.hb-steps article,.readiness-card,.hb-passport
) {
  background:var(--surface)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] :where(.explore-hero,.storefront-hero,.hb-hero,.hb-journey) {
  background:var(--page-muted)!important;
  color:var(--text)!important;
}
html[data-theme="dark"] :where(.directory-meta,.items-heading,.hb-readiness-grid,.hb-hero-copy) :where(h1,h2,h3,b,strong) {
  color:var(--text)!important;
}
html[data-theme="dark"] :where(.directory-meta,.items-heading,.hb-readiness-grid,.hb-hero-copy) :where(p,small,span,em) {
  color:var(--muted)!important;
}
html[data-theme="dark"] :where(.eyebrow,.home-directory a,.directory-meta a,.storefront-hero>.container>a:first-child) {
  color:#73d6a5!important;
}
html[data-theme="dark"] :where(.btn-primary,.btn-primary span,.btn-primary b,.btn-primary small) {
  color:#fff!important;
}
html[data-theme="dark"] :where(.btn-secondary,.btn-secondary span,.btn-secondary b,.btn-secondary small) {
  color:var(--text)!important;
}
html[data-theme="dark"] :where(input,select,textarea,option) {
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] :where(.checkout-error,.form-message.error,.billing-error,.directory-message.error) {
  background:#351a1d!important;
  color:#ffb7bd!important;
}
html[data-theme="dark"] .review-grid :where(h1,h2,h3,h4,p,small,span) {
  color:inherit!important;
}
html[data-theme="dark"] .checkout-shell header :where(a,a span) {
  color:var(--text)!important;
}

/* Light-mode companion guard: legacy sections sometimes declare white copy
   even after their surfaces were standardized to the light card palette. */
html[data-theme="light"] :where(
  .app-layout main,.auth-content,.onboarding main,.checkout-grid>section,
  .checkout-grid>aside,.price-card,.payment-trust,.public-business-card,
  .home-directory article,.empty-home,.public-items article,.empty,
  .hb-features article,.hb-steps article,.readiness-card,.hb-passport,
  .overview-feature-card,.overview-list-card,.overview-control-card,
  .overview-journey,.overview-positioning,.workflow-preview,
  .capability-grid>*,.solution-grid>*,.industry-cards>*,.insight-grid>*,
  .verification-grid>*,.evidence-grid>*,.review-grid>*,.split-grid>*,
  .journey-grid>*,.public-business-grid>*,.legal-page article,
  .verification-card,.shared-profile-card
) :where(h1,h2,h3,h4,h5,h6,b,strong,dt,dd,label,li,td) {
  color:var(--text)!important;
}
html[data-theme="light"] :where(
  .app-layout main,.auth-content,.onboarding main,.checkout-grid>section,
  .checkout-grid>aside,.price-card,.payment-trust,.public-business-card,
  .home-directory article,.empty-home,.public-items article,.empty,
  .hb-features article,.hb-steps article,.readiness-card,.hb-passport,
  .overview-feature-card,.overview-list-card,.overview-control-card,
  .overview-journey,.overview-positioning,.workflow-preview,
  .capability-grid>*,.solution-grid>*,.industry-cards>*,.insight-grid>*,
  .verification-grid>*,.evidence-grid>*,.review-grid>*,.split-grid>*,
  .journey-grid>*,.public-business-grid>*,.legal-page article,
  .verification-card,.shared-profile-card
) :where(p,small,span,em) {
  color:var(--muted)!important;
}
html[data-theme="light"] :where(.btn-primary,.btn-primary span,.btn-primary b,.btn-primary small) {
  color:#fff!important;
}
html[data-theme="light"] :where(.public-page-hero,.overview-hero,.trust-hero,.auth-aside,.hb-cta,.home-final,.how-cta,.cta) :where(h1,h2,h3,h4,b,strong) {
  color:#fff!important;
}
html[data-theme="light"] :where(.public-page-hero,.overview-hero,.trust-hero,.auth-aside,.hb-cta,.home-final,.how-cta,.cta) :where(p,small,span) {
  color:#cdcecf!important;
}

/* Checkout uses intentionally white payment cards in both themes. Keep their
   copy dark and high-contrast instead of inheriting the surrounding dark page. */
html[data-theme="dark"] .checkout-shell .checkout-grid>section,
html[data-theme="dark"] .checkout-shell .checkout-grid>aside {
  background:#ffffff!important;
  border-color:#dedfe0!important;
  color:#151617!important;
}
html[data-theme="dark"] .checkout-shell .checkout-grid :where(h1,h2,h3,h4,dt,dd,b,strong,li,label) {
  color:#151617!important;
}
html[data-theme="dark"] .checkout-shell .checkout-grid :where(p,small) {
  color:#5a687a!important;
}
html[data-theme="dark"] .checkout-shell .checkout-grid .agreement {
  background:#1a1b1c!important;
  border-color:#393a3b!important;
  color:#ebeced!important;
}
html[data-theme="dark"] .checkout-shell .checkout-grid .agreement :where(span,b,strong) {
  color:#ebeced!important;
}
html[data-theme="dark"] .checkout-shell .checkout-grid .security,
html[data-theme="dark"] .checkout-shell .checkout-grid .security span {
  color:#5a687a!important;
}
html[data-theme="dark"] .checkout-shell .checkout-grid dl>div {
  border-color:#d1d2d3!important;
}
html[data-theme="light"] .overview-journey-dark :where(h1,h2,h3,h4,b,strong,li) {
  color:#fff!important;
}
html[data-theme="light"] .overview-journey-dark :where(p,small) {
  color:#c8c9ca!important;
}

/* Consistent photographic treatment: images sit inside the same visual system
   instead of appearing as unframed rectangles pasted onto the page. */
.hb-hero-photo,.public-business-banner,.company-banner,.dashboard-hero {
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hb-hero-photo::after,.public-business-banner::after,.company-banner::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(5,12,10,.2));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 78%,transparent);
}
.hb-hero-photo>div { z-index:1; }
html[data-theme="dark"] .hb-hero-photo {
  border-color:#285440!important;
  background:#101a15!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] .hb-hero-photo::after,
html[data-theme="dark"] .public-business-banner::after,
html[data-theme="dark"] .company-banner::after {
  background:linear-gradient(180deg,rgba(5,10,8,.08),rgba(5,10,8,.42));
}

@media(max-width:760px){
  .container{width:min(100% - 30px,1240px)}
  .public-page-hero,.public-suppliers-hero,.trust-hero{min-height:380px;padding:90px 0!important}
  .public-page-hero h1,.public-suppliers-hero h1,.trust-hero h1{font-size:clamp(42px,13vw,62px)!important}
  .app-layout .app-main main{padding:22px!important}
}

/* Final Arabic/RTL authority: page-level styles must not force English alignment. */
html[dir="rtl"] :where(.public-page-hero,.public-suppliers-hero,.trust-hero,.hero,.section-heading,.page-head,.invoice-title,.technology-heading,.tech-disclaimer){text-align:right!important}
html[dir="rtl"] :where(.public-page-hero p,.public-suppliers-hero p,.trust-hero p,.hero p){margin-left:0!important;margin-right:0!important}
html[dir="rtl"] .app-layout.auto-sidebar .app-main{margin-left:0!important;margin-right:72px!important}
html[dir="rtl"] .app-layout:not(.auto-sidebar) .app-main{margin-left:0!important;margin-right:244px!important}
@media(max-width:900px){html[dir="rtl"] .app-layout .app-main{margin-right:0!important}}

/* Compact phone experience. All rules are intentionally scoped to phones so
   desktop and tablet layouts retain their existing design. */
@media(max-width:640px){
  html{font-size:15px;scroll-padding-top:62px}
  body{font-size:13px}
  .container{width:calc(100% - 20px)!important}
  .public-header{height:60px!important}
  .public-header .nav-inner{gap:7px!important}
  .public-header .nav-actions{gap:5px!important}
  .public-header .mobile-menu{min-width:38px!important;width:38px!important;height:38px!important;min-height:38px!important;padding:7px!important}
  .public-header .mobile-panel{top:60px!important;max-height:calc(100vh - 60px);overflow:auto;padding:8px 10px 13px!important;gap:2px!important}
  .public-header .mobile-panel a{padding:10px 12px!important;font-size:12px}
  .public-header :where(.theme-toggle,.language-toggle){min-height:36px!important;height:36px!important;padding:0 8px!important}
  .public-header :where(.theme-toggle-label,.language-toggle-label){display:none!important}
  .section{padding:38px 0!important}
  .section-heading{margin-bottom:24px!important;text-align:left}
  .section-heading h2,.section h2{font-size:clamp(25px,8.5vw,34px)!important;line-height:1.08!important}
  .section-heading p{margin-top:10px!important;font-size:11px!important;line-height:1.6}
  .eyebrow{font-size:8px!important;letter-spacing:.12em}
  .btn{min-height:40px!important;padding:0 14px!important;font-size:11px!important;gap:6px!important}
  .btn svg{width:15px;height:15px}
  .card{border-radius:8px}
  .public-page-hero,.public-suppliers-hero,.trust-hero{min-height:0!important;padding:46px 0!important}
  .public-page-hero h1,.public-suppliers-hero h1,.trust-hero h1{margin:8px 0 10px!important;font-size:clamp(34px,11vw,48px)!important;line-height:1!important}
  .public-page-hero p,.public-suppliers-hero p,.trust-hero p{font-size:12px!important;line-height:1.6!important}
  .public-suppliers-section{padding:30px 0 44px!important}
  .public-suppliers-note,.workspace-guide{padding:10px!important;margin-bottom:12px!important}
  .public-suppliers-note p,.workspace-guide span{font-size:9px!important}
  .public-supplier-list{grid-template-columns:1fr!important;gap:7px!important}
  .public-supplier-list li{min-height:50px!important;padding:11px 13px!important;font-size:12px!important}
  .page-head,.contracts-head,.team-head,.audit-head,.compliance-head,.relationship-head{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;margin-bottom:14px!important}
  .page-head h1,.contracts-head h1,.team-head h1,.audit-head h1,.compliance-head h1,.relationship-head h1{margin:5px 0!important;font-size:26px!important;line-height:1.1}
  .page-head p,.contracts-head p,.team-head p,.audit-head p,.compliance-head p,.relationship-head p{font-size:10px!important;line-height:1.55}
  .page-head>.btn,.page-head>a,.page-head>button{width:100%}
  .app-layout .app-main main{padding:12px!important}
  .app-layout .app-main>header{min-height:58px!important;padding:8px 12px!important}
  .dashboard-hero{min-height:0!important;padding:20px!important;border-radius:10px!important}
  .dashboard-hero h1{font-size:28px!important}
  .dashboard-hero p{font-size:10px!important;line-height:1.55}
  :where(.billing-kpis,.document-stats,.security-grid,.settings-grid,.events-grid,.store-grid,.type-grid,.contact-grid,.form-grid,.party-grid){grid-template-columns:1fr!important;gap:9px!important}
  :where(.capability-grid,.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.review-grid,.split-grid,.journey-grid){gap:9px!important}
  :where(.capability-grid,.solution-grid,.industry-cards,.insight-grid,.verification-grid,.evidence-grid,.review-grid,.split-grid,.journey-grid)>*{min-height:0!important;padding:16px!important}
  :where(.store-form,.settings-form,.template-form,.assignment-form,.builder-form,.form-section){padding:15px!important;gap:10px!important}
  :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input){min-height:41px!important;padding:9px 10px!important;font-size:12px!important}
  textarea{min-height:76px!important}
  label,.label{font-size:10px!important}
  :where(.table-scroll,.audit-table-wrap,.team-table-scroll,.document-table,.sharing-table,.billing-table){max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  :where(.audit-table,.team-table,.document-table table,.sharing-table table,.billing-table table,table.data-table){min-width:620px}
  table :where(th,td){padding:9px!important;font-size:9px!important}
  :where(.document-list,.invoice-action-list){gap:7px!important}
  :where(.document-list>*,.invoice-action-list>*){padding:11px!important}
  :where(.document-empty,.invoice-empty,.contract-empty,.relationship-empty,.public-suppliers-empty,.empty-home,.empty){min-height:0!important;padding:34px 16px!important}
  :where(.contract-modal,.detail-modal,.document-modal,.team-modal,.sharing-modal,.share-detail-modal,.preview-modal,.nudge-modal,.supplier-nudge-modal){align-items:end!important;padding:0!important}
  :where(.contract-builder,.contract-detail,.team-modal>form,.sharing-modal>section,.share-detail-modal>section,.preview-modal>section,.nudge-modal>section,.supplier-nudge-modal>form){width:100%!important;max-height:92vh!important;padding:17px!important;border-radius:18px 18px 0 0!important}
  :where(.modal-actions,.contract-builder>footer,.contract-detail>footer){position:sticky;bottom:0;z-index:2;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:10px 0 0!important;background:var(--surface)}
  :where(.modal-actions,.contract-builder>footer,.contract-detail>footer) .btn{width:100%}
  .invoice-tabs{max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .invoice-tabs::-webkit-scrollbar{display:none}
  .invoice-workspace{gap:10px!important}
  .invoice-title{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  .invoice-paper{min-width:720px;transform-origin:top left}
  .invoice-paper-shell,.invoice-preview{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .billing-month{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}
  .price-card{padding:18px!important}
  .price-card h2{font-size:22px!important}
  .price{font-size:32px!important}
  .checkout-grid{grid-template-columns:1fr!important;gap:10px!important}
  .checkout-grid>section,.checkout-grid>aside{padding:16px!important}
  .auth-aside{display:none!important}
  .auth-shell,.auth-layout{min-height:calc(100vh - 60px)!important;grid-template-columns:1fr!important}
  .auth-content{padding:20px 14px!important}
  .auth-content>div,.auth-form,.otp-form,.initial-password-form,.legal-acceptance-panel{width:100%!important;max-width:none!important;padding:17px!important}
  .auth-content h1{font-size:29px!important}
  .onboarding main{padding:14px!important}
  .verification-card,.shared-profile-card{padding:18px 14px!important;border-radius:14px!important}
  .public-verification,.shared-profile-page{min-height:0!important;padding:24px 10px!important;place-items:start center!important}
  .verification-card dl{grid-template-columns:1fr!important;margin:14px 0!important}
  .verification-card dl>div{padding:11px!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
  .verification-card dl>div:last-child{border-bottom:0!important}
  .shared-profile-card dl>div{grid-template-columns:1fr!important;gap:4px;padding:10px!important}
  .site-footer{padding:38px 0 18px!important}
  .footer-top{grid-template-columns:1fr 1fr!important;gap:25px 16px!important}
  .footer-brand,.footer-action{grid-column:1/-1}
  .footer-brand p{margin-top:14px!important;font-size:10px!important}
  .footer-top a{font-size:10px!important}
  .footer-bottom{margin-top:30px!important;padding-top:14px!important;font-size:8px!important}
  .website-chatbot{transform:scale(.9);transform-origin:bottom right}
  html[dir="rtl"] .website-chatbot{transform-origin:bottom left}
  html[dir="rtl"] .section-heading{text-align:right}
}

/* Baytna Boutique shared visual language */
:where(.page-head,.dashboard-hero,.workspace-guide,.subscription-panel,.billing-panel,.store-form,.document-workspace,.settings-panel,.admin-shell) h1,
:where(.public-page-hero,.pricing-hero,.help-hero,.onboarding,.checkout-page) h1,
:where(.section,.card) h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.025em}
.page-head .eyebrow,.workspace-guide>svg,.store-form>svg,.shared-documents h2 svg{color:#636465!important}
.workspace-guide{border-color:#d5d6d7;background:#f5f6f7;color:#666768}
.public-page-hero{background:linear-gradient(90deg,rgba(71,43,33,.9),rgba(138,71,52,.73)),var(--cms-image-8f2a073d,url("/baytna-assets/emirati-woman-home-business-hero.png")) center 42%/cover no-repeat!important}
.public-page-hero::after{background:linear-gradient(180deg,#5c382512,#4a2b2170)}
.public-page-hero>.container>.eyebrow,.public-page-hero-copy>.eyebrow{color:#f3bda6!important}
.public-page-hero>.container>h1,.public-page-hero-copy>h1{color:#f9fafb}
.public-page-hero>.container>p,.public-page-hero-copy>p{color:#f3ddd2!important}
.theme-toggle:hover{border-color:#636465}.theme-toggle[aria-checked="true"] .theme-toggle-track{background:#636465}
.status-green{color:#506c52;background:#ffffff}.status-blue{color:#3c3d3e;background:#eeeff0}
.verification-tier-badge.verified{border-color:#c98067;background:#eeeff0;color:#3c3d3e}
.badge-seal.verified{background:#636465}.public-badge.verified{border-color:#d7aa97;background:#eeeff0;color:#3c3d3e}
.shared-icon{background:#3f4041}.shared-verified{background:#ffffff;color:#567157}
.website-chat-launcher{background:#636465!important}.website-chat-panel>header{background:#3f4041!important}.website-chat-message.user>div{background:#6a4335!important}.website-chat-message nav a{border-color:#d8b6a7!important;color:#636465!important}.website-chat-composer button{background:#636465!important}
html[data-theme="dark"] .btn-primary{background:#b85e45}html[data-theme="dark"] .btn-primary:hover{background:#c96e53}
html[data-theme="dark"] .public-page-hero{background:linear-gradient(90deg,rgba(39,24,19,.94),rgba(102,50,38,.8)),var(--cms-image-8f2a073d,url("/baytna-assets/emirati-woman-home-business-hero.png")) center 42%/cover no-repeat!important}

/* Baytna branded entrance — global so it is styled in the first HTML paint. */
.baytna-entrance{--baytna-entrance-duration:3.2s;position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#303132;opacity:1;visibility:visible}
.baytna-entrance:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle,rgba(212,213,214,.2) 0,transparent 39%);animation:baytna-ambient var(--baytna-entrance-duration) cubic-bezier(.22,1,.36,1) infinite}
.baytna-entrance:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 36%,#ffffff88 48%,transparent 60%);transform:translateX(-110%);animation:baytna-light-sweep var(--baytna-entrance-duration) ease-in-out infinite;pointer-events:none}
.baytna-entrance .scene{position:relative;z-index:1;display:grid;justify-items:center;width:min(430px,88vw);text-align:center;transform-origin:50% 55%;animation:baytna-enter-house var(--baytna-entrance-duration) cubic-bezier(.22,1,.36,1) infinite;will-change:transform,opacity}
.baytna-entrance .welcome{margin-bottom:-12px;color:#e8e9ea;font-family:Georgia,serif;font-size:12px;font-style:italic;letter-spacing:.08em;opacity:0;animation:baytna-soft-in var(--baytna-entrance-duration) ease infinite}
.baytna-entrance .mansion{position:relative;width:min(230px,54vw);aspect-ratio:1;filter:drop-shadow(0 18px 24px rgba(72,42,28,.16))}
.baytna-entrance .mansion img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}
.baytna-entrance .doorway{position:absolute;z-index:4;left:44.75%;top:57%;width:10.5%;height:14.2%;overflow:hidden;border-radius:2px;background:linear-gradient(180deg,#251812,#100b08);box-shadow:inset 0 0 10px #0008,0 0 0 1px #704a2c;perspective:90px}
.baytna-entrance .mansion-door{position:absolute;z-index:2;top:0;width:50.5%;height:100%;border:1px solid #b48141;background:linear-gradient(90deg,#2f1c13,#624326 48%,#2b1a12);box-shadow:inset 0 0 0 1px #d7a75a,inset 0 0 0 3px #3c2618;animation-duration:var(--baytna-entrance-duration);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:infinite}
.baytna-entrance .mansion-door:after{content:"";position:absolute;inset:10% 20%;border:1px solid #b98743;border-radius:2px}
.baytna-entrance .mansion-door-left{left:0;transform-origin:left center;animation-name:baytna-open-left}
.baytna-entrance .mansion-door-right{right:0;transform-origin:right center;animation-name:baytna-open-right}
.baytna-entrance .wordmark{margin-top:-18px;color:#fff;font-family:Georgia,serif;font-size:21px;font-weight:650;letter-spacing:.11em;animation:baytna-wordmark-out var(--baytna-entrance-duration) ease infinite}
.baytna-entrance .wordmark span{display:block;margin-top:4px;color:#d4d5d6;font-family:Arial,sans-serif;font-size:9px;font-weight:900;letter-spacing:.34em}
.baytna-entrance .loading-line{width:112px;height:2px;margin-top:17px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.18)}.baytna-entrance .loading-line i{display:block;width:46%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d4d5d6,#ffffff);animation:baytna-progress var(--baytna-entrance-duration) cubic-bezier(.4,0,.2,1) infinite}.baytna-entrance .loading-note{margin-top:9px;color:#d7d8d9;font-family:Arial,sans-serif;font-size:7px;font-weight:800;letter-spacing:.22em;animation:baytna-note var(--baytna-entrance-duration) ease infinite}
@keyframes baytna-ambient{0%,100%{transform:scale(.88);opacity:.35}62%{transform:scale(1.08);opacity:.85}}
@keyframes baytna-light-sweep{0%,32%{transform:translateX(-110%);opacity:0}52%{opacity:.5}74%,100%{transform:translateX(110%);opacity:0}}
@keyframes baytna-soft-in{0%,7%{opacity:0;transform:translateY(7px)}22%,76%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes baytna-enter-house{0%{opacity:0}18%,100%{opacity:1}}
@keyframes baytna-open-left{0%,38%{transform:rotateY(0)}72%,100%{transform:rotateY(76deg)}}
@keyframes baytna-open-right{0%,38%{transform:rotateY(0)}72%,100%{transform:rotateY(-76deg)}}
@keyframes baytna-wordmark-out{0%,12%{opacity:0;transform:translateY(7px)}27%,82%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes baytna-progress{0%{transform:translateX(-115%)}75%,100%{transform:translateX(225%)}}
@keyframes baytna-note{0%,20%{opacity:0}35%,84%{opacity:.75}100%{opacity:0}}
@media(max-width:520px){.baytna-entrance .mansion{width:min(190px,50vw)}.baytna-entrance .wordmark{font-size:18px}.baytna-entrance .welcome{font-size:11px}.baytna-entrance .loading-line{width:96px}}
@media(prefers-reduced-motion:reduce){.baytna-entrance{animation:none;opacity:1;visibility:visible}.baytna-entrance:before,.baytna-entrance .scene,.baytna-entrance .welcome,.baytna-entrance .mansion-door,.baytna-entrance .wordmark{animation:none}.baytna-entrance .welcome,.baytna-entrance .wordmark{opacity:1}.baytna-entrance .mansion-door-left{transform:rotateY(75deg)}.baytna-entrance .mansion-door-right{transform:rotateY(-75deg)}}
.pricing-page .membership-card .membership-cta {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 220px !important;
  max-width: 100% !important;
  min-height: 58px !important;
  margin-top: auto !important;
  padding: 0 18px !important;
  border: 2px solid #38393a !important;
  border-radius: 0 !important;
  background:#fbfcfd !important;
  color: #38393a !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.pricing-page .membership-card .membership-cta:hover {
  background:#38393a !important;
  color: #fff !important;
}

.pricing-page .membership-card.popular .membership-cta {
  border-color: #fff !important;
  background:#ffffff !important;
  color: #272829 !important;
}

.pricing-page .membership-card.popular .membership-cta:hover {
  background:#e3e4e5 !important;
  color: #272829 !important;
}

.pricing-page .membership-card .membership-cta svg {
  width: 17px !important;
  height: 17px !important;
}

/* Phone-wide layout safeguards */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (max-width: 600px) {
  .container {
    width: calc(100% - 28px);
  }

  input,
  select,
  textarea {
    max-width: 100%;
    font-size: 16px;
  }

  h1,
  h2,
  h3,
  p,
  a,
  button {
    overflow-wrap: anywhere;
  }

  .btn {
    max-width: 100%;
  }
}

/* 2026 marketplace design consolidation
   This final layer deliberately replaces the remaining legacy brown/coral
   presentation with one coherent Baytna navy, mineral blue and warm-ivory
   system across public, commerce and authenticated surfaces. */
:root {
  --baytna-ink:#292a2b;
  --baytna-ink-2:#3e3f40;
  --baytna-blue:#6a6b6c;
  --baytna-blue-dark:#525354;
  --baytna-shop:#303132;
  --baytna-sky:#f0f1f2;
  --baytna-ivory:#fbfaf7;
  --baytna-paper:#ffffff;
  --baytna-rule:#dfe0e1;
  --navy:var(--baytna-ink);
  --navy-2:var(--baytna-ink-2);
  --emerald:var(--baytna-blue);
  --page-bg:var(--baytna-ivory);
  --page-muted:#f4f5f6;
  --surface:var(--baytna-paper);
  --surface-soft:var(--baytna-sky);
  --surface-glass:rgba(255,255,255,.88);
  --line:var(--baytna-rule);
  --text:var(--baytna-ink);
  --muted:#667b86;
  --baytna-print:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='132' viewBox='0 0 132 132'%3E%3Cg fill='none' stroke='%232f789b' stroke-opacity='.045' stroke-width='1'%3E%3Cpath d='M66 5 82 50 127 66 82 82 66 127 50 82 5 66 50 50Z'/%3E%3Cpath d='M66 31 75 57 101 66 75 75 66 101 57 75 31 66 57 57Z'/%3E%3C/g%3E%3C/svg%3E");
}

body{background-color:var(--baytna-ivory);background-size:132px 132px}
.card{border-color:var(--baytna-rule);border-radius:10px;background:#ffffff;box-shadow:0 10px 30px rgba(41,42,43,.055)}
.btn{min-height:46px;border-radius:4px;font-weight:780;letter-spacing:.01em}
.btn-primary{border-color:var(--baytna-ink)!important;background:var(--baytna-ink)!important;color:#fff!important}
.btn-primary:hover{border-color:var(--baytna-blue)!important;background:var(--baytna-blue)!important}
.btn-secondary{border-color:#bebfc0!important;background:rgba(255,255,255,.72)!important;color:var(--baytna-ink)!important}
.btn-secondary:hover{border-color:var(--baytna-ink)!important;background:#ffffff!important}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input){border-color:#d4d5d6!important;border-radius:5px!important;background:#ffffff!important;color:var(--baytna-ink)!important;box-shadow:none!important}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input):focus{border-color:var(--baytna-blue)!important;outline:3px solid rgba(106,107,108,.13)!important}

/* Header and disappearing taskbar remain readable over every hero image. */
.public-header{border-color:rgba(41,42,43,.14)!important;background:#eef1f2!important;box-shadow:none!important}
.desktop-taskbar{border-color:var(--baytna-shop)!important;background:var(--baytna-shop)!important;color:#fff!important;box-shadow:0 8px 22px rgba(41,42,43,.14)!important}
.desktop-taskbar a{color:#fff!important}
.desktop-taskbar a:hover,.desktop-taskbar a.active{color:#fff!important}
.desktop-nav a{color:var(--baytna-ink)!important}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--baytna-blue)!important}
.desktop-taskbar .taskbar-account{border-color:rgba(255,255,255,.72)!important;color:#fff!important}
.desktop-taskbar .taskbar-account:hover{border-color:#fff!important;background:#ffffff!important;color:var(--baytna-shop)!important}
.mobile-panel{border-color:rgba(41,42,43,.14)!important;background:rgba(252,253,254,.9)!important;box-shadow:0 24px 60px rgba(41,42,43,.15)!important}

/* Retire the last brown public hero and CTA overrides. */
.public-page-hero,
html[data-theme="dark"] .public-page-hero{
  background:linear-gradient(90deg,rgba(37,38,39,.94),rgba(82,83,84,.68)),var(--cms-image-8f2a073d,url("/baytna-assets/emirati-woman-home-business-hero.png")) center 42%/cover no-repeat!important;
}
.public-page-hero::after{background:linear-gradient(180deg,transparent,rgba(29,30,31,.18))!important}
.public-page-hero>.container>.eyebrow,.public-page-hero-copy>.eyebrow{color:#d4d5d6!important}
.public-page-hero>.container>p,.public-page-hero-copy>p{color:#eeeff0!important}
.website-chat-launcher,.website-chat-panel>header,.website-chat-message.user>div{background:var(--baytna-ink)!important}
.website-chat-message nav a{border-color:#bfc0c1!important;color:var(--baytna-blue-dark)!important}

/* Public marketplace and product catalogue. */
.discover-search{border-color:#c7c8c9!important;border-radius:8px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 45px rgba(41,42,43,.1)!important}
.discover-search button,.quick-buy,.checkout,.cart-button{border-radius:4px!important;background:var(--baytna-ink)!important;color:#fff!important}
.discover-search button:hover,.quick-buy:hover,.checkout:hover,.cart-button:hover{background:var(--baytna-blue)!important}
.category-section{background:rgba(242,243,244,.82)!important}
.business-section{background:rgba(255,255,255,.86)!important}
.business-grid article,.catalog .grid>article{border-color:#dedfe0!important;border-radius:10px!important;background:#ffffff!important;box-shadow:0 8px 24px rgba(41,42,43,.065)!important}
.business-grid article:hover,.catalog .grid>article:hover{border-color:#bcbdbe!important;box-shadow:0 18px 42px rgba(41,42,43,.12)!important}
.business-card-visual:not(.has-banner){background:#eeeff0!important}
.business-card-visual.has-banner{background-color:#eeeff0!important}
.join-directory{border:1px solid rgba(255,255,255,.1);border-radius:8px!important;background:linear-gradient(120deg,#28292a,#525354)!important}
.join-directory a{border-radius:4px!important;color:var(--baytna-ink)!important}
.catalog .tools{border-color:var(--baytna-rule)!important;border-radius:7px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 10px 28px rgba(41,42,43,.06)!important}
.catalog .filter-select select{border-radius:4px!important;background:#ffffff!important}
.catalog .grid img{background:#f3f4f5!important}
.product-page{padding-top:54px!important;padding-bottom:80px!important}
.product-page .layout{gap:clamp(30px,5vw,72px)!important}
.product-page .price{color:var(--baytna-ink)!important}
.product-page .boutique{border-color:var(--baytna-rule)!important;background:var(--baytna-sky)!important}

/* Membership selection now belongs to the same visual family. */
.pricing-page{background:linear-gradient(180deg,#f8f9fa,#ffffff)!important}
.pricing-page .membership-card{border-color:#d4d5d6!important;background:#ffffff!important;color:var(--baytna-ink)!important}
.pricing-page .membership-card.popular{border-color:var(--baytna-ink)!important;background:var(--baytna-ink)!important;color:#fff!important}
.pricing-page .membership-card .membership-billing{background:#f2f3f4!important;color:var(--baytna-ink)!important}
.pricing-page .membership-card.popular .membership-billing{background:rgba(255,255,255,.09)!important;color:#fff!important}
.pricing-page .membership-card .membership-cta{border-color:var(--baytna-ink)!important;background:#ffffff!important;color:var(--baytna-ink)!important}
.pricing-page .membership-card .membership-cta:hover{background:var(--baytna-sky)!important}
.pricing-page .membership-card.popular .membership-cta{border-color:#fff!important;background:#ffffff!important;color:var(--baytna-ink)!important}

/* Dashboard surfaces use restrained geometry and clearer grouping. */
.app-layout,.app-main{background:#f6f7f8!important}
.app-main>header{border-color:#dfe0e1!important;background:rgba(255,255,255,.92)!important}
:where(.store-form,.settings-panel,.document-workspace,.billing-panel,.subscription-panel,.admin-shell){border-color:#dedfe0!important;border-radius:8px!important;background:#ffffff!important;box-shadow:0 8px 26px rgba(41,42,43,.045)!important}

@media(max-width:700px){
  body{background-size:104px 104px}
  .public-header{height:64px!important}
  .public-header .nav-inner{height:64px!important}
  .public-header .mobile-panel{top:64px!important;max-height:calc(100dvh - 64px)!important}
  .discover-hero{padding:52px 0 38px!important}
  .discover-hero h1{font-size:clamp(36px,11vw,48px)!important}
  .discover-search{grid-template-columns:1fr!important;gap:7px!important;padding:8px!important}
  .discover-query{grid-column:1!important;height:48px!important}
  .discover-search select,.discover-search button,.verified-filter{width:100%!important;min-height:46px!important}
  .verified-filter{justify-content:flex-start!important;padding:0 12px!important;border:1px solid var(--baytna-rule);border-radius:4px;background:#ffffff}
  .category-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
  .category-shortcut>span{width:min(64px,18vw)!important;height:min(64px,18vw)!important}
  .business-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .business-grid article{border-radius:7px!important}
  .catalog .filter-selects{grid-template-columns:1fr!important}
  .catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .catalog .grid>article{border-radius:6px!important}
  .product-page{padding-top:26px!important;padding-bottom:50px!important}
  .product-page .layout{grid-template-columns:1fr!important;gap:22px!important}
  .pricing-page .membership-grid{grid-template-columns:1fr!important}
  .pricing-page .membership-card{min-height:0!important}
}

@media(max-width:370px){
  .business-grid{grid-template-columns:1fr!important}
  .catalog .grid{grid-template-columns:1fr!important}
}

/* Final experience polish: accessibility, storefront commerce, states and
   responsive consistency across public and authenticated experiences. */
.skip-link{position:fixed;z-index:20000;top:10px;left:10px;transform:translateY(-160%);padding:11px 16px;background:var(--baytna-ink);color:#fff!important;font-size:12px;font-weight:800;transition:transform .18s ease}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(106,107,108,.38)!important;outline-offset:3px!important}
:where(button,.btn,a){-webkit-tap-highlight-color:transparent}

.hero-banner-fallback{position:relative;overflow:hidden;background:linear-gradient(125deg,#28292a,#6a6b6c 67%,#e6e7e8)!important}
.hero-banner-fallback::after{position:absolute;right:-2%;bottom:22px;color:rgba(255,255,255,.12);content:"BAYTNA  ·  LOCAL GCC BOUTIQUE";font:600 clamp(26px,5vw,68px)/1 Georgia,serif;letter-spacing:.08em;white-space:nowrap}
.store-policies{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:940px;margin:10px auto 0;text-align:left}
.store-policies>div{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--baytna-rule);background:rgba(255,255,255,.72)}
.store-policies svg{flex:0 0 18px;width:18px;color:var(--baytna-blue)}
.store-policies span{display:grid;gap:5px}.store-policies b{font-size:11px}.store-policies small{color:var(--muted);font-size:9px;line-height:1.55}
.storefront-hero .profile-photo,.storefront-hero .profile-photo-fallback{border-radius:10px!important}
.storefront-hero .store-trust{border-radius:7px;overflow:hidden}

.route-state-page{min-height:72vh;display:grid;place-items:center;padding:30px;background:var(--baytna-print),var(--baytna-ivory)}
.route-state-card{width:min(520px,100%);padding:48px;border:1px solid var(--baytna-rule);background:#ffffff;text-align:center;box-shadow:0 24px 70px rgba(41,42,43,.09)}
.route-state-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;background:var(--baytna-sky);color:var(--baytna-blue)}
.route-state-card>small{color:var(--baytna-blue);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.route-state-card h1{margin:12px 0 8px;font:500 clamp(30px,5vw,46px)/1.05 Georgia,serif}.route-state-card p{margin:0 auto 22px;color:var(--muted)}.route-state-card .btn{margin:auto}.route-state-card .btn svg{width:17px}
.route-loading{width:min(1180px,calc(100% - 36px));min-height:72vh;margin:auto;padding:70px 0}
.route-loading-heading{display:grid;gap:12px;width:min(560px,80%);margin-bottom:36px}.route-loading-heading span,.route-loading-card span,.route-loading-card i{display:block;background:linear-gradient(90deg,#ecedee 25%,#f8f9fa 50%,#ecedee 75%);background-size:220% 100%;animation:baytna-skeleton 1.35s ease-in-out infinite}
.route-loading-heading span:nth-child(1){width:24%;height:10px}.route-loading-heading span:nth-child(2){width:85%;height:46px}.route-loading-heading span:nth-child(3){width:62%;height:14px}
.route-loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.route-loading-card{padding:10px;border:1px solid var(--baytna-rule);background:#ffffff}.route-loading-card span{aspect-ratio:4/3}.route-loading-card i{height:12px;margin:13px 4px 0}.route-loading-card i:last-child{width:62%}
@keyframes baytna-skeleton{to{background-position:-220% 0}}

/* Images reserve their space before loading, preventing mobile layout jumps. */
:where(.business-grid,.catalog .grid,.product-page,.public-items) img{background:#eff0f1;color:transparent}
.catalog .grid .open>img{aspect-ratio:4/5!important}.business-grid article img{aspect-ratio:4/3!important;object-fit:cover}
.catalog .grid article footer em{font-weight:800}.catalog .grid article footer em:not(:empty){color:#616263}
.catalog .stock-action{display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 14px 14px;border:1px solid #d6d7d8;background:#f4f5f6;color:#71818a;font-size:10px;font-weight:800;text-transform:uppercase}

/* Shared dashboard cues clarify which workspace the user is operating. */
.app-layout[data-business-model="home_business"]{--workspace-accent:#6a6b6c}
.app-layout[data-business-model="shipping_company"]{--workspace-accent:#287064}
.app-layout[data-account-kind="customer"]{--workspace-accent:#68696a}
.app-layout :where(.page-head,.workspace-guide) .eyebrow{color:var(--workspace-accent,var(--baytna-blue))!important}

html[dir="rtl"] .skip-link{right:10px;left:auto}
html[dir="rtl"] :where(.store-policies,.store-trust,.catalog .open){text-align:right}
html[dir="rtl"] .catalog .select-control select{padding-right:13px!important;padding-left:38px!important}
html[dir="rtl"] .catalog .select-control svg{right:auto!important;left:12px!important}

@media(max-width:760px){
  .store-policies{grid-template-columns:1fr;width:100%}.store-policies>div{padding:12px}
  .route-loading{padding:36px 0}.route-loading-grid{grid-template-columns:1fr 1fr;gap:8px}.route-loading-heading span:nth-child(2){height:34px}
  .route-state-card{padding:30px 20px}
  .catalog .grid .open>img{aspect-ratio:4/5!important;object-fit:contain!important;background:#f3f4f5!important}
  .catalog .tools{position:relative!important;top:auto!important;margin-bottom:12px!important}
  .catalog .filter-selects{grid-template-columns:1fr!important;gap:8px!important}
  .catalog .filter-select>span:first-child{font-size:9px!important}
  .catalog .select-control select{min-height:48px!important;font-size:16px!important}
  .product-page .layout>article{padding:0!important}.product-page .layout h1{font-size:clamp(32px,10vw,46px)!important}
  .storefront-hero .hero-banner{display:block!important;height:112px!important;margin-bottom:-28px!important}
  .storefront-hero>.container{padding-top:14px!important}
  .storefront-hero .profile-photo,.storefront-hero .profile-photo-fallback{box-shadow:0 8px 22px rgba(41,42,43,.12)}
  .storefront-hero .store-policies{grid-column:1/-1}
  :where(.app-layout table,.admin-shell table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:430px){
  .public-header .nav-inner{padding-inline:2px!important}.public-header :where(.gcc-country-switcher,.language-toggle){min-width:0!important}
  .business-grid,.catalog .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog .grid .open>span{padding:10px!important}.catalog .grid .open strong{font-size:14px!important}.catalog .grid .open p{display:none!important}
  .catalog .grid .product-link,.catalog .grid .quick-buy{margin-inline:9px!important;font-size:9px!important}
  .route-loading-grid{grid-template-columns:1fr}
}
@media(max-width:340px){.business-grid,.catalog .grid{grid-template-columns:1fr!important}}

/* Motion system: consistent, quiet feedback across public, marketplace and
   workspace surfaces without delaying navigation or changing layout. */
:where(a,button,.btn,input,select,textarea,summary,.card,.mobile-panel,.user-dropdown){
  transition-property:color,background-color,border-color,box-shadow,opacity,transform;
  transition-duration:180ms;
  transition-timing-function:cubic-bezier(.22,.75,.28,1);
}
:where(input,select,textarea,.input):focus{transition-duration:140ms}
:where(button,.btn,[role="button"]):active{transform:translateY(1px) scale(.985)}
.route-transition{animation-duration:.44s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
.motion-reveal{transform:translateY(16px);transition-duration:.48s,.48s;transition-timing-function:cubic-bezier(.16,1,.3,1),cubic-bezier(.16,1,.3,1)}
.document-modal,.reupload-modal,.remove-document-modal,.share-detail-modal,.onboarding-reminder,.event-login-promotion{animation:baytna-backdrop-enter .2s ease-out both}
.document-modal>form,.document-modal>.card,.reupload-modal>section,.remove-document-modal>section,.share-detail-modal>article,.onboarding-reminder>section,.event-login-promotion>section{animation:baytna-dialog-enter .32s cubic-bezier(.16,1,.3,1) both;transform-origin:center}
.mobile-panel,.user-dropdown{animation:baytna-menu-enter .22s cubic-bezier(.16,1,.3,1) both;transform-origin:top right}
.document-action-banner,.document-reupload-alert,.required-upload-card{animation:baytna-notice-enter .34s cubic-bezier(.16,1,.3,1) both}
@keyframes baytna-backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes baytna-dialog-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes baytna-menu-enter{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes baytna-notice-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(hover:hover){
  :where(.business-grid article,.catalog .grid>article,.notification-list>article,.required-upload-card,.document-stats>.card):hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(41,42,43,.12)!important}
  :where(.icon-button,.admin-view-document,.admin-ai-document,.admin-reupload-document,.notification-action):hover{transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* The directory itself is reserved for authenticated boutique managers. */
.page-head>a[href="/shipping"][target="_blank"]{display:none!important}