:root { color-scheme: light; --ink:#1d1738; --muted:#6b647d; --line:#e2deeb; --accent:#6d35db; }
* { box-sizing:border-box; }
body { min-height:100vh; min-height:100dvh; margin:0; background:#f7f8fc; color:var(--ink); font-family:Nunito,Inter,system-ui,sans-serif; }
.about-header { display:flex; align-items:center; min-height:72px; overflow:hidden; border-bottom:1px solid var(--line); background:#fff; padding:10px clamp(18px,5vw,64px); }
.about-brand { position:relative; width:240px; height:52px; overflow:visible; flex-shrink:0; }
.about-brand .verbygo-brand-image { position:absolute; top:calc(50% + 4px); left:-36px; width:260px; max-width:none; transform:translateY(-50%); pointer-events:none; }
.about-main { min-height:calc(100vh - 126px); padding:48px clamp(20px,5vw,72px) 64px; }
.about-content { width:min(900px,100%); margin:0 auto; }
.about-intro { border-left:3px solid #9bd1c7; padding:10px 0 14px clamp(20px,5vw,42px); }
.about-mark { display:inline-flex; width:52px; height:52px; margin-bottom:20px; }
.about-mark img { width:100%; height:100%; object-fit:cover; border-radius:8px; }
.about-kicker,
.about-section-kicker { margin:0 0 7px; color:#087663; font-size:.78rem; font-weight:900; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(2.5rem,7vw,4.3rem); line-height:1; letter-spacing:0; }
h2 { max-width:24ch; margin:0 0 12px; font-size:clamp(1.35rem,3vw,1.75rem); line-height:1.2; letter-spacing:0; }
.about-lead { margin:18px 0 10px; color:#3f326e; font-size:clamp(1.12rem,3vw,1.4rem); font-weight:850; }
.about-intro > p:not(.about-kicker):not(.about-lead),
.about-section > p:not(.about-section-kicker):not(.about-byline) { max-width:68ch; color:var(--muted); line-height:1.68; }
.about-section { margin-top:42px; padding-top:34px; border-top:1px solid var(--line); }
.about-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 0; padding:0; list-style:none; }
.about-tools li { min-width:0; border-top:3px solid #9bd1c7; padding-top:14px; }
.about-tools strong,
.about-tools span { display:block; }
.about-tools strong { color:#34256a; font-size:1rem; }
.about-tools span { margin-top:5px; color:var(--muted); font-size:.92rem; line-height:1.5; }
.about-creator { border-top-color:#d8ccf6; }
.about-byline { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 10px; margin:22px 0 0; }
.about-byline strong { color:#34256a; }
.about-byline span { color:var(--muted); font-size:.9rem; font-weight:800; }
.about-version { margin:38px 0 0; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:.82rem; font-weight:800; }
@media (max-width:700px) {
  .about-main { padding-top:36px; padding-bottom:48px; }
  .about-tools { grid-template-columns:1fr; gap:18px; }
  .about-section { margin-top:34px; padding-top:28px; }
}
@media (max-width:480px) {
  .about-brand { width:200px; }
  .about-brand .verbygo-brand-image { left:-34px; width:230px; }
  .about-main { min-height:auto; padding-inline:18px; }
  .about-intro { padding-left:18px; }
}