/* HallaAI GCC theme — load LAST (after marketing-apple.css). Charcoal / off-white / champagne. */
:root{
  --ink:#121417; --paper:#FAF9F6; --gold:#C5A059; --gold-text:#7A5A1E; --gold-dark:#6B4F18;
  --black:#121417; --gray-50:#FAF9F6; --gray-100:#F3F1EC; --gray-200:#E6E2D9;
  --accent:var(--gold-text); --accent-dark:var(--gold-dark); --accent-mid:var(--gold);
  --accent-light:rgba(197,160,89,.14); --violet:var(--gold-text); --violet-light:rgba(197,160,89,.14); --orange:var(--gold-text);
  --consult-accent:var(--gold); --consult-accent-soft:var(--gold-text); --consult-accent-dim:rgba(197,160,89,.16);
  --consult-text:#121417; --consult-surface:#F3F1EC; --consult-surface-strong:#E6E2D9;
  --font:'Plus Jakarta Sans','Inter',-apple-system,'Cairo',sans-serif;
  --font-display:'Cormorant Garamond','Cinzel',Georgia,serif;
  --radius:6px; --radius-lg:8px; --radius-xl:10px;
  --shadow-sm:none; --shadow:0 1px 0 rgba(18,20,23,.06); --shadow-md:0 8px 28px -14px rgba(18,20,23,.18);
}
html body{background:var(--paper);color:var(--ink);font-family:var(--font);letter-spacing:0}
html body .page,html body .page-hero,html body .hero,html body .hero.hero--premium{background:var(--paper)!important;border:0}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;color:var(--ink)}
h1 em,h2 em{color:var(--gold-text);font-style:italic}
h4,h5{font-family:var(--font)}
.label,.hero-eyebrow{color:var(--gold-text)}
/* Buttons: champagne primary, outline secondary */
html body .btn-primary,html body .btn-blue,html body #pages .btn-primary,html body #pages .btn-blue,html body nav .btn-primary,html body #mob-nav .btn-primary{
  background:var(--gold)!important;color:var(--ink)!important;border:1px solid var(--gold)!important;font-weight:600;box-shadow:none!important;transition:background-color .2s,border-color .2s,transform .2s!important}
html body .btn-primary:hover,html body .btn-blue:hover,html body #pages .btn-primary:hover,html body #pages .btn-blue:hover{background:#D4B26E!important}
html body .btn-outline,html body #pages .btn-outline{background:transparent!important;color:var(--ink);border:1px solid rgba(18,20,23,.35)!important}
html body .btn-outline:hover{border-color:var(--gold-text)!important;color:var(--gold-text)}
/* Surfaces: hairline editorial panels instead of glossy cards */
.card,.pricing-card,.roi-wrap,.roi-result,.ind-card,.faq-item,.browser-frame{background:#fff;border:1px solid rgba(18,20,23,.12);border-radius:var(--radius-lg);box-shadow:none}
.card-blue{background:rgba(197,160,89,.08);border-color:rgba(197,160,89,.4)}
.pricing-card.popular{border:1.5px solid var(--gold)}
.pop-badge{background:var(--gold);color:var(--ink)}
.feat-icon,.feat-icon-blue,.feat-icon-green,.feat-icon-orange,.ddi{background:rgba(197,160,89,.14)!important;color:var(--gold-text)!important}
/* Replace the 3-column card grid on key pages with a hairline editorial list */
#page-home .grid-3>.card,#page-features .grid-3>.card{background:transparent;border:0;border-top:1px solid rgba(18,20,23,.18);border-radius:0;padding:24px 4px 8px}
/* Dark contrast sections */
.cta-block,.ticker-wrap{background:var(--ink)!important;color:#F4EFE4}
.cta-block h2,.cta-block h3{color:#F4EFE4}
.cta-block p{color:rgba(244,239,228,.72)}
.ticker-wrap{border:0}.ticker-item,.ticker-item strong{color:#F4EFE4}
.stat-num,.value-num,.pricing-price{color:var(--gold-text);font-family:var(--font-display)}
.status-dot{background:var(--gold)}
.bubble.ai{background:rgba(197,160,89,.16);color:var(--ink)}
/* Arabic: Cairo, no negative tracking (it breaks letter joining), ~12% larger headings */
html[dir="rtl"] body,html[lang="ar"] body{font-family:'Cairo','Plus Jakarta Sans',sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:'Cairo',sans-serif;font-weight:700;letter-spacing:0;line-height:1.35}
html[dir="rtl"] h1,html[lang="ar"] h1{font-size:clamp(2.9rem,1.7rem + 5.2vw,5.2rem)}
html[dir="rtl"] h2,html[lang="ar"] h2{font-size:clamp(2.25rem,1.4rem + 3.4vw,3.8rem)}
html[dir="rtl"] .hero-sub,html[dir="rtl"] p{line-height:1.9}

.cur-select{font:600 .78rem var(--font);padding:6px 8px;border:1px solid rgba(18,20,23,.25);border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;margin-inline-end:8px}
.cur-select:hover{border-color:var(--gold-text)}
.vat-note{text-align:center;font-size:.85rem;color:var(--gray-500);margin:-36px auto 36px;max-width:560px}
.pricing-price sup.cur-sym{font-size:.9rem;font-weight:600;letter-spacing:.04em;margin-inline-end:4px}
.fx-note{max-width:760px;margin:24px auto 0;padding:0 24px;text-align:center;font-size:.8rem;color:var(--gray-500)}
html[data-cur="USD"] .fx-note{display:none}

/* --- real-browser audit fixes --- */
:root{--green:#1B7A33;--gray-500:#636368}
nav .container{max-width:1400px;padding-inline:24px}
nav .nav-inner{gap:12px}
html body .ticker-wrap,html body .ticker-wrap *{color:#E9E3D3!important}

/* --- layout fixes from real-browser audit --- */
@media (max-width: 820px){
  .page [style*="grid-template-columns:1fr 1fr"],.page [style*="grid-template-columns: 1fr 1fr"],
  .page [style*="grid-template-columns:1.3fr 0.7fr"],.page [style*="grid-template-columns: 1.3fr 0.7fr"],
  .page [style*="grid-template-columns:1fr 1.3fr"],.page [style*="grid-template-columns:1.2fr 1fr"],.page [style*="grid-template-columns:1fr 1.2fr"]{grid-template-columns:1fr!important;gap:32px!important}
}
@media (max-width: 640px){
  nav .nav-actions .cur-select{display:none}
  .roi-wrap{box-sizing:border-box;max-width:100%;padding:24px 20px}
  .roi-wrap *{min-width:0}
}
@media (min-width: 1251px) and (max-width: 1560px){
  nav .nav-inner{gap:6px}
  nav .nav-links .nav-link,nav .nav-links > a,nav .nav-links > div{padding-inline:6px;font-size:.84rem}
  nav .section-switch button,nav .section-switch a{padding:6px 10px;font-size:.78rem}
  nav .nav-actions{gap:6px}
  nav .nav-actions .btn{padding:8px 14px;font-size:.82rem}
  nav .cur-select{padding:5px 3px;font-size:.74rem;margin-inline-end:2px}
}

/* --- nav: hamburger below 1366px (bilingual labels + currency selector need more room) --- */
@media (max-width: 1250px){
  body[data-section="receptionist"] .nav-links.nav-group[data-section="receptionist"],
  body[data-section="consultancy"] .nav-links.nav-group[data-section="consultancy"],
  body[data-section="intelligence"] .nav-links.nav-group[data-section="intelligence"],
  .nav-links.nav-group[data-section="consultancy"]{display:none!important}
  .hamburger{display:block}
  .section-switch{display:none}
  .mob-section-switch{display:flex}
  .nav-actions .btn-outline,.nav-actions #navPrimaryCta{display:none!important}
}

@media (max-width: 640px){
  .page .grid-2{grid-template-columns:minmax(0,1fr)!important}
  .page .grid-2>*{min-width:0}
  .roi-result-num,.roi-result-label{overflow-wrap:anywhere}
}

/* --- contrast fixes --- */
.comp-table .no{color:#636368}
.mock-badge .mock-badge-green,.mock-badge [class*="green"]{color:#6FD58A!important}
html body .cta-block .label,html body .cta-block .btn-outline,html body .consult-cta-block .label,html body .consult-cta-block .btn-outline{color:#E4CF9B!important}
html body .cta-block .btn-outline,html body .consult-cta-block .btn-outline{border-color:rgba(228,207,155,.5)!important}

@media (max-width: 640px){
  .btn{max-width:100%;white-space:normal;text-align:center}
  .hero-actions{flex-direction:column;align-items:stretch}
}

/* --- polish from visual review --- */
.pricing-price,.stat-num,.value-num,.roi-result-num{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1}
.pricing-price sup.cur-sym{font-size:1rem}
html[dir="rtl"] h1,html[lang="ar"] h1{font-size:clamp(2.3rem,1.4rem + 3.8vw,4.2rem)}
html[dir="rtl"] .page-hero h1,html[lang="ar"] .page-hero h1{font-size:clamp(2.1rem,1.3rem + 3.2vw,3.6rem)}

/* --- Arabic section headings: keep proportions closer to the English layout --- */
html[dir="rtl"] h2,html[lang="ar"] h2{font-size:clamp(1.8rem,1.2rem + 2.3vw,2.9rem)}

/* --- footer was designed for a dark background; keep it readable on the light theme --- */
html body footer span[style*="rgba(255,255,255,0.4)"],html body footer span[style*="rgba(255, 255, 255, 0.4)"]{color:#636368!important}
html body footer .btn-blue,html body footer #footerPrimaryCta{color:#121417!important}
html body nav #navPrimaryCta{background:var(--gold)!important;color:var(--ink)!important;border-color:var(--gold)!important}
html body #mob-nav a.btn:not(.btn-outline){background:var(--gold)!important;color:var(--ink)!important;border-color:var(--gold)!important}
html body footer .btn-blue,html body footer #footerPrimaryCta{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--ink)!important}
/* Footer CTA: marketing-apple.css forces white text on footer buttons (ID selector); gold needs ink text for AA contrast. */
html body #marketing-spa-root footer .btn-primary,html body #marketing-spa-root footer .btn-primary *,html body #marketing-spa-root footer .btn-blue,html body #marketing-spa-root footer .btn-blue *{color:var(--ink)!important}
html body #marketing-spa-root footer .btn-primary,html body #marketing-spa-root footer .btn-blue{background:var(--gold)!important;border-color:var(--gold)!important}
/* Popular pricing card sits on a light champagne surface (marketing-apple.css), but halla_styles.css still paints its text white. */
html body #marketing-spa-root .pricing-card.popular :is(.pricing-plan,.pricing-mins,.pricing-feature,.pricing-feature *){color:var(--ink)!important}
html body #marketing-spa-root .pricing-card.popular .pricing-feature.miss,html body #marketing-spa-root .pricing-card.popular .pricing-feature.miss *{color:#636368!important}
html body #marketing-spa-root .pricing-card.popular .pricing-price,html body #marketing-spa-root .pricing-card.popular .pricing-price *{color:var(--gold-text)!important}


/* =====================================================================
   HallaAI Consultancy landing page — dark editorial (scoped to :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy))
   ===================================================================== */
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx{padding:112px 0;position:relative}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark{background:#121417;color:#E9E3D3}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-light{background:#FAF9F6;color:#121417}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-hero{padding:128px 0 112px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-herogrid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:end}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-eyebrow{font:600 .74rem/1.3 var(--font);letter-spacing:.18em;text-transform:uppercase;color:#C5A059;margin-bottom:28px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ey-light{color:#85631F}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.9rem,1.5rem + 4.8vw,5.6rem);line-height:1.02;letter-spacing:-.02em;color:#F4EFE4;margin:0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h1-sm{font-size:clamp(2.4rem,1.4rem + 3.6vw,4.4rem)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h2{font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,1.2rem + 2.8vw,3.6rem);line-height:1.08;letter-spacing:-.015em;max-width:900px;margin:0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark h2.cx-h2,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark h3{color:#F4EFE4}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-light h2.cx-h2,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-light h3{color:#121417}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-lead{font-size:1.25rem;line-height:1.65;color:#CFC9BB;max-width:640px;margin:28px 0 0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-triad{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px;font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:#E4CF9B}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:40px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-link{color:#E4CF9B;border-bottom:1px solid currentColor;text-decoration:none;font-weight:600;padding-bottom:2px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-light .cx-link{color:#85631F}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dl{margin:0;border-top:1px solid rgba(233,227,211,.28)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dl>div{padding:22px 0;border-bottom:1px solid rgba(233,227,211,.28)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dt{font:600 .72rem/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#C5A059}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dd{margin:8px 0 0;font-size:1.1rem;line-height:1.5;color:#E9E3D3}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-rows,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-steps{margin-top:56px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-rows{border-top:1px solid rgba(18,20,23,.16)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;padding:36px 0;border-bottom:1px solid rgba(18,20,23,.16)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-num{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:#85631F}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark .cx-num{color:#C5A059}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row h3,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step h3{font-family:var(--font);font-size:1.5rem;font-weight:600;margin:0 0 10px;letter-spacing:0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row p{margin:0;color:#4B4B50;max-width:660px;line-height:1.7;font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-closer{margin:48px 0 0;font-family:var(--font-display);font-size:2rem;font-weight:600;color:#121417;max-width:760px;line-height:1.2}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-prose p{font-size:1.15rem;line-height:1.8;color:#CFC9BB;margin:0 0 20px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-links{display:flex;flex-wrap:wrap;gap:12px 28px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-links a{color:#E4CF9B;text-decoration:none;border-bottom:1px solid currentColor;font-weight:600}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-objs{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-obj{padding:32px 0;border-top:1px solid rgba(18,20,23,.16)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-q{font:600 .8rem/1.3 var(--font);letter-spacing:.12em;text-transform:uppercase;color:#636368}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-a{font-family:var(--font-display);font-size:2.1rem;font-weight:600;line-height:1.1;margin:10px 0 12px;color:#121417}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-obj p{margin:0;color:#4B4B50;line-height:1.7;font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-steps{border-top:1px solid rgba(233,227,211,.24)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step{display:grid;grid-template-columns:96px minmax(0,1.5fr) minmax(0,.75fr);gap:28px;padding:36px 0;border-bottom:1px solid rgba(233,227,211,.24)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step p{margin:0;color:#CFC9BB;max-width:580px;line-height:1.7;font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-meta>span{display:block;color:#B9B4A8;font-size:.92rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-meta strong{display:block;margin-top:6px;font-size:1.2rem;color:#E4CF9B}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ptable{margin-top:48px;border-top:2px solid #121417}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-phead,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-prow{display:grid;grid-template-columns:1.1fr 2fr 1fr 1.1fr;gap:28px;padding:22px 0;border-bottom:1px solid rgba(18,20,23,.16);align-items:start}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-phead{font:600 .72rem/1.3 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#636368}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ptier{font-weight:700;font-size:1.15rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pscope,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ptime{color:#4B4B50;line-height:1.6}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice strong{display:block;font-family:var(--font-display);font-size:1.9rem;line-height:1.1;color:#121417}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice>span{display:block;color:#636368;font-size:.88rem;margin-top:4px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-foot{color:#4B4B50;font-size:.92rem;line-height:1.7;margin:28px 0 0;max-width:760px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-chips{list-style:none;margin:28px 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-chips li{border:1px solid rgba(233,227,211,.32);padding:9px 14px;border-radius:2px;font-size:.98rem;color:#E9E3D3}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-notfor{border-top:1px solid rgba(233,227,211,.28);padding-top:20px;color:#B9B4A8;margin:0;font-size:1.02rem;line-height:1.7}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-notfor strong{color:#E4CF9B}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-faq{padding:26px 0;border-top:1px solid rgba(18,20,23,.16)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-faq h3{font-family:var(--font);font-size:1.2rem;font-weight:600;margin:0 0 8px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-faq p{margin:0;color:#4B4B50;line-height:1.7;font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-final{text-align:center;padding:128px 0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-final .cx-lead{margin-inline:auto}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-final .cx-actions{justify-content:center}
@media (max-width:900px){
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx{padding:80px 0}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-hero{padding:96px 0 80px}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-herogrid,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-split,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-objs{grid-template-columns:minmax(0,1fr);gap:40px}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step{grid-template-columns:56px minmax(0,1fr);gap:16px}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-meta{grid-column:2}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-phead{display:none}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-prow{grid-template-columns:minmax(0,1fr);gap:8px;padding:24px 0}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-num{font-size:2rem}
}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h1,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h2,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-a,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-closer,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-triad,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice strong{font-family:'Cairo',sans-serif;letter-spacing:0;font-weight:700;line-height:1.3}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1{font-size:clamp(2.2rem,1.3rem + 3.4vw,3.9rem)}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h1-sm{font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem)}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h2{font-size:clamp(1.7rem,1.1rem + 2vw,2.7rem)}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-a{font-size:1.6rem}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-closer{font-size:1.6rem}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-triad{font-size:1.3rem}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice strong{font-size:1.5rem}
html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-eyebrow,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-phead,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-q,html[dir="rtl"] :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dt{letter-spacing:0;text-transform:none}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-num,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-triad,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice strong,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-closer,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-a,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h2{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-phead,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-prow{grid-template-columns:1fr 1.7fr .9fr 1.4fr}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice strong{font-size:1.7rem}
@media (max-width:900px){:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-prow{grid-template-columns:minmax(0,1fr)}}

/* The translucent nav now sits over the dark consultancy hero (blends to ~#cbcbcc); the grey "AI" in the logo needs a darker tone to keep 4.5:1. */
html body .brand-word span{color:#424245}

/* FAQ blocks on dark sections (the receptionist page): lighter lines and text. */
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark .cx-faq{border-top:1px solid rgba(233,227,211,.24)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark .cx-faq h3{color:#F4EFE4}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-dark .cx-faq p{color:#CFC9BB}

/* Phones: a shorter top of page so the main button is in view, and links big enough to tap. */
@media (max-width:640px){
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-hero{padding:72px 0 56px}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1{font-size:clamp(2.1rem,9.5vw,2.9rem)}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-lead{font-size:1.05rem;margin-top:20px}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-triad{font-size:1.25rem;margin-top:22px}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-actions{margin-top:28px}
  .mob-section-switch{flex-wrap:wrap}
}
.cx-link{display:inline-flex;align-items:center;min-height:44px}
.flink,.footer-col a{display:inline-block;padding:6px 0}

/* Laptop widths: the full menu stays, with tighter spacing so nothing runs off the bar. */
@media (min-width: 1251px) and (max-width: 1400px){
  nav .nav-inner{gap:4px}
  nav .nav-links .nav-link,nav .nav-links > a,nav .nav-links > div{padding-inline:5px;font-size:.78rem}
  nav .section-switch{margin-right:4px}
  nav .section-switch button,nav .section-switch a{padding:5px 8px;font-size:.72rem}
  nav .nav-actions{gap:4px}
  nav .nav-actions .btn{padding:7px 10px;font-size:.76rem}
  nav .cur-select{padding:5px 2px;font-size:.72rem;margin-inline-end:0}
  nav .logo{margin-right:6px}
  nav .halla-wordmark{font-size:1rem}
}

/* Hk, 31 Oct: bigger small text, a smaller headline, tighter gaps. One block so every short-style page changes together. */
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx{padding:84px 0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-hero{padding:96px 0 80px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-final{padding:96px 0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-herogrid{gap:56px;align-items:center}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-eyebrow{font-size:1.05rem;letter-spacing:.14em;margin-bottom:20px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1{font-size:clamp(2.2rem,1.2rem + 3.6vw,4.2rem);line-height:1.08}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h1.cx-h1-sm,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h1-sm{font-size:clamp(2rem,1.2rem + 2.6vw,3.4rem)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) h2.cx-h2{font-size:clamp(1.9rem,1.1rem + 2.4vw,3.1rem)}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-lead{font-size:1.3rem;margin-top:22px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-triad{font-size:1.8rem;margin-top:26px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-actions{margin-top:32px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dt{font-size:.9rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dd{font-size:1.2rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ledger dl>div{padding:18px 0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-rows,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-steps{margin-top:40px}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step{padding:28px 0}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-num{font-size:3rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row h3,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step h3{font-size:1.65rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-row p,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-step p,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-obj p,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-faq p{font-size:1.15rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-prose p{font-size:1.25rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-meta span{font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-meta strong{font-size:1.3rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-phead{font-size:.9rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-q{font-size:.95rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pscope,:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-ptime{font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-pprice span{font-size:1rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-foot{font-size:1.05rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-chips li{font-size:1.08rem}
:is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-faq h3{font-size:1.35rem}
@media (max-width:900px){
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx{padding:64px 0}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-hero{padding:80px 0 60px}
}
@media (max-width:640px){
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-eyebrow{font-size:.95rem}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-num{font-size:2.2rem}
  :is(#page-consultancy,#page-intelligence,#page-home,#page-features,#page-how-it-works,#page-pricing,#page-integrations,#page-ai-consultancy) .cx-lead{font-size:1.1rem}
}

/* --- nav: solid bar (no translucent blend over dark heroes) --- */
html body #marketing-spa-root nav{background:#FAF9F6!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid rgba(18,20,23,.12)!important;box-shadow:0 1px 0 rgba(18,20,23,.04)}

/* --- legal + story pages: larger title, left-aligned, wider reading column, tighter gaps --- */
html body :is(#page-about,#page-terms,#page-privacy) .page-hero{padding:104px 0 28px!important}
html body :is(#page-about,#page-terms,#page-privacy) .page-hero .container{max-width:1080px!important;text-align:left!important}
html body :is(#page-about,#page-terms,#page-privacy) .page-hero .label{font-size:.82rem;letter-spacing:.22em;text-transform:uppercase;color:#8a6a22;margin-bottom:10px}
html body :is(#page-about,#page-terms,#page-privacy) .page-hero h1{font-size:clamp(2.6rem,1.6rem + 3.4vw,4.4rem)!important;line-height:1.05;margin-bottom:14px}
html body :is(#page-about,#page-terms,#page-privacy) .page-hero p{max-width:760px!important;margin-left:0!important;margin-right:0!important;font-size:1.15rem!important}
html body :is(#page-about,#page-terms,#page-privacy) .section{padding:36px 0 72px!important}
html body :is(#page-about,#page-terms,#page-privacy) .container-sm{max-width:1080px!important}
html body :is(#page-about,#page-terms,#page-privacy) .container-sm>p,html body :is(#page-terms,#page-privacy) .container-sm>div>p{font-size:1.05rem;line-height:1.8}
html[dir="rtl"] body :is(#page-about,#page-terms,#page-privacy) .page-hero .container{text-align:right!important}

/* legal pages: their body container has an inline 720px cap, so widen it to match the title column */
html body :is(#page-terms,#page-privacy) .section>.container{max-width:1080px!important;margin-inline:0!important;padding-inline:var(--gutter,28px)}
@media (min-width:1160px){html body :is(#page-terms,#page-privacy) .section>.container{margin-inline:auto!important}}