/* about.php page styles — extracted from inline style="" attributes */

/* ===== A-HERO ===== */
.ab-hero-section{background:radial-gradient(ellipse 55% 70% at 85% 40%,#e6f6ec,transparent 70%),#fbfdfc;padding:clamp(40px,6vw,72px) 20px}
.ab-badge-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ab-est-badge{font-size:12px;font-weight:600;color:#0f8a4a;background:#fff;border:1px solid #cdebd9;border-radius:20px;padding:4px 10px;display:flex;align-items:center;gap:6px}
.ab-est-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}
.ab-hero-title{text-align:left;margin-left:0}
.ab-highlight-green{color:#0f8a4a}
.ab-hero-lead{margin-left:0;max-width:520px}
.ab-hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.ab-btn-flex-a{flex:1 1 170px;max-width:220px}
.ab-btn-flex-b{flex:1 1 150px;max-width:220px}
.ab-val-row{display:flex;align-items:center;gap:10px;min-width:0}
.ab-val-icon{font-size:20px;color:#0f8a4a;background:#eaf7ef;border-radius:9px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.ab-title-sm{font-size:13px;font-weight:700}
.ab-desc-sm{font-size:12px;color:#5b6661}
.ab-orbit-dashed{position:absolute;left:50%;top:50%;width:112%;aspect-ratio:1.25;transform:translate(-50%,-50%);border:1.5px dashed #b5e2c6;border-radius:50%;z-index:0;pointer-events:none}
.ab-orbit-glow{position:absolute;left:50%;top:55%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(43,214,123,.22),transparent 65%);z-index:0;pointer-events:none}
.ab-hero-image-frame{position:relative;z-index:1;aspect-ratio:4/3;border-radius:22px;overflow:hidden;box-shadow:0 24px 50px rgba(12,20,17,.1)}
.ab-chip-1{left:0;top:14%}
.ab-chip-2{left:44%;top:0}
.ab-chip-3{right:0;top:18%}
.ab-chip-4{right:-4px;top:46%}
.ab-chip-5{right:24px;bottom:4%}
.ab-chip-icon{width:30px;height:30px;font-size:17px;border-radius:8px}
/* shared: min-width:0 wrapper used across several sections */
.ab-min-w0{min-width:0}

/* ===== A-WHY ===== */
.ab-why-section{background:#f3faf6;border-top:1px solid #e3efe7;border-bottom:1px solid #e3efe7}
.ab-section-heading-480{font-size:clamp(28px,3.4vw,42px);letter-spacing:-1.2px;line-height:1.08;font-weight:800;margin:14px 0 0;max-width:480px;text-wrap:balance}
.ab-body-text-500{font-size:15px;line-height:1.65;color:#4d5853;margin:16px 0 0;max-width:500px}
.ab-why-callout{margin-top:24px;background:#fff;border:1px solid #cdebd9;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;max-width:460px}
.ab-callout-icon{width:44px;height:44px;font-size:24px;border-radius:11px}
.ab-callout-text{font-size:15px;font-weight:600;color:#0f8a4a;line-height:1.4}
.ab-text-center{text-align:center}
.ab-scatter-box{position:relative;height:250px;margin-top:10px}
.ab-node-1{left:6%;top:6%}
.ab-node-2{left:44%;top:0}
.ab-node-3{left:30%;top:36%}
.ab-node-4{left:0;top:44%}
.ab-node-5{left:52%;top:52%}
.ab-node-6{left:70%;top:22%}
.ab-tag-manual{position:absolute;right:0;top:44%;font-size:11px;font-weight:600;color:#4d5853;background:#fff;border:1px solid #edf1ef;border-radius:6px;padding:3px 7px;white-space:nowrap}
.ab-tag-scattered{position:absolute;left:0;bottom:6%;font-size:11px;font-weight:600;color:#4d5853;background:#fff;border:1px solid #edf1ef;border-radius:6px;padding:3px 7px;white-space:nowrap}
.ab-tag-visibility{position:absolute;right:2%;bottom:0;font-size:11px;font-weight:600;color:#4d5853;background:#fff;border:1px solid #edf1ef;border-radius:6px;padding:3px 7px;white-space:nowrap}
.ab-connected-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}
.ab-brand-mark{width:64px;height:64px;border-radius:16px;background:#12a150;color:#fff;font-weight:800;font-size:32px;letter-spacing:-2px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(18,161,80,.35);flex:0 0 auto}
.ab-connected-list{display:flex;flex-direction:column;gap:8px;text-align:left}
.ab-connected-item{background:#fff;border:1px solid var(--border-soft);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;box-shadow:0 6px 14px rgba(12,20,17,.05)}
.ab-connected-icon{font-size:17px;color:#0f8a4a}

/* ===== A-PRINCIPLES ===== */
.ab-pad-b0{padding-bottom:0}
.ab-principle-card{border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px;min-width:0}
.ab-principle-icon{width:48px;height:48px;font-size:26px;border-radius:12px}
.ab-principle-title-row{font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:8px}
.ab-principle-num{font-size:11px;color:#9aa5a0;font-weight:400}
.ab-principle-desc{font-size:14px;color:#4d5853;line-height:1.55;margin-top:6px}

/* ===== A-PROCESS ===== */
.ab-section-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap}
.ab-section-head-desc{font-size:15px;line-height:1.6;color:#4d5853;margin:0;max-width:380px}
.ab-process-icon{border-radius:50%;width:60px;height:60px;font-size:26px;position:relative;z-index:1;box-shadow:0 0 0 6px #fff}
.ab-process-num{font-size:11px;color:#0f8a4a;margin-top:16px}
.ab-process-title{font-weight:700;font-size:17px;margin-top:2px}
.ab-process-desc{font-size:13px;color:#5b6661;line-height:1.5;margin-top:6px}

/* ===== A-IS ===== */
.ab-dark-panel{background:#0c1411;border-radius:28px;padding:clamp(28px,4vw,56px);background-image:radial-gradient(ellipse 50% 90% at 100% 0%,rgba(43,214,123,.18),transparent 60%),radial-gradient(#17241e 1px,transparent 1px);background-size:auto,20px 20px;color:#fff}
.ab-eyebrow-invert{color:#2bd67b}
.ab-section-head-desc-invert{font-size:15px;line-height:1.6;color:#b7c6bf;margin:0;max-width:380px}
.ab-is-tile-icon{font-size:26px;color:#2bd67b;background:rgba(43,214,123,.1);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}
.ab-is-tile-title{font-weight:700;font-size:18px}
.ab-is-tile-desc{font-size:14px;color:#b7c6bf;line-height:1.55;margin-top:6px}

/* ===== A-DIRECTION ===== */
.ab-direction-section{background:linear-gradient(180deg,#f3faf6,#e7f4ec);border-top:1px solid #e3efe7;overflow:hidden}
.ab-section-heading-520{font-size:clamp(28px,3.4vw,42px);letter-spacing:-1.2px;line-height:1.08;font-weight:800;margin:14px 0 0;max-width:520px;text-wrap:balance}
.ab-body-text-500-mt12{font-size:15px;line-height:1.65;color:#4d5853;margin:12px 0 0;max-width:500px}
.ab-dir-step-title{font-size:15px;font-weight:700}
.ab-dir-step-desc{font-size:13px;color:#5b6661;margin-top:2px}
.ab-mt-24{margin-top:24px}
.ab-note-1{left:6%;bottom:10%}
.ab-note-2{left:30%;bottom:32%}
.ab-note-3{left:52%;top:30%}
.ab-note-4{right:6%;top:8%}
.ab-note-desc{font-size:11px;color:#5b6661;line-height:1.35;margin-top:2px}

/* ===== A-CTA ===== */
.ab-cta-inner{max-width:1200px}
.ab-cta-copy{max-width:660px}