|
|
| Line 1: |
Line 1: |
| .crw-hero { | | .crw-hero-wp { max-width: 980px; margin: 0 auto 1.25rem; padding: 0 1rem; text-align: center; } |
| max-width: 980px;
| | .crw-eyebrow-wp { font-size: .9rem; color: #54595d; letter-spacing: .02em; text-transform: uppercase; margin-bottom: .25rem; } |
| margin: 0 auto 2rem auto;
| | .crw-title-wp { margin: .25rem 0 .35rem; font-weight: 700; color: #202122; } |
| padding: 2.5rem 2rem;
| | .crw-rule-wp { border: 0; border-top: 1px solid #eaecf0; margin: .4rem auto .7rem; width: 72%; } |
| background: #ffffff;
| | .crw-tagline-wp { margin: .25rem 0 .25rem; font-size: 1.05rem; color: #202122; } |
| border: 1px solid #e5e7eb;
| | .crw-count-wp { margin: .15rem 0 .8rem; color: #4a4a4a; } |
| border-radius: 12px;
| | .crw-links-wp { margin: 0; } |
| box-shadow: 0 4px 16px rgba(0,0,0,0.05);
| | .crw-links-wp a { text-decoration: none; color: #0645ad; } |
| text-align: center;
| | .crw-links-wp a:hover { text-decoration: underline; } |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
| | .mw-content-container { max-width: 980px; margin: 0 auto; } |
| } | |
| .crw-eyebrow { | |
| font-size: 0.95rem;
| |
| font-weight: 600;
| |
| color: #6b7280;
| |
| text-transform: uppercase;
| |
| letter-spacing: .05em;
| |
| margin-bottom: .5rem;
| |
| } | |
| .crw-title { | |
| margin: 0 0 .5rem 0;
| |
| font-size: 2rem;
| |
| font-weight: 700;
| |
| color: #111827;
| |
| } | |
| .crw-tagline { | |
| font-size: 1.15rem;
| |
| color: #374151;
| |
| margin-bottom: .75rem;
| |
| } | |
| .crw-count { | |
| font-size: 1rem;
| |
| color: #4b5563;
| |
| margin-bottom: 1.5rem;
| |
| } | |
| .crw-cta { | |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: .75rem;
| |
| justify-content: center;
| |
| } | |
| .crw-button { | |
| display: inline-block;
| |
| padding: 0.65rem 1.1rem;
| |
| font-size: .95rem;
| |
| font-weight: 600;
| |
| border-radius: 6px;
| |
| border: 1px solid #d1d5db;
| |
| background: #f9fafb;
| |
| color: #111827;
| |
| text-decoration: none;
| |
| transition: all 0.2s ease;
| |
| } | |
| .crw-button:hover { | |
| background: #f3f4f6;
| |
| border-color: #9ca3af;
| |
| text-decoration: none;
| |
| } | |
| .crw-button--secondary { | |
| background: #2563eb;
| |
| border-color: #2563eb;
| |
| color: #fff;
| |
| }
| |
| .crw-button--secondary:hover {
| |
| background: #1d4ed8;
| |
| border-color: #1d4ed8;
| |
| color: #fff;
| |
| } | |