.top-description{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:800px;box-shadow:var(--shadow-card);color:var(--text);text-align:center;margin:2rem auto;padding:2rem}.top-description h2{font-size:var(--fs-xl);color:var(--primary);margin-bottom:1rem}.top-description p{font-size:var(--fs-base);line-height:var(--lh-base)}.top-logo{width:240px;height:auto;margin-bottom:1rem}.top-section-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2.5rem;padding:1rem;display:flex}.top-link-box{background-color:var(--surface);border-radius:var(--radius);max-width:400px;box-shadow:var(--shadow-card);text-align:center;flex:300px;padding:1.5rem}.top-link-box h2{font-size:var(--fs-lg);margin-bottom:.8rem}.top-link-box p{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:1rem}.top-tool-link-button,.top-blog-link-button{border:2px solid var(--primary);background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);font-weight:var(--fw-bold);margin-bottom:.8rem;padding:.7rem 1.4rem;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.top-tool-link-button:hover,.top-blog-link-button:hover{background-color:var(--surface);color:var(--primary)}.top-external-links{margin:var(--space-xl) auto;padding:var(--space-lg);max-width:var(--content-wide);text-align:center}.top-external-links h2{font-size:var(--fs-xl);margin-bottom:.5em}.top-external-links p{font-size:var(--fs-base);color:var(--text-muted);margin-bottom:2em}.top-external-links-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5em;display:grid}.top-link-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);align-items:center;gap:1em;padding:1em;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.top-link-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.top-icon-area{flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.top-icon-area img{width:100%;height:auto}.top-text-area h3{font-size:var(--fs-md);text-align:left;margin:0 0 .3em}.top-text-area p{font-size:var(--fs-sm);color:var(--text-muted);text-align:left;margin:0}@media (max-width:600px){.top-logo{width:120px}}