/* Public AccountZure pages share the merchant palette and raised surfaces. */
@media screen {
 :root { --ci-cyan:#2463eb; --ci-blue:#2463eb; --ci-gray:#dce6f5; --ci-gray-dark:#60748f; --ci-red:#b42336; --purple:#2463eb; --purple-dark:#16365b; --gold:#ffdf48; --bg:#f4f7fc; --text:#16365b; --muted:#60748f; --line:#dce6f5; --shadow:0 12px 34px rgba(22,54,91,.09); }
 .website-readable .service-page { --navy:#16365b; --navy2:#102d50; --navy-2:#102d50; --cyan:#2463eb; --blue:#2463eb; --pink:#2463eb; --bg:#f4f7fc; --light:#edf3ff; --line:#dce6f5; --text:#16365b; --muted:#60748f; --az-cyan:#2463eb; --az-sky:#2463eb; --az-navy:#16365b; --az-navy-2:#102d50; --az-pink:#2463eb; --az-pink-dark:#174bc4; --az-bg:#f4f7fc; --az-soft:#edf3ff; --az-line:#dce6f5; --az-text:#16365b; --az-muted:#60748f; --shadow:0 12px 34px rgba(22,54,91,.09); }
 .website-readable :is(.price-comparison-page,.price-frozen-prices) { --price-ci-primary:#2463eb; --price-ci-hover:#174bc4; --price-ci-soft:#edf3ff; --price-ci-soft-strong:#dfeaff; --price-ci-border:#dce6f5; --price-ci-bg:#f4f7fc; --price-ci-text:#16365b; --price-ci-muted:#60748f; }
 .website-readable #da-contact-page { --da-purple:#2463eb; --da-purple-dark:#16365b; --da-gold:#ffdf48; --da-blue:#2463eb; --da-green:#2463eb; --da-text:#16365b; --da-muted:#60748f; --da-line:#dce6f5; --da-shadow:0 12px 34px rgba(22,54,91,.09); }
 .website-readable :is(.feature-item,.featured-card,.partner-card,.why-card,.integration-card,.gw-app-card,.fake-card,.visual-panel,.sidecard,.hero-card,.da-map-panel,.da-social-card) { border-color:#dce6f5; border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 30px rgba(22,54,91,.085); }
 .website-readable .price-badge { background:#edf3ff; color:#2463eb; }
 .website-readable .price-comparison-page h1 { color:#16365b; }
 .website-readable .service-page .btn.primary, .website-readable #da-contact-page :is(.da-btn-primary,.da-btn-submit) { background:linear-gradient(145deg,#3274f2,#2463eb); color:#fff; border-color:#2463eb; border-radius:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 16px rgba(36,99,235,.2); }
 .website-readable .service-page .btn-pink { background:linear-gradient(145deg,#ffe975,#ffdf48); color:#16365b; border-color:#f4d43b; box-shadow:inset 0 1px 0 #fff8c7,0 6px 16px rgba(153,119,0,.12); }
 .website-readable .service-page .btn.outline, .website-readable #da-contact-page .da-btn-outline { background:#fff; color:#2463eb; border-color:#cbdaf4; border-radius:14px; }
 body.website-readable { background:#f4f7fc; color:#16365b; }
 .website-readable .nav { background:rgba(255,255,255,.96); border-color:#dce6f5; box-shadow:0 4px 22px rgba(22,54,91,.045); }
 .website-readable .nav :is(.menu-link,.brand) { color:#16365b; }
 .website-readable .nav .menu-link:is(.active,:hover), .website-readable :is(.mega-cat,.service-cat).active { background:#edf3ff; color:#2463eb; }
 .website-readable :is(.function-mega,.service-mega,.partners-mega,.managed-menu-dropdown) { border:1px solid #dce6f5; border-radius:24px; box-shadow:0 18px 48px rgba(22,54,91,.14),inset 0 1px 0 #fff; }
 .website-readable :is(.section-kicker,.news-kicker,.price-kicker) { color:#2463eb; }
 .website-readable :is(.badge,.faq-badge,.feature-icon,.detail-icon-box,.premium-feature-icon,.site-image-placeholder) { background:#edf3ff; color:#2463eb; border-color:#dce6f5; }
 .website-readable :is(.site-panel,.site-app-card,.site-job-card,.news-card,.feature-card,.role-card,.consult-card,.booking-card,.form-card,.article-sidebar-card,.detail-panel,.recommend-card,.policy-card,.compare-addon-card,.plan-addon-card,.review-media-card,.analytics-card,.checkout-card,.banner-overlay-card,.hero-shell,.faq-item,.site-faq-list details) { background:linear-gradient(145deg,#fff,#f7faff); border:1px solid #dce6f5; border-radius:24px; box-shadow:inset 0 1px 0 #fff,0 10px 28px rgba(22,54,91,.075); }
 .website-readable :is(.faq-contact,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.newsletter-card) { background:linear-gradient(135deg,#e8f0ff,#f4f8ff); border:1px solid #dce6f5; border-radius:28px; box-shadow:inset 0 1px 0 #fff,0 12px 32px rgba(22,54,91,.065); }
 .website-readable :is(.site-page h1,.site-panel h2,.site-panel h3,.faq-item summary,.site-faq-list summary,.news-card h3,.feature-card h3,.role-card h3) { color:#16365b; }
 .website-readable :is(.site-page-head p,.site-panel p,.faq-contact p,.feature-card p,.news-card p,.role-card p) { color:#60748f; }
 .website-readable :is(.btn,.site-pagination a,.site-pagination span) { border-radius:14px; font-weight:600; transition:background-color .18s,box-shadow .18s,transform .18s; }
 .website-readable .btn-primary, .website-readable .price-card .btn { background:linear-gradient(145deg,#3274f2,#2463eb); border-color:#2463eb; color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 16px rgba(36,99,235,.2); }
 .website-readable .btn-primary:hover, .website-readable .price-card .btn:hover { background:#174bc4; color:#fff; transform:translateY(-1px); }
 .website-readable .btn-gold, .website-readable .nav-actions .btn-gold { background:linear-gradient(145deg,#ffe975,#ffdf48); border-color:#f4d43b; color:#16365b; box-shadow:inset 0 1px 0 #fff8c7,0 6px 16px rgba(153,119,0,.12); }
 .website-readable .btn-gold:hover { background:#ffdb2f; color:#16365b; transform:translateY(-1px); }
 .website-readable .btn-outline { background:#fff; color:#2463eb; border-color:#cbdaf4; box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(22,54,91,.055); }
 .website-readable .btn-outline:hover { background:#edf3ff; border-color:#2463eb; }
 .website-readable .price-card { border-color:#dce6f5; border-radius:28px; box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(22,54,91,.16); }
 .website-readable .price-card.best { background:linear-gradient(145deg,#fff,#edf3ff); border-color:#ffdf48; box-shadow:0 0 0 4px rgba(255,223,72,.18),inset 0 1px 0 #fff,0 16px 40px rgba(22,54,91,.18); }
 .website-readable :is(.site-form,.site-newsletter) :is(input,select,textarea) { border-color:#d5e1f3; border-radius:12px; background:#fbfcff; color:#16365b; box-shadow:inset 0 2px 4px rgba(22,54,91,.025); }
 .website-readable :is(input,select,textarea):focus { border-color:#2463eb; outline:2px solid rgba(36,99,235,.16); outline-offset:1px; }
 .website-readable :is(a,button):focus-visible { outline:3px solid #2463eb; outline-offset:3px; }
 .website-readable .site-announcement { background:#16365b; }
 .website-readable .site-alert:not(.site-errors) { background:#edf3ff; border-color:#dce6f5; }
 .website-readable :is(.user-review-section,.hero,.price-hero) { background:linear-gradient(135deg,#f8fbff,#eaf1ff); }
 .website-readable footer { background:#16365b; border-top-color:#2463eb; color:#dce6f5; }
 .website-readable footer :is(h3,h4,a,.footer-logo-title) { color:#fff; }
 .website-readable footer :is(.footer-brand-text,.footer-company,.footer-bottom,.footer-col p) { color:#b9cde6; }
 .website-readable footer :is(.footer-app-card,.footer-socials a) { background:#24466d; color:#fff; border-color:#355779; }
 .website-readable footer a:hover { color:#ffdf48; }
 .website-readable .index-home :is(h1,h2,.function-copy h3) { color:#16365b !important; }
 .website-readable .index-home .purple-section :is(h1,h2) { color:#fff !important; }
 .website-readable footer a:hover { color:#ffdf48 !important; }
 /* Legacy home sections use ID selectors; keep their palette aligned too. */
 .website-readable #pricing { background:linear-gradient(135deg,#edf3ff,#f7faff) !important; color:#16365b; }
 .website-readable #pricing :is(.pricing-head h2,.pricing-head p,.plan,.price,.plan-features,.pricing-help) { color:#16365b !important; }
 .website-readable #pricing .price-card { background:linear-gradient(145deg,#fff,#f7faff) !important; border-color:#dce6f5 !important; border-radius:28px; box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(22,54,91,.1) !important; }
 .website-readable #pricing .price-card.best { border-color:#ffdf48 !important; }
 .website-readable #pricing .price-card .btn, .website-readable :is(.pricing-toggle button.active,.pricing-toggle a.active) { background:#2463eb !important; border-color:#2463eb !important; color:#fff !important; }
 .website-readable #pricing :is(.pricing-toolbar,.pricing-guarantee,.pricing-proof,.pricing-help) { color:#16365b !important; }
 .website-readable .pricing-saving { background:#fff5ce !important; color:#16365b !important; }
 .website-readable .pricing-toggle button:not(.active) { background:#fff !important; color:#16365b !important; }
 .website-readable .pricing-badge { background:#edf3ff !important; color:#2463eb !important; }
 .website-readable :is(.purple-section,footer) { background:#16365b !important; border-color:#2463eb !important; }
 .website-readable .role-content { background:#fff !important; color:#16365b !important; }
 .website-readable .role-content :is(h3,p,a) { color:#16365b !important; }
 .website-readable :is(.function-showcase,.newsletter-banner) { background:linear-gradient(135deg,#edf3ff,#f8fbff) !important; border-color:#dce6f5 !important; }
 .website-readable .newsletter-banner { border-radius:28px; box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(22,54,91,.075); }
 .website-readable .feature-card :is(.icon,.premium-feature-icon) { background:#edf3ff !important; color:#2463eb !important; }
 .website-readable footer :is(h3,h4,a,.footer-logo-title) { color:#fff !important; }
 .website-readable footer :is(.footer-brand-text,.footer-company,.footer-bottom,.footer-col p) { color:#b9cde6 !important; }
 @media(max-width:640px) { .website-readable :is(.site-panel,.site-app-card,.site-job-card,.faq-item,.site-faq-list details) { border-radius:20px; } }
 @media(prefers-reduced-motion:reduce) { .website-readable .btn { transition:none; transform:none!important; } }
}

/* Shared public navigation icon palette. */
@media screen {
 .website-readable .nav :is(.mega-cat,.service-cat,.mega-link,.service-link,.partner-link,.mega-side-title,.service-mega-title) > .website-menu-icon {
  flex-shrink:0; box-sizing:border-box; width:34px; height:34px; padding:7px;
  color:#2463eb; background:linear-gradient(145deg,#f5f9ff,#e5eeff);
  border:1px solid #dce6f5; border-radius:10px;
  box-shadow:inset 0 1px 0 #fff,0 3px 7px rgba(22,54,91,.08);
 }
 .website-readable .nav :is(.menu-chevron,.mega-cat-arrow,.service-cat-arrow) { color:#2463eb; }
 .website-readable .nav :is(.mega-cat,.service-cat):is(.active,:hover,:focus-visible),
 .website-readable .nav :is(a.mega-link,a.service-link,a.partner-link):is(:hover,:focus-visible) {
  color:#2463eb; background:#edf3ff; border-color:#c4d6fa;
 }
 .website-readable .nav a.partner-link { color:#16365b; }
 .website-readable .nav .partner-link small { color:#60748f; }
 .website-readable .nav :is(.mega-cat,.service-cat):is(.active,:hover,:focus-visible) > .website-menu-icon,
 .website-readable .nav :is(.mega-link,.service-link,.partner-link):is(:hover,:focus-visible) > .website-menu-icon {
  color:#fff; background:#2463eb; border-color:#2463eb; box-shadow:0 3px 8px rgba(36,99,235,.2);
 }
}

/* FAQ introduction follows the height of its adjacent question list. */
@media screen {
 .website-readable .faq-layout { align-items:stretch; }
 .website-readable .faq-layout > .faq-aside {
  position:static; top:auto; align-self:stretch; min-width:0;
  display:flex; flex-direction:column; align-items:flex-start;
  padding:32px; border:1px solid #d5e2f7; border-radius:28px;
  background:linear-gradient(145deg,#fff 0%,#edf3ff 100%); color:#16365b;
  box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(22,54,91,.09);
 }
 .website-readable .faq-aside .faq-badge {
  background:#2463eb; color:#fff; border:1px solid #2463eb;
  box-shadow:0 4px 10px rgba(36,99,235,.18); margin-bottom:20px;
 }
 .website-readable .index-home .faq-aside h2 { color:#16365b !important; font-size:clamp(26px,2.5vw,36px); line-height:1.4; }
 .website-readable .faq-aside > p { color:#405b7c; font-size:16px; line-height:1.85; margin:0 0 24px; }
 .website-readable .faq-aside .faq-contact.site-prose {
  box-sizing:border-box; width:100%; margin-top:auto; padding:22px;
  background:#fff; color:#294a70; border:1px solid #d5e2f7; border-radius:20px;
  box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(22,54,91,.05);
  font-size:15px; line-height:1.9;
 }
 .website-readable .faq-aside .faq-contact.site-prose :is(p,li,strong) { color:#294a70; }
 @media(max-width:980px) {
  .website-readable .faq-layout > .faq-aside { padding:24px; border-radius:24px; }
  .website-readable .faq-aside .faq-contact.site-prose { margin-top:0; padding:18px; }
 }
}

@media screen {
 .website-readable .faq-aside .faq-illustration { width:100%; flex:1 0 96px; min-height:96px; display:flex; align-items:center; justify-content:center; margin:0 0 16px; }
 .website-readable .faq-illustration img { display:block; width:min(100%,280px); height:105px; object-fit:contain; }
 .website-readable .faq-aside:has(.faq-illustration) > p { margin-bottom:12px; }
 @media(max-width:980px) { .website-readable .faq-aside .faq-illustration { flex-grow:0; } }
}

/* Distinct backgrounds separate news from frequently asked questions. */
@media screen {
 .website-readable .news-section { background:linear-gradient(135deg,#edf4ff 0%,#e3edff 100%); }
 .website-readable .news-section::before { background:radial-gradient(circle,rgba(36,99,235,.10),transparent 70%); }
 .website-readable .index-home :is(.business-functions,.faq-section) { background:radial-gradient(circle at 8% 8%,rgba(0,137,171,.12),transparent 28%),linear-gradient(135deg,#fafdfd,#fff 55%,#f3fafb); }
 .website-readable .faq-section::before { background:radial-gradient(circle,rgba(0,137,171,.11),transparent 70%); }
}

/* Shared soft surface for homepage and website call-to-action sections. */
@media screen {
 .website-readable {
  --website-soft-surface:
   radial-gradient(ellipse at 8% 0%, rgba(255,244,225,.65), transparent 60%),
   repeating-radial-gradient(ellipse at 105% 110%, transparent 0 74px, rgba(36,99,235,.035) 75px 76px, transparent 77px 140px),
   linear-gradient(135deg,#fffaf4 0%,#f6f8fc 52%,#edf3ff 100%);
 }
 .website-readable .index-home #roles.purple-section {
  color:var(--text, #16365b);
  background:var(--website-soft-surface) !important;
 }
 .website-readable .index-home #roles.purple-section .section-head :is(h1,h2) { color:var(--text, #16365b) !important; }
 .website-readable .index-home #roles.purple-section .section-head p { color:var(--muted, #60748f) !important; }
}

/* Match service/partner and shared CTA cards to the homepage surface. */
@media screen {
 .website-readable :is(.ctabox,.cta-box,.partner-box,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.faq-contact), .website-readable .service-page-business-registration .cta {
  background:var(--website-soft-surface) !important; color:#16365b !important;
  border:1px solid #dce6f5 !important; border-radius:28px !important;
  padding:clamp(24px,4vw,48px) !important;
  box-shadow:inset 0 1px 0 #fff,0 12px 32px rgba(22,54,91,.065) !important;
 }
 .website-readable :is(.ctabox,.cta-box,.partner-box,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.faq-contact) :is(h1,h2,h3), .website-readable .service-page-business-registration .cta :is(h1,h2,h3) { color:#16365b !important; }
 .website-readable :is(.ctabox,.cta-box,.partner-box,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.faq-contact) p, .website-readable .service-page-business-registration .cta p { color:#60748f !important; line-height:1.8; }
 .website-readable :is(.ctabox,.cta-box,.partner-box,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.faq-contact) .btn, .website-readable .service-page-business-registration .cta .btn { border-radius:14px !important; max-width:100%; white-space:normal; }
 .website-readable :is(.ctabox,.cta-box,.partner-box,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.faq-contact) .btn:is(.primary,.btn-primary,.btn-pink), .website-readable .service-page-business-registration .cta .btn:is(.primary,.btn-primary,.btn-pink) { background:linear-gradient(145deg,#3274f2,#2463eb) !important; color:#fff !important; border-color:#2463eb !important; }
 .website-readable :is(.ctabox,.cta-box,.partner-box,.site-contact-cta,.article-cta,.policy-cta,.contact-cta,.faq-contact) .btn-outline, .website-readable .service-page-business-registration .cta .btn-outline { background:#fff !important; color:#2463eb !important; border:1px solid #cbdaf4 !important; }
 .website-readable .service-page-business-registration .cta::after { opacity:.12; pointer-events:none; }
}

/* Integration request: warm surface and readable CI text. */
@media screen {
.website-readable .service-page-platform-integrations .form-info {
 background:var(--website-soft-surface)!important;color:#16365b;border:1px solid #dce6f5;
 padding:clamp(24px,3vw,36px);align-self:start;box-shadow:0 10px 28px rgba(22,54,91,.05);
}
.website-readable .service-page-platform-integrations .form-info h3 {color:#16365b!important;font-size:clamp(24px,2.2vw,30px);line-height:1.45;margin:16px 0;}
.website-readable .service-page-platform-integrations .form-info p,
.website-readable .service-page-platform-integrations .form-info .list div {color:#526780!important;line-height:1.8;}
.website-readable .service-page-platform-integrations .form-info .badge {background:#e8efff!important;color:#2463eb!important;}
.website-readable .service-page-platform-integrations .form-info .list div:before {color:#2463eb;}
.website-readable .service-page-platform-integrations .form-card {min-width:0;}
}

/* Education partner card: consistent warm CI surface and clear typography. */
@media screen {
 .website-readable .service-page-education .audience.dark {
  background:var(--website-soft-surface)!important;color:#16365b;
  border:1px solid #dce6f5;padding:clamp(24px,3vw,36px);
  box-shadow:0 10px 28px rgba(22,54,91,.05);
 }
 .website-readable .service-page-education .audience.dark h3 {color:#16365b!important;line-height:1.45;}
 .website-readable .service-page-education .audience.dark p,
 .website-readable .service-page-education .audience.dark .list div {color:#526780!important;line-height:1.8;}
 .website-readable .service-page-education .audience.dark .list div:before {color:#2463eb;}
 .website-readable .service-page-education .audience.dark .btn.primary {background:linear-gradient(145deg,#3274f2,#2463eb)!important;color:#fff!important;max-width:100%;white-space:normal;}
}

/* Education invitation: readable warm surface, sized to its content. */
@media screen {
 .website-readable .service-page-education .form-info {
  background:var(--website-soft-surface)!important;color:#16365b;
  border:1px solid #dce6f5;padding:clamp(24px,3vw,36px);align-self:start;
  box-shadow:0 10px 28px rgba(22,54,91,.05);
 }
 .website-readable .service-page-education .form-info h3 {color:#16365b!important;font-size:clamp(24px,2.2vw,30px);line-height:1.45;margin:16px 0;}
 .website-readable .service-page-education .form-info p,
 .website-readable .service-page-education .form-info .list div {color:#526780!important;line-height:1.8;}
 .website-readable .service-page-education .form-info .badge {background:#e8efff!important;color:#2463eb!important;}
 .website-readable .service-page-education .form-info .list div:before {color:#2463eb;}
}

/* Shared service-page outline icon system. */
.website-readable .service-page .service-ci-icon{display:inline-block;vertical-align:middle;flex-shrink:0;color:#2463eb;}
.website-readable .service-page :is(.icon,.step-icon,.logo-box,.partner-logo):has(>.service-ci-icon){background:#edf3ff;border:1px solid #dce6f5;}
.website-readable .service-page :is(.flow-item,.sidecard)>.service-ci-icon{display:block;margin-bottom:10px;}
.website-readable .service-page :is(.core,.dark,.screen) .service-ci-icon{color:#b9d3ff;}

/* Charity invitation: readable warm surface, sized to its content. */
@media screen {
 .website-readable .service-page-charity .form-info {
  background:var(--website-soft-surface)!important;color:#16365b;
  border:1px solid #dce6f5;padding:clamp(24px,3vw,36px);align-self:start;
  box-shadow:0 10px 28px rgba(22,54,91,.05);
 }
 .website-readable .service-page-charity .form-info h3 {color:#16365b!important;font-size:clamp(24px,2.2vw,30px);line-height:1.45;margin:16px 0;}
 .website-readable .service-page-charity .form-info p,
 .website-readable .service-page-charity .form-info .list div {color:#526780!important;line-height:1.8;}
 .website-readable .service-page-charity .form-info .badge {background:#e8efff!important;color:#2463eb!important;}
 .website-readable .service-page-charity .form-info .list div:before {color:#2463eb;}
}

/* Accounting setup audience note: warm surface and compact content. */
@media screen {
 .website-readable .service-page-accounting-setup .note {
  background:var(--website-soft-surface)!important;color:#16365b;border:1px solid #dce6f5;
  padding:clamp(24px,3vw,36px);align-self:start;min-height:0;
  box-shadow:0 10px 28px rgba(22,54,91,.05);
 }
 .website-readable .service-page-accounting-setup .note h3 {color:#16365b!important;line-height:1.45;margin:0 0 16px;}
 .website-readable .service-page-accounting-setup .note p {color:#526780!important;line-height:1.8;}
 .website-readable .service-page-accounting-setup .note .tag {background:#e8efff;color:#2463eb;border:1px solid #dce6f5;}
 .website-readable .service-page-accounting-setup .note:after {display:none;}
}