.about-intro{text-align:center;padding-block:100px 76px}
.about-intro h1{color:var(--purple-ink);font-size:clamp(28px,2.3vw,44px)}
.about-intro h2{font-size:clamp(18px,1.25vw,24px);margin-top:32px;font-weight:var(--weight-medium)}
.about-intro>p:last-child{font-size:var(--text-body);line-height:1.85;margin:24px auto 0;max-width:1100px}
.about-spaces{overflow:hidden}
.about-space-track{display:flex;width:max-content;animation:about-drift 32s linear infinite}
.about-space-group{display:flex;gap:28px;padding-right:28px}
.about-space-group figure{width:clamp(260px,22vw,440px);aspect-ratio:.96;overflow:hidden;background:var(--soft)}
.about-space-group img{width:100%;height:100%;object-fit:cover}
@keyframes about-drift{to{transform:translateX(-50%)}}
.about-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.about-feature-grid figure{aspect-ratio:.96;overflow:hidden;background:var(--soft)}
.about-feature-grid img{width:100%;height:100%;object-fit:cover}
.about-feature-grid h3{font-size:var(--type-card);margin-top:24px;margin-bottom:14px}
.about-feature-grid p{font-size:var(--text-body);line-height:1.85}
.about-difference{padding-top:16px}
.about-difference h2 span{color:var(--purple-ink)}
.about-page .body-copy{font-size:var(--text-body);}
.about-comparison{width:100%;border-collapse:collapse;font-size:var(--text-body);text-align:left;line-height:1.8}
.about-comparison th,.about-comparison td{padding:24px 32px;border-bottom:1px solid var(--purple-line)}
.about-comparison thead th{font-weight:var(--weight-medium);background:var(--soft);color:var(--body);border-top:1px solid var(--purple-line)}
.about-comparison thead th:last-child{background:var(--purple-ink);color:white}
.about-comparison tbody th{width:22%;text-align:center;background:var(--soft);font-weight:var(--weight-medium);color:var(--purple-ink)}
.about-comparison td{width:39%}
.about-comparison td:last-child{background:var(--purple-soft);color:var(--purple-ink)}
.about-process{background:var(--paper);padding-top:32px}
.about-process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:32px;margin-bottom:44px;border-bottom:1px solid var(--purple-line)}
.about-process-heading .overline{margin-bottom:12px}
.about-process-heading h2{color:var(--purple-ink)}
.about-process-heading .body-copy{margin:0;line-height:1.8}
.about-process-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(24px,2.3vw,44px);margin:0;padding:0;list-style:none}
.about-process-grid li{min-width:0}
.about-step-no{display:block;font-size:var(--text-small);line-height:1.5;font-weight:500;color:var(--purple);margin-bottom:18px;font-variant-numeric:tabular-nums}
.about-process-grid h3{font-size:var(--text-lead);color:var(--purple-ink);font-weight:var(--weight-medium);margin-bottom:14px}
.about-process-grid p{font-size:var(--text-body-small);line-height:1.85}
@media(max-width:1200px){.about-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}}
@media(max-width:1000px){.about-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.about-intro>p:last-child br{display:none}.about-comparison th,.about-comparison td{padding:20px}}
@media(max-width:600px){.about-intro{padding-block:58px 42px}.about-intro h1{font-size:var(--text-page-mobile)}.about-intro h2{font-size:var(--text-lead);margin-top:24px}.about-intro>p:last-child{font-size:var(--text-small);line-height:1.9;margin-top:20px}.about-space-group{gap:14px;padding-right:14px}.about-space-group figure{width:260px}.about-space-track{animation-duration:28s}.about-feature-grid{gap:32px 18px}#main .about-feature-grid h3{font-size:16px!important;line-height:1.5!important;margin-top:18px;margin-bottom:10px}.about-feature-grid p{font-size:var(--text-small)}.about-effort h2,.about-difference h2,.about-process h2{font-size:var(--text-section-mobile)}.about-page .body-copy{font-size:var(--text-small)}.about-comparison thead{display:none}.about-comparison,.about-comparison tbody,.about-comparison tr{display:block}.about-comparison tr{border-top:1px solid var(--purple-line);margin-bottom:20px}.about-comparison tbody th{display:block;width:100%;padding:16px 0;border:0;font-size:var(--text-body-medium)}.about-comparison td{display:block;width:100%;padding:16px 18px;font-size:var(--text-small);border:0}.about-comparison td::before{content:attr(data-label);display:block;font-size:var(--text-caption-small);color:var(--muted);margin-bottom:6px}.about-comparison td:last-child::before{color:var(--purple)}.about-process{padding-top:12px}.about-process-heading{display:block;padding-bottom:24px;margin-bottom:4px}.about-process-grid{grid-template-columns:1fr;gap:0}.about-process-grid li{position:relative;padding:24px 0 24px 40px}.about-process-grid li+li{border-top:1px solid var(--line)}.about-step-no{position:absolute;left:0;top:28px;font-size:var(--text-caption);margin:0}.about-process-grid h3{font-size:var(--text-lead);margin-bottom:8px}.about-process-grid p{font-size:var(--text-small)}}

@media(prefers-reduced-motion:reduce){.about-space-track{animation:none}.about-spaces{overflow-x:auto}.about-space-group[aria-hidden]{display:none}}

@media(hover:hover) and (pointer:fine){.about-spaces:hover .about-space-track{animation-play-state:paused}}

.about-comparison thead th:nth-child(2){text-align:center}
@media(max-width:600px){.about-comparison tr{display:flex;flex-direction:column}.about-comparison tbody th{order:-1;text-align:left;background:none}}

.about-mobile-comparison{display:none}
@media(max-width:600px){
 .about-page .about-comparison{display:none}
 .about-mobile-comparison{display:grid;gap:14px}
 .about-mobile-compare-card{border:1px solid var(--purple-line);border-radius:14px;overflow:hidden;background:#fff;padding:16px}
 .about-mobile-compare-card h3{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:16px;line-height:1.4;color:var(--purple-ink)}
 .about-mobile-compare-card h3>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--purple-ink);color:#fff;font-size:11px;letter-spacing:0;flex-shrink:0}
 .about-mobile-compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .about-mobile-compare-pair>div{padding:12px 10px;background:#f6f6f7;border-radius:8px}
 .about-mobile-compare-pair>div:last-child{background:#eee8f5;color:var(--purple-ink)}
 .about-mobile-compare-pair span{display:block;font-size:11px;line-height:1.4;margin-bottom:6px;color:var(--muted)}
 .about-mobile-compare-pair>div:last-child span{color:var(--purple-ink)}
 .about-mobile-compare-pair p{font-size:14px;line-height:1.5;margin:0;word-break:keep-all}
 .about-mobile-compare-pair>div:last-child p{font-weight:650}
 .about-mobile-compare-card details{margin-top:10px;font-size:12px;line-height:1.7;color:var(--body)}
 .about-mobile-compare-card summary{cursor:pointer;color:var(--muted);padding-block:3px}
 .about-mobile-compare-card details p{margin:10px 0 0;font-size:13px}
 .about-mobile-compare-card details strong{color:var(--purple-ink)}
}

@media(max-width:600px){#main .about-mobile-compare-card h3>span{color:#fff;font-weight:700}}

/* Comparison uses the same white surface throughout. */
#main .about-comparison :is(th,td){background:var(--paper)}
#main .about-comparison thead th:last-child{color:var(--purple-ink);font-weight:var(--weight-heading)}
#main .about-mobile-compare-pair>div{background:var(--paper);border:1px solid var(--purple-line)}

@media(max-width:600px){
 #main .about-process-heading h2{font-size:22px!important}
 .about-process-heading{padding-bottom:18px;margin-bottom:0}
 .about-process-heading .overline{margin-bottom:8px}
 .about-process-grid li{padding:18px 0 18px 36px}
 .about-step-no{top:21px}
 #main .about-process-grid h3{font-size:16px!important;line-height:1.5!important;margin-bottom:6px}
 .about-process-grid p{line-height:1.75}
}