.draaaaw-about { --about-ink:#151619; --about-muted:#65666c; --about-line:#dedfe2; color:var(--about-ink); font-family:inherit; }
:root[data-draaaaw-theme="dark"] .draaaaw-about,:root.draaaaw-dark .draaaaw-about { --about-ink:#f5f5f5; --about-muted:#b3b3b7; --about-line:#303034; }
@media(prefers-color-scheme:dark) { :root:not([data-draaaaw-theme="light"]):not(.draaaaw-light) .draaaaw-about { --about-ink:#f5f5f5; --about-muted:#b3b3b7; --about-line:#303034; } }
.draaaaw-about * { box-sizing:border-box; }
.draaaaw-about .about-eyebrow { font-size:10px; font-weight:700; letter-spacing:2px; line-height:1.5; margin:0 0 22px; color:var(--about-muted); }
.about-hero { padding:20px 0 0; }
.about-hero .about-eyebrow { display:flex; align-items:center; gap:9px; }
.about-eyebrow>span { width:7px; height:7px; background:#53b498; border-radius:50%; }
.draaaaw-about h1 { font-size:clamp(44px,8vw,76px); letter-spacing:-3.5px; line-height:1.08; font-weight:700; margin:0; }
.draaaaw-about em { font-family:Georgia,serif; font-weight:400; }
.about-hero h1 em { color:#53a990; }
.draaaaw-about .about-lead { font-size:18px; line-height:1.65; color:var(--about-muted); margin:22px 0 30px; }
.about-paper { background:#f4f0e7; border-radius:20px; padding:8px 8px 20px; color:#514f48; transform:rotate(-1deg); margin:0 0 66px; }
.about-paper svg { width:100%; display:block; }
.about-paper-labels { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; font-size:10px; letter-spacing:.2px; }
.draaaaw-about .about-story { margin:0 0 50px; }
.draaaaw-about h2 { font-size:clamp(27px,5vw,39px); line-height:1.25; letter-spacing:-1.1px; font-weight:700; margin:0 0 24px; }
.draaaaw-about .about-story>p:not(.about-eyebrow) { max-width:590px; font-size:15px; line-height:1.85; color:var(--about-muted); margin:0 0 17px; }
.about-belief { padding:32px 20px; border-top:1px solid var(--about-line); border-bottom:1px solid var(--about-line); text-align:center; margin:0 0 52px; }
.about-heart { display:block; width:32px; height:32px; margin:0 auto; color:#d781ab; }
.about-belief p { font-size:clamp(29px,5vw,42px); line-height:1.25; letter-spacing:-1px; margin:14px 0; }
.about-belief div { color:var(--about-muted); font-size:12px; line-height:1.6; }
.about-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:34px; }
.about-steps>div>span { color:#53a990; font-size:11px; }
.draaaaw-about .about-steps h3 { margin:12px 0 9px; font-size:15px; line-height:1.4; }
.draaaaw-about .about-steps p { margin:0; color:var(--about-muted); font-size:12px; line-height:1.7; }
.about-features { margin:0 0 48px; }
.draaaaw-about .about-features h2 { font-size:clamp(23px,4vw,29px); letter-spacing:-.6px; }
.about-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.draaaaw-about .about-feature-grid h3 { font-size:15px; line-height:1.4; margin:0 0 9px; }
.draaaaw-about .about-feature-grid p { font-size:12px; line-height:1.7; color:var(--about-muted); margin:0; }
@media(max-width:600px) { .about-feature-grid { grid-template-columns:1fr; gap:20px; } }
.about-invite { border-radius:24px; background:#e2f1e9; color:#172e25; padding:40px 28px; margin:12px 0 0; }
.about-invite .about-eyebrow,.about-invite>p { color:#47665a; }
.about-invite h2 { font-size:clamp(34px,6vw,48px); margin-bottom:14px; }
.about-invite>p { font-size:14px; line-height:1.65; }
.about-button { display:inline-flex; gap:36px; align-items:center; min-height:48px; padding:12px 22px; border-radius:99px; background:#172e25; color:#fff; text-decoration:none; font-size:14px; margin-top:12px; }
.about-button:hover { background:#294a3c; }
.about-button:focus-visible,.about-secondary:focus-visible { outline:2px solid #53a990; outline-offset:5px; }
.about-secondary { display:block; width:fit-content; padding:14px 0 0; color:#47665a; font-size:12px; text-underline-offset:4px; }
@media(max-width:430px) { .draaaaw-about h1 { letter-spacing:-2px; } .about-paper { margin-bottom:44px; } .about-paper-labels { font-size:8px; } .about-steps { grid-template-columns:1fr; gap:20px; } .about-invite { padding:30px 20px; } .about-wide { display:none; } }
/* The standalone document and the app's instant About route share this content. */
.about-document { margin:0; background:#fafbfc; color:#151619; font-family:'LINE Seed JP',Arial,sans-serif; }
.about-document .about-shell { max-width:760px; margin:auto; }
.about-document .about-nav { display:flex; height:72px; align-items:center; justify-content:space-between; padding:0 24px; }
.about-document .about-logo { width:94px; height:40px; object-fit:contain; }
.about-document .about-login { color:inherit; border:1px solid #aaa; border-radius:99px; padding:9px 18px; text-decoration:none; font-size:13px; }
.about-document main { padding:30px 26px 48px; }
.about-document footer { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; padding:22px 22px 30px; }
.about-document footer a { color:inherit; font-size:11px; text-underline-offset:4px; }
:root[data-draaaaw-theme="dark"] .about-document { background:#0e0e0f; color:#f5f5f5; }
:root[data-draaaaw-theme="dark"] .about-document .about-logo { filter:invert(1); }
@media(prefers-color-scheme:dark) { :root:not([data-draaaaw-theme="light"]) .about-document { background:#0e0e0f; color:#f5f5f5; } :root:not([data-draaaaw-theme="light"]) .about-document .about-logo { filter:invert(1); } }
@media(max-width:430px) { .about-document main { padding:24px 18px 36px; } .about-document .about-nav { padding:0 18px; } }

.about-root { scrollbar-width:none; }
.about-root::-webkit-scrollbar { display:none; }