.zg-about-main { padding: 42px 0 90px; }
.zg-about-main .woocommerce-breadcrumb { margin-bottom: 28px; }
.zg-about-hero { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; min-height: 470px; align-items: center; gap: 56px; overflow: hidden; padding: 58px 64px; border-radius: 34px; background: linear-gradient(135deg,#fff 0 58%,#eef5e8 58% 100%); box-shadow: 0 14px 36px rgba(37,49,41,.08); }
.zg-about-hero::before { content:""; position:absolute; width:360px; height:360px; left:-130px; top:-155px; border:52px solid rgba(130,194,110,.08); border-radius:50%; }
.zg-about-hero-copy, .zg-about-hero-visual { position:relative; z-index:1; }
.zg-about-kicker, .zg-about-section-heading > span, .zg-about-process-copy > span, .zg-about-future > div > span { display:inline-block; margin-bottom:10px; color:var(--zg-primary); font-size:13px; font-weight:700; }
.zg-about-hero h1 { max-width:680px; margin-bottom:20px; color:var(--zg-navy); font-size:clamp(34px,4.2vw,62px); line-height:1.35; }
.zg-about-hero p { max-width:680px; color:var(--zg-gray-200); font-size:17px; line-height:2.05; }
.zg-about-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:30px; }
.zg-about-text-link { color:var(--zg-navy); font-size:14px; font-weight:700; border-bottom:1px dashed rgba(37,49,41,.4); }
.zg-about-hero-visual { min-height:340px; display:grid; place-items:center; }
.zg-about-logo-card { position:absolute; width:min(88%,360px); height:225px; display:grid; place-items:center; padding:40px; border-radius:34px 34px 80px 34px; background:#fff; box-shadow:0 20px 40px rgba(37,49,41,.15); transform:rotate(-3deg); }
.zg-about-logo-card img { width:190px; max-height:90px; object-fit:contain; transform:rotate(3deg); }
.zg-about-speed-ring { position:absolute; left:0; bottom:0; display:flex; min-width:150px; flex-direction:column; padding:18px 24px; border-radius:22px; background:var(--zg-primary-light); color:#fff; box-shadow:var(--zg-red-shadow); }
.zg-about-speed-ring span { font-size:12px; opacity:.85; }
.zg-about-speed-ring strong { font-size:25px; }
.zg-about-story, .zg-about-values, .zg-about-process { margin-top:88px; }
.zg-about-section-heading { max-width:760px; margin-bottom:32px; }
.zg-about-section-heading h2, .zg-about-process h2, .zg-about-future h2 { color:var(--zg-navy); font-size:clamp(26px,3vw,42px); }
.zg-about-section-heading.is-centered { margin-inline:auto; text-align:center; }
.zg-about-story-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:30px; }
.zg-about-story-copy { padding:34px 38px; border:1px solid #f8fbf4; border-radius:26px; background:#fff; box-shadow:0 12px 30px rgba(37,49,41,.06); }
.zg-about-story-copy p { color:var(--zg-gray-200); font-size:15px; line-height:2.2; }
.zg-about-story-copy p:last-child { margin-bottom:0; }
.zg-about-story-points { display:flex; flex-direction:column; gap:14px; }
.zg-about-story-points > div { display:flex; align-items:center; gap:16px; min-height:105px; padding:20px; border-radius:22px; background:#ffffff; }
.zg-about-story-points b { display:grid; width:52px; height:52px; flex:0 0 52px; place-items:center; border-radius:16px; background:var(--zg-navy); color:#fff; }
.zg-about-story-points span { display:flex; min-width:0; flex-direction:column; }
.zg-about-story-points strong { color:var(--zg-dark-700); font-size:16px; }
.zg-about-story-points small { color:var(--zg-gray-100); font-size:12px; line-height:1.8; }
.zg-about-value-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.zg-about-value-grid article { min-height:245px; padding:30px 26px; border:1px solid #f8fbf4; border-radius:24px; background:#fff; box-shadow:0 10px 24px rgba(37,49,41,.06); transition:.25s ease; }
.zg-about-value-grid article:hover { transform:translateY(-5px); border-color:rgba(130,194,110,.25); box-shadow:var(--zg-red-shadow); }
.zg-about-value-grid i { display:grid; width:52px; height:52px; place-items:center; border-radius:16px; background:rgba(130,194,110,.09); color:var(--zg-primary); font-style:normal; font-size:24px; }
.zg-about-value-grid h3 { margin:22px 0 10px; color:var(--zg-navy); }
.zg-about-value-grid p { margin:0; color:var(--zg-gray-100); font-size:13px; line-height:2; }
.zg-about-process { display:grid; grid-template-columns:.85fr 1.15fr; gap:42px; align-items:center; padding:48px; border-radius:30px; background:#f8fbf4; }
.zg-about-process-copy p { color:var(--zg-gray-100); line-height:2; }
.zg-about-process ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.zg-about-process li { display:flex; align-items:center; gap:13px; min-height:94px; padding:17px; border-radius:18px; background:#fff; }
.zg-about-process li b { display:grid; width:40px; height:40px; flex:0 0 40px; place-items:center; border-radius:13px; background:var(--zg-primary-light); color:#fff; }
.zg-about-process li span { display:flex; flex-direction:column; }
.zg-about-process li strong { color:var(--zg-dark-700); font-size:14px; }
.zg-about-process li small { color:var(--zg-gray-100); font-size:11px; }
.zg-about-future { display:flex; align-items:center; justify-content:space-between; gap:36px; margin-top:72px; padding:44px 48px; border-radius:30px; background:var(--zg-navy); color:#fff; overflow:hidden; }
.zg-about-future h2 { margin-bottom:10px; color:#fff; }
.zg-about-future p { max-width:830px; margin:0; color:rgba(255,255,255,.75); line-height:2; }
.zg-about-future .zg-button { flex:0 0 auto; }
.zg-about-future .zg-about-hero-actions { margin-top:0; }
.zg-about-future .zg-about-text-link { color:#fff; border-color:rgba(255,255,255,.5); }
.zg-about-future .zg-about-text-link:hover { color:#fff; border-color:#fff; }
@media (max-width: 980px) {
  .zg-about-hero { grid-template-columns:1fr; }
  .zg-about-hero-visual { min-height:300px; }
  .zg-about-story-grid, .zg-about-process { grid-template-columns:1fr; }
  .zg-about-value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .zg-about-main { padding-top:20px; }
  .zg-about-hero { padding:34px 20px; border-radius:26px; gap:24px; background:linear-gradient(180deg,#fff 0 58%,#eef5e8 58% 100%); }
  .zg-about-hero h1 { font-size:31px; }
  .zg-about-hero p { font-size:14px; }
  .zg-about-hero-visual { min-height:250px; }
  .zg-about-logo-card { height:180px; }
  .zg-about-logo-card img { width:145px; }
  .zg-about-speed-ring { left:4px; bottom:0; min-width:125px; }
  .zg-about-story, .zg-about-values, .zg-about-process { margin-top:56px; }
  .zg-about-section-heading h2, .zg-about-process h2, .zg-about-future h2 { font-size:26px; }
  .zg-about-story-copy { padding:24px 20px; }
  .zg-about-value-grid { grid-template-columns:1fr; }
  .zg-about-value-grid article { min-height:0; }
  .zg-about-process { padding:28px 18px; }
  .zg-about-process ol { grid-template-columns:1fr; }
  .zg-about-future { flex-direction:column; align-items:flex-start; padding:32px 22px; }
}