/* Zehnar website update — 9 September 2026 */
html { scroll-padding-top: 100px; }
.zh-skip { position:fixed; top:-100px; left:16px; z-index:10000; background:#C8FF00; color:#000; padding:12px 18px; }
.zh-skip:focus { top:12px; }
.zh-service-grid,.zh-people { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.zh-service { display:flex; flex-direction:column; gap:16px; scroll-margin-top:100px; }
.zh-service h3 { font-size:clamp(1.35rem,2.4vw,1.8rem); }
.zh-service p,.zh-client-card p,.zh-founder p,.zh-case p,.zh-feature p,.zh-steps p { font-size:1rem; line-height:1.8; color:var(--gray); }
.zh-service .learn-more { margin-top:auto; }
.zh-list { padding-left:20px; color:var(--light-gray); display:grid; gap:12px; line-height:1.6; }
.zh-client-grid,.zh-quote-grid,.zh-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.zh-client-card { border:1px solid var(--border-soft); border-radius:20px; background:var(--card); overflow:hidden; scroll-margin-top:100px; }
.zh-client-body { padding:30px; }
.zh-client-body h3 { font-size:1.4rem; line-height:1.3; margin-bottom:14px; }
.zh-client-body .zh-focus { color:var(--white); }
.zh-card-links { display:flex; flex-wrap:wrap; gap:16px 22px; margin-top:24px; }
.zh-card-links a { color:var(--lime); font-size:.9rem; border-bottom:1px solid rgba(200,255,0,.25); padding-bottom:4px; }
.zh-project-media { display:block; width:100%; height:350px; object-fit:contain; background:#000; }
.zh-feature { padding:40px; border:1px solid var(--border); border-radius:24px; background:var(--card); }
.zh-feature h3 { font-size:clamp(1.5rem,3vw,2.4rem); margin-bottom:18px; line-height:1.25; }
.zh-results { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:30px 0 18px; }
.zh-results>div { border-top:2px solid var(--lime); padding:20px 0; }
.zh-results strong { display:block; font-size:clamp(2rem,4vw,3.3rem); color:var(--lime); line-height:1.15; }
.zh-results span,.zh-results small { display:block; margin-top:8px; }
.zh-results small { color:var(--gray); font-size:.85rem; }
p.zh-source { font-size:.85rem; line-height:1.65; margin-bottom:28px; }
.zh-founder { display:grid; grid-template-columns:300px minmax(0,1fr); gap:48px; align-items:center; max-width:1000px; }
.zh-founder img { width:100%; height:360px; object-fit:cover; object-position:top; border-radius:20px; }
.zh-founder h3 { font-size:2rem; }
.zh-founder p { margin:16px 0; }
.zh-quote-grid figure { margin:0; }
.zh-quote-grid blockquote { line-height:1.8; font-size:1rem; color:var(--light-gray); margin:0 0 24px; }
.zh-quote-grid figcaption { font-weight:700; }
.zh-quote-grid figcaption span { display:block; color:var(--gray); font-size:.9rem; margin-top:5px; font-weight:400; }
.zh-steps article { border-top:1px solid var(--border); padding-top:24px; }
.zh-steps span { color:var(--lime); font-size:.9rem; }
.zh-steps h3 { margin:16px 0; font-size:1.3rem; }
.zh-case { max-width:1050px; margin:auto; }
.zh-case-columns { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin:36px 0; }
.zh-case h3 { margin-bottom:14px; }
.zh-jobs { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin:32px 0; }
.zh-jobs>div { border:1px solid var(--border); border-radius:16px; padding:24px; }
.zh-jobs strong { font-size:2.6rem; color:var(--lime); display:block; }
.zh-jobs span { display:block; margin-top:8px; }
.zh-hiring-footer { margin-top:24px; color:var(--gray); }
.zh-hiring-footer a,.zh-career-contact a { color:var(--lime); }
.zh-career-contact { margin:20px 0; font-size:1rem; }
.section-label { font-size:.85rem; }
a:focus-visible,button:focus-visible { outline:2px solid var(--lime); outline-offset:5px; }
@media(max-width:1000px) { .zh-client-grid,.zh-quote-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px) { .zh-service-grid,.zh-people,.zh-client-grid,.zh-quote-grid,.zh-steps,.zh-founder,.zh-case-columns,.zh-jobs { grid-template-columns:1fr; } .zh-results { grid-template-columns:1fr; gap:0; } .zh-feature { padding:24px; } .zh-founder { gap:24px; } .zh-founder img { max-width:320px; } .zh-client-body { padding:24px; } .blog-wp-cta .btn { white-space:normal; overflow-wrap:anywhere; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
@media print { nav,.hero-logo-bg,.footer-social { display:none!important; } }

[data-aos] { opacity:1; transform:none; }

/* Team and Dr Taufiq results revision — 10 September 2026 */
.zh-results-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.zh-results-four strong { font-size:clamp(1.65rem,3vw,2.5rem); overflow-wrap:anywhere; }
.zh-table-wrap { overflow-x:auto; margin:24px 0; }
.zh-data-table { width:100%; border-collapse:collapse; min-width:540px; font-size:1rem; text-align:left; }
.zh-data-table caption { text-align:left; color:var(--gray); padding:0 0 16px; font-size:.9rem; }
.zh-data-table th,.zh-data-table td { padding:16px; border-bottom:1px solid var(--border-soft); line-height:1.6; vertical-align:top; }
.zh-data-table thead { color:var(--lime); background:var(--card); }
.zh-data-table tbody th { font-weight:500; }
.zh-data-table tbody td { color:var(--light-gray); }
@media(max-width:1000px) { .zh-results-four { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .zh-results-four { grid-template-columns:1fr; } }