.about-page [hidden]{display:none!important}
.about-page .about-hero{display:block;background:#F8F6F3;color:#1C1726;--muted:#625C6B;--line:#ECE6DF}
.about-hero .about-hero-copy{display:block;min-width:0;text-align:center}
.about-hero .c-kicker{margin-inline:auto;margin-bottom:var(--kicker-gap)}
.about-hero h1{max-width:100%;font-size:clamp(2rem,4vw,3.2rem);line-height:var(--lh-display);color:#1C1726}
.about-hero .about-hero-lead{max-width:var(--width-narrow);margin-inline:auto;margin-top:var(--space-2);color:#625C6B}
.about-hero .c-actions{justify-content:center;margin-top:var(--action-floor)}
.about-hero-note{margin-top:var(--space-3);font-size:var(--text-sm);color:#625C6B}
.about-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:var(--space-3);margin-block:var(--space-4);padding-block:var(--space-3);border-block:var(--hairline) solid var(--line);font-variant-numeric:tabular-nums}
.about-facts>div{display:flex;flex-direction:column;gap:var(--field-gap);min-width:0}
.about-facts dt{font-size:var(--text-sm);color:#625C6B}
.about-facts dd{font-size:var(--text-base);color:#1C1726;overflow-wrap:break-word}
.about-page .c-head>.c-kicker{margin-bottom:var(--kicker-gap)}
.about-page .c-head>p{margin-top:var(--field-gap);max-width:var(--width-narrow)}
.about-origin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.about-page .about-card{gap:var(--field-gap);align-items:stretch;padding:var(--space-4)}
.about-page .about-card h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.about-card>*{min-width:0;overflow-wrap:break-word}
.about-card .c-card-footer{margin-top:auto;padding-top:var(--action-floor)}
.about-card .c-chip{line-height:1}
.about-afterword{margin-top:var(--space-3);max-width:var(--width-narrow);font-size:var(--text-sm);color:#625C6B}
.about-usecases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.about-model{font-size:var(--text-sm);font-variant-numeric:tabular-nums}
.about-node-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.about-operation-head{margin-top:var(--space-section);margin-bottom:var(--space-4)}
.about-operation-head>p{max-width:var(--width-narrow);margin-top:var(--field-gap)}
.about-operation-list{list-style:none;margin:0;padding:0}
.about-operation-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-3);border-top:var(--hairline) solid var(--line)}
.about-operation-row>*{min-width:0;overflow-wrap:break-word}
.about-operation-row h3{font-size:var(--text-lg);line-height:var(--lh-heading)}
.about-step{font-size:var(--text-base);line-height:var(--lh-body);color:#625C6B}
.about-page .about-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:start;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);background:#1C1726;color:#F4EFF8;--muted:#CFC7DB;--line:rgba(255,255,255,.14)}
.about-closing>*{min-width:0}
.about-closing-copy{display:flex;flex-direction:column;gap:var(--field-gap)}
.about-closing-copy h2{color:#F4EFF8}
.about-closing-copy p{color:#CFC7DB}
.about-closing-copy .about-payment{margin-top:var(--space-2);font-size:var(--text-sm)}
.about-closing .about-closing-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--action-gap);margin-top:var(--action-floor)}
.about-closing .c-btn-secondary{background:#2A2335;color:#F4EFF8;border-color:rgba(255,255,255,.3)}
.about-closing .c-btn-secondary:hover{background:#2E2639;color:#F4EFF8;border-color:rgba(255,255,255,.45)}
.about-closing-section{padding-bottom:var(--space-close)}
@media(max-width:64rem){
.about-page .about-closing{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
.about-origin,.about-usecases{grid-template-columns:minmax(0,1fr)}
.about-page .about-card{padding:var(--space-3)}
.about-operation-row{grid-template-columns:2.25rem minmax(0,1fr)}
.about-operation-row>:nth-child(3){grid-column:2}
.about-page .about-closing{padding:var(--space-3);gap:var(--space-3)}
.about-hero .c-actions>.c-btn{width:100%}
.about-facts{text-align:left}
}