/* DIATEAM Home typography — ERP reference + owner responsive finishing corrections R4, 2026-10-11.
   Yekan Bakh FaNum v3 supplied by the owner. Font files remain unmodified.
   Reference: https://charchoob.net/what-is-erp
   Load after home-v3297.css. Scoped to the public home-shell. */
@font-face{font-family:DIATEAMYekanBakhFaNum;src:url('./fonts/YekanBakhFaNum-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:DIATEAMYekanBakhFaNum;src:url('./fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:DIATEAMYekanBakhFaNum;src:url('./fonts/YekanBakhFaNum-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:DIATEAMYekanBakhFaNum;src:url('./fonts/YekanBakhFaNum-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}

.home-shell,.home-shell *,.home-shell *::before,.home-shell *::after{
  font-family:DIATEAMYekanBakhFaNum,Tahoma,sans-serif!important;
  font-synthesis:none;
  font-stretch:normal;
}
.home-shell{font-size:16px;font-weight:400;line-height:normal}
.home-shell h1,.home-shell h2,.home-shell h3,.home-shell p{
  letter-spacing:normal!important;
  white-space:normal!important;
  text-wrap:wrap!important;
  overflow-wrap:break-word;
  line-height:normal!important;
}
.home-shell p{font-weight:400!important}
.home-shell .home-hero h1{
  font-size:48px!important;font-weight:800!important;
  max-width:100%;margin-inline:auto;
}
.home-shell .home-hero .lead{
  font-size:18px!important;font-weight:400!important;
  max-width:900px;
}
.home-shell .need-intro h2,
.home-shell .role-benefits-intro h2,
.home-shell .capabilities-intro h2,
.home-shell .security-heading h2,
.home-shell .partnership-heading h2,
.home-shell .request-copy h2{
  font-size:32px!important;font-weight:700!important;
}
.home-shell .need-intro p,
.home-shell .role-benefits-intro p,
.home-shell .capabilities-intro p,
.home-shell .security-heading p,
.home-shell .partnership-heading p,
.home-shell .request-copy>p{
  font-size:16px!important;font-weight:400!important;
}
.home-shell .why-summary .why-mobile-line{display:inline!important;white-space:normal!important}
.home-shell .why-summary .why-desktop-sep{display:inline!important}

/* Features -> ERP feature cards; advantages/roles/security -> benefit cards. */
.home-shell .capability-head h3{font-size:22px!important;font-weight:700!important}
.home-shell .need-head h3,
.home-shell .role-benefit-head h3,
.home-shell .security-card h3,
.home-shell .capability-group-heading h3{
  font-size:20px!important;font-weight:700!important;
}
.home-shell .need-card>p,
.home-shell .role-benefit-card>p,
.home-shell .capability-card>p,
.home-shell .security-card>p{
  font-size:16px!important;font-weight:400!important;
}
/* The collaboration steps use the reference timeline scale. */
.home-shell .partnership-step h3{font-size:18px!important;font-weight:600!important;line-height:1.5!important}
.home-shell .partnership-copy p{font-size:14px!important;font-weight:600!important}
.home-shell .partnership-number{font-size:16px!important;font-weight:600!important}
.home-shell .partnership-support,.home-shell .request-trial-note{font-size:14px!important;font-weight:400!important;line-height:normal!important}

.home-shell .primary-link,
.home-shell .ghost-login,
.home-shell .form-submit{font-size:15px!important;font-weight:600!important;line-height:normal!important}
.home-shell .form-head h3{font-size:20px!important;font-weight:700!important}
.home-shell .form-head p,.home-shell .form-error{font-size:14px!important;font-weight:400!important}
.home-shell .form-grid label{font-size:14px!important;font-weight:600!important}
.home-shell .form-grid input,.home-shell .form-grid select{font-size:16px!important;font-weight:400!important;line-height:1.7!important}
.home-shell .success-box h3{font-size:20px!important;font-weight:700!important}
.home-shell .success-box p{font-size:16px!important;font-weight:400!important}
.home-shell .brand-copy strong{font-weight:700!important}
.home-shell .brand-copy small{font-weight:400!important}
.home-shell .stat-card strong{font-weight:700!important}
.home-shell .stat-card p{font-size:14px!important;font-weight:400!important}
.home-shell .capability-group-heading>span{font-weight:600!important}
.home-shell .footer-company,.home-shell .footer-inner>a{font-size:16px!important;font-weight:400!important;line-height:28px!important;white-space:normal!important}

/* Headings retain their allocated card width. */
.home-shell .need-head,
.home-shell .role-benefit-head,
.home-shell .capability-head,
.home-shell .security-card-head{height:auto;min-width:0}
.home-shell .need-head h3,
.home-shell .role-benefit-head h3,
.home-shell .capability-head h3,
.home-shell .security-card-head h3{min-width:0}

/* Section heading scale from the ERP reference. */
@media(max-width:599px){
  .home-shell .need-intro h2,
  .home-shell .role-benefits-intro h2,
  .home-shell .capabilities-intro h2,
  .home-shell .security-heading h2,
  .home-shell .partnership-heading h2,
  .home-shell .request-copy h2{font-size:20px!important}
}

/* Responsive fit: full single-line titles. Font-metric bounds include rounding headroom.
   Each category shares one size for cards of equal width; no text is clipped.
   No JavaScript or page markup changes are required. */
.home-shell .home-hero,
.home-shell .need-head,
.home-shell .capability-head,
.home-shell .role-benefit-head,
.home-shell .security-card-head,
.home-shell .capability-group-heading,
.home-shell .partnership-step{container-type:inline-size}
.home-shell .need-head,
.home-shell .capability-head,
.home-shell .role-benefit-head,
.home-shell .security-card-head,
.home-shell .capability-group-heading{width:100%;min-width:0}
.home-shell .need-head,.home-shell .capability-head{--dt-title-reserve:59px}
.home-shell .role-benefit-head{--dt-title-reserve:58px}
.home-shell .security-card-head{--dt-title-reserve:52px}
.home-shell .home-hero h1,
.home-shell .need-head h3,
.home-shell .capability-head h3,
.home-shell .role-benefit-head h3,
.home-shell .security-card-head h3,
.home-shell .capability-group-heading h3,
.home-shell .partnership-step h3,
.home-shell .form-head h3,
.home-shell .success-box h3{
  white-space:nowrap!important;text-wrap:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;
  letter-spacing:normal!important;min-width:0;
}
/* Conservative fallback for browsers without container query units. */
.home-shell .home-hero h1{font-size:clamp(18px,4.5vw,48px)!important}
.home-shell .capability-head h3{font-size:12px!important}
.home-shell .need-head h3{font-size:14px!important}
.home-shell .security-card-head h3{font-size:14px!important}
.home-shell .partnership-step h3{font-size:15px!important}
@media(min-width:821px){
  .home-shell .need-icon{flex:0 0 46px}
}
@media(min-width:1051px) and (max-width:1199px){
  .home-shell .security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .home-shell .need-head,
  .home-shell .capability-head,
  .home-shell .role-benefit-head,
  .home-shell .security-card-head{gap:10px;min-height:36px;--dt-title-reserve:46px}
  .home-shell .need-head .need-icon,
  .home-shell .capability-head .capability-icon,
  .home-shell .role-benefit-head .role-icon,
  .home-shell .security-card-head .security-card-icon{
    width:36px;height:36px;min-width:36px;flex:0 0 36px;border-radius:10px;
  }
  .home-shell .need-icon svg,
  .home-shell .capability-icon svg,
  .home-shell .role-benefit-head .role-icon svg,
  .home-shell .security-card-icon svg{width:21px;height:21px}
}
@media(max-width:720px){
  .home-shell .capability-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
  .home-shell .need-card,
  .home-shell .capability-card,
  .home-shell .role-benefit-card{padding:18px 14px}
  .home-shell .need-head,
  .home-shell .capability-head,
  .home-shell .role-benefit-head,
  .home-shell .security-card-head{gap:8px;min-height:32px;--dt-title-reserve:40px}
  .home-shell .need-head .need-icon,
  .home-shell .capability-head .capability-icon,
  .home-shell .role-benefit-head .role-icon,
  .home-shell .security-card-head .security-card-icon{
    width:32px;height:32px;min-width:32px;flex:0 0 32px;border-radius:9px;
  }
  .home-shell .need-icon svg,
  .home-shell .capability-icon svg,
  .home-shell .role-benefit-head .role-icon svg,
  .home-shell .security-card-icon svg{width:20px;height:20px}
  .home-shell .home-hero h1{font-size:18px!important;line-height:1.55!important}
  .home-shell .home-hero .lead{
    font-size:12px!important;line-height:1.9!important;
    white-space:nowrap!important;text-wrap:nowrap!important;
    overflow-wrap:normal!important;word-break:normal!important;
    width:100%;max-width:100%;margin-inline:auto;
  }
  .home-shell .hero-mobile-break{display:block!important}
  .home-shell .partnership-step{--dt-step-reserve:48px}
}
@supports(font-size:1cqi){
  .home-shell .home-hero h1{font-size:min(48px,calc(100cqi / 15.1))!important}
  .home-shell .capability-head h3{font-size:min(var(--dt-card-max,20px),calc((100cqi - var(--dt-title-reserve)) / 15.5))!important}
  .home-shell .need-head h3{font-size:min(var(--dt-card-max,20px),calc((100cqi - var(--dt-title-reserve)) / 13.55))!important}
  .home-shell .role-benefit-head h3{font-size:min(var(--dt-card-max,20px),calc((100cqi - var(--dt-title-reserve)) / 6.4))!important}
  .home-shell .security-card-head h3{font-size:min(var(--dt-card-max,20px),calc((100cqi - var(--dt-title-reserve)) / 8.4))!important}
  .home-shell .capability-group-heading h3{font-size:min(20px,calc((100cqi - 52px) / 9.7))!important}
  .home-shell .partnership-step h3{font-size:min(18px,calc((100cqi - var(--dt-step-reserve,0px)) / 8.45))!important}
  @media(max-width:600px){
    .home-shell .home-hero h1{font-size:min(32px,calc(100cqi / 15.1))!important}
    .home-shell .home-hero .lead{font-size:min(18px,calc(100cqi / 22.25))!important}
  }
}

/* R3: deliberate title/body hierarchy; lighter, quieter mobile cards. */
.home-shell .security-card-head{--dt-card-max:18px}
.home-shell .need-card>p,
.home-shell .role-benefit-card>p,
.home-shell .capability-card>p{
  font-size:15px!important;line-height:1.9!important;
}
.home-shell .security-card>p{font-size:14px!important;line-height:1.9!important}
.home-shell .need-head h3,.home-shell .role-benefit-head h3,
.home-shell .capability-head h3,.home-shell .security-card-head h3{line-height:1.55!important}
.home-shell .need-intro>p,.home-shell .role-benefits-intro>p,
.home-shell .capabilities-intro>p,.home-shell .security-heading>p,
.home-shell .partnership-heading>p,.home-shell .request-copy>p{line-height:1.9!important}
.home-shell .partnership-copy p{font-weight:400!important;line-height:1.9!important}
.home-shell .form-head p,.home-shell .form-error,
.home-shell .success-box p{line-height:1.85!important}
.home-shell .footer-company,.home-shell .footer-inner>a{font-size:14px!important;line-height:1.9!important}
/* Statistics have enough room for complete labels, including province coverage. */
.home-shell .stat-card{grid-template-columns:40px minmax(0,1fr);column-gap:10px;min-width:0}
.home-shell .stat-icon{width:40px;height:40px;min-width:40px}
.home-shell .stat-icon svg{width:22px;height:22px}
.home-shell .stat-card p{
  font-size:13px!important;white-space:nowrap!important;text-wrap:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;line-height:1.6!important;
  min-width:0;
}
@media(min-width:601px) and (max-width:1100px){
  .home-shell .about-reference .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-shell .stat-card{padding:14px 10px;border:0;border-inline-start:1px solid var(--home-border)}
  .home-shell .stat-card:nth-child(3n+1){border-inline-start:0}
  .home-shell .stat-card:nth-child(n+4){border-top:1px solid var(--home-border)}
}
@media(max-width:820px){
  .home-shell .need-head,.home-shell .capability-head,
  .home-shell .role-benefit-head,.home-shell .security-card-head{--dt-card-max:17px}
  .home-shell .need-card>p,.home-shell .role-benefit-card>p,
  .home-shell .capability-card>p,.home-shell .security-card>p{font-size:14px!important}
  .home-shell .need-intro h2,.home-shell .role-benefits-intro h2,
  .home-shell .capabilities-intro h2,.home-shell .security-heading h2,
  .home-shell .partnership-heading h2,.home-shell .request-copy h2{font-size:24px!important;line-height:1.55!important}
  .home-shell .need-intro>p,.home-shell .role-benefits-intro>p,
  .home-shell .capabilities-intro>p,.home-shell .security-heading>p,
  .home-shell .partnership-heading>p,.home-shell .request-copy>p{font-size:14px!important}
}
@media(max-width:600px){
  .home-shell{--dt-mobile-copy:clamp(13px,3.6vw,14px)}
  .home-shell .need-head,.home-shell .capability-head,
  .home-shell .role-benefit-head,.home-shell .security-card-head{--dt-card-max:16px}
  .home-shell .need-card>p,.home-shell .role-benefit-card>p,
  .home-shell .capability-card>p,.home-shell .security-card>p,
  .home-shell .partnership-copy p{font-size:var(--dt-mobile-copy)!important;line-height:1.95!important}
  .home-shell .need-intro h2,.home-shell .role-benefits-intro h2,
  .home-shell .capabilities-intro h2,.home-shell .security-heading h2,
  .home-shell .partnership-heading h2,.home-shell .request-copy h2{font-size:20px!important}
  .home-shell .capability-group-heading h3{font-size:17px!important;line-height:1.6!important}
  .home-shell .partnership-step h3{font-size:16px!important;line-height:1.6!important}
  .home-shell .form-head h3,.home-shell .success-box h3{font-size:17px!important;line-height:1.6!important}
  .home-shell .form-head p,.home-shell .form-error,.home-shell .success-box p,
  .home-shell .partnership-support,.home-shell .request-trial-note,
  .home-shell .form-grid label{font-size:13px!important;line-height:1.85!important}
  .home-shell .primary-link,.home-shell .ghost-login,.home-shell .form-submit{font-size:14px!important}
  .home-shell .footer-company,.home-shell .footer-inner>a{font-size:13px!important;line-height:1.9!important}
  .home-shell .about-reference .stat-card{
    grid-template-columns:30px minmax(0,1fr);column-gap:6px;padding:12px 8px!important;
  }
  .home-shell .stat-icon{width:30px;height:30px;min-width:30px;border-radius:9px}
  .home-shell .stat-icon svg{width:19px;height:19px}
  .home-shell .stat-card p{font-size:12px!important}
  .home-shell .stat-card strong{font-size:20px!important;line-height:1.3!important}
}

/* R4: restore original statistic icon sizes; keep full labels via spacing. */
.home-shell .stat-card{grid-template-columns:48px minmax(0,1fr);column-gap:8px}
.home-shell .stat-icon{width:48px;height:48px;min-width:48px;border-radius:12px}
.home-shell .stat-icon svg{width:24px;height:24px}
@media(max-width:600px){
  .home-shell .about-reference .stat-card{grid-template-columns:46px minmax(0,1fr);column-gap:6px}
  .home-shell .stat-icon{width:46px;height:46px;min-width:46px;border-radius:11px}
  .home-shell .stat-icon svg{width:23px;height:23px}
  .home-shell .stat-icon .stat-location-svg{width:24px;height:24px}
}
@media(min-width:821px){
  .home-shell .request-section .request-copy h2{
    white-space:nowrap!important;text-wrap:nowrap!important;
    overflow-wrap:normal!important;word-break:normal!important;
    font-size:22px!important;
  }
  @supports(font-size:1cqi){
    .home-shell .request-section .request-copy h2{font-size:min(32px,calc(100cqi / 16.2))!important}
  }
}
@media(min-width:601px) and (max-width:820px){
  .home-shell .home-hero .lead{
    width:100%;max-width:100%;white-space:nowrap!important;text-wrap:nowrap!important;
    overflow-wrap:normal!important;word-break:normal!important;
    font-size:min(18px,calc(100cqi / 40.8))!important;
  }
  .home-shell .home-hero .hero-mobile-break{display:none!important}
}

@media(max-width:340px){.home-shell .about-reference .stat-card{padding:12px 6px!important}}

/* R5: owner-approved short mobile titles; desktop/tablet typography is retained. */
.home-shell .dt-title-mobile{display:none}
@media(max-width:600px){
  .home-shell .dt-title-full{display:none}
  .home-shell .dt-title-mobile{display:inline}
  .home-shell .need-head h3,
  .home-shell .capability-head h3,
  .home-shell .role-benefit-head h3,
  .home-shell .security-card-head h3,
  .home-shell .capability-group-heading h3,
  .home-shell .partnership-step h3,
  .home-shell .form-head h3,
  .home-shell .success-box h3{
    font-size:16px!important;font-weight:700!important;line-height:1.6!important;
  }
  .home-shell .need-head,.home-shell .capability-head,
  .home-shell .role-benefit-head,.home-shell .security-card-head{
    gap:8px;min-height:46px;--dt-title-reserve:54px;
  }
  .home-shell .need-head .need-icon,
  .home-shell .capability-head .capability-icon,
  .home-shell .role-benefit-head .role-icon,
  .home-shell .security-card-head .security-card-icon{
    width:46px;height:46px;min-width:46px;flex:0 0 46px;border-radius:11px;
  }
  .home-shell .need-icon svg,.home-shell .capability-icon svg,
  .home-shell .role-benefit-head .role-icon svg,.home-shell .security-card-icon svg{
    width:23px;height:23px;
  }
  /* Slightly wider title area adds size while preserving the single-line hero. */
  .home-shell .home-hero h1{
    width:calc(100% + 16px);max-width:none;margin-inline:-8px;
    font-size:calc((100vw - 16px) / 15.1)!important;
  }
  @supports(font-size:1cqi){
    .home-shell .home-hero h1{font-size:min(34px,calc((100cqi + 16px) / 15.1))!important}
  }
}

@media(max-width:340px){
 .home-shell .need-card,.home-shell .capability-card,.home-shell .role-benefit-card{padding:18px 8px}
}

/* R6: shared title copy on all devices; balanced mobile hero and introductions. */
@media(max-width:600px){
 .home-shell .home-hero h1{font-size:calc((100vw - 16px) / 15.8)!important}
 .home-shell .home-hero .lead{width:calc(100% + 16px);max-width:none;margin-inline:-8px;font-size:calc((100vw - 16px) / 22.25)!important}
 .home-shell .role-benefits-intro{container-type:inline-size}
 .home-shell .role-benefits-intro>p{width:calc(100% + 16px);max-width:none;margin-inline:-8px;font-size:13px!important;text-wrap:balance!important;white-space:normal!important}
 .home-shell .why-summary{font-size:14px!important;line-height:1.9!important}
 .home-shell .why-summary .why-mobile-line{display:block!important;white-space:nowrap!important}
 .home-shell .why-summary .why-desktop-sep{display:none!important}
 @supports(font-size:1cqi){
  .home-shell .home-hero h1{font-size:min(32px,calc((100cqi + 16px) / 15.8))!important}
  .home-shell .home-hero .lead{font-size:min(18px,calc((100cqi + 16px) / 22.25))!important}
  .home-shell .role-benefits-intro>p{font-size:min(14px,calc((100cqi + 16px) / 22.4))!important}
 }
}

/* R7: one smaller mobile hero scale; desktop remains unchanged. */
@media(max-width:600px){
 .home-shell .home-hero h1{font-size:calc((100vw - 16px) / 17.1)!important}
 .home-shell .home-hero .lead{font-size:calc((100vw - 16px) / 24)!important}
 @supports(font-size:1cqi){
  .home-shell .home-hero h1{font-size:min(30px,calc((100cqi + 16px) / 17.1))!important}
  .home-shell .home-hero .lead{font-size:min(16px,calc((100cqi + 16px) / 24))!important}
 }
}

/* R8: equal mobile introduction typography approved by the owner. */
@media(max-width:600px){
 .home-shell .home-hero .lead,
 .home-shell .need-intro .why-summary{font-size:13px!important;font-weight:400!important;line-height:1.9!important}
}