:root{
    --avz-blue:#0047BB;
    --avz-blue-mid:#00389A;
    --avz-blue-dark:#001B54;
    --avz-blue-deep:#001238;
    --avz-yellow:#FFDE00;
    --avz-yellow-deep:#F0C900;
    --avz-ink:#101826;
    --avz-ink-soft:#4A5468;
    --avz-gray-bg:#F4F6FB;
    --avz-line:#E4E8F1;
    --avz-white:#FFFFFF;
    --avz-radius:10px;
    --avz-container:1200px;
    --font-head:'Montserrat',Arial,sans-serif;
    --font-body:'Inter',Helvetica,Arial,sans-serif;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;font-family:var(--font-body);color:var(--avz-ink);background:var(--avz-white);-webkit-font-smoothing:antialiased;}
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{margin:0;padding:0;list-style:none;}
  h1,h2,h3,h4{font-family:var(--font-head);margin:0;line-height:1.15;letter-spacing:-0.01em;}
  p{margin:0;}
  button{font-family:var(--font-body);cursor:pointer;}
  svg{display:block;}

  .zhd-container{max-width:var(--avz-container);margin:0 auto;padding:0 24px;}

  /* ---------- Buttons ---------- */
  .zhd-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    border-radius:6px;border:2px solid transparent;font-weight:700;font-size:0.95rem;
    padding:12px 22px;transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
    white-space:nowrap;
  }
  .zhd-btn-sm{padding:9px 16px;font-size:0.875rem;}
  .zhd-btn-lg{padding:15px 30px;font-size:1.05rem;}
  .zhd-btn-block{width:100%;}
  .zhd-btn-primary{background:var(--avz-yellow);color:var(--avz-blue-deep);border-color:var(--avz-yellow);}
  .zhd-btn-primary:hover{background:var(--avz-yellow-deep);border-color:var(--avz-yellow-deep);transform:translateY(-1px);}
  .zhd-btn-shadow{box-shadow:0 10px 24px rgba(0,0,0,.18);}
  .zhd-btn-mustard{background:var(--avz-yellow);color:var(--avz-blue-deep);border-color:var(--avz-yellow);}
  .zhd-btn-mustard:hover{background:var(--avz-yellow-deep);transform:translateY(-1px);}
  .zhd-btn-outline{background:transparent;color:var(--avz-blue);border-color:var(--avz-blue);}
  .zhd-btn-outline:hover{background:var(--avz-blue);color:#fff;}
  .zhd-btn-ghost{background:transparent;color:var(--avz-ink);border-color:transparent;}
  .zhd-btn-ghost:hover{background:var(--avz-gray-bg);}

  /* On dark hero, outline button needs white border */
  .zhd-hero .zhd-btn-outline{color:#fff;border-color:rgba(255,255,255,.55);}
  .zhd-hero .zhd-btn-outline:hover{background:#fff;color:var(--avz-blue-deep);border-color:#fff;}

  /* ---------- Header ---------- */
  .zhd-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--avz-line);}
  .zhd-header-inner{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px;}
  .zhd-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .zhd-brand-logo{height:30px;width:auto;}
  .zhd-brand-badge{
    display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;background:var(--avz-yellow);color:var(--avz-blue-deep);
    font-family:var(--font-head);font-weight:900;font-size:0.95rem;border-radius:6px;
  }
  .zhd-nav{display:flex;align-items:center;gap:32px;}
  .zhd-nav a{font-weight:600;font-size:0.95rem;color:var(--avz-ink-soft);transition:color .15s ease;}
  .zhd-nav a:hover{color:var(--avz-blue);}
  .zhd-nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;}
  .zhd-menu-btn{display:none;background:none;border:none;padding:8px;color:var(--avz-ink);}
  .zhd-menu-btn svg{width:24px;height:24px;}

  .zhd-mobile-overlay{position:fixed;inset:0;background:rgba(8,14,30,.55);z-index:60;}
  .zhd-mobile-panel{
    position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:#fff;z-index:70;
    padding:20px;display:flex;flex-direction:column;gap:24px;transform:translateX(100%);transition:transform .25s ease;
    box-shadow:-8px 0 24px rgba(0,0,0,.15);
  }
  .zhd-menu-open .zhd-mobile-panel{transform:translateX(0);}
  .zhd-panel-head{display:flex;align-items:center;justify-content:space-between;}
  .zhd-panel-nav{display:flex;flex-direction:column;gap:4px;}
  .zhd-panel-nav a{padding:12px 4px;font-weight:600;border-bottom:1px solid var(--avz-line);}
  .zhd-panel-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;}

  /* ---------- Hero ---------- */
  .zhd-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--avz-blue-dark) 0%,var(--avz-blue) 62%,var(--avz-blue-mid) 100%);padding:96px 0 130px;color:#fff;}
  .zhd-hero-bg{position:absolute;inset:0;pointer-events:none;
    background-image:
      url("assets/fa071b4f3b7e.webp"),
      url("assets/fa071b4f3b7e.webp");
    background-repeat:no-repeat,no-repeat;
    background-position: 108% 8%, 88% 78%;
    background-size: 640px 640px, 320px 320px;
    opacity:.16;
    filter:brightness(0) invert(1);
  }
  .zhd-hero-inner{position:relative;max-width:680px;}
  .zhd-badge{
    display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.28);padding:7px 14px;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:26px;
  }
  .zhd-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--avz-yellow);flex-shrink:0;}
  .zhd-h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;color:#fff;}
  .zhd-navy-text{color:var(--avz-yellow);}
  .zhd-wine-text{color:var(--avz-yellow);}
  .zhd-hero-lead{margin-top:22px;font-size:1.1rem;line-height:1.65;color:rgba(255,255,255,.86);max-width:560px;}
  .zhd-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
  .zhd-hero-feats{display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.18);}
  .zhd-hero-feats span{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.9);}
  .zhd-hero-feats svg{width:18px;height:18px;color:var(--avz-yellow);flex-shrink:0;}

  .zhd-hero-divider{position:absolute;left:0;right:0;bottom:-1px;height:64px;background:var(--avz-white);
    clip-path:polygon(0 100%, 100% 100%, 100% 0, 62% 100%, 38% 0, 0 100%);
  }

  /* ---------- Sections ---------- */
  .zhd-section{padding:88px 0;}
  .zhd-section--muted{background:var(--avz-gray-bg);}
  .zhd-head{max-width:640px;margin:0 0 52px;}
  .zhd-head p{margin-top:14px;font-size:1.05rem;color:var(--avz-ink-soft);line-height:1.6;}
  .zhd-h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;color:var(--avz-blue-deep);}

  .zhd-grid{display:grid;gap:28px;}
  .zhd-grid-3{grid-template-columns:repeat(3,1fr);}

  /* Values */
  .zhd-value{background:#fff;border:1px solid var(--avz-line);border-radius:var(--avz-radius);padding:32px 28px;position:relative;overflow:hidden;}
  .zhd-value::after{content:"";position:absolute;right:-18px;bottom:-22px;width:100px;height:100px;
    background-image:url("assets/fa071b4f3b7e.webp");background-size:contain;background-repeat:no-repeat;opacity:.06;}
  .zhd-icon-box{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
  .zhd-icon-box svg{width:26px;height:26px;}
  .zhd-ib-navy{background:var(--avz-blue);color:#fff;}
  .zhd-ib-mustard{background:var(--avz-yellow);color:var(--avz-blue-deep);}
  .zhd-ib-wine{background:var(--avz-blue-dark);color:#fff;}
  .zhd-value h3{font-size:1.15rem;font-weight:800;margin-bottom:10px;color:var(--avz-ink);}
  .zhd-value p{color:var(--avz-ink-soft);font-size:.96rem;line-height:1.6;position:relative;}

  /* Courses */
  .zhd-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
  .zhd-course{background:#fff;border:1px solid var(--avz-line);border-radius:var(--avz-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease, transform .2s ease;}
  .zhd-course:hover{box-shadow:0 16px 32px rgba(16,24,38,.1);transform:translateY(-3px);}
  .zhd-course::before{content:"";display:block;height:6px;}
  .zhd-course--mustard::before{background:var(--avz-yellow);}
  .zhd-course--navy::before{background:var(--avz-blue);}
  .zhd-course--wine::before{background:var(--avz-blue-dark);}
  .zhd-course-body{padding:26px 24px 24px;display:flex;flex-direction:column;flex:1;}
  .zhd-course-ico{width:44px;height:44px;border-radius:9px;background:var(--avz-gray-bg);color:var(--avz-blue);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .zhd-course-ico svg{width:22px;height:22px;}
  .zhd-course h3{font-size:1.05rem;font-weight:800;margin-bottom:10px;}
  .zhd-course-desc{color:var(--avz-ink-soft);font-size:.9rem;line-height:1.55;flex:1;}
  .zhd-course-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--avz-line);font-size:.78rem;color:var(--avz-ink-soft);font-weight:600;}
  .zhd-course-meta span{display:flex;align-items:center;gap:6px;}
  .zhd-course-meta svg{width:15px;height:15px;}
  .zhd-course-foot{margin-top:18px;}

  /* Identity / material section */
  .zhd-identity{background:var(--avz-blue-deep);color:#fff;position:relative;overflow:hidden;}
  .zhd-identity .zhd-head p{color:rgba(255,255,255,.72);}
  .zhd-identity .zhd-h2{color:#fff;}
  .zhd-identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;}
  .zhd-id-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--avz-radius);overflow:hidden;}
  .zhd-id-card img{width:100%;height:220px;object-fit:cover;object-position:top;background:#fff;}
  .zhd-id-card-cap{padding:16px 18px;}
  .zhd-id-card-cap h4{font-size:.95rem;font-weight:700;margin-bottom:4px;}
  .zhd-id-card-cap p{font-size:.82rem;color:rgba(255,255,255,.62);}

  .zhd-palette{display:flex;gap:18px;margin-top:44px;flex-wrap:wrap;}
  .zhd-swatch{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 16px 10px 10px;}
  .zhd-swatch-chip{width:38px;height:38px;border-radius:6px;flex-shrink:0;}
  .zhd-swatch small{display:block;color:rgba(255,255,255,.55);font-size:.72rem;}
  .zhd-swatch strong{font-size:.85rem;}

  /* Methodology */
  .zhd-step{background:#fff;border:1px solid var(--avz-line);border-radius:var(--avz-radius);padding:26px 22px;position:relative;}
  .zhd-step-num{
    display:inline-flex;align-items:center;justify-content:center;
    width:40px;height:40px;background:var(--avz-blue);color:#fff;font-family:var(--font-head);font-weight:800;
    font-size:1rem;margin-bottom:18px;clip-path:polygon(20% 0%,100% 0%,100% 100%,20% 100%,0% 50%);padding-left:6px;
  }
  .zhd-step h3{font-size:1.02rem;font-weight:800;margin-bottom:8px;}
  .zhd-step p{color:var(--avz-ink-soft);font-size:.9rem;line-height:1.55;}

  /* Community */
  .zhd-comm{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
  .zhd-comm-lead{margin-top:16px;font-size:1.05rem;color:var(--avz-ink-soft);line-height:1.65;}
  .zhd-check-list{display:flex;flex-direction:column;gap:16px;margin-top:28px;}
  .zhd-check-list li{display:flex;align-items:flex-start;gap:12px;}
  .zhd-check-list svg{width:20px;height:20px;color:var(--avz-blue);flex-shrink:0;margin-top:1px;}
  .zhd-check-list span{font-size:.96rem;color:var(--avz-ink);}
  .zhd-comm-cta{margin-top:32px;}
  .zhd-comm-panel{background:linear-gradient(160deg,var(--avz-blue) 0%,var(--avz-blue-dark) 100%);border-radius:16px;padding:40px 32px;color:#fff;}
  .zhd-stats{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
  .zhd-stat-val{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--avz-yellow);}
  .zhd-stat-lbl{margin-top:6px;font-size:.85rem;color:rgba(255,255,255,.78);}

  /* CTA final */
  .zhd-cta{background:var(--avz-yellow);position:relative;overflow:hidden;}
  .zhd-cta-inner{padding:76px 0;text-align:center;max-width:680px;margin:0 auto;position:relative;}
  .zhd-cta h2{font-size:clamp(1.6rem,3.2vw,2.15rem);font-weight:800;color:var(--avz-blue-deep);}
  .zhd-cta p{margin-top:14px;font-size:1.02rem;color:#3a3410;}
  .zhd-cta .zhd-btn{margin-top:30px;}
  .zhd-cta .zhd-btn-mustard{background:var(--avz-blue-deep);color:#fff;border-color:var(--avz-blue-deep);}
  .zhd-cta .zhd-btn-mustard:hover{background:var(--avz-blue-dark);}

  /* Footer */
  .zhd-footer{background:var(--avz-blue-deep);color:rgba(255,255,255,.7);padding:64px 0 28px;}
  .zhd-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12);}
  .zhd-footer-brand .zhd-brand{margin-bottom:16px;}
  .zhd-footer-brand p{font-size:.9rem;line-height:1.6;max-width:320px;color:rgba(255,255,255,.55);}
  .zhd-footer h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:16px;}
  .zhd-footer-links{display:flex;flex-direction:column;gap:10px;}
  .zhd-footer-links a{font-size:.9rem;color:rgba(255,255,255,.6);transition:color .15s ease;}
  .zhd-footer-links a:hover{color:#fff;}
  .zhd-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:24px;font-size:.82rem;}
  .zhd-social{display:flex;gap:10px;}
  .zhd-social a{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:background .15s ease;}
  .zhd-social a:hover{background:var(--avz-blue);}
  .zhd-social svg{width:16px;height:16px;}

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .zhd-nav,.zhd-nav-actions{display:none;}
    .zhd-menu-btn{display:inline-flex;}
    .zhd-grid-3{grid-template-columns:1fr;}
    .zhd-grid-4{grid-template-columns:repeat(2,1fr);}
    .zhd-identity-grid{grid-template-columns:1fr;}
    .zhd-comm{grid-template-columns:1fr;gap:36px;}
    .zhd-footer-grid{grid-template-columns:1fr;gap:32px;}
  }
  @media (max-width:640px){
    .zhd-grid-4{grid-template-columns:1fr;}
    .zhd-hero{padding:64px 0 96px;}
    .zhd-section{padding:64px 0;}
    .zhd-stats{grid-template-columns:1fr 1fr;gap:20px;}
    .zhd-cta-inner{padding:56px 0;}
  }

  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto;}
    *{transition:none !important;}
  }