.about-page .about-bento{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.about-page .about-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;padding:24px;display:flex}.about-page .about-card h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:21px;font-weight:650;line-height:1.2}.about-page .about-card p{color:var(--text-secondary);margin:12px 0 0;font-size:14px;line-height:1.6}.about-page .about-intro{padding:clamp(24px,3vw,36px)}.about-page .about-intro h1{text-wrap:balance;max-width:21ch;margin:0;font-size:clamp(34px,4.4vw,48px);line-height:1.07}.about-page .about-intro h1 span{color:var(--accent-strong)}.about-page .about-card .about-lead{max-width:48ch;margin-top:18px;font-size:16px}.about-page .about-actions{flex-wrap:wrap;gap:10px;margin:22px 0 24px;display:flex}.about-page .about-welcome{border-top:1px solid var(--border);margin-top:auto;padding-top:18px}.about-page .about-welcome strong{font-size:14px;font-weight:650}.about-page .about-welcome p{max-width:52ch;margin-top:6px}.about-page .about-free{background:var(--accent-bg)}.about-page .about-rotation{background:color-mix(in srgb, var(--accent-bg) 45%, var(--surface))}.about-page .about-card .about-highlight{color:var(--accent-fg);letter-spacing:-.045em;margin:0 0 16px;font-size:42px;font-weight:750;line-height:1}.about-page .about-free .about-highlight{margin-bottom:24px;font-size:clamp(56px,6vw,72px)}.about-page .about-card .about-kicker{color:var(--accent-strong);margin:0 0 12px;font-size:12px;font-weight:650}.about-page .about-card .about-microcopy{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.55}.about-page .about-details{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.about-page .about-details summary{width:fit-content;color:var(--text);cursor:pointer;padding:3px 0;font-size:13px;font-weight:600}.about-page .about-details summary:hover{color:var(--accent-strong)}.about-page .about-details p{font-size:12px}.about-page .about-help{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:24px 0 0;display:flex}.about-page .about-help h2{margin:0;font-size:16px;font-weight:650}.about-page .about-help p{max-width:64ch;color:var(--muted);margin:6px 0 0;font-size:13px}.about-page .about-help nav{flex-wrap:wrap;gap:20px;font-size:13px;font-weight:600;display:flex}.about-page :is(.about-card,.about-help) a:not(.button){color:var(--accent-strong);text-underline-offset:3px;text-decoration:underline}@media (width>=640px){.about-page .about-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page :is(.about-intro,.about-conversation){grid-column:1/-1}}@media (width>=960px){.about-page .about-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.about-page .about-intro{grid-column:span 2}.about-page .about-conversation{grid-column:auto}}