.introduction{.introduction-container{background:#fffffffa;margin-top:2.5rem;border-radius:1.5rem 1.5rem 0 0;min-height:100vh;box-shadow:0 -0.625rem 2.5rem #0000001a;margin:2.5rem auto 0;padding:0 1.5rem;.container{max-width:87.5rem;margin:0 auto;.database-selector{padding:2rem 0;border-bottom:0.0625rem solid #e5e7eb;.selector-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;}.database-tags{display:flex;flex-wrap:wrap;gap:0.75rem;.database-tag{background:#3b82f61a;border:0.0625rem solid #3b82f633;border-radius:1.25rem;padding:0.5rem 1rem;font-size:0.875rem;color:#2563eb;font-weight:600;cursor:pointer;transition:all 0.3s ease;&:hover{background:#3b82f626;border-color:#3b82f64d;transform:translateY(-0.0625rem);}&.active{background:#3b82f6;color:white;border-color:#3b82f6;}}}}.db-header{padding:3rem 1.5rem;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:1.5rem 1.5rem 0 0;transition:all 0.3s ease;&.updating{transform:scale(0.98);opacity:0.8;}.db-title-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;.db-title{font-size:2.25rem;font-weight:700;color:#1e40af;}.db-subtitle{font-size:1.125rem;color:#6b7280;margin-top:0.5rem;}}.db-stats-row{gap:3rem;margin-top:2rem;.db-stat{gap:0.75rem;.db-stat-icon{width:2.5rem;height:2.5rem;background:#3b82f6;border-radius:0.625rem;color:white;}.db-stat-text{.db-stat-value{font-size:1.25rem;font-weight:700;color:#1a1a1a;}.db-stat-label{font-size:0.875rem;color:#6b7280;}}}}}.info-tabs{gap:0.5rem;padding:2rem 0 1.5rem;border-bottom:0.125rem solid #e5e7eb;.tab-btn{padding:0.75rem 1.5rem;background:transparent;border:none;color:#6b7280;font-size:1rem;font-weight:500;cursor:pointer;border-radius:0.5rem;transition:all 0.3s ease;position:relative;&:hover{background:#f3f4f6;color:#3b82f6;}&.active{color:#3b82f6;background:#eff6ff;&::after{content:'';position:absolute;bottom:-1.625rem;left:0;right:0;height:0.1875rem;background:#3b82f6;border-radius:0.125rem;}}}}.content-section{padding:3rem 0;.section-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem;gap:0.75rem;.section-icon{width:2rem;height:2rem;background:#eff6ff;border-radius:0.5rem;color:#3b82f6;}}.intro-content{color:#4b5563;line-height:1.8;font-size:1rem;p{margin-bottom:1rem;strong{color:#1a1a1a;}}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:1.5rem;margin-top:2rem;.feature-card{background:#f9fafb;border-radius:0.75rem;padding:1.5rem;transition:all 0.3s ease;border:0.0625rem solid #e5e7eb;&:hover{box-shadow:0 0.5rem 1.5rem #00000014;transform:translateY(-0.125rem);}.feature-num{display:inline-block;width:1.75rem;height:1.75rem;background:#3b82f6;color:white;border-radius:50%;text-align:center;line-height:1.75rem;font-size:0.875rem;font-weight:600;margin-bottom:0.75rem;}.feature-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:0.5rem;}.feature-desc{font-size:0.9375rem;color:#6b7280;line-height:1.6;}}}.coverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;.coverage-column{background:#fafafa;border-radius:0.75rem;padding:1.5rem;.coverage-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:0.125rem solid #e5e7eb;}.coverage-list{list-style:none;.coverage-item{padding:0.75rem 0;border-bottom:0.0625rem solid #e5e7eb;&:last-child{border-bottom:none;}.coverage-name{font-size:0.9375rem;color:#4b5563;gap:0.5rem;}.coverage-tag{display:inline-block;padding:0.125rem 0.5rem;background:#eff6ff;color:#3b82f6;border-radius:0.25rem;font-size:0.75rem;font-weight:500;}}}}}.sample-table{width:100%;background:white;border-radius:0.75rem;overflow:hidden;box-shadow:0 0.25rem 1rem #0000000f;margin-top:1.5rem;thead{background:#f3f4f6;th{padding:1rem;text-align:left;font-weight:600;color:#4b5563;font-size:0.875rem;border-bottom:0.125rem solid #e5e7eb;}}tbody{td{padding:1rem;border-bottom:0.0625rem solid #f3f4f6;color:#1a1a1a;font-size:0.875rem;}tr:hover{background:#f9fafb;}}}.access-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;.access-card{background:white;border:0.125rem solid #e5e7eb;border-radius:0.75rem;padding:1.5rem;text-align:center;transition:all 0.3s ease;&:hover{border-color:#3b82f6;box-shadow:0 0.5rem 1.5rem #3b82f61a;}.access-icon{width:3rem;height:3rem;background:#eff6ff;border-radius:0.75rem;margin:0 auto 1rem;color:#3b82f6;}.access-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin-bottom:0.5rem;}.access-desc{font-size:0.875rem;color:#6b7280;line-height:1.5;}}}}.action-section{text-align:center;padding:3rem 0;border-top:0.0625rem solid #e5e7eb;.action-btn{gap:0.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:0.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0.25rem 1rem #3b82f64d;&:hover{transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.5rem #3b82f666;}}}}}}@media (max-width:48rem){.introduction{.introduction-container{.db-header{.db-stats-row{flex-direction:column;gap:1.5rem;}}.content-section{.coverage-grid{grid-template-columns:1fr;}.access-cards{grid-template-columns:1fr;}}}}}