/* ========================================================================== */
/* Website 3.6 — rebuilt from Website 3.5                                     */
/* White visual system + unified typography                                   */
/* ========================================================================== */

:root{
  --w36-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;
  --w36-blue:#246bfe;
  --w36-blue-soft:#f3f7ff;
  --w36-white:#ffffff;
  --w36-soft:#f7f9fc;
  --w36-title:#101828;
  --w36-text:#475467;
  --w36-muted:#667085;
  --w36-line:#e4e9f0;
}

/* One font family and one basic reading scale across all public pages. */
.website3-home,
.geo-page,
.future-business-page,
.w3-legal-page{
  background:var(--w36-white);
  color:var(--w36-title);
  font-family:var(--w36-font);
  font-size:15px;
  line-height:1.75;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.website3-home h1,
.website3-home h2,
.website3-home h3,
.website3-home h4,
.geo-page h1,
.geo-page h2,
.geo-page h3,
.future-business-page h1,
.future-business-page h2,
.future-business-page h3,
.w3-legal-page h1,
.w3-legal-page h2,
.w3-legal-page h3,
.website3-home button,
.website3-home input,
.website3-home textarea,
.geo-page button,
.future-business-page button,
.w3-legal-page button{
  font-family:var(--w36-font)!important;
}

/* Navigation */
.website3-home .future-brand-copy strong,
.geo-page .future-brand-copy strong,
.future-business-page .future-brand-copy strong{font-size:17px;font-weight:700}
.website3-home .future-brand-copy em,
.geo-page .future-brand-copy em,
.future-business-page .future-brand-copy em{font-size:10px;letter-spacing:.08em}
.website3-home .future-links a,
.geo-page .future-links a,
.future-business-page .future-links a{font-size:13px;font-weight:550}
.website3-home .future-text-link,
.geo-page .future-text-link,
.future-business-page .future-text-link,
.website3-home .future-nav-cta,
.geo-page .future-nav-cta,
.future-business-page .future-nav-cta{font-size:13px;font-weight:700}

/* Main heading hierarchy */
.website3-home .future-hero h1{
  font-size:clamp(56px,5.5vw,80px)!important;
  line-height:1.08!important;
  letter-spacing:-.05em!important;
  font-weight:740!important;
}
.future-business-page .future-business-hero-copy h1{
  font-size:clamp(50px,5vw,72px)!important;
  line-height:1.1!important;
  letter-spacing:-.045em!important;
  font-weight:730!important;
}
.geo-page .geo-hero h1{
  font-size:clamp(44px,5vw,64px)!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
  font-weight:730!important;
}
.website3-home .w3-company-head h2,
.website3-home .w3-employee-head h2,
.website3-home .future-teams-head h2,
.website3-home .future-growth-head h2,
.website3-home .w3-delivery-head h2,
.website3-home .w3-difference-head h2,
.website3-home .w3-memory-copy h2,
.website3-home .w3-enterprise-preview-main h2,
.future-business-page .future-enterprise h2,
.future-business-page .future-belief-main>h2,
.future-business-page .future-delivery-copy h2,
.future-business-page .future-contact h2,
.future-business-page .future-cta-copy h2{
  font-size:clamp(36px,4vw,52px)!important;
  line-height:1.2!important;
  letter-spacing:-.035em!important;
  font-weight:720!important;
}
.website3-home .future-cta-copy h2{font-size:clamp(38px,4vw,54px)!important;line-height:1.18!important;font-weight:720!important}
.geo-page .geo-section h2{font-size:clamp(30px,3.4vw,40px)!important;line-height:1.22!important;font-weight:700!important}
.w3-legal-page .legal-header h1{font-size:clamp(34px,4vw,46px)!important;line-height:1.2!important;font-weight:720!important}
.w3-legal-page .legal-content h2{font-size:20px!important;line-height:1.4!important;font-weight:700!important}

/* Card and body typography */
.website3-home h3,
.future-business-page h3,
.geo-page h3{font-weight:700}
.website3-home .w3-four-grid h3,
.website3-home .w3-workflow-cards h3,
.website3-home .w3-compare-title h3,
.future-business-page .future-enterprise-capabilities h3,
.future-business-page .future-belief-grid h3{font-size:20px!important;line-height:1.4!important}
.website3-home .future-team-card h3,
.website3-home .w3-team-feature h3{font-family:var(--w36-font)!important;font-weight:700!important}
.website3-home .w3-team-feature h3{font-size:34px!important}
.website3-home p,
.future-business-page p,
.geo-page .geo-section>p,
.geo-page .geo-section-copy{font-size:15px;line-height:1.85}
.website3-home .future-hero-lead,
.future-business-page .future-business-hero-copy>p:not(.future-business-badge),
.geo-page .geo-hero .lead{font-size:16px!important;line-height:1.85!important}
.website3-home .future-overline,
.future-business-page .future-overline,
.website3-home .future-kicker,
.future-business-page .future-kicker,
.geo-page .geo-label{font-size:11px!important;line-height:1.5!important;font-weight:700!important}
.website3-home .future-section-index span,
.future-business-page .future-section-index span,
.website3-home .future-team-top span,
.future-business-page .future-belief-grid article>span{
  font-family:var(--w36-font)!important;
}

/* Replace every dark homepage module with white surfaces. */
.website3-home .w3-marquee{
  color:var(--w36-title)!important;
  border-top:1px solid var(--w36-line);
  border-bottom:1px solid var(--w36-line);
  background:var(--w36-white)!important;
}
.website3-home .w3-marquee span{color:var(--w36-title)!important}
.website3-home .w3-marquee i{background:var(--w36-blue)!important}

.website3-home .w3-employee-section,
.website3-home .w3-difference,
.website3-home .w3-enterprise-preview,
.website3-home .w3-workflow{
  color:var(--w36-title)!important;
  border-top:1px solid var(--w36-line)!important;
  border-bottom:1px solid var(--w36-line)!important;
  background:var(--w36-white)!important;
}
.website3-home .w3-employee-section .future-section-index,
.website3-home .w3-difference .future-section-index,
.website3-home .w3-enterprise-preview .future-section-index,
.website3-home .w3-workflow .future-section-index{color:var(--w36-title)!important;border-color:var(--w36-line)!important}
.website3-home .w3-employee-section .future-section-index span,
.website3-home .w3-difference .future-section-index span,
.website3-home .w3-enterprise-preview .future-section-index span,
.website3-home .w3-workflow .future-section-index span{color:#c3ccd8!important;-webkit-text-stroke:0!important}
.website3-home .w3-employee-section .future-section-index small,
.website3-home .w3-difference .future-section-index small,
.website3-home .w3-enterprise-preview .future-section-index small,
.website3-home .w3-workflow .future-section-index small{color:#98a2b3!important}
.website3-home .w3-employee-head h2,
.website3-home .w3-difference-head h2,
.website3-home .w3-enterprise-preview-main h2,
.website3-home .future-growth-head h2{color:var(--w36-title)!important}
.website3-home .w3-employee-section .future-overline,
.website3-home .w3-difference .future-overline,
.website3-home .w3-enterprise-preview .future-overline,
.website3-home .w3-workflow .future-overline{color:var(--w36-blue)!important}

/* Organisation module */
.website3-home .w3-org-map{background:var(--w36-white)!important;background-image:none!important}
.website3-home .w3-org-company-card{
  color:var(--w36-title)!important;
  border:1px solid #cbd9ff;
  background:var(--w36-white)!important;
  box-shadow:none!important;
}
.website3-home .w3-org-company-card i,
.website3-home .w3-org-company-card small{color:var(--w36-blue)!important}
.website3-home .w3-org-company-card h3{color:var(--w36-title)!important}
.website3-home .w3-org-company-card span{color:var(--w36-muted)!important}

/* Employee cards */
.website3-home .w3-four-grid{
  gap:12px!important;
  border:0!important;
  background:transparent!important;
}
.website3-home .w3-four-grid article{
  color:var(--w36-title)!important;
  border:1px solid var(--w36-line);
  background:var(--w36-white)!important;
}
.website3-home .w3-four-grid article>span,
.website3-home .w3-four-grid i{color:var(--w36-blue)!important}
.website3-home .w3-four-grid p,
.website3-home .w3-employee-summary{color:var(--w36-muted)!important}
.website3-home .w3-employee-summary strong{color:var(--w36-title)!important}
.website3-home .w3-employee-head .future-outline-btn,
.website3-home .w3-enterprise-preview .future-outline-btn{color:var(--w36-title)!important;border-color:#cfd7e3!important;background:#fff!important}

/* Team, workflow and deliverables */
.website3-home .w3-team-feature,
.website3-home .w3-team-feature-visual,
.website3-home .future-team-card,
.website3-home .w3-workflow-journey,
.website3-home .w3-workflow-cards article,
.website3-home .w3-files-board article,
.website3-home .w3-memory-stack article{
  color:var(--w36-title)!important;
  border-color:var(--w36-line)!important;
  background:var(--w36-white)!important;
}
.website3-home .w3-team-feature-visual:before,
.website3-home .w3-team-feature-visual:after{border-color:#dce4ee!important}
.website3-home .w3-team-feature-visual .member{border:1px solid var(--w36-line);background:#fff;color:var(--w36-text);box-shadow:none}
.website3-home .w3-workflow-journey{box-shadow:none!important}
.website3-home .w3-workflow-cards article{background:var(--w36-white)!important}
.website3-home .w3-workflow-handoff{
  color:var(--w36-text)!important;
  border:1px solid #cbd9ff;
  background:var(--w36-white)!important;
}
.website3-home .w3-workflow-handoff strong{color:var(--w36-title)!important}
.website3-home .w3-workflow-handoff>i{color:var(--w36-blue)!important}

/* Product comparison */
.website3-home .w3-compare-grid article,
.website3-home .w3-compare-grid article.featured{
  color:var(--w36-title)!important;
  border:1px solid var(--w36-line)!important;
  background:var(--w36-white)!important;
}
.website3-home .w3-compare-grid article.featured{border-color:#b8c9ff!important}
.website3-home .w3-compare-title h3{color:var(--w36-title)!important}
.website3-home .w3-compare-title small,
.website3-home .w3-compare-grid .featured small{color:var(--w36-blue)!important}
.website3-home .w3-compare-grid li,
.website3-home .w3-compare-grid .featured li,
.website3-home .w3-compare-grid li.muted,
.website3-home .w3-compare-grid .featured li.muted{color:var(--w36-text)!important}
.website3-home .w3-compare-grid li i,
.website3-home .w3-compare-grid .featured li i{color:var(--w36-blue)!important}

/* Enterprise preview */
.website3-home .w3-enterprise-preview-main p:not(.future-overline){color:var(--w36-muted)!important}
.website3-home .w3-enterprise-list span{
  color:var(--w36-text)!important;
  border-color:var(--w36-line)!important;
  background:var(--w36-white)!important;
}
.website3-home .w3-enterprise-list i{color:var(--w36-blue)!important}

/* Business and contact pages: white cards only. */
.future-business-page .future-business-hero,
.future-business-page .future-business-board,
.future-business-page .future-business-board-core,
.future-business-page .future-contact-guide,
.future-business-page .future-enterprise,
.future-business-page .future-enterprise-capabilities article,
.future-business-page .future-enterprise-flow,
.future-business-page .future-belief,
.future-business-page .future-belief-grid article,
.future-business-page .future-delivery,
.future-business-page .future-compare-panel,
.future-business-page .future-contact,
.future-business-page .future-phone-card,
.future-business-page .future-phone-number,
.future-business-page .future-cta{
  color:var(--w36-title)!important;
  background-color:var(--w36-white)!important;
  background-image:none!important;
}
.future-business-page .future-contact-guide,
.future-business-page .future-phone-card,
.future-business-page .future-business-board,
.future-business-page .future-enterprise-flow,
.future-business-page .future-compare-panel{border-color:var(--w36-line)!important;box-shadow:none!important}
.future-business-page .future-contact-guide strong,
.future-business-page .future-phone-card strong,
.future-business-page .future-enterprise h2,
.future-business-page .future-belief h2,
.future-business-page .future-delivery h2{color:var(--w36-title)!important}
.future-business-page .future-contact-guide span,
.future-business-page .future-phone-card>p,
.future-business-page .future-enterprise p,
.future-business-page .future-belief p,
.future-business-page .future-delivery p{color:var(--w36-muted)!important}
.future-business-page .future-business-board-core{border:1px solid #cbd9ff!important}
.future-business-page .future-business-board-core strong{color:var(--w36-title)!important}
.future-business-page .future-business-board-core small{color:var(--w36-muted)!important}
.future-business-page .future-phone-card:after{display:none!important}

/* GEO and legal pages */
.geo-page .geo-step{
  color:var(--w36-title)!important;
  border:1px solid var(--w36-line)!important;
  background:var(--w36-white)!important;
}
.geo-page .geo-step small{color:var(--w36-blue)!important}
.geo-page .geo-step h3{color:var(--w36-title)!important}
.geo-page .geo-step p{color:var(--w36-muted)!important}
.geo-page .geo-card,
.geo-page .geo-table,
.geo-page .geo-faq details,
.geo-page .geo-summary,
.geo-page .geo-cta,
.w3-legal-page .legal-card{background:var(--w36-white)!important;box-shadow:none!important}

/* Buttons remain blue/white; no black button fills. */
.website3-home .future-primary-btn,
.future-business-page .future-primary-btn,
.website3-home .future-nav-cta,
.future-business-page .future-nav-cta,
.geo-page .future-nav-cta,
.website3-home .future-cta-user,
.future-business-page .future-cta-user,
.future-business-page .future-phone-call,
.geo-page .geo-cta>a{
  color:#fff!important;
  background:var(--w36-blue)!important;
  border-color:var(--w36-blue)!important;
}
.website3-home .future-cta-enterprise,
.future-business-page .future-cta-enterprise,
.website3-home .future-outline-btn,
.future-business-page .future-outline-btn{color:var(--w36-title)!important;background:#fff!important;border-color:#cfd7e3!important}

/* Footer */
.website3-home .future-footer,
.geo-page .future-footer,
.future-business-page .future-footer{background:var(--w36-white);font-size:13px}
.website3-home .future-footer-bottom,
.geo-page .future-footer-bottom,
.future-business-page .future-footer-bottom{font-size:10px;line-height:1.65;letter-spacing:.02em;color:#7b8797}

@media(max-width:820px){
  .website3-home .future-hero h1{font-size:clamp(48px,12vw,64px)!important}
  .future-business-page .future-business-hero-copy h1{font-size:clamp(44px,11vw,58px)!important}
  .website3-home .w3-company-head h2,
  .website3-home .w3-employee-head h2,
  .website3-home .future-teams-head h2,
  .website3-home .future-growth-head h2,
  .website3-home .w3-delivery-head h2,
  .website3-home .w3-difference-head h2,
  .website3-home .w3-memory-copy h2,
  .website3-home .w3-enterprise-preview-main h2,
  .future-business-page .future-enterprise h2,
  .future-business-page .future-belief-main>h2,
  .future-business-page .future-delivery-copy h2,
  .future-business-page .future-contact h2{font-size:34px!important}
}

@media(max-width:620px){
  .website3-home,
  .geo-page,
  .future-business-page,
  .w3-legal-page{font-size:14px}
  .website3-home .future-hero h1{font-size:46px!important}
  .geo-page .geo-hero h1{font-size:40px!important}
  .website3-home .w3-company-head h2,
  .website3-home .w3-employee-head h2,
  .website3-home .future-teams-head h2,
  .website3-home .future-growth-head h2,
  .website3-home .w3-delivery-head h2,
  .website3-home .w3-difference-head h2,
  .website3-home .w3-memory-copy h2,
  .website3-home .w3-enterprise-preview-main h2,
  .future-business-page .future-enterprise h2,
  .future-business-page .future-belief-main>h2,
  .future-business-page .future-delivery-copy h2,
  .future-business-page .future-contact h2,
  .geo-page .geo-section h2{font-size:30px!important}
  .website3-home .w3-four-grid,
  .website3-home .w3-workflow-cards{grid-template-columns:1fr!important}
}
