/* Tazkiyo 2027 v4: fast system typography, simplified homepage, calm layout.
   This is intentionally loaded AFTER the site's existing CSS to preserve all older page styles. */
:root{--cream:#f8f7f3;--forest:#314b3b;--forest-deep:#23382d;--sage:#91a792;--line:#e2e9e0;--shadow-soft:0 9px 30px rgba(38,57,44,.055)}
html{scroll-padding-top:92px}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:0;color:#26392e;background:var(--cream)}
h1,h2,h3,h4,h5,h6,button,summary,.btn,.article-card-visual,.article-card-visual strong,.quote,.testimonial-quote,blockquote{font-family:inherit;letter-spacing:-.018em}
h1,h2,h3,h4{font-weight:600}
.hero-copy h1,.section-heading h2,.testimonials-head h2,.faq-intro h2,.page-hero-copy h1,.story-hero h1,.article-hero h1,.profile-modern-copy h1,.directory-hero h1{font-weight:600;letter-spacing:-.035em}
h2{letter-spacing:-.026em}
.btn,.btn-primary,.nav-cta{font-weight:600}
.eyebrow{font-weight:600;font-size:11px;letter-spacing:.105em}
.text-link,.home-section-link{font-weight:580}
.desktop-nav,.desktop-nav a,.mobile-nav a,.nav-services-menu a{font-weight:500}
.desktop-nav a[aria-current="page"]{font-weight:600}
.service-item .service-name{font-weight:550}
.article-card h2,.article-card h3{font-weight:580;font-size:clamp(17px,1.55vw,20px)}
.article-card-visual strong{font-weight:600}
.article-content h2,.article-content h3,.profile-information-block h2,.profile-facts h2,.profile-reading h2{font-weight:600}
.profile-questions summary{font-weight:500}
.compact-consultant-card h3{font-weight:600}
.compact-consultant-card .scholar-role{font-weight:520}
.compact-consultant-card .scholar-focus-list span{font-weight:500}
.directory-tab{font-weight:560}
.faq-list summary,.faq-section .faq-list summary{font-size:15px;font-weight:510;letter-spacing:0;line-height:1.55;padding:19px 46px 19px 0}
.faq-list summary:after{top:15px;width:28px;height:28px;font-weight:400}
.faq-list details p{font-weight:400;font-size:14px;line-height:1.76}
.faq-section .faq-intro h2{font-size:clamp(29px,3.1vw,40px);letter-spacing:-.034em}
.faq-list details:focus-within{border-bottom-color:#aebfae}
.article-content,.story-reading p{font-size:15px;line-height:1.85}
.article-hero h1{font-weight:600}
.article-card-body .text-link{font-weight:560}
.article-support-card h3{font-weight:590}
.footer-column h4{font-weight:620}
.footer-column a{font-weight:420}
.breadcrumbs,.article-meta{letter-spacing:0}
/* Overall navigation, generous but compact */
.site-header{height:76px}
.nav-wrap{gap:18px}
.desktop-nav{gap:clamp(12px,1.48vw,24px);font-size:13px}
.brand img{width:143px}
.nav-cta{padding:11px 17px}
/* Hero stays recognizably Tazkiyo. No constantly changing proof banner. */
.hero-section{padding:54px 0 65px}
.hero-grid{gap:42px;grid-template-columns:1.04fr .96fr}
.hero-copy h1{font-size:clamp(37px,4vw,57px);line-height:1.1;max-width:660px;margin-bottom:18px}
.hero-copy .hero-tagline{font-size:16px;line-height:1.68;max-width:520px}
.hero-subproof{font-size:13px;line-height:1.4;color:#728a75;margin:19px 0 14px;font-weight:520}
.hero-actions{margin-top:25px}
.trust-strip{margin-top:26px;gap:11px 20px;font-size:12px;font-weight:480}
.hero-art{min-height:380px}
.connectivity-concept-card{max-width:470px}
.connectivity-concept-card img{width:100%;height:auto}
/* Pricing: one uncluttered horizontal row, two prices, one next action */
.home-pricing-section{background:#fff;padding:31px 0 34px}
.home-pricing-card{background:#f1f5ef;border:1px solid #e2eadd;border-radius:22px;padding:25px 29px;display:grid;grid-template-columns:minmax(200px,1.35fr) minmax(154px,.85fr) minmax(154px,.85fr) auto;gap:23px;align-items:center}
.home-pricing-intro h2{font-size:20px;line-height:1.25;letter-spacing:-.023em;font-weight:600;margin:6px 0 5px}
.home-pricing-intro p{font-size:12px;color:#627365;margin:0;line-height:1.45}
.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.095em;color:#68866b;font-weight:580}
.home-pricing-option{border-left:1px solid #ccdacc;padding-left:23px;min-width:0}
.home-pricing-option>span{display:block;font-size:12px;color:#607563;line-height:1.45}
.home-pricing-option strong{display:block;font-size:31px;color:#253d2f;line-height:1.08;letter-spacing:-.04em;font-weight:650;margin:7px 0 4px}
.home-pricing-option small{display:block;font-size:11px;color:#6a7b6c;line-height:1.45}
.home-pricing-cta{font-size:12px;white-space:nowrap;padding:12px 17px;border-radius:12px;min-height:47px}
.home-pricing-cta span{font-size:18px;font-weight:400}
/* Homepage services as 8 fast-loading icons, not 16 full images. */
.home-services-section{padding:72px 0 78px;background:#f7f8f5}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;text-align:left;margin:0 0 26px}
.home-section-head h2{font-size:clamp(27px,3vw,41px);font-weight:600;line-height:1.16;letter-spacing:-.035em;margin:13px 0 0;max-width:690px}
.home-section-head p{margin:12px 0 0;font-size:14px;line-height:1.7;color:#637469;max-width:590px}
.home-section-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;color:#3f654a;white-space:nowrap;font-weight:550;text-decoration:none;padding:6px 0;border-bottom:1px solid #9db59e}
.home-section-link span{font-size:16px;font-weight:400}
.home-section-link:hover{color:#1e3a28;border-color:#244a31}
.home-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-service-grid a{display:flex;align-items:center;gap:12px;padding:22px 17px;background:#fff;border:1px solid #e3e9e2;border-radius:17px;color:#334a3a;font-size:14px;font-weight:510;min-height:87px;line-height:1.35;transition:transform .17s,border-color .17s,box-shadow .17s}
.home-service-grid a:hover{transform:translateY(-2px);border-color:#acbfae;box-shadow:var(--shadow-soft)}
.home-service-grid a:focus-visible{outline:2px solid #759878;outline-offset:3px}
.service-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;background:#eaf1e8;color:#4d7456;border-radius:10px;font-size:21px;font-family:Arial,sans-serif;font-weight:400}
.home-service-grid a>span:nth-child(2){min-width:0;flex:1}
.service-trailing{margin-left:auto;font-size:17px;color:#7a9981;flex:0 0 auto;font-weight:400}
/* Featured consultants use same existing card component. Full list is at /consultants/. */
.home-consultants-section{padding:76px 0 88px;background:#fff}
.home-consultants-section .section-heading{max-width:100%}
.home-featured-grid{margin-top:21px}
.home-featured-grid .compact-consultant-card{background:#fff;min-height:337px}
.home-view-all{text-align:center;margin-top:25px}
.home-view-all .btn{font-size:12px;font-weight:550}
/* Reviews: safe automatic HORIZONTAL scroll only. */
.testimonials-section{padding:74px 0 84px;background:#eff4ed;overflow:hidden}
.testimonials-head{margin-bottom:26px;gap:18px;align-items:center}
.testimonials-head h2{font-size:clamp(27px,3vw,40px);font-weight:600;letter-spacing:-.034em;margin:12px 0 0}
.testimonial-track{grid-auto-columns:minmax(278px,calc((100% - 30px)/3));gap:15px;scroll-padding-inline:2px;padding:3px 2px 10px}
.testimonial-card{min-height:205px;border-color:#dbe6d9;background:#fff;padding:25px;box-shadow:none}
.testimonial-quote{font-family:inherit;font-size:16px;line-height:1.65;font-weight:420;color:#334e3c;margin:0}
.testimonial-source{font-size:11px;font-weight:520;letter-spacing:.025em;text-transform:none;color:#778b7a}
.testimonial-controls button{width:39px;height:39px;font-size:18px}
/* FAQ appears before footer, not a second pricing panel. */
.faq-section{background:#fff;padding:79px 0 87px}
.faq-layout{grid-template-columns:.8fr 1.2fr;gap:57px}
.faq-intro{top:115px}
.faq-intro>p{font-size:14px;line-height:1.7}
.faq-more-link{margin-top:25px}
/* Directory / services / session / FAQ internal pages */
.directory-hero{background:linear-gradient(130deg,#f8f7f1,#e9f0e7);padding:69px 0 66px;border-bottom:1px solid #e4eae1}
.directory-hero .container{max-width:1180px}
.directory-hero h1{font-size:clamp(31px,3.6vw,48px);font-weight:600;line-height:1.14;letter-spacing:-.035em;margin:13px 0 15px;max-width:760px}
.directory-hero p{font-size:16px;color:#5b7062;line-height:1.7;margin:0;max-width:740px}
.services-directory-section{padding:70px 0 83px}
.services-directory-section .section-heading h2{font-size:clamp(25px,2.8vw,35px)}
.services-directory-section .service-item{min-height:104px;scroll-margin-top:100px}
.services-next-step{background:#fff;padding:45px 0 76px}
.services-next-inner{padding:30px 36px;background:#eaf0e6;border:1px solid #dce8dc;border-radius:21px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.services-next-inner h2{font-size:25px;letter-spacing:-.03em;margin:10px 0}
.services-next-inner p{font-size:14px;line-height:1.7;color:#5f7364;max-width:610px;margin:0}
.services-next-inner .btn{white-space:nowrap;flex:0 0 auto;font-size:12px}
.services-related{display:flex;gap:23px;flex-wrap:wrap;align-items:center;margin-top:23px;font-size:12px;color:#5a705e}
.services-related>span{font-weight:600;color:#344e3c}
.services-related a{text-decoration:underline;text-underline-offset:3px}
.sessions-page-hero{padding-bottom:56px}
.sessions-extra{padding:0 0 74px;background:#f8f6f1}
.session-fees-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.session-fees-summary>div{background:#fff;border:1px solid #e1e8df;border-radius:18px;padding:23px}
.session-fees-summary span,.session-fees-summary small{display:block;font-size:12px;color:#607364}
.session-fees-summary strong{display:block;font-size:32px;margin:7px 0;color:#2c4933;font-weight:640;letter-spacing:-.035em}
.sessions-extra>div>p{font-size:12px;color:#627368;line-height:1.7;margin:25px 0 0}
.sessions-page-hero + .session-details-section{padding-top:54px}
.session-details-copy h2{font-weight:600}
.session-option strong{font-weight:650}
.session-option h3{font-weight:600}
/* Extra editorial art: previously flat repeated vector SVGs replaced by optimized topical WebP assets. */
.page-hero-art img,.story-hero-art img,.article-card-visual img,.article-feature-media img{object-fit:cover}
.page-hero-art,.story-hero-art{overflow:hidden;border-radius:24px}
.article-card-visual img{transition:transform .28s}
.article-card:hover .article-card-visual img{transform:scale(1.012)}
.story-hero h1,.page-hero-copy h1{font-weight:600;font-size:clamp(31px,3.5vw,45px)}
.article-card .article-card-body .article-category{font-weight:510}
.article-card-body p{font-weight:400}
/* Profile and policy typography throughout old existing pages */
.profile-facts>div span,.profile-reading h2,.article-support-eyebrow{font-weight:550}
.profile-expertise-grid span{font-weight:490}
.story-values-list h3,.value-list article h3{font-weight:600}
.profile-modern-copy h1{font-weight:600}
.profile-modern-role{font-weight:550}
.profile-modern-languages{font-weight:500}
.profile-information-block h2{font-weight:600}
.role-grid h3,.article-content .key-takeaways h2{font-weight:600}
.story-reading h2,.story-values-grid h2{font-weight:600}
/* Compact, legible article typography */
.article-hero-panel{font-size:15px}
.article-content{font-size:15px;font-weight:400}
.article-content h2{font-weight:600}
.article-content h3{font-weight:580}
.article-support-links h3{font-weight:600}
.article-byline{font-weight:400}
.article-card-body .text-link{font-weight:550}
.article-note,.references{font-size:13px}
.legal-card h1,.legal-card h2{font-weight:600}
/* Respect all current pages' footer. Company registration stays Home & About only. */
.site-footer{padding-top:52px}
.footer-bottom{font-size:11px}
.footer-column h4{font-weight:590}
@media(max-width:1100px){
 .home-pricing-card{grid-template-columns:minmax(220px,1.2fr) 1fr 1fr;gap:17px}
 .home-pricing-cta{grid-column:1 / -1;justify-self:start}
 .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-grid{gap:20px}
}
@media(max-width:1020px){
 .menu-btn{margin-left:auto}
 .mobile-nav{top:84px}
}
@media(max-width:820px){
 .hero-art{min-height:300px}
 .home-pricing-card{grid-template-columns:1fr 1fr}
 .home-pricing-intro{grid-column:1 / -1}
 .home-pricing-option:first-of-type{border-left:0;padding-left:0}
 .home-pricing-option{padding-left:16px}
 .home-pricing-cta{grid-column:1 / -1}
 .home-section-head{align-items:start}
 .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .testimonial-track{grid-auto-columns:minmax(290px,calc((100% - 15px)/2))}
 .faq-layout{grid-template-columns:1fr;gap:27px}
 .faq-intro{position:static}
 .services-next-inner{flex-wrap:wrap}
}
@media(max-width:720px){
 .site-header{height:74px}
 .hero-section{padding:34px 0 48px}
 .hero-copy h1{font-size:clamp(34px,7.5vw,45px)}
 .hero-grid{grid-template-columns:1fr;gap:10px}
 .hero-art{display:none}
 .hero-mobile-art{display:block;max-width:480px;margin:17px auto 0;border-radius:18px;overflow:hidden}
 .hero-mobile-art img{width:100%;height:auto}
 .home-pricing-section{padding:22px 0 28px}
 .home-pricing-card{padding:22px;gap:19px 10px}
 .home-pricing-option strong{font-size:28px}
 .home-services-section,.home-consultants-section,.testimonials-section,.faq-section{padding:58px 0 63px}
 .home-section-head{gap:13px;flex-direction:column;align-items:flex-start}
 .home-section-head h2,.testimonials-head h2{font-size:clamp(26px,6.5vw,35px)}
 .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .testimonial-track{grid-auto-columns:minmax(260px,80%)}
 .testimonials-head{align-items:start}
 .directory-hero{padding:48px 0 48px}
 .directory-hero h1{font-size:clamp(31px,8vw,39px)}
 .directory-hero p{font-size:14px}
 .services-directory-section{padding:48px 0 58px}
 .session-fees-summary{grid-template-columns:1fr}
 .services-next-inner{padding:25px;gap:20px}
}
@media(max-width:580px){
 .home-service-grid{grid-template-columns:1fr 1fr;gap:9px}
 .home-service-grid a{padding:13px 11px;min-height:88px;font-size:12px;gap:8px}
 .home-service-grid .service-icon{width:26px;height:26px;flex-basis:26px;font-size:17px}
 .service-trailing{display:none}
 .home-featured-grid{grid-template-columns:1fr}
 .home-featured-grid .compact-consultant-card{min-height:0}
 .home-pricing-card{grid-template-columns:1fr 1fr}
 .home-pricing-option{border:0;padding:0}
 .home-pricing-option+ .home-pricing-option{padding-left:13px;border-left:1px solid #d6e2d5}
 .home-pricing-option>span{font-size:11px}
 .home-pricing-option small{font-size:10px}
 .testimonial-track{grid-auto-columns:88%}
 .faq-list summary{font-size:14px}
 .mobile-nav{top:82px}
}
@media(prefers-reduced-motion:reduce){.article-card-visual img,.home-service-grid a,.compact-consultant-card{transition:none}}
.service-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;display:block}
/* Dedicated Sessions page: three clear fees only once, then meeting formats. */
.sessions-page-hero+.sessions-extra{padding:48px 0 55px;background:#fff}
.sessions-extra-action{display:flex;align-items:center;gap:17px;margin-top:22px;flex-wrap:wrap}
.sessions-extra-action .btn{font-size:13px;min-height:44px}
.sessions-extra-action p{font-size:12px;color:#627368;line-height:1.6;margin:0;flex:1;min-width:220px}
.sessions-extra+.session-details-section{padding:12px 0 74px;background:#f7f8f5}
.sessions-extra+.session-details-section .session-mediums{margin-top:0}
.sessions-extra+.session-details-section .session-mediums h3{font-size:clamp(24px,2.7vw,30px);font-weight:600}
.sessions-extra+.session-details-section .session-medium-grid h4{font-weight:570}
.sessions-extra+.session-details-section .session-medium-grid span{font-weight:550}
.sessions-extra .session-card-action{display:inline-flex;margin-top:13px;align-items:center;color:#31543c;font-size:12px;font-weight:550;border-bottom:1px solid #adc4ae;padding-bottom:3px;line-height:1.5}
.sessions-extra .session-card-action:hover{color:#1a3d26}