.about-page{--ab-bg:#fff;--ab-soft:#f1f7f4;--ab-card:#fff;--ab-ink:#123b3d;--ab-muted:#526b6c;--ab-line:#d8e5df;--ab-accent:#176747;background:var(--ab-bg);color:var(--ab-ink)}
html[data-theme="dark"] .about-page{--ab-bg:#0c201f;--ab-soft:#102a27;--ab-card:#17332f;--ab-ink:#edf7f2;--ab-muted:#b5cbc1;--ab-line:#33524a;--ab-accent:#7ce0b4}
.about-page h1,.about-page h2,.about-page h3{color:inherit;margin:0;line-height:1.45;letter-spacing:0}
.about-page h2{font-size:clamp(1.65rem,2.7vw,2.3rem);font-weight:600}
.about-page h3{font-size:1.18rem;font-weight:600}
.about-page p{line-height:1.95;color:var(--ab-muted);margin:14px 0 0}
.about-eyebrow{display:block;font-size:.85rem;font-weight:600;color:var(--ab-accent);margin-bottom:16px}
.about-eyebrow span{opacity:.7;font-size:.7rem;letter-spacing:1.2px;margin-inline-start:10px;display:inline-block}
.about-hero{background:radial-gradient(ellipse at 0 0,#245e4b,transparent 65%),#0c3738;color:#fff;padding:70px 0 0}
.about-hero__grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:72px}
.about-hero .about-eyebrow{color:#78dbb8}
.about-hero h1{font-size:clamp(2.15rem,3.9vw,3.65rem);font-weight:600;max-width:700px;line-height:1.4}
.about-hero p.about-lead{color:#d0e4df;font-size:1.06rem;max-width:640px;margin-top:24px}
.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.about-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;border-radius:10px;font-size:.94rem;font-weight:600;min-height:50px;border:1px solid transparent;text-decoration:none;transition:background .2s}
.about-button--mint{background:#78dbb8;color:#103b32}
.about-button--mint:hover{background:#b9f2d9;color:#103b32}
.about-button--outline{border-color:#789c90;color:#fff;background:transparent}
.about-button--outline:hover{background:#ffffff14;color:#fff}
.about-page a:focus-visible,.about-page summary:focus-visible{outline:3px solid var(--ab-accent);outline-offset:5px}
.about-hero a:focus-visible,.about-end a:focus-visible{outline-color:#b9f2d9}
.about-journey{background:#ffffff09;border:1px solid #ffffff30;border-radius:24px;padding:32px;box-shadow:0 24px 50px #001b2022}
.about-journey__top{display:flex;align-items:center;gap:12px;color:#c5e6d7;font-size:.82rem;margin-bottom:20px}
.about-journey__top>i{font-size:28px;color:#78dbb8}
.about-journey h2{font-size:1.5rem}
.about-journey ol{list-style:none;margin:26px 0 0;padding:0}
.about-journey li{display:flex;gap:18px;position:relative;padding-bottom:25px}
.about-journey li:last-child{padding-bottom:0}
.about-step{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid #80b39e;background:#174b43;color:#b9f2d9;font-size:.85rem}
.about-journey h3{font-size:1rem}
.about-journey li p{color:#c2d9d1;font-size:.85rem;line-height:1.8;margin:5px 0 0}
.about-proof{display:flex;gap:28px;flex-wrap:wrap;list-style:none;padding-block:25px;margin-top:52px;border-top:1px solid #ffffff25;color:#cde7dc;font-size:.85rem}
.about-proof li{display:flex;align-items:center;gap:9px}
.about-proof i{color:#78dbb8;font-size:19px}
.about-section{padding-block:72px}
.about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.about-story p:first-child{margin-top:0}
.about-company-link{color:var(--ab-accent);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.about-company-link:hover{color:var(--ab-ink)}
.about-story p.about-story__intro{font-size:1.12rem;color:var(--ab-ink)}
.about-values{background:var(--ab-soft);border-block:1px solid var(--ab-line)}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.about-card{border:1px solid var(--ab-line);border-radius:18px;padding:30px;background:var(--ab-card)}
.about-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--ab-soft);color:var(--ab-accent);font-size:25px;margin-bottom:24px}
.about-card p{font-size:.98rem}
.about-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.about-paths .about-card{display:flex;flex-direction:column;align-items:flex-start}
.about-card--accent{background:var(--ab-soft)}
.about-card--accent .about-icon{background:var(--ab-card)}
.about-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--ab-accent);font-weight:600;margin-top:auto;padding-top:24px;text-decoration:none}
.about-text-link:hover{color:var(--ab-accent);text-decoration:underline}
.about-page .about-promise{display:flex;align-items:baseline;gap:10px;font-size:.85rem;margin-top:24px}
.about-faq{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;border-top:1px solid var(--ab-line);padding-top:56px}
.about-faq details{border-bottom:1px solid var(--ab-line);padding:20px 0}
.about-faq details:first-child{padding-top:0}
.about-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:1.03rem;font-weight:500;line-height:1.8}
.about-faq summary::-webkit-details-marker{display:none}
.about-faq summary i{color:var(--ab-accent);font-size:22px;flex-shrink:0}
.about-faq details[open] summary i{transform:rotate(45deg)}
.about-end{padding-bottom:72px}
.about-end__box{background:linear-gradient(120deg,#103d3d,#19543f);border:1px solid #2c6252;color:#fff;text-align:center;padding:44px 28px;border-radius:24px}
.about-end__mark{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#ffffff12;color:#78dbb8;font-size:25px;margin-bottom:18px}
.about-end p{color:#cde7dc}
.about-end .about-actions{justify-content:center;margin-top:24px}
.about-contact{display:inline-block;color:#d1ebdf;font-size:.85rem;margin-top:26px;text-decoration:underline;text-underline-offset:5px}
.about-contact:hover{color:#fff}
@media(max-width:900px){.about-hero__grid{gap:30px;grid-template-columns:1fr 1fr}.about-hero{padding-top:45px}.about-journey{padding:24px}.about-story{gap:36px}.about-grid{gap:14px}.about-card{padding:24px}.about-faq{gap:30px}}
@media(max-width:680px){.about-hero__grid,.about-story,.about-grid,.about-paths,.about-faq{grid-template-columns:1fr}.about-hero__grid{gap:32px}.about-hero h1{font-size:2.2rem}.about-section{padding-block:44px}.about-proof{gap:12px;margin-top:30px;flex-direction:column}.about-story{gap:22px}.about-hero p.about-lead{font-size:1rem}.about-actions{gap:10px}.about-button{flex:1 1 200px}.about-journey{border-radius:18px}.about-faq{gap:24px}.about-end{padding-bottom:44px}.about-end__box{padding:32px 22px}}
@media(prefers-reduced-motion:reduce){.about-button{transition:none}}