/* ============================================ */
 /* BASE VARIABLES & RESET
 /* ============================================ */
 :root {
     --bg-primary: #0B0B0F;
     --bg-secondary: #111113;
     --bg-tertiary: #18181C;
     --bg-card: #131315;

     --text-primary: #EDEDF0;
     --text-secondary: #9A9AAC;
     --text-muted: #8B8579;

     --accent: #C0A06B;
     --accent-dim: #8B7355;
     --accent-glow: rgba(192, 160, 107, 0.12);

     --border-color: #23232A;
     --border-light: #2A2A32;
     --gradient-subtle: linear-gradient(135deg, #18181C 0%, #0F0F13 100%);

     /* Typography */
     --font-heading: 'Exo 2', system-ui, sans-serif;
     --font-body: 'Inter', system-ui, sans-serif;

     /* Fluid typography scale */
     --text-xs: 0.75rem;
     --text-sm: 0.875rem;
     --text-base: 1rem;
     --text-md: 1.125rem;
     --text-lg: 1.25rem;
     --text-xl: 1.5rem;
     --text-2xl: 1.875rem;
     --text-3xl: 2.25rem;
     --text-4xl: 3rem;
     --text-5xl: 3.75rem;
     --text-6xl: 4.5rem;
 }

 * { margin: 0; padding: 0; box-sizing: border-box; }
 html { scroll-behavior: smooth; }

 body {
     background-color: var(--bg-primary);
     color: var(--text-secondary);
     font-family: var(--font-body);
     font-size: var(--text-base);
     line-height: 1.65;
     overflow-x: hidden;
     -webkit-tap-highlight-color: transparent;
 }

 /* ============================================ */
 /* TYPOGRAPHY
 /* ============================================ */
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--font-heading);
     color: var(--text-primary);
     font-weight: 600;
     letter-spacing: -0.02em;
 }

 h1 {
     font-size: var(--text-6xl);
     font-weight: 700;
     line-height: 1.15;
     letter-spacing: -0.03em;
 }

 h2 {
     font-size: var(--text-4xl);
     font-weight: 600;
     line-height: 1.2;
     letter-spacing: -0.02em;
 }

 h3 {
     font-size: var(--text-2xl);
     font-weight: 500;
     line-height: 1.3;
     letter-spacing: -0.015em;
 }

 h4 {
     font-size: var(--text-xl);
     font-weight: 500;
     line-height: 1.35;
 }

 /* ============================================ */
 /* SCROLLBAR
 /* ============================================ */
 ::-webkit-scrollbar { width: 6px; }
 ::-webkit-scrollbar-track { background: var(--bg-secondary); }
 ::-webkit-scrollbar-thumb { background: var(--accent-dim); border-radius: 3px; }

 /* ============================================ */
 /* HEADER & NAVIGATION
 /* ============================================ */
 .glass-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 100;
     background: rgba(11, 11, 15, 0.85);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     border-bottom: 1px solid var(--border-color);
     transition: all 0.3s ease;
 }

 .header-container {
     max-width: 1280px;
     margin: 0 auto;
     padding: 1.25rem 2rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .brand-logo {
     font-family: var(--font-heading);
     font-weight: 600;
     font-size: 1.25rem;
     letter-spacing: 2px;
     color: var(--text-primary);
     text-transform: uppercase;
 }

 .brand-logo a {
     color: var(--text-primary);
     text-decoration:none
 }

 .brand-logo span {
     color: var(--accent);
     font-weight: 700;
 }

 .header-actions {
     display: flex;
     align-items: center;
     gap: 1rem;
 }

 /* Language Selector */
 .language-selector {
     position: relative;
 }

 .language-btn {
     display: flex;
     align-items: center;
     gap: 0.5rem;
     background: transparent;
     border: 1px solid var(--border-color);
     border-radius: 40px;
     padding: 0.625rem 1.25rem;
     color: var(--text-secondary);
     font-family: var(--font-body);
     font-size: 0.875rem;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.2s ease;
 }

 .language-btn:hover {
     border-color: var(--accent);
     color: var(--accent);
 }

 .language-dropdown {
     position: absolute;
     top: calc(100% + 0.5rem);
     right: 0;
     min-width: 180px;
     background: var(--bg-card);
     border: 1px solid var(--border-color);
     border-radius: 16px;
     padding: 0.5rem;
     opacity: 0;
     visibility: hidden;
     transform: translateY(-8px);
     transition: all 0.2s ease;
     z-index: 100;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
 }

 .language-selector.open .language-dropdown {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .language-option {
     display: flex;
     align-items: center;
     gap: 0.75rem;
     padding: 0.625rem 1rem;
     border-radius: 12px;
     text-decoration: none;
     transition: all 0.2s ease;
     color: var(--text-secondary);
 }

 .language-option span:first-child {
     font-weight: 600;
     color: var(--text-primary);
     min-width: 32px;
 }

 .language-option span:last-child {
     font-size: 0.875rem;
 }

 .language-option:hover {
     background: rgba(192, 160, 107, 0.1);
     color: var(--accent);
 }

 .language-option.active {
     background: rgba(192, 160, 107, 0.15);
     color: var(--accent);
 }

 .language-option.active span:first-child {
     color: var(--accent);
 }

 /* ============================================ */
 /* HERO SECTION
 /* ============================================ */
 .hero-section {
     position: relative;
     padding: 10rem 2rem 7rem 2rem;
     min-height: 90vh;
     display: flex;
     align-items: center;
     background: var(--bg-primary);
     border-bottom: 1px solid var(--border-color);
 }

 .hero-container {
     position: relative;
     z-index: 1;
     max-width: 1280px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1.1fr 0.9fr;
     gap: 5rem;
     align-items: center;
 }

 .badge-wrapper {
     display: inline-flex;
     align-items: center;
     gap: 0.625rem;
     margin-bottom: 2rem;
 }

 .pulse-dot {
     width: 8px;
     height: 8px;
     background-color: var(--accent);
     border-radius: 50%;
     position: relative;
 }

 .pulse-dot::after {
     content: '';
     position: absolute;
     top: -4px;
     left: -4px;
     right: -4px;
     bottom: -4px;
     border-radius: 50%;
     background-color: var(--accent);
     opacity: 0.4;
     animation: pulse-soft 2s ease-out infinite;
 }

 @keyframes pulse-soft {
     0% { transform: scale(0.8); opacity: 0.5; }
     100% { transform: scale(2); opacity: 0; }
 }

 .badge-text {
     color: var(--accent);
     font-size: var(--text-xs);
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2.5px;
     font-family: var(--font-heading);
 }

 .hero-content h1 {
     font-size: 4.5rem;
     line-height: 1.1;
     margin-bottom: 1.75rem;
     letter-spacing: -0.03em;
 }

 .hero-subtext {
     font-size: 1.25rem;
     margin-bottom: 2.5rem;
     max-width: 90%;
     color: var(--text-secondary);
     line-height: 1.65;
 }

 .hero-actions {
     display: flex;
     gap: 1.25rem;
     margin-bottom: 3rem;
     flex-wrap: wrap;
 }

 .hero-img {
     width: 100%;
     height: auto;
     border-radius: 24px;
 }

 /* ============================================ */
 /* BUTTONS
 /* ============================================ */
 .btn-primary, .btn-secondary {
     padding: 1rem 2.25rem;
     border-radius: 40px;
     font-size: 0.9375rem;
     text-decoration: none;
     font-weight: 600;
     transition: all 0.3s ease;
     letter-spacing: 0.5px;
     display: inline-flex;
     align-items: center;
     gap: 0.5rem;
 }

 .btn-primary {
     background-color: var(--accent);
     color: #0B0B0F;
     border: none;
     cursor: pointer;
 }

 .btn-primary:hover {
     background-color: var(--accent-dim);
     transform: translateY(-2px);
 }

 .btn-secondary {
     background-color: transparent;
     color: var(--text-primary);
     border: 1px solid var(--border-color);
 }

 .btn-secondary:hover {
     border-color: var(--accent);
     color: var(--accent);
     transform: translateY(-2px);
 }

 /* ============================================ */
 /* TRUST INDICATORS
 /* ============================================ */
 .trust-indicators {
     display: flex;
     gap: 2rem;
     border-top: 1px solid var(--border-color);
     padding-top: 1.75rem;
     margin-top: 0.5rem;
 }

 .trust-item {
     display: flex;
     align-items: center;
     gap: 0.625rem;
     font-size: var(--text-xs);
     font-weight: 500;
     letter-spacing: 0.5px;
     text-transform: uppercase;
     color: var(--text-muted);
 }

 .trust-item svg {
     color: var(--accent-dim);
     width: 14px;
     height: 14px;
 }

 /* ============================================ */
 /* MODALITIES SECTION
 /* ============================================ */
 .modalities-section {
     padding: 7rem 2rem;
     background: var(--bg-secondary);
     border-bottom: 1px solid var(--border-color);
 }

 .section-header {
     text-align: center;
     margin-bottom: 5rem;
 }

 .section-header .badge-wrapper {
     display: inline-flex;
     align-items: center;
     gap: 0.625rem;
     justify-content: center;
     margin-bottom: 1.25rem;
 }

 .section-header h2 {
     font-size: 3rem;
     font-weight: 600;
     letter-spacing: -0.02em;
     margin-bottom: 1rem;
 }

 .section-header p {
     font-size: 1.125rem;
     color: var(--text-secondary);
     max-width: 650px;
     margin: 0 auto;
     line-height: 1.6;
 }

 .modalities-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 2rem;
     max-width: 1280px;
     margin: 0 auto;
 }

 /* ============================================ */
 /* ROI SECTION
 /* ============================================ */
 .roi-section {
     padding: 7rem 2rem;
     background: var(--bg-secondary);
     border-bottom: 1px solid var(--border-color);
 }

 .roi-container {
     max-width: 1280px;
     margin: 0 auto;
 }

 .roi-header {
     text-align: center;
     max-width: 800px;
     margin: 0 auto 5rem auto;
 }

 .roi-header .badge-wrapper {
     display: inline-flex;
     align-items: center;
     gap: 0.625rem;
     justify-content: center;
     margin-bottom: 1.25rem;
 }

 .roi-header h2 {
     font-size: 3rem;
     margin-bottom: 1.25rem;
     font-weight: 600;
     letter-spacing: -0.02em;
 }

 .roi-header p {
     font-size: 1.125rem;
     color: var(--text-secondary);
     line-height: 1.6;
 }

 .roi-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 2rem;
     max-width: 1280px;
     margin: 0 auto;
 }

 /* Shared Card Styles */
 .modality-card,
 .roi-card {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
     border-radius: 24px;
     padding: 2.5rem 2rem;
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 .modality-card:hover,
 .roi-card:hover {
     border-color: var(--accent-dim);
     transform: translateY(-4px);
     background: #151519;
 }

 .modality-card .icon-wrapper,
 .roi-card .icon-wrapper {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     color: var(--accent);
     margin-bottom: 1.75rem;
     transition: all 0.3s ease;
 }

 .modality-card:hover .icon-wrapper,
 .roi-card:hover .icon-wrapper {
     transform: scale(1.05);
 }

 .modality-card .icon-wrapper svg,
 .roi-card .icon-wrapper svg {
     width: 36px;
     height: 36px;
     stroke-width: 1.5;
 }

 .modality-card h3,
 .roi-card h3 {
     font-size: 1.375rem;
     margin-bottom: 0.875rem;
     font-weight: 600;
     letter-spacing: -0.01em;
 }

 .modality-card p,
 .roi-card p {
     font-size: 0.9375rem;
     margin: 0;
     line-height: 1.65;
     color: var(--text-secondary);
 }

 /* ============================================ */
 /* LEGACY SECTION
 /* ============================================ */
 .legacy-section {
     padding: 7rem 2rem;
     background: var(--bg-primary);
 }

 .legacy-container {
     max-width: 900px;
     margin: 0 auto;
     text-align: center;
 }

 .legacy-text-block {
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .legacy-text-block h2 {
     font-size: 3rem;
     margin-bottom: 1.75rem;
     font-weight: 600;
     letter-spacing: -0.02em;
 }

 .lead-text {
     font-size: 1.25rem;
     color: var(--accent);
     font-weight: 500;
     margin-bottom: 1.75rem;
     line-height: 1.6;
 }

 .legacy-text-block p:not(.lead-text) {
     font-size: 1.125rem;
     max-width: 800px;
     line-height: 1.7;
     color: var(--text-secondary);
 }

 /* ============================================ */
 /* SHOWCASE SECTION
 /* ============================================ */
 .showcase {
     background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-primary) 100%);
     width: 100%;
     height: 90vh;
     min-height: 500px;
     background-image: url('../images/tesla-module-1920.webp');
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     border-bottom: 1px solid var(--border-color);
 }

 /* ============================================ */
 /* FAQ SECTION
 /* ============================================ */
 .faq-section {
     padding: 7rem 2rem;
     background: var(--bg-primary);
     border-bottom: 1px solid var(--border-color);
 }

 .faq-container {
     max-width: 800px;
     margin: 0 auto;
 }

 .faq-wrapper {
     display: flex;
     flex-direction: column;
     gap: 1rem;
     margin-top: 3rem;
 }

 .faq-item {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
     border-radius: 20px;
     overflow: hidden;
 }

 .faq-item[open] {
     border-color: var(--accent-dim);
 }

 .faq-item summary::-webkit-details-marker {
     display: none;
 }

 .faq-item summary {
     padding: 1.5rem;
     font-weight: 600;
     font-size: 1.125rem;
     color: var(--text-primary);
     cursor: pointer;
     list-style: none;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-family: var(--font-heading);
     letter-spacing: -0.01em;
 }

 .faq-item summary::after {
     content: "+";
     color: var(--accent);
     font-size: 1.5rem;
     font-weight: 400;
 }

 .faq-item[open] summary::after {
     content: "−";
 }

 .faq-content {
     padding: 0 1.5rem 1.5rem 1.5rem;
     border-top: 1px solid var(--border-color);
     margin-top: 0.5rem;
     padding-top: 1.25rem;
     color: var(--text-secondary);
     font-size: 1rem;
     line-height: 1.65;
 }

 /* ============================================ */
 /* CONTACT SECTION
 /* ============================================ */
 .contact-section {
     padding: 7rem 2rem;
     background: var(--bg-secondary);
 }

 .contact-container {
     max-width: 1200px;
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     gap: 4rem;
     background: var(--bg-card);
     border-radius: 28px;
     padding: 3.5rem;
     border: 1px solid var(--border-color);
 }

 .contact-info h2 {
     font-size: 2.5rem;
     margin-bottom: 1.25rem;
     font-weight: 600;
 }

 .info-grid {
     display: flex;
     flex-direction: column;
     gap: 1.75rem;
 }

 .info-label {
     font-size: 0.75rem;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     color: var(--accent);
     font-weight: 600;
     font-family: var(--font-heading);
 }

 .info-value {
     color: var(--text-primary);
     font-size: 1.125rem;
     text-decoration: none;
     font-weight: 500;
     display: block;
     margin-top: 0.25rem;
 }

 /* Form Styles */
 .lead-form {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }

 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1.5rem;
 }

 .form-group {
     display: flex;
     flex-direction: column;
     gap: 0.5rem;
     position: relative;
 }

 .form-group label {
     font-size: 0.875rem;
     color: var(--text-primary);
     font-weight: 500;
     letter-spacing: 0.3px;
 }

 .form-group input,
 .form-group textarea {
     width: 100%;
     padding: 1rem 1.125rem;
     background: var(--bg-tertiary);
     border: 1px solid var(--border-color);
     border-radius: 14px;
     color: var(--text-primary);
     font-family: var(--font-body);
     transition: all 0.2s ease;
     font-size: 0.9375rem;
 }

 .form-group input:focus,
 .form-group textarea:focus {
     outline: none;
     border-color: var(--accent-dim);
 }

 /* Validation Styles */
 .form-group input.error,
 .form-group textarea.error {
     border-color: #e74c3c;
     background-color: rgba(231, 76, 60, 0.05);
 }

 .form-group input.error:focus,
 .form-group textarea.error:focus {
     border-color: #e74c3c;
     box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.2);
 }

 .error-message {
     display: none;
     font-size: 0.75rem;
     color: #e74c3c;
     margin-top: 0.25rem;
     margin-left: 0.25rem;
 }

 .error-message.show {
     display: block;
 }

 .btn-submit {
     padding: 1rem;
     border-radius: 40px;
     font-size: 0.9375rem;
     font-weight: 600;
     background-color: var(--accent);
     color: #0B0B0F;
     border: none;
     cursor: pointer;
     width: 100%;
     transition: all 0.3s ease;
     letter-spacing: 0.5px;
 }

 .btn-submit:hover {
     background-color: var(--accent-dim);
 }

 /* ============================================ */
 /* FOOTER
 /* ============================================ */
 .site-footer {
     background: var(--bg-primary);
     border-top: 1px solid var(--border-color);
     padding: 5rem 2rem 2rem 2rem;
 }

 .footer-container {
     max-width: 1280px;
     margin: 0 auto 3rem auto;
     display: grid;
     grid-template-columns: 2fr 1fr 1fr;
     gap: 3rem;
 }

 .footer-brand h3 {
     font-size: 1.125rem;
     font-weight: 600;
     letter-spacing: 1px;
     margin-bottom: 1rem;
 }

 .footer-brand p {
     color: var(--text-muted);
     font-size: 0.875rem;
     line-height: 1.6;
 }

 .site-footer ul {
     list-style: none;
     display: flex;
     flex-direction: column;
     gap: 0.75rem;
 }

 .site-footer a {
     color: var(--text-secondary);
     text-decoration: none;
     transition: color 0.2s ease;
     font-size: 0.875rem;
 }

 .site-footer a:hover {
     color: var(--accent);
 }

 .footer-links h4,
 .footer-legal h4 {
     font-size: 0.8125rem;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: var(--text-muted);
     margin-bottom: 1.25rem;
 }

 .footer-bottom {
     max-width: 1280px;
     margin: 0 auto;
     padding-top: 2rem;
     border-top: 1px solid var(--border-color);
     display: flex;
     justify-content: space-between;
     font-size: 0.75rem;
     color: var(--text-muted);
 }

 /* ============================================ */
 /* 404 ERROR PAGE
 /* ============================================ */
 .error-container {
     flex: 1;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 8rem 2rem 5rem;
     min-height: 100vh;
 }

 .error-content {
     text-align: center;
     max-width: 600px;
 }

 .error-code {
     font-family: var(--font-heading);
     font-size: 12rem;
     font-weight: 700;
     line-height: 1;
     color: var(--accent);
     letter-spacing: -0.03em;
     margin-bottom: 1rem;
     text-shadow: 0 0 30px var(--accent-glow);
     animation: pulseGlow 2s ease-in-out infinite;
 }

 @keyframes pulseGlow {
     0%, 100% { text-shadow: 0 0 20px rgba(192, 160, 107, 0.2); }
     50% { text-shadow: 0 0 40px rgba(192, 160, 107, 0.5); }
 }

 .error-title {
     font-family: var(--font-heading);
     font-size: 2rem;
     font-weight: 500;
     color: var(--text-primary);
     margin-bottom: 1rem;
 }

 .error-message {
     font-size: 1.125rem;
     color: var(--text-secondary);
     margin-bottom: 2rem;
     line-height: 1.6;
 }

 .divider {
     width: 60px;
     height: 2px;
     background: var(--accent);
     margin: 1.5rem auto;
     opacity: 0.5;
 }

 .error-actions {
     display: flex;
     gap: 1rem;
     justify-content: center;
     flex-wrap: wrap;
     margin-top: 1rem;
 }

 /* ============================================ */
 /* RESPONSIVE DESIGN
 /* ============================================ */

 /* Tablet (max-width: 900px) */
 @media (max-width: 900px) {
     .hero-container {
         grid-template-columns: 1fr;
         text-align: center;
         gap: 3rem;
     }

     .hero-actions { justify-content: center; }
     .hero-subtext { max-width: 100%; }
     .hero-content h1 { font-size: 3.5rem; }

     .trust-indicators {
         flex-direction: column;
         gap: 0.75rem;
         justify-content: center;
     }

     .modalities-grid,
     .roi-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 1.5rem;
     }

     .section-header h2,
     .legacy-text-block h2,
     .roi-header h2 {
         font-size: 2.5rem;
     }

     .contact-container {
         grid-template-columns: 1fr;
         padding: 2.5rem;
     }

     .form-row { grid-template-columns: 1fr; }
     .showcase { height: 60vh; min-height: 300px; }
 }

 /* Mobile (max-width: 600px) */
 @media (max-width: 600px) {
     /* Typography */
     .hero-content h1 { font-size: 2.5rem; }
     .hero-subtext { font-size: 1rem; }
     .section-header h2,
     .legacy-text-block h2,
     .roi-header h2,
     .contact-info h2 {
         font-size: 2rem;
     }
     .section-header p,
     .legacy-text-block p:not(.lead-text),
     .roi-header p {
         font-size: 1rem;
     }
     .lead-text { font-size: 1.125rem; }

     /* Layout */
     .hero-section {
         padding: 8rem 1.5rem 5rem 1.5rem;
     }

     .modalities-section,
     .legacy-section,
     .roi-section,
     .faq-section,
     .contact-section {
         padding: 5rem 1.5rem;
     }

     .modalities-grid,
     .roi-grid {
         grid-template-columns: 1fr;
         gap: 1.5rem;
     }

     .footer-container {
         grid-template-columns: 1fr;
         gap: 2rem;
     }

     .footer-bottom {
         flex-direction: column;
         text-align: center;
         gap: 1rem;
     }

     /* Form Mobile Fixes */
     .contact-container {
         padding: 2rem !important;
         border-radius: 20px !important;
     }

     .form-group input,
     .form-group textarea {
         font-size: 1rem !important;
         padding: 0.875rem 1rem !important;
     }

     .form-row { gap: 1rem !important; }
     .btn-submit {
         padding: 0.875rem !important;
         font-size: 0.9375rem !important;
     }
     .info-value { font-size: 1rem !important; }
     .info-label { font-size: 0.7rem !important; }

     /* FAQ Mobile Fixes */
     .faq-item summary {
         font-size: 1rem !important;
         padding: 1.25rem !important;
         line-height: 1.4 !important;
         font-weight: 500 !important;
     }

     .faq-item summary::after {
         font-size: 1.25rem !important;
         margin-left: 0.75rem !important;
         flex-shrink: 0 !important;
     }

     .faq-content {
         padding: 0 1.25rem 1.25rem 1.25rem !important;
         font-size: 0.9375rem !important;
     }

     .faq-wrapper { gap: 0.75rem !important; }

     /* Form Utilities */
     .lead-form,
     .form-group {
         width: 100% !important;
     }

     input, textarea, button {
         max-width: 100% !important;
         box-sizing: border-box !important;
     }

     /* 404 Page */
     .error-code { font-size: 7rem; }
     .error-title { font-size: 1.5rem; }
     .error-message { font-size: 1rem; }
     .error-actions { flex-direction: column; align-items: center; }
 }

 /* Very Small Screens (max-width: 480px) */
 @media (max-width: 480px) {
     .contact-container { padding: 1.5rem !important; }
     .contact-info h2 { font-size: 1.75rem !important; }

     .faq-item summary {
         font-size: 0.9375rem !important;
         padding: 1rem !important;
     }
     .faq-content {
         padding: 0 1rem 1rem 1rem !important;
         font-size: 0.875rem !important;
     }
 }