main{padding-top:100px}.page-header{padding:60px 0 40px;border-bottom:1px solid var(--border)}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:var(--text-ui-sm);font-weight:500;color:var(--text-tertiary);margin-bottom:32px;transition:color var(--duration)}.back-link:hover{color:var(--text)}.back-link svg{width:14px;height:14px}.page-title{font-family:var(--font-serif);font-size:var(--type-route-title);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px;opacity:0;transform:translateY(20px);animation:fadeInUp .6s var(--ease) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.page-lead{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;max-width:68ch;text-wrap:pretty;opacity:0;transform:translateY(20px);animation:fadeInUp .6s var(--ease) .1s forwards}.page-lead a,.about-card p a{color:var(--text);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.page-lead a:hover,.about-card p a:hover{color:var(--green)}.about-section{padding:64px 0}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}@media(max-width:768px){.about-grid{grid-template-columns:1fr}}.about-card{padding:40px 32px;background:var(--bg);transition:background .3s ease,transform .3s ease;opacity:1;transform:none}.about-card.is-observed{opacity:0;transform:translateY(30px)}.about-card.is-observed.visible{opacity:1;transform:translateY(0)}.about-card:hover{background:var(--bg-subtle)}.about-card-icon{width:40px;height:40px;margin-bottom:20px;color:var(--text-tertiary);transition:color .3s ease,transform .3s ease}.about-card:hover .about-card-icon{color:var(--text);transform:scale(1.1)}.about-card h3{font-family:var(--font-sans);font-size:var(--text-ui);font-weight:600;margin-bottom:12px;letter-spacing:-.01em}.about-card p{font-family:var(--font-sans);font-size:var(--text-ui);color:var(--text-secondary);line-height:1.7}.closing-note{padding:64px 0 32px;border-top:1px solid var(--border)}.closing-text{font-family:var(--font-serif);font-size:var(--type-article-title);line-height:1.6;color:var(--text-secondary);max-width:800px;opacity:1;transform:none}.closing-text.is-observed{opacity:0;transform:translateY(20px)}.closing-text.visible,.closing-text.is-observed.visible{animation:fadeInUp .6s var(--ease) forwards}.closing-text em{color:var(--text);font-style:italic}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.about-extra-section{padding:clamp(48px,8vw,80px) 0;border-top:1px solid var(--border-subtle)}.about-extra-section+.about-extra-section{border-top-color:transparent}.about-extra-section .into-card{border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.about-extra-section .into-card-header{border-bottom-color:var(--border-subtle)}.steps-compact{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:20px 4px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background var(--duration) var(--ease)}.steps-compact:hover{background:var(--bg-subtle)}.steps-compact-value{font-family:var(--font-mono);font-weight:700;font-size:var(--type-article-title);font-variant-numeric:tabular-nums}.steps-compact-meta{font-size:var(--text-ui);color:var(--text-secondary)}.steps-compact-cta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:var(--text-ui-sm);font-weight:500;color:var(--text-tertiary)}
