ul li, ol li  {color: #1f2937 !important; opacity: 1 !important; font-family: var(--font-family-base) !important; font-size: var(--font-size-base) !important; font-weight: var(--font-weight-normal) !important; line-height: var(--line-height-normal) !important;  }*  {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }@media (prefers-reduced-motion: reduce)  {*,*::before,*::after  {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; ransition-duration: 0.01ms !important;  } }@keyframes fadeIn  {from  { opacity: 0;  transform: translateY(10px);   }o  { opacity: 1;  transform: translateY(0);   } }@keyframes slideIn  {from  { transform: translateX(-20px);  opacity: 0;   }o  { transform: translateX(0);  opacity: 1;   } }@font-face  {font-family: 'Inter'; font-display: swap; font-style: normal; font-weight: 400;  }@font-face  {font-family: 'Inter'; font-display: swap; font-style: normal; font-weight: 500;  }@font-face  {font-family: 'Inter'; font-display: swap; font-style: normal; font-weight: 600;  }@font-face  {font-family: 'Inter'; font-display: swap; font-style: normal; font-weight: 700;  }body  {font-display: swap; ext-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }*,*::before,*::after  {box-sizing: border-box; margin: 0; padding: 0;  }:root  {--color-white: #ffffff; --color-black: #000000; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #374151; --color-gray-700: #1f2937; --color-gray-800: #111827; --color-gray-900: #000000; --color-primary-50: #f0f4ff; --color-primary-100: #e1e9ff; --color-primary-200: #c3d3ff; --color-primary-300: #a5bdff; --color-primary-400: #87a7ff; --color-primary-500: #1e40af; --color-primary-600: #1e3a8a; --color-primary-700: #1e3a8a; --color-primary-800: #1e3a8a; --color-primary-900: #1e3a8a; --color-accent-50: #fffbeb; --color-accent-100: #fef3c7; --color-accent-200: #fde68a; --color-accent-300: #fcd34d; --color-accent-400: #fbbf24; --color-accent-500: #f59e0b; --color-accent-600: #d97706; --color-accent-700: #b45309; --color-accent-800: #92400e; --color-accent-900: #78350f; --color-success-50: #f0fdf4; --color-success-100: #dcfce7; --color-success-200: #bbf7d0; --color-success-300: #86efac; --color-success-400: #4ade80; --color-success-500: #22c55e; --color-success-600: #16a34a; --color-success-700: #15803d; --color-success-800: #166534; --color-success-900: #14532d; --color-warning-50: #fffbeb; --color-warning-100: #fef3c7; --color-warning-200: #fde68a; --color-warning-300: #fcd34d; --color-warning-400: #fbbf24; --color-warning-500: #f59e0b; --color-warning-600: #d97706; --color-warning-700: #b45309; --color-warning-800: #92400e; --color-warning-900: #78350f; --color-error-50: #fef2f2; --color-error-100: #fee2e2; --color-error-200: #fecaca; --color-error-300: #fca5a5; --color-error-400: #f87171; --color-error-500: #ef4444; --color-error-600: #dc2626; --color-error-700: #b91c1c; --color-error-800: #991b1b; --color-error-900: #7f1d1d; --color-brown-600-rgb: 94, 82, 64; --color-teal-500-rgb: 33, 128, 141; --color-slate-900-rgb: 19, 52, 59; --color-slate-500-rgb: 98, 108, 113; --color-red-500-rgb: 192, 21, 47; --color-red-400-rgb: 255, 84, 89; --color-orange-500-rgb: 168, 75, 47; --color-orange-400-rgb: 230, 129, 97; --color-bg-1: rgba(59, 130, 246, 0.06); --color-bg-2: rgba(245, 158, 11, 0.06); --color-bg-3: rgba(34, 197, 94, 0.06); --color-bg-4: rgba(239, 68, 68, 0.06); --color-bg-5: rgba(147, 51, 234, 0.06); --color-bg-6: rgba(249, 115, 22, 0.06); --color-bg-7: rgba(236, 72, 153, 0.06); --color-bg-8: rgba(6, 182, 212, 0.06); --color-background: #fafafa; --color-surface: var(--color-white); --color-text: #1f2937; --color-text-secondary: #6b7280; --color-primary: var(--color-primary-500); --color-primary-hover: var(--color-primary-600); --color-primary-active: var(--color-primary-700); --color-secondary: var(--color-accent-50); --color-secondary-hover: var(--color-accent-100); --color-secondary-active: var(--color-accent-200); --color-border: #e5e7eb; --color-btn-primary-text: var(--color-white); --color-card-border: #f3f4f6; --color-card-border-inner: #f9fafb; --color-error: var(--color-error-500); --color-success: var(--color-success-500); --color-warning: var(--color-warning-500); --color-info: var(--color-gray-500); --color-focus-ring: rgba(30, 64, 175, 0.4); --color-select-caret: rgba(31, 41, 55, 0.8); --gradient-primary: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%); --gradient-accent: linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-700) 100%); --gradient-hero: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-success-50) 100%); --gradient-cta: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-success-600) 100%); --gradient-success: linear-gradient(135deg, var(--color-success-500) 0%, var(--color-success-600) 100%); --gradient-royal-green: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-success-500) 100%); --gradient-green-orange: linear-gradient(135deg, var(--color-success-500) 0%, var(--color-accent-500) 100%); --focus-ring: 0 0 0 3px var(--color-focus-ring); --focus-outline: 2px solid var(--color-primary); --status-bg-opacity: 0.15; --status-border-opacity: 0.25; --select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); --select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); --color-success-rgb: 33, 128, 141; --color-error-rgb: 192, 21, 47; --color-warning-rgb: 168, 75, 47; --color-info-rgb: 98, 108, 113; --font-family-base: "FKGroteskNeue", "Geist", "Inter", -apple-system,BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --font-family-mono: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo,Monaco, Consolas, monospace; --font-size-xs: 11px; --font-size-sm: 12px; --font-size-base: 14px; --font-size-md: 14px; --font-size-lg: 16px; --font-size-xl: 18px; --font-size-2xl: 20px; --font-size-3xl: 24px; --font-size-4xl: 30px; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 550; --font-weight-bold: 600; --line-height-tight: 1.2; --line-height-normal: 1.5; --letter-spacing-tight: -0.01em; --space-0: 0; --space-1: 1px; --space-2: 2px; --space-4: 4px; --space-6: 6px; --space-8: 8px; --space-10: 10px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-32: 32px; --radius-sm: 6px; --radius-base: 8px; --radius-md: 10px; --radius-lg: 12px; --radius-full: 9999px; --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.02); --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.04),0 2px 4px -1px rgba(0, 0, 0, 0.02); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.04),0 4px 6px -2px rgba(0, 0, 0, 0.02); --shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.03); --duration-fast: 150ms; --duration-normal: 250ms; --ease-standard: cubic-bezier(0.16, 1, 0.3, 1); --container-sm: 640px; --container-md: 768px; --container-lg: 1024px; --container-xl: 1280px;  }@media (prefers-color-scheme: dark)  {:root  {--color-gray-400-rgb: 119, 124, 124; --color-teal-300-rgb: 50, 184, 198; --color-gray-300-rgb: 167, 169, 169; --color-gray-200-rgb: 245, 245, 245; --color-bg-1: rgba(29, 78, 216, 0.15); --color-bg-2: rgba(180, 83, 9, 0.15); --color-bg-3: rgba(21, 128, 61, 0.15); --color-bg-4: rgba(185, 28, 28, 0.15); --color-bg-5: rgba(107, 33, 168, 0.15); --color-bg-6: rgba(194, 65, 12, 0.15); --color-bg-7: rgba(190, 24, 93, 0.15); --color-bg-8: rgba(8, 145, 178, 0.15); --color-background: var(--color-charcoal-700); --color-surface: var(--color-charcoal-800); --color-text: var(--color-gray-200); --color-text-secondary: rgba(var(--color-gray-300-rgb), 0.7); --color-primary: var(--color-teal-300); --color-primary-hover: var(--color-teal-400); --color-primary-active: var(--color-teal-800); --color-secondary: rgba(var(--color-gray-400-rgb), 0.15); --color-secondary-hover: rgba(var(--color-gray-400-rgb), 0.25); --color-secondary-active: rgba(var(--color-gray-400-rgb), 0.3); --color-border: rgba(var(--color-gray-400-rgb), 0.3); --color-error: var(--color-red-400); --color-success: var(--color-teal-300); --color-warning: var(--color-orange-400); --color-info: var(--color-gray-300); --color-focus-ring: rgba(var(--color-teal-300-rgb), 0.4); --color-btn-primary-text: var(--color-slate-900); --color-card-border: rgba(var(--color-gray-400-rgb), 0.2); --color-card-border-inner: rgba(var(--color-gray-400-rgb), 0.15); --shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, 0.1),inset 0 -1px 0 rgba(0, 0, 0, 0.15); --button-border-secondary: rgba(var(--color-gray-400-rgb), 0.2); --color-border-secondary: rgba(var(--color-gray-400-rgb), 0.2); --color-select-caret: rgba(var(--color-gray-200-rgb), 0.8); --focus-ring: 0 0 0 3px var(--color-focus-ring); --focus-outline: 2px solid var(--color-primary); --status-bg-opacity: 0.15; --status-border-opacity: 0.25; --select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); --select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); --color-success-rgb: var(--color-teal-300-rgb); --color-error-rgb: var(--color-red-400-rgb); --color-warning-rgb: var(--color-orange-400-rgb); --color-info-rgb: var(--color-gray-300-rgb);  } }[data-color-scheme="dark"]  {--color-gray-400-rgb: 119, 124, 124; --color-teal-300-rgb: 50, 184, 198; --color-gray-300-rgb: 167, 169, 169; --color-gray-200-rgb: 245, 245, 245; --color-bg-1: rgba(29, 78, 216, 0.15); --color-bg-2: rgba(180, 83, 9, 0.15); --color-bg-3: rgba(21, 128, 61, 0.15); --color-bg-4: rgba(185, 28, 28, 0.15); --color-bg-5: rgba(107, 33, 168, 0.15); --color-bg-6: rgba(194, 65, 12, 0.15); --color-bg-7: rgba(190, 24, 93, 0.15); --color-bg-8: rgba(8, 145, 178, 0.15); --color-background: var(--color-charcoal-700); --color-surface: var(--color-charcoal-800); --color-text: var(--color-gray-200); --color-text-secondary: rgba(var(--color-gray-300-rgb), 0.7); --color-primary: var(--color-teal-300); --color-primary-hover: var(--color-teal-400); --color-primary-active: var(--color-teal-800); --color-secondary: rgba(var(--color-gray-400-rgb), 0.15); --color-secondary-hover: rgba(var(--color-gray-400-rgb), 0.25); --color-secondary-active: rgba(var(--color-gray-400-rgb), 0.3); --color-border: rgba(var(--color-gray-400-rgb), 0.3); --color-error: var(--color-red-400); --color-success: var(--color-teal-300); --color-warning: var(--color-orange-400); --color-info: var(--color-gray-300); --color-focus-ring: rgba(var(--color-teal-300-rgb), 0.4); --color-btn-primary-text: var(--color-slate-900); --color-card-border: rgba(var(--color-gray-400-rgb), 0.15); --color-card-border-inner: rgba(var(--color-gray-400-rgb), 0.15); --shadow-inset-sm: inset 0 1px 0 rgba(255, 255, 255, 0.1),inset 0 -1px 0 rgba(0, 0, 0, 0.15); --color-border-secondary: rgba(var(--color-gray-400-rgb), 0.2); --color-select-caret: rgba(var(--color-gray-200-rgb), 0.8); --focus-ring: 0 0 0 3px var(--color-focus-ring); --focus-outline: 2px solid var(--color-primary); --status-bg-opacity: 0.15; --status-border-opacity: 0.25; --select-caret-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); --select-caret-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); --color-success-rgb: var(--color-teal-300-rgb); --color-error-rgb: var(--color-red-400-rgb); --color-warning-rgb: var(--color-orange-400-rgb); --color-info-rgb: var(--color-gray-300-rgb);  }[data-color-scheme="light"]  {--color-brown-600-rgb: 94, 82, 64; --color-teal-500-rgb: 33, 128, 141; --color-slate-900-rgb: 19, 52, 59; --color-background: var(--color-cream-50); --color-surface: var(--color-cream-100); --color-text: var(--color-slate-900); --color-text-secondary: var(--color-slate-500); --color-primary: var(--color-teal-500); --color-primary-hover: var(--color-teal-600); --color-primary-active: var(--color-teal-700); --color-secondary: rgba(var(--color-brown-600-rgb), 0.12); --color-secondary-hover: rgba(var(--color-brown-600-rgb), 0.2); --color-secondary-active: rgba(var(--color-brown-600-rgb), 0.25); --color-border: rgba(var(--color-brown-600-rgb), 0.2); --color-btn-primary-text: var(--color-cream-50); --color-card-border: rgba(var(--color-brown-600-rgb), 0.12); --color-card-border-inner: rgba(var(--color-brown-600-rgb), 0.12); --color-error: var(--color-red-500); --color-success: var(--color-teal-500); --color-warning: var(--color-orange-500); --color-info: var(--color-slate-500); --color-focus-ring: rgba(var(--color-teal-500-rgb), 0.4); --color-success-rgb: var(--color-teal-500-rgb); --color-error-rgb: var(--color-red-500-rgb); --color-warning-rgb: var(--color-orange-500-rgb); --color-info-rgb: var(--color-slate-500-rgb);  }html  {font-size: var(--font-size-base); font-family: var(--font-family-base); line-height: var(--line-height-normal); color: var(--color-text); background-color: var(--color-background); -webkit-font-smoothing: antialiased; box-sizing: border-box;  }body  {margin: 0; padding: 0; font-family: var(--font-family-base); font-size: var(--font-size-base); line-height: var(--line-height-relaxed); color: #1f2937; background: #fafafa; overflow-x: hidden;  }*,*::before,*::after  {box-sizing: inherit;  }h1,h2,h3,h4,h5,h6  {margin: 0; font-weight: var(--font-weight-semibold); line-height: var(--line-height-tight); color: #111827; letter-spacing: var(--letter-spacing-tight);  }h1  {font-size: var(--font-size-4xl);  }h2  {font-size: var(--font-size-3xl);  }h3  {font-size: var(--font-size-2xl);  }h4  {font-size: var(--font-size-xl);  }h5  {font-size: var(--font-size-lg);  }h6  {font-size: var(--font-size-md);  }p  {margin: 0 0 var(--space-16) 0;  }a  {color: var(--color-primary); ext-decoration: none; ransition: color var(--duration-fast) var(--ease-standard);  }a:hover  {color: var(--color-primary-hover);  }code,pre  {font-family: var(--font-family-mono); font-size: calc(var(--font-size-base) * 0.95); background-color: var(--color-secondary); border-radius: var(--radius-sm);  }code  {padding: var(--space-1) var(--space-4);  }pre  {padding: var(--space-16); margin: var(--space-16) 0; overflow: auto; border: 1px solid var(--color-border);  }pre code  {background: none; padding: 0;  }.btn  {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-8) var(--space-16); border-radius: var(--radius-base); font-size: var(--font-size-base); font-weight: 500; line-height: 1.5; cursor: pointer; ransition: all var(--duration-normal) var(--ease-standard); border: none; ext-decoration: none; position: relative;  }.btn:focus-visible  {outline: none; box-shadow: var(--focus-ring);  }.btn--primary  {background: var(--color-primary); color: var(--color-btn-primary-text);  }.btn--primary:hover  {background: var(--color-primary-hover);  }.btn--primary:active  {background: var(--color-primary-active);  }.btn--secondary  {background: var(--color-secondary); color: var(--color-text);  }.btn--secondary:hover  {background: var(--color-secondary-hover);  }.btn--secondary:active  {background: var(--color-secondary-active);  }.btn--outline  {background: transparent; border: 1px solid var(--color-border); color: var(--color-text);  }.btn--outline:hover  {background: var(--color-secondary);  }.btn--sm  {padding: var(--space-4) var(--space-12); font-size: var(--font-size-sm); border-radius: var(--radius-sm);  }.btn--lg  {padding: var(--space-10) var(--space-20); font-size: var(--font-size-lg); border-radius: var(--radius-md);  }.btn--full-width  {width: 100%;  }.btn:disabled  {opacity: 0.5; cursor: not-allowed;  }.form-control  {display: block; width: 100%; padding: var(--space-8) var(--space-12); font-size: var(--font-size-md); line-height: 1.5; color: var(--color-text); background-color: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-base); ransition: border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);  }extarea.form-control  {font-family: var(--font-family-base); font-size: var(--font-size-base);  }select.form-control  {padding: var(--space-8) var(--space-12); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: var(--select-caret-light); background-repeat: no-repeat; background-position: right var(--space-12) center; background-size: 16px; padding-right: var(--space-32);  }@media (prefers-color-scheme: dark)  {select.form-control  {background-image: var(--select-caret-dark);  } }[data-color-scheme="dark"] select.form-control  {background-image: var(--select-caret-dark);  }[data-color-scheme="light"] select.form-control  {background-image: var(--select-caret-light);  }.form-control:focus  {border-color: var(--color-primary); outline: var(--focus-outline);  }.form-label  {display: block; margin-bottom: var(--space-8); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm);  }.form-group  {margin-bottom: var(--space-16);  }.card  {background-color: var(--color-surface); border-radius: var(--radius-lg); border: 1px solid var(--color-card-border); box-shadow: var(--shadow-sm); overflow: hidden; ransition: box-shadow var(--duration-normal) var(--ease-standard);  }.card:hover  {box-shadow: var(--shadow-md);  }.card__body  {padding: var(--space-16);  }.card__header,.card__footer  {padding: var(--space-16); border-bottom: 1px solid var(--color-card-border-inner);  }.status  {display: inline-flex; align-items: center; padding: var(--space-6) var(--space-12); border-radius: var(--radius-full); font-weight: var(--font-weight-medium); font-size: var(--font-size-sm);  }.status--success  {background-color: rgba(var(--color-success-rgb, 33, 128, 141),var(--status-bg-opacity)); color: var(--color-success); border: 1px solidrgba(var(--color-success-rgb, 33, 128, 141), var(--status-border-opacity));  }.status--error  {background-color: rgba(var(--color-error-rgb, 192, 21, 47),var(--status-bg-opacity)); color: var(--color-error); border: 1px solidrgba(var(--color-error-rgb, 192, 21, 47), var(--status-border-opacity));  }.status--warning  {background-color: rgba(var(--color-warning-rgb, 168, 75, 47),var(--status-bg-opacity)); color: var(--color-warning); border: 1px solidrgba(var(--color-warning-rgb, 168, 75, 47), var(--status-border-opacity));  }.status--info  {background-color: rgba(var(--color-info-rgb, 98, 108, 113),var(--status-bg-opacity)); color: var(--color-info); border: 1px solidrgba(var(--color-info-rgb, 98, 108, 113), var(--status-border-opacity));  }.container  {width: 100%; margin-right: auto; margin-left: auto; padding-right: var(--space-16); padding-left: var(--space-16);  }@media (min-width: 640px)  {.container  {max-width: var(--container-sm);  } }@media (min-width: 768px)  {.container  {max-width: var(--container-md);  } }@media (min-width: 1024px)  {.container  {max-width: var(--container-lg);  } }@media (min-width: 1280px)  {.container  {max-width: var(--container-xl);  } }.flex  {display: flex;  }.flex-col  {flex-direction: column;  }.items-center  {align-items: center;  }.justify-center  {justify-content: center;  }.justify-between  {justify-content: space-between;  }.gap-4  {gap: var(--space-4);  }.gap-8  {gap: var(--space-8);  }.gap-16  {gap: var(--space-16);  }.m-0  {margin: 0;  }.mt-8  {margin-top: var(--space-8);  }.mb-8  {margin-bottom: var(--space-8);  }.mx-8  {margin-left: var(--space-8); margin-right: var(--space-8);  }.my-8  {margin-top: var(--space-8); margin-bottom: var(--space-8);  }.p-0  {padding: 0;  }.py-8  {padding-top: var(--space-8); padding-bottom: var(--space-8);  }.px-8  {padding-left: var(--space-8); padding-right: var(--space-8);  }.py-16  {padding-top: var(--space-16); padding-bottom: var(--space-16);  }.px-16  {padding-left: var(--space-16); padding-right: var(--space-16);  }.block  {display: block;  }.hidden  {display: none;  }.sr-only  {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;  }:focus-visible  {outline: var(--focus-outline); outline-offset: 2px;  }[data-color-scheme="dark"] .btn--outline  {border: 1px solid var(--color-border-secondary);  }@font-face  {font-family: 'FKGroteskNeue'; src: url('https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2')format('woff2');  }:root  {--color-navy-primary: var(--color-gray-800); --color-navy-light: var(--color-gray-700); --color-navy-dark: var(--color-gray-900); --color-teal-primary: var(--color-primary-600); --color-teal-light: var(--color-primary-400); --color-teal-dark: var(--color-primary-800); --color-teal-ultra-light: var(--color-primary-50); --color-coral-primary: var(--color-accent-500); --color-coral-light: var(--color-accent-400); --color-coral-dark: var(--color-accent-700); --color-gold: var(--color-warning-400); --color-gold-light: var(--color-warning-300); --color-gold-dark: var(--color-warning-600); --color-cream: var(--color-white); --color-light-gray: var(--color-gray-100); --color-medium-gray: var(--color-gray-500); --color-dark-gray: var(--color-gray-700); --color-primary: var(--color-teal-primary); --color-primary-hover: var(--color-teal-dark); --color-primary-active: var(--color-teal-dark); --color-secondary-custom: var(--color-navy-primary); --color-accent: var(--color-coral-primary); --color-accent-hover: var(--color-coral-dark); --gradient-hero: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-accent-50) 100%); --gradient-cta: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-accent-600) 100%); --gradient-card: linear-gradient(145deg, var(--color-white) 0%, var(--color-gray-50) 100%); --shadow-premium: 0 10px 40px rgba(17, 24, 39, 0.1); --shadow-card: 0 8px 25px rgba(17, 24, 39, 0.08); --shadow-button: 0 4px 15px rgba(0, 102, 255, 0.3); --shadow-dropdown: 0 15px 35px rgba(17, 24, 39, 0.15);  }.header  {position: fixed; op: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(26, 34, 56, 0.1); z-index: 1000; ransition: all var(--duration-normal) var(--ease-standard);  }@media (max-width: 1024px)  {.header  {background: rgba(255, 255, 255, 0.98);  }main  {margin-top: 80px;  }.hero  {margin-top: 0;  } }.header.scrolled  {background: rgba(255, 255, 255, 0.98); box-shadow: var(--shadow-card);  }.nav  {display: flex; align-items: center; justify-content: space-between; padding: var(--space-16) 0; max-width: 1500px; margin: 0 auto; gap: var(--space-24); min-height: 96px; overflow: visible;  }.nav__brand  {flex-shrink: 0; display: flex; align-items: center; height: 64px;  }.logo  {display: flex; align-items: center; gap: var(--space-16); ext-decoration: none; color: inherit;  }.logo__icon  {width: 64px; height: 64px; background: var(--gradient-cta); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; box-shadow: var(--shadow-button);  }.logo__icon i  {width: 28px; height: 28px;  }.logo__image  {width: 100%; height: 100%; object-fit: contain; border-radius: 50%;  }.logo__text  {font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: #1e40af; letter-spacing: -0.02em;  }.nav__menu  {display: flex; align-items: center; justify-content: center; gap: var(--space-16); flex: 1; margin: 0 var(--space-20); padding-right: var(--space-8); align-self: center; flex-wrap: nowrap; overflow: visible;  }.nav__list  {display: flex; align-items: center; justify-content: center; gap: var(--space-16); list-style: none; margin: 0; padding: 0; height: 64px; flex-wrap: nowrap; overflow: visible;  }.nav__item  {position: relative; flex-shrink: 0; white-space: nowrap; min-width: 100px;  }.nav__item .nav__link  {word-break: keep-all; ext-overflow: ellipsis;  }@media (max-width: 1200px)  {.nav__link  {font-size: 0.9rem; letter-spacing: 0.2px; padding: var(--space-5) var(--space-2);  }.nav__list  {gap: var(--space-10);  }.nav__menu  {gap: var(--space-10); margin: 0 var(--space-16);  } }.nav__link  {word-spacing: normal; hyphens: none; line-height: 1;  }.nav__list .nav__item,.nav__list .nav__link  {white-space: nowrap !important; flex-wrap: nowrap !important;  }.nav,.nav__menu,.nav__list  {flex-wrap: nowrap !important;  }.nav__menu  {min-width: 700px;  }.nav__list  {min-width: 700px;  }.nav__item:last-child .nav__link  {padding-right: var(--space-4); margin-right: var(--space-4);  }@media (min-width: 1400px)  {.nav__menu  {min-width: 800px;  }.nav__list  {min-width: 800px;  }.nav__item  {min-width: 120px;  }.nav__link  {min-width: 120px;  } }@media (max-width: 1200px)  {.nav__menu,.nav__list  {min-width: 650px;  }.nav  {max-width: 1400px;  } }@media (max-width: 1100px)  {.nav__menu,.nav__list  {min-width: 600px;  } }@media (max-width: 1100px)  {.nav__link  {font-size: 0.85rem; letter-spacing: 0.1px; padding: var(--space-4) var(--space-2);  }.nav__list  {gap: var(--space-8);  }.nav__menu  {gap: var(--space-8); margin: 0 var(--space-12);  } }.nav__link  {color: #374151; ext-decoration: none; font-weight: var(--font-weight-medium); font-size: 0.95rem; letter-spacing: 0.3px; padding: var(--space-6) var(--space-3); ransition: all var(--duration-fast) var(--ease-standard); display: flex; align-items: center; gap: var(--space-2); height: 64px; white-space: nowrap; flex-shrink: 0; min-width: 100px;  }.nav__link:hover,.nav__link.active  {color: var(--color-teal-primary);  }.nav__link i  {width: 14px; height: 14px; ransition: transform var(--duration-fast) var(--ease-standard); ransform-origin: center;  }.nav__dropdown:hover .nav__link i,.nav__dropdown.active .nav__link i  {ransform: rotate(180deg);  }.nav__dropdown.active .nav__link  {color: var(--color-teal-primary); background: rgba(20, 184, 166, 0.05); border-radius: var(--radius-base);  }.nav__dropdown.active .dropdown__menu  {opacity: 1 !important; visibility: visible !important; ransform: translateY(0) !important; display: block !important;  }.dropdown__menu  {position: absolute; op: 100%; left: 0; background: white; min-width: 320px; border-radius: var(--radius-lg); box-shadow: 0 10px 40px rgba(26, 34, 56, 0.15); border: 1px solid rgba(26, 34, 56, 0.08); opacity: 0; visibility: hidden; ransform: translateY(-12px); ransition: all var(--duration-normal) var(--ease-standard); z-index: 1000; backdrop-filter: blur(10px);  }.nav__dropdown:hover .dropdown__menu  {opacity: 1; visibility: visible; ransform: translateY(0);  }.dropdown__content  {padding: var(--space-20);  }.dropdown__section  {margin-bottom: var(--space-16);  }.dropdown__section:last-child  {margin-bottom: 0;  }.dropdown__section-title  {font-size: 0.75rem; font-weight: 600; color: var(--color-gray-500); ext-transform: uppercase; letter-spacing: 0.5px; margin-bottom: var(--space-12); padding-left: var(--space-16);  }.dropdown__link  {display: flex; align-items: center; color: var(--color-navy-primary); ext-decoration: none; padding: var(--space-12) var(--space-16); border-radius: var(--radius-base); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); ransition: all var(--duration-fast) var(--ease-standard); border-left: 3px solid transparent; gap: var(--space-12); position: relative;  }.dropdown__link-icon  {width: 18px; height: 18px; color: var(--color-teal-primary); flex-shrink: 0;  }.dropdown__link-content  {flex: 1;  }.dropdown__link-title  {font-weight: 600; color: var(--color-navy-primary); margin-bottom: 2px;  }.dropdown__link-desc  {font-size: 0.75rem; color: var(--color-gray-600); line-height: 1.3;  }.dropdown__link:hover  {background: linear-gradient(135deg, var(--color-teal-ultra-light) 0%, rgba(20, 184, 166, 0.05) 100%); color: var(--color-teal-dark); border-left-color: var(--color-teal-primary); ransform: translateX(4px); box-shadow: 0 2px 8px rgba(20, 184, 166, 0.1);  }.dropdown__link:hover .dropdown__link-icon  {color: var(--color-teal-dark); ransform: scale(1.1);  }.dropdown__link:hover .dropdown__link-title  {color: var(--color-teal-dark);  }.dropdown__divider  {height: 1px; background: linear-gradient(90deg, transparent 0%, var(--color-gray-200) 50%, transparent 100%); margin: var(--space-16) 0;  }.dropdown__link.simple-link  {display: block; gap: 0;  }.dropdown__link.simple-link:hover  {background: var(--color-teal-ultra-light); box-shadow: none;  }.hero-section  {background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #bae6fd 100%); color: var(--color-navy-primary); padding: 140px 0 80px 0; margin-top: 80px; ext-align: center; position: relative; overflow: hidden;  }.hero-section::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23ffffff" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>'); opacity: 0.1;  }.hero-content  {position: relative; z-index: 2; max-width: 900px; margin: 0 auto; padding: 0 20px;  }.hero-title  {font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; color: var(--color-navy-primary); margin-bottom: 24px; line-height: 1.2;  }.hero-subtitle  {font-size: 1.25rem; color: var(--color-gray-600); margin-bottom: 40px; line-height: 1.6; max-width: 700px; margin-left: auto; margin-right: auto;  }.hero-stats  {display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; margin-top: 40px;  }.stat-item  {ext-align: center; background: rgba(255, 255, 255, 0.8); padding: 24px 32px; border-radius: 16px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);  }.stat-number  {display: block; font-size: 2.5rem; font-weight: 700; color: var(--color-teal-600); margin-bottom: 8px;  }.stat-label  {font-size: 0.9rem; color: var(--color-gray-600); font-weight: 500; ext-transform: uppercase; letter-spacing: 0.5px;  }.services-section  {padding: 80px 0; background: white;  }.section-header  {ext-align: center; margin-bottom: 60px;  }.section-header h2  {font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--color-navy-primary); margin-bottom: 20px;  }.section-header p  {font-size: 1.2rem; color: var(--color-gray-600); max-width: 700px; margin: 0 auto; line-height: 1.6;  }.services-grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 32px; max-width: 1200px; margin: 0 auto;  }.service-card  {background: white; border-radius: 20px; padding: 32px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); ransition: all 0.3s ease; border: 1px solid var(--color-gray-100); position: relative; overflow: hidden;  }.service-card::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--color-teal-400) 0%, var(--color-blue-400) 100%);  }.service-card:hover  {ransform: translateY(-8px); box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);  }.service-icon  {width: 60px; height: 60px; background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: var(--color-teal-600);  }.service-icon i  {width: 32px; height: 32px;  }.service-card h3  {font-size: 1.4rem; font-weight: 600; color: var(--color-navy-primary); margin-bottom: 16px;  }.service-card p  {color: var(--color-gray-600); line-height: 1.6; margin-bottom: 20px;  }.service-card ul  {list-style: none; padding: 0;  }.service-card li  {padding: 8px 0; color: var(--color-gray-700); position: relative; padding-left: 24px;  }.service-card li::before  {content: '✓'; color: var(--color-teal-500); font-weight: bold; position: absolute; left: 0;  }.process-section  {padding: 80px 0; background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);  }.process-steps  {display: flex; flex-direction: column; gap: 32px; max-width: 800px; margin: 0 auto;  }.process-step  {display: flex; align-items: flex-start; gap: 24px; padding: 24px; background: white; border-radius: 16px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); border: 1px solid var(--color-gray-100);  }.step-number  {width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-teal-500) 0%, var(--color-blue-500) 100%); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; flex-shrink: 0;  }.step-content h3  {font-size: 1.3rem; font-weight: 600; color: var(--color-navy-primary); margin-bottom: 12px;  }.step-content p  {color: var(--color-gray-600); line-height: 1.6;  }.features-section  {padding: 80px 0; background: white;  }.features-grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; max-width: 1200px; margin: 0 auto;  }.feature-card  {ext-align: center; padding: 32px 24px; background: white; border-radius: 16px; border: 1px solid var(--color-gray-100); ransition: all 0.3s ease;  }.feature-card:hover  {ransform: translateY(-4px); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);  }.feature-icon  {width: 80px; height: 80px; background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; color: var(--color-teal-600);  }.feature-icon i  {width: 40px; height: 40px;  }.feature-card h3  {font-size: 1.3rem; font-weight: 600; color: var(--color-navy-primary); margin-bottom: 16px;  }.feature-card p  {color: var(--color-gray-600); line-height: 1.6;  }.cta-section  {padding: 80px 0; background: linear-gradient(135deg, var(--color-teal-500) 0%, var(--color-blue-500) 100%); color: white; ext-align: center;  }.cta-content  {max-width: 800px; margin: 0 auto; padding: 0 20px;  }.cta-content h2  {font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 20px;  }.cta-content p  {font-size: 1.2rem; margin-bottom: 40px; opacity: 0.95; line-height: 1.6;  }.cta-buttons  {display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;  }.btn  {display: inline-block; padding: 16px 32px; border-radius: 12px; ext-decoration: none; font-weight: 600; font-size: 1rem; ransition: all 0.3s ease; border: 2px solid transparent;  }.btn-primary  {background: white; color: var(--color-teal-600); border-color: white;  }.btn-primary:hover  {background: var(--color-gray-50); ransform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);  }.btn-secondary  {background: transparent; color: white; border-color: white;  }.btn-secondary:hover  {background: white; color: var(--color-teal-600); ransform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);  }.hero-content  {display: block; ext-align: center; max-width: 800px; margin: 0 auto; position: relative; z-index: 2; padding: 0 20px;  }.hero-title  {font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; line-height: 1.2; margin-bottom: 24px;  }.hero-title .highlight  {display: block; color: var(--color-teal-600); margin-bottom: 8px;  }.hero-title .subtitle  {display: block; font-size: 0.6em; font-weight: 400; opacity: 0.9;  }.hero-description  {font-size: 1.25rem; line-height: 1.6; margin-bottom: 32px; opacity: 0.95;  }.hero-features  {display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;  }.feature-item  {display: flex; align-items: center; gap: 12px; font-size: 1.1rem;  }.feature-icon  {color: var(--color-teal-600); width: 20px; height: 20px; flex-shrink: 0;  }.hero-actions  {display: flex; gap: 16px; flex-wrap: wrap;  }.section-header  {ext-align: center; margin: 80px 0 60px 0;  }.section-title  {font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; color: var(--color-navy-primary); margin-bottom: 20px;  }.section-subtitle  {font-size: 1.2rem; color: var(--color-gray-600); max-width: 800px; margin: 0 auto; line-height: 1.6;  }.services-overview  {padding: 80px 0; margin-top: 40px; background: var(--color-gray-50);  }.services-grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 32px;  }.service-card  {background: white; border-radius: 20px; padding: 32px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); ransition: all 0.3s ease; border: 1px solid var(--color-gray-100);  }.service-card:hover  {ransform: translateY(-8px); box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12);  }.service-icon  {width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-teal-100) 0%, var(--color-teal-200) 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;  }.service-icon .icon  {width: 32px; height: 32px; color: var(--color-teal-700);  }.service-title  {font-size: 1.4rem; font-weight: 600; color: var(--color-navy-primary); margin-bottom: 16px;  }.service-description  {color: var(--color-gray-600); line-height: 1.6; margin-bottom: 20px;  }.service-features  {list-style: none; padding: 0;  }.service-features li  {padding: 8px 0; color: var(--color-gray-700); position: relative; padding-left: 24px;  }.service-features li::before  {content: '✓'; color: var(--color-teal-500); font-weight: bold; position: absolute; left: 0;  }.why-choose-us  {padding: 80px 0;  }.features-grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px;  }.feature-card  {ext-align: center; padding: 32px 24px;  }.feature-icon  {width: 80px; height: 80px; background: linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-200) 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px;  }.feature-icon .icon  {width: 40px; height: 40px; color: var(--color-primary-700);  }.feature-title  {font-size: 1.3rem; font-weight: 600; color: var(--color-navy-primary); margin-bottom: 16px;  }.feature-description  {color: var(--color-gray-600); line-height: 1.6;  }.process-section  {padding: 80px 0; background: var(--color-gray-50);  }.process-steps  {display: flex; flex-direction: column; gap: 32px; max-width: 800px; margin: 0 auto;  }.process-step  {display: flex; align-items: flex-start; gap: 24px; padding: 24px; background: white; border-radius: 16px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);  }.step-number  {width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-teal-500) 0%, var(--color-teal-600) 100%); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; flex-shrink: 0;  }.step-title  {font-size: 1.3rem; font-weight: 600; color: var(--color-navy-primary); margin-bottom: 12px;  }.step-description  {color: var(--color-gray-600); line-height: 1.6;  }.faq-section  {padding: 80px 0;  }.faq-container  {max-width: 800px; margin: 0 auto;  }.faq-item  {background: white; border-radius: 16px; margin-bottom: 24px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); overflow: hidden;  }.faq-question  {padding: 24px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background: var(--color-gray-50); ransition: background 0.3s ease;  }.faq-question:hover  {background: var(--color-gray-100);  }.faq-question h3  {font-size: 1.1rem; font-weight: 600; color: var(--color-navy-primary); margin: 0;  }.faq-icon  {width: 20px; height: 20px; color: var(--color-gray-500); ransition: transform 0.3s ease;  }.faq-item.active .faq-icon  {ransform: rotate(180deg);  }.faq-answer  {padding: 0 24px; max-height: 0; overflow: hidden; ransition: all 0.3s ease;  }.faq-item.active .faq-answer  {padding: 24px; max-height: 200px;  }.faq-answer p  {color: var(--color-gray-600); line-height: 1.6; margin: 0;  }.cta-section  {padding: 80px 0; background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-800) 100%); color: white;  }.cta-content  {ext-align: center; max-width: 800px; margin: 0 auto;  }.cta-title  {font-size: clamp(2rem, 4vw, 3rem); font-weight: 700; margin-bottom: 20px;  }.cta-description  {font-size: 1.2rem; margin-bottom: 40px; opacity: 0.95; line-height: 1.6;  }.cta-actions  {display: flex; gap: 16px; justify-content: center; flex-wrap: wrap;  }.container  {padding: 0 16px; max-width: 100%;  }*  {-webkit-tap-highlight-color: transparent;  }html  {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  }body  {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;  }.container  {width: 100%; margin: 0 auto; padding-left: 16px; padding-right: 16px;  }@media (min-width: 640px)  {.container  {max-width: 640px;  } }@media (min-width: 768px)  {.container  {max-width: 768px;  } }@media (min-width: 1024px)  {.container  {max-width: 1024px;  } }@media (min-width: 1280px)  {.container  {max-width: 1280px;  } }@media (max-width: 480px)  {.container  {padding: 0 12px;  }.hero-section  {padding: 80px 0 40px 0; margin-top: 40px;  }.hero-title  {font-size: clamp(1.75rem, 5vw, 2.25rem); line-height: 1.2; margin-bottom: 16px;  }.hero-subtitle  {font-size: 1rem; line-height: 1.5; padding: 0 8px;  }.hero-stats  {grid-template-columns: 1fr; gap: 20px; padding: 0 8px;  }.stat-item  {padding: 16px 20px; ext-align: center;  }.stat-number  {font-size: 1.75rem;  }.section-header h2  {font-size: clamp(1.5rem, 4vw, 1.875rem); line-height: 1.3;  }.section-header p  {font-size: 1rem; line-height: 1.6;  }.services-grid  {grid-template-columns: 1fr; gap: 20px;  }.service-card  {padding: 20px; margin: 0 8px;  }.features-grid  {grid-template-columns: 1fr; gap: 20px;  }.process-step  {flex-direction: column; ext-align: center; gap: 16px; padding: 20px;  }.step-number  {width: 48px; height: 48px; font-size: 1.1rem;  }.cta-buttons  {flex-direction: column; align-items: center; gap: 16px;  }.btn  {width: 100%; max-width: 280px; ext-align: center; padding: 14px 24px; font-size: 1rem; border-radius: 8px; ransition: all 0.2s ease; -webkit-tap-highlight-color: transparent;  }.btn:active  {ransform: scale(0.98);  }.btn--primary  {background: var(--color-primary-600); color: white; border: none;  }.btn--outline  {background: transparent; color: var(--color-primary-600); border: 2px solid var(--color-primary-600);  }.btn--sm  {padding: 10px 20px; font-size: 0.875rem;  }.section  {padding: 40px 0;  }.section-header  {margin-bottom: 32px; padding: 0 8px;  }.card  {margin: 0 8px 20px 8px; border-radius: 12px;  }.form-group  {margin-bottom: 20px;  }.form-group__input,.form-group__select  {font-size: 16px; padding: 14px 16px;  } }@media (max-width: 768px)  {.hero-section  {padding: 100px 0 50px 0; margin-top: 50px;  }.hero-title  {font-size: clamp(2rem, 4vw, 2.5rem); line-height: 1.25;  }.hero-subtitle  {font-size: 1.1rem; line-height: 1.6;  }.hero-stats  {grid-template-columns: repeat(2, 1fr); gap: 24px;  }.hero-section  {ext-align: center; padding: 100px 0 50px 0;  }.hero-content  {max-width: 100%; padding: 0 16px;  }.hero-title  {margin-bottom: 20px; word-wrap: break-word; hyphens: auto;  }.hero-subtitle  {margin-bottom: 32px; max-width: 100%;  }.hero-actions  {flex-direction: column; gap: 16px; align-items: center;  }.hero-actions .btn  {width: 100%; max-width: 280px;  }.stat-item  {padding: 20px 24px;  }.stat-number  {font-size: 2rem;  }.section-header h2  {font-size: clamp(1.5rem, 3vw, 2rem);  }.section-header p  {font-size: 1.1rem;  }.services-grid  {grid-template-columns: 1fr; gap: 24px;  }.service-card  {padding: 24px; margin: 0 8px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); ransition: transform 0.2s ease, box-shadow 0.2s ease;  }.service-card:hover  {ransform: translateY(-2px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);  }.service-card__icon  {width: 48px; height: 48px; margin-bottom: 16px;  }.service-card__title  {font-size: 1.125rem; margin-bottom: 12px; line-height: 1.3;  }.service-card__description  {font-size: 0.875rem; line-height: 1.5; color: var(--color-gray-600);  }.features-grid  {grid-template-columns: 1fr; gap: 24px;  }.feature-card  {padding: 20px; margin: 0 8px; border-radius: 12px; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); ransition: transform 0.2s ease;  }.feature-card:hover  {ransform: translateY(-2px);  }.feature-card__icon  {width: 40px; height: 40px; margin-bottom: 16px;  }.feature-card__title  {font-size: 1rem; margin-bottom: 8px; font-weight: 600;  }.feature-card__description  {font-size: 0.875rem; line-height: 1.5; color: var(--color-gray-600);  }.process-step  {flex-direction: column; ext-align: center; gap: 16px; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); margin: 0 8px;  }.step-number  {width: 50px; height: 50px; font-size: 1.2rem; background: var(--color-primary-600); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; margin: 0 auto;  }.step-title  {font-size: 1.125rem; font-weight: 600; margin-bottom: 8px; color: var(--color-gray-900);  }.step-description  {font-size: 0.875rem; line-height: 1.5; color: var(--color-gray-600);  }.cta-buttons  {flex-direction: column; align-items: center; gap: 20px;  }.btn  {width: 100%; max-width: 300px; ext-align: center;  }.cta-section  {padding: 40px 0; ext-align: center;  }.cta-content  {max-width: 100%; padding: 0 16px;  }.cta-title  {font-size: clamp(1.5rem, 4vw, 2rem); margin-bottom: 16px; line-height: 1.3;  }.cta-description  {font-size: 1rem; margin-bottom: 24px; line-height: 1.5; color: var(--color-gray-600);  }.cta-actions  {flex-direction: column; gap: 16px; align-items: center;  }.cta-actions .btn  {width: 100%; max-width: 280px;  }.nav  {padding: 0 16px; position: relative;  }.nav__brand  {flex: 1; min-width: 0;  }.nav__actions  {display: none;  }.nav__toggle  {position: relative; z-index: 1001; background: var(--color-primary-600); border: none; color: white; padding: 12px; border-radius: 8px; ransition: all 0.3s ease; -webkit-tap-highlight-color: transparent;  }.nav__toggle:hover  {background: var(--color-primary-700); ransform: scale(1.05);  }.nav__toggle:active  {ransform: scale(0.95);  }.nav__toggle i  {width: 20px; height: 20px; color: white; ransition: transform 0.3s ease;  }.nav__toggle.active i  {ransform: rotate(180deg);  }.dropdown__menu  {position: static; ransform: none; box-shadow: none; background: transparent; border: none; padding: 0; margin-top: 16px;  }.dropdown__content  {flex-direction: column; gap: 16px;  }.dropdown__section  {border: none; padding: 0; margin-bottom: 24px;  }.dropdown__section:last-child  {margin-bottom: 0;  }.dropdown__section-title  {color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; font-weight: 600; ext-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; padding: 0 20px;  }.dropdown__link  {padding: 12px 16px; border-radius: 8px; background: rgba(255, 255, 255, 0.1); margin: 4px 0; min-height: 44px; display: flex; align-items: center; ransition: background-color 0.2s ease;  }.dropdown__link:hover  {background: rgba(255, 255, 255, 0.2);  }.dropdown__link-icon  {width: 18px; height: 18px; margin-right: 12px; flex-shrink: 0;  }.dropdown__link-content  {flex: 1; min-width: 0;  }.dropdown__link-title  {font-size: 0.95rem; font-weight: 600; margin-bottom: 4px; color: white;  }.dropdown__link-desc  {font-size: 0.8rem; line-height: 1.4; color: rgba(255, 255, 255, 0.8);  } }@media (max-width: 1024px) and (min-width: 769px)  {.hero-section  {padding: 120px 0 60px 0;  }.hero-title  {font-size: clamp(2.25rem, 3.5vw, 2.75rem);  }.services-grid  {grid-template-columns: repeat(2, 1fr); gap: 32px;  }.features-grid  {grid-template-columns: repeat(2, 1fr); gap: 32px;  } }@media (hover: none) and (pointer: coarse)  {.btn,.nav__link,.dropdown__link  {min-height: 44px; min-width: 44px;  }.form-group__input,.form-group__select  {min-height: 44px;  }.nav__menu  {-webkit-overflow-scrolling: touch;  }.service-card,.feature-card,.process-step  {cursor: pointer; -webkit-tap-highlight-color: transparent;  }.service-card:active,.feature-card:active,.process-step:active  {ransform: scale(0.98);  }.form-group__range  {-webkit-appearance: none; appearance: none; height: 8px; background: var(--color-gray-200); border-radius: 4px; outline: none;  }.form-group__range::-webkit-slider-thumb  {-webkit-appearance: none; appearance: none; width: 24px; height: 24px; background: var(--color-primary-600); border-radius: 50%; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  }.form-group__range::-moz-range-thumb  {width: 24px; height: 24px; background: var(--color-primary-600); border-radius: 50%; cursor: pointer; border: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  } }@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)  {.logo__image  {image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;  }.btn,.form-group__input,.form-group__select  {border-width: 0.5px;  }canvas  {image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;  } }@media (max-width: 768px) and (orientation: landscape)  {.hero-section  {padding: 60px 0 30px 0;  }.nav__menu  {height: calc(100vh - 60px); op: 60px;  }.calculator-container  {padding: 16px 20px;  }.calculator-grid  {gap: 20px;  }.calculator-form  {padding: 20px 16px;  }.chart-container  {height: 250px;  }.form-group  {margin-bottom: 16px;  }.form-group__input,.form-group__select  {padding: 10px 12px;  } }@media (prefers-reduced-motion: reduce)  {*,*::before,*::after  {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; ransition-duration: 0.01ms !important;  } }.mobile-loading  {display: none;  }@media (max-width: 768px)  {.mobile-loading  {display: block;  }.desktop-loading  {display: none;  } }@media (max-width: 768px)  {.form-group__input:focus,.form-group__select:focus,.btn:focus  {outline: 2px solid var(--color-primary-500); outline-offset: 2px;  }.btn:hover,.nav__link:hover,.dropdown__link:hover  {ransform: none;  }.btn:active,.nav__link:active,.dropdown__link:active  {ransform: scale(0.98);  } }.mobile-cta-bar  {display: none; position: fixed; bottom: 0; left: 0; right: 0; background: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-700) 100%); padding: 16px 20px; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15); z-index: 999; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-top: 1px solid rgba(255, 255, 255, 0.1);  }.mobile-cta-bar__content  {display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 100%;  }.mobile-cta-bar__text  {color: white; font-weight: 600; font-size: 0.95rem; line-height: 1.3;  }.mobile-cta-bar__button  {background: var(--color-accent-500); color: white; border: none; padding: 12px 20px; border-radius: 8px; font-weight: 600; font-size: 0.9rem; white-space: nowrap; flex-shrink: 0; ransition: all 0.2s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  }.mobile-cta-bar__button:hover  {background: var(--color-accent-600); ransform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);  }.mobile-cta-bar__button:active  {ransform: translateY(0); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);  }.mobile-cta-bar__button:focus  {outline: 2px solid var(--color-accent-400); outline-offset: 2px;  }.mobile-cta-bar__button:focus:not(:focus-visible)  {outline: none;  }.mobile-cta-bar__button.loading  {background: var(--color-accent-400); pointer-events: none; position: relative;  }.mobile-cta-bar__button.loading::after  {content: ''; position: absolute; op: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border: 2px solid transparent; border-top: 2px solid white; border-radius: 50%; animation: spin 1s linear infinite;  }@keyframes spin  {0%  { transform: rotate(0deg);   }100%  { transform: rotate(360deg);   } }@media (max-width: 768px)  {.mobile-cta-bar  {display: block;  }body  {padding-bottom: 80px;  }.nav__actions  {display: none !important;  } }@media (max-width: 480px)  {.mobile-cta-bar  {padding: 14px 16px;  }.mobile-cta-bar__content  {gap: 12px;  }.mobile-cta-bar__text  {font-size: 0.9rem;  }.mobile-cta-bar__button  {padding: 10px 16px; font-size: 0.85rem;  }body  {padding-bottom: 70px;  } }@media (max-width: 768px) and (orientation: landscape)  {.mobile-cta-bar  {padding: 12px 20px;  }body  {padding-bottom: 60px;  } }@media print  {.nav__toggle,.nav__menu,.footer__social,.cta-actions  {display: none !important;  }.header  {position: static !important; background: white !important;  }.hero-section  {padding: 20px 0 !important; margin-top: 0 !important;  } }@media (prefers-reduced-motion: reduce)  {*,*::before,*::after  {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; ransition-duration: 0.01ms !important;  } }@media (max-width: 768px)  {.card,.service-card,.feature-card,.calculator-form  {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  }.hero-section  {background: linear-gradient(135deg, #f0f4ff 0%, #dcfce7 100%);  }.btn:hover,.service-card:hover,.feature-card:hover  {ransform: none;  }.nav__menu  {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  }.service-card,.feature-card  {ransition: transform 0.2s ease, box-shadow 0.2s ease;  }.mobile-cta-bar  {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  }.hero-section  {background-attachment: scroll;  }.btn  {ransition: background-color 0.2s ease;  } }@keyframes fadeIn  {from  { opacity: 0;  transform: translateY(10px);   }o  { opacity: 1;  transform: translateY(0);   } }@keyframes slideIn  {from  { transform: translateX(-20px);  opacity: 0;   }o  { transform: translateX(0);  opacity: 1;   } }.calculator-form,.mobile-cta-bar  { }@media (max-width: 768px)  {.nav__menu  {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);  }.hero-section  {background-attachment: scroll;  }.btn,.nav__link,.dropdown__link  {min-height: 44px;  } }@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)  {.logo__image  {image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;  } }.nav__menu,.mobile-cta-bar  {ransform: translateZ(0);  }.hero-section  {contain: layout style; background-size: cover;  }.hero-title,.hero-subtitle  {contain: layout style;  }@media (max-width: 768px)  {.container,.hero-stats  {contain: layout style;  } }@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)  {.logo__image  {image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges;  } }@media (max-width: 768px)  {.calculator-container  {padding: 20px 16px;  }.calculator-grid  {grid-template-columns: 1fr; gap: 24px;  }.calculator-form  {position: static; padding: 24px 20px; margin-bottom: 20px;  }.calculator-form__title  {font-size: 1.25rem; margin-bottom: 20px;  }.form-group  {margin-bottom: 20px;  }.form-group__label  {font-size: 0.875rem; margin-bottom: 6px;  }.form-group__input,.form-group__select  {font-size: 16px; padding: 12px 14px; border-radius: 6px;  }.form-group__range  {margin-top: 6px;  }.invest-now-btn  {padding: 14px 20px; font-size: 1rem; border-radius: 6px;  }.calculator-results  {padding: 24px 20px;  }.results-header__title  {font-size: 1.25rem; margin-bottom: 6px;  }.results-header__subtitle  {font-size: 0.875rem;  }.results-grid  {grid-template-columns: 1fr; gap: 16px; margin-bottom: 24px;  }.result-card  {padding: 20px 16px; border-radius: 8px;  }.result-card__value  {font-size: 1.5rem; margin-bottom: 6px;  }.result-card__label  {font-size: 0.8rem;  }.chart-container  {height: 300px; margin-bottom: 24px;  }.chart-title  {font-size: 1rem; margin-bottom: 12px;  }.disclaimer  {padding: 12px 16px; font-size: 0.8rem; line-height: 1.4;  }.calculator-info  {padding: 24px 20px; margin-top: 24px;  }.calculator-info__title  {font-size: 1.25rem; margin-bottom: 12px;  }.calculator-info__text  {font-size: 0.875rem; line-height: 1.5;  }.calculator-info__list li  {font-size: 0.875rem; padding: 6px 0; padding-left: 20px;  } }@media (max-width: 480px)  {.calculator-container  {padding: 16px 12px;  }.calculator-form  {padding: 20px 16px;  }.calculator-form__title  {font-size: 1.125rem;  }.form-group__input,.form-group__select  {padding: 10px 12px; font-size: 16px;  }.invest-now-btn  {padding: 12px 18px; font-size: 0.95rem;  }.calculator-results  {padding: 20px 16px;  }.results-grid  {gap: 12px;  }.result-card  {padding: 16px 12px;  }.result-card__value  {font-size: 1.25rem;  }.chart-container  {height: 250px;  }.calculator-info  {padding: 20px 16px;  } }@media (hover: none) and (pointer: coarse)  {.form-group__input,.form-group__select,.invest-now-btn  {min-height: 44px;  }.form-group__range  {min-height: 20px;  }.result-card  {min-height: 80px; display: flex; flex-direction: column; justify-content: center;  } }@media (max-width: 768px)  {.footer  {padding: 40px 0 20px 0;  }.footer__content  {flex-direction: column; gap: 32px; ext-align: center;  }.footer__brand  {order: 1; margin-bottom: 24px;  }.footer__links  {order: 2; grid-template-columns: 1fr; gap: 32px;  }.footer__column  {ext-align: center;  }.footer__heading  {font-size: 1.125rem; margin-bottom: 16px;  }.footer__list li  {padding: 8px 0; font-size: 0.875rem;  }.footer__social  {justify-content: center; margin-top: 20px;  }.footer__bottom  {flex-direction: column; gap: 20px; ext-align: center; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1);  }.footer__legal-links  {justify-content: center; gap: 20px;  }.footer__newsletter  {flex-direction: column; gap: 16px; align-items: center;  } }@media (max-width: 480px)  {.footer  {padding: 32px 0 16px 0;  }.footer__content  {gap: 24px;  }.footer__brand  {margin-bottom: 20px;  }.footer__links  {gap: 24px;  }.footer__column  {margin-bottom: 16px;  }.footer__legal-links  {flex-direction: column; gap: 12px;  } }.nav__actions  {display: flex; align-items: center; flex-shrink: 0; height: 64px;  }.nav__cta  {background: var(--color-accent); color: white; border: none; font-weight: var(--font-weight-medium); box-shadow: var(--shadow-button); font-size: 0.75rem; padding: var(--space-6) var(--space-10); height: 64px; display: flex; align-items: center; justify-content: center; white-space: nowrap;  }.nav__cta:hover  {background: var(--color-accent-hover); ransform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);  }.nav__toggle  {display: none; background: none; border: none; color: var(--color-navy-primary); cursor: pointer; padding: var(--space-8); border-radius: var(--radius-base);  }@media (max-width: 1024px)  {.nav__toggle  {display: block !important; margin-left: 0; z-index: 1001; flex-shrink: 0; background: #3b82f6; border: none; color: white; padding: 12px; border-radius: 12px; ransition: all 0.3s ease;  }.nav__toggle:hover  {background: #2563eb; ransform: scale(1.05);  }.nav__toggle i  {width: 20px; height: 20px; color: white;  }.logo__icon  {width: 32px; height: 32px; flex-shrink: 0; margin-right: 0;  }.logo__text  {font-size: 18px; font-weight: 600;  }.logo  {gap: 10px; min-width: 0; flex: 0 0 auto; max-width: none;  }.header  {position: fixed; op: 0; left: 0; right: 0; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }.nav  {height: 64px; align-items: center;  }.nav__menu  {display: none !important; position: fixed; op: 80px; left: 0; width: 100%; height: calc(100vh - 80px); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); flex-direction: column; gap: 0; padding: 0; ransform: translateX(-100%); opacity: 0; visibility: hidden; ransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; z-index: 1002; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);  }.nav__menu.active  {display: flex !important; ransform: translateX(0); opacity: 1; visibility: visible; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);  }.nav__menu::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; ransition: all 0.3s ease;  }.nav__menu.active::before  {opacity: 1; visibility: visible;  }.nav__list  {flex-direction: column; gap: 0; width: 100%; margin: 0; padding: 20px 0; overflow-y: auto; height: 100%;  }.nav__item  {width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1);  }.nav__item:last-child  {border-bottom: none;  }.nav__link  {display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; color: white; ext-decoration: none; font-weight: 500; font-size: 1rem; ransition: all 0.2s ease; min-height: 44px; -webkit-tap-highlight-color: transparent;  }.nav__link:hover  {background: rgba(255, 255, 255, 0.1); color: white;  }.nav__link.active  {background: rgba(255, 255, 255, 0.2); color: white;  }.nav__link i  {ransition: transform 0.2s ease;  }.nav__link.active i  {ransform: rotate(180deg);  }.nav__item  {width: 100%; margin: 8px 20px; border-radius: 16px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); ransition: all 0.3s ease;  }.nav__item:hover  {background: rgba(255, 255, 255, 0.2); ransform: translateX(8px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);  }.nav__item:last-child  {margin-bottom: 0;  }.nav__link  {padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; color: white; font-weight: 600; font-size: 18px; ext-decoration: none; ransition: all 0.3s ease; border-radius: 16px;  }.nav__link:hover  {color: white; background: transparent;  }.nav__dropdown .nav__link  {position: relative; overflow: hidden;  }.nav__dropdown .nav__link::before  {content: ''; position: absolute; op: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); ransition: left 0.5s ease;  }.nav__dropdown .nav__link:hover::before  {left: 100%;  }.dropdown__menu  {position: static; opacity: 0; visibility: hidden; ransform: none; box-shadow: none; border: none; background: rgba(249, 250, 251, 0.8); margin: 0; min-width: auto; backdrop-filter: none; z-index: 1001; border-radius: 0; margin-left: 0; margin-right: 0; max-height: 0; overflow: hidden; ransition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-top: 1px solid rgba(26, 34, 56, 0.04);  }.dropdown__content  {padding: 16px 24px 20px 24px; background: transparent; border-radius: 0; margin: 0;  }.nav__menu.active .dropdown__section-title  {font-size: 12px; font-weight: 600; margin-bottom: 16px; padding: 0 20px; color: var(--color-gray-500); ext-transform: uppercase; letter-spacing: 0.5px; width: 100%; ext-align: left;  }.nav__menu.active .dropdown__link  {padding: 16px 20px; gap: 16px; border-radius: 12px; ransition: all 0.3s ease; margin-bottom: 12px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); display: flex; align-items: center; ext-align: left; ext-decoration: none; position: relative; overflow: hidden;  }.nav__menu.active .dropdown__link:hover  {background: rgba(255, 255, 255, 0.2); ransform: translateX(8px) scale(1.02); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.4);  }.nav__menu.active .dropdown__link::before  {content: ''; position: absolute; op: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); ransition: left 0.6s ease;  }.nav__menu.active .dropdown__link:hover::before  {left: 100%;  }.dropdown__menu.active  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; border-top: 1px solid rgba(26, 34, 56, 0.08); display: block !important; overflow-y: auto !important;  }.nav__menu.active .nav__dropdown.active .dropdown__menu  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; overflow-y: auto !important; display: block !important;  }.nav__menu.active .nav__dropdown.active .nav__link  {background: rgba(30, 64, 175, 0.08); color: var(--color-primary-600); border-left: 3px solid var(--color-primary-500);  }.nav__menu.active .nav__dropdown.active .nav__link i  {ransform: rotate(180deg); color: var(--color-primary-500);  }.nav__menu.active .nav__dropdown.active .dropdown__menu  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; overflow-y: auto !important; display: block !important; height: auto !important; min-height: auto !important;  }.nav__menu.active .nav__dropdown .dropdown__menu.active  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; overflow-y: auto !important; overflow-x: hidden !important; display: block !important; height: auto !important; min-height: auto !important; position: static !important; ransform: none !important; scroll-behavior: smooth !important; -webkit-overflow-scrolling: touch !important;  }.nav__menu.active .dropdown__section  {margin-bottom: 0; padding: 0; background: transparent; border-radius: 0; display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-start;  }.nav__menu.active .dropdown__section:last-child  {margin-bottom: 0;  }.nav__menu.active .dropdown__link-icon  {width: 28px; height: 28px; color: #4ecdc4; flex-shrink: 0; margin-right: 16px;  }.nav__menu.active .dropdown__link-title  {font-size: 16px; font-weight: 600; color: white; margin-bottom: 4px; line-height: 1.2;  }.nav__menu.active .dropdown__link-desc  {font-size: 13px; color: rgba(255, 255, 255, 0.8); line-height: 1.4; ext-align: left;  }.nav__menu.active .dropdown__divider  {margin: 24px 0; width: 100%; height: 1px; background: #e5e7eb;  }.nav__actions  {display: none;  }.nav__cta,.nav__login  {display: none;  }.nav__cta:hover,.nav__login:hover  {ransform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 102, 255, 0.4);  }.nav__cta:active,.nav__login:active  {ransform: translateY(0);  }.nav  {min-height: 64px; padding: 12px 20px; box-sizing: border-box; gap: 0; display: flex; align-items: center; justify-content: space-between; position: relative;  }.nav::before  {content: 'The Wealth Orbit'; position: absolute; left: 50%; ransform: translateX(-50%); font-size: 18px; font-weight: 600; color: #1e40af; white-space: nowrap; z-index: 1000; pointer-events: none;  }.nav__brand  {flex: 0 0 auto; order: 1; margin-right: auto; position: relative; z-index: 1001; max-width: 80px;  }.nav__actions  {display: none;  }.nav__brand .logo  {justify-content: flex-start; gap: 8px; position: relative; z-index: 1001; max-width: 80px; flex-shrink: 0;  }.nav__brand .logo__text  {display: none;  }.nav__brand .logo__icon  {width: 32px; height: 32px; flex-shrink: 0;  }.nav__brand::after  {display: none;  }.nav__menu  {display: none; position: fixed; op: 64px; left: 0; width: 100%; height: calc(100vh - 64px); background: white; border-top: 1px solid #e5e7eb; flex-direction: column; gap: 0; padding: 0; z-index: 1002; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); overflow-y: auto; ransform: translateY(-100%); opacity: 0; visibility: hidden; ransition: transform 0.3s ease, opacity 0.3s ease;  }.nav__menu.active  {display: flex; ransform: translateY(0); opacity: 1; visibility: visible;  }.nav__actions.active  {display: none;  }.nav__menu.active .nav__list  {flex-direction: column; gap: 0; width: 100%; margin: 0; padding: 0;  }.nav__menu.active .nav__item  {width: 100%; border-bottom: 1px solid #f3f4f6;  }.nav__menu.active .nav__item:last-child  {border-bottom: none;  }.nav__menu.active .nav__link  {padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; width: 100%; color: #374151; font-weight: 500; font-size: 16px; ext-decoration: none; background: white; ransition: background-color 0.2s ease;  }.nav__menu.active .nav__link:hover  {background-color: rgba(255, 255, 255, 0.1);  }.nav__menu.active::after  {content: '✕'; position: absolute; op: 20px; right: 20px; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: white; cursor: pointer; z-index: 1003; ransition: all 0.3s ease; backdrop-filter: blur(10px);  }.nav__menu.active::after:hover  {background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.5); ransform: scale(1.1);  }.nav__menu.active .dropdown__divider  {margin: 24px 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);  }.nav__menu.active .dropdown__menu  {position: static; opacity: 0; visibility: hidden; ransform: translateY(-20px); background: rgba(255, 255, 255, 0.05); margin: 0 20px 8px 40px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); max-height: 0; overflow: hidden; ransition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  }.nav__menu.active .dropdown__menu.active  {opacity: 1; visibility: visible; ransform: translateY(0); max-height: 600px; overflow-y: auto; padding: 20px 0; margin-bottom: 16px;  }.nav__menu.active .dropdown__menu.active  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; overflow-y: auto !important; overflow-x: hidden !important; display: block !important; height: auto !important; min-height: auto !important; scroll-behavior: smooth !important;  }.dropdown__menu  {opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; ransition: all 0.3s ease;  }.dropdown__menu.active  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; overflow: visible !important; display: block !important;  }.nav__dropdown.active .dropdown__menu  {opacity: 1 !important; visibility: visible !important; max-height: 800px !important; overflow: visible !important; display: block !important;  }.nav__menu.active .dropdown__content  {padding: 0 24px; background: transparent; border-radius: 0; margin: 0; position: relative;  }.nav__menu.active .dropdown__section  {margin-bottom: 24px; padding: 0; background: transparent; border-radius: 0;  }.nav__menu.active .dropdown__section:last-child  {margin-bottom: 0;  }.nav__menu.active .dropdown__section-title  {font-size: 14px; font-weight: 700; margin-bottom: 16px; padding: 0; color: rgba(255, 255, 255, 0.9); ext-transform: uppercase; letter-spacing: 1px; ext-align: center; position: relative;  }.nav__menu.active .dropdown__section-title::after  {content: ''; position: absolute; bottom: -8px; left: 50%; ransform: translateX(-50%); width: 40px; height: 2px; background: linear-gradient(90deg, #ff6b6b, #4ecdc4); border-radius: 1px;  }.nav__menu.active .dropdown__section  {margin-bottom: 20px; padding: 0; background: transparent; border-radius: 0;  }.nav__menu.active .dropdown__section:last-child  {margin-bottom: 0;  }.nav__menu.active .dropdown__section-title  {font-size: 12px; font-weight: 600; margin-bottom: 12px; padding: 8px 16px; color: #6b7280; ext-transform: uppercase; letter-spacing: 0.5px; background: #f3f4f6; border-radius: 4px;  }.nav__menu.active .dropdown__link  {display: flex; flex-direction: column; align-items: flex-start; ext-decoration: none; color: #374151; width: 100%; padding: 12px 16px; gap: 8px; margin-bottom: 4px; background: white; border: 1px solid #e5e7eb; border-radius: 6px; ransition: all 0.2s ease;  }.nav__menu.active .dropdown__link:hover  {background: #f3f4f6; border-color: #d1d5db; ransform: translateX(4px);  }.nav__menu.active .dropdown__link  {position: relative;  }.nav__menu.active .dropdown__link::after  {content: '→'; position: absolute; right: 16px; op: 50%; ransform: translateY(-50%); color: #3b82f6; font-size: 16px; font-weight: bold;  }.nav__menu.active .dropdown__link-icon  {width: 18px; height: 18px; color: #3b82f6; margin-bottom: 4px;  }.nav__menu.active .dropdown__link-title  {font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 2px;  }.nav__menu.active .dropdown__link-desc  {font-size: 12px; color: #6b7280; line-height: 1.4;  }.nav__menu.active .dropdown__divider  {margin: 16px 0; height: 1px; background: #e5e7eb;  }.nav__toggle  {background: transparent; border: 1px solid #e5e7eb; color: #374151; cursor: pointer; padding: 8px; border-radius: 8px; ransition: all 0.2s ease; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; z-index: 1003;  }.nav__toggle:hover  {background: rgba(26, 34, 56, 0.04); border-color: rgba(26, 34, 56, 0.2); ransform: translateY(-1px);  }.nav__toggle:active  {ransform: translateY(0) scale(0.98);  }.nav__toggle i  {width: 22px; height: 22px; color: var(--color-gray-700);  }body  {padding-top: 64px;  }.nav__menu.active + *  {margin-top: 0;  }.nav__menu.active::before  {content: ''; position: fixed; op: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.3); z-index: -1; animation: fadeIn 0.3s ease;  }@keyframes fadeIn  {from  { opacity: 0;   }o  { opacity: 1;   } } }.hero  {padding: 140px 0 var(--space-32); background: var(--gradient-hero); position: relative; overflow: hidden;  }.hero::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2320b2aa' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat; z-index: 0;  }.hero .container  {position: relative; z-index: 1;  }.hero__content  {display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-32); align-items: center;  }.hero__title  {font-size: clamp(var(--font-size-3xl), 5vw, 56px); line-height: 1.1; margin-bottom: var(--space-20); color: var(--color-navy-primary); font-weight: var(--font-weight-bold); letter-spacing: -0.02em;  }.hero__description  {font-size: var(--font-size-xl); color: var(--color-medium-gray); line-height: 1.6; margin-bottom: var(--space-32); font-weight: var(--font-weight-medium);  }.hero__ctas  {display: flex; gap: var(--space-16); margin-bottom: var(--space-32);  }.hero__trust  {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-24); margin-bottom: var(--space-32);  }.trust__item  {display: flex; align-items: center; gap: var(--space-12); padding: var(--space-16); background: rgba(255, 255, 255, 0.8); border-radius: var(--radius-lg); border: 1px solid rgba(32, 178, 170, 0.2);  }.trust__icon  {width: 40px; height: 40px; background: var(--color-teal-primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;  }.trust__icon i  {width: 18px; height: 18px;  }.trust__content  {display: flex; flex-direction: column;  }.trust__number  {font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-navy-primary);  }.trust__label  {font-size: var(--font-size-sm); color: var(--color-medium-gray);  }.hero__counter  {background: rgba(255, 215, 0, 0.1); padding: var(--space-16); border-radius: var(--radius-lg); border: 1px solid rgba(255, 215, 0, 0.3); ext-align: center;  }.counter__label  {display: block; font-size: var(--font-size-sm); color: var(--color-medium-gray); margin-bottom: var(--space-4);  }.counter__value  {font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: var(--color-gold-dark);  }.hero__visual  {display: flex; justify-content: center; align-items: center;  }.hero__chart  {width: 100%; max-width: 450px; height: 350px; position: relative; background: white; border-radius: var(--radius-lg); padding: var(--space-20); box-shadow: var(--shadow-premium);  }@media (max-width: 768px)  {.logo__icon  {width: 24px; height: 24px; margin-right: 0;  }.logo__text  {display: none;  }.nav::before  {font-size: 16px;  }.nav__brand .logo  {max-width: 70px;  }.nav__brand  {max-width: 70px;  }.hero  {padding: 100px 0 var(--space-32);  }.hero__content  {grid-template-columns: 1fr; gap: var(--space-32); ext-align: center;  }.hero__ctas  {flex-direction: column; align-items: center; gap: var(--space-16); width: 100%; padding: 0 var(--space-16);  }.hero__trust  {grid-template-columns: 1fr;  }.btn--lg  {padding: var(--space-14) var(--space-20); font-size: var(--font-size-base); width: 100%; max-width: 100%; box-sizing: border-box;  }.nav__cta  {font-size: var(--font-size-sm); padding: var(--space-8) var(--space-16); height: 48px; width: 100%; max-width: 100%; box-sizing: border-box;  }.btn  {max-width: 100%; box-sizing: border-box; word-wrap: break-word; white-space: normal;  }.cta__buttons  {width: 100%; padding: 0 var(--space-16); box-sizing: border-box;  }.cta__buttons .btn  {width: 100%; max-width: 100%; margin-bottom: var(--space-12);  }.btn--primary.btn--lg  {width: 100%; max-width: 100%; box-sizing: border-box; padding: var(--space-12) var(--space-16); font-size: var(--font-size-base);  } }@media (max-width: 480px)  {.hero  {padding: 80px 0 var(--space-24);  }.hero__title  {font-size: var(--font-size-xl); margin-bottom: var(--space-16); padding: 0 var(--space-16);  }.hero__description  {font-size: var(--font-size-base); margin-bottom: var(--space-24); padding: 0 var(--space-16);  }.hero__ctas  {gap: var(--space-16); margin-bottom: var(--space-24); padding: 0 var(--space-16);  }.btn--lg  {padding: var(--space-12) var(--space-16); font-size: var(--font-size-sm); max-width: 100%; box-sizing: border-box;  }.nav__cta  {font-size: 0.65rem; padding: var(--space-4) var(--space-8); height: 30px; width: auto; max-width: 90px; min-width: 90px; box-sizing: border-box; white-space: nowrap; overflow: hidden; ext-overflow: ellipsis;  }.nav__actions  {padding: 0 var(--space-12); margin-top: var(--space-12);  }.btn  {font-size: var(--font-size-sm); padding: var(--space-10) var(--space-14); max-width: 100%; box-sizing: border-box;  }.container  {padding-left: var(--space-16); padding-right: var(--space-16);  }.nav  {padding: var(--space-8) var(--space-12); gap: var(--space-12);  }.logo__text  {font-size: var(--font-size-base);  }.logo__icon  {width: 32px; height: 32px;  } }.btn  {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-12) var(--space-24); border-radius: var(--radius-base); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); line-height: 1.5; cursor: pointer; ransition: all var(--duration-normal) var(--ease-standard); border: none; ext-decoration: none; position: relative; overflow: hidden; box-sizing: border-box; max-width: 100%;  }.btn--primary  {background: var(--gradient-primary); color: white; box-shadow: var(--shadow-button);  }.btn--primary:hover  {background: var(--gradient-primary); ransform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);  }.btn--secondary  {background: var(--gradient-success); color: white; box-shadow: 0 4px 15px rgba(0, 204, 68, 0.3);  }.btn--secondary:hover  {background: var(--gradient-success); ransform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 204, 68, 0.4);  }.btn--outline  {background: transparent; border: 2px solid var(--color-primary-500); color: var(--color-primary-500);  }.btn--outline:hover  {background: var(--color-primary-500); color: white;  }.btn--lg  {padding: var(--space-16) var(--space-32); font-size: var(--font-size-lg); border-radius: var(--radius-md);  }@media (max-width: 768px)  {.btn--lg  {padding: var(--space-14) var(--space-20); font-size: var(--font-size-base); width: 100%; max-width: 100%; box-sizing: border-box;  }.btn  {word-wrap: break-word; white-space: normal; ext-align: center;  } }.btn--sm  {padding: var(--space-8) var(--space-16); font-size: var(--font-size-sm);  }.section  {padding: var(--space-32) 0;  }.section__header  {ext-align: center; margin-bottom: var(--space-32); max-width: 800px; margin-left: auto; margin-right: auto;  }.section__title  {font-size: clamp(var(--font-size-2xl), 4vw, var(--font-size-4xl)); margin-bottom: var(--space-16); color: var(--color-navy-primary); font-weight: var(--font-weight-bold); letter-spacing: -0.02em;  }.section__description  {font-size: var(--font-size-lg); color: var(--color-medium-gray); line-height: 1.6;  }.trust-section  {background: white;  }.trust__grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--space-32); margin-bottom: var(--space-32);  }.trust__card  {ext-align: center; padding: var(--space-32); background: var(--gradient-card); border-radius: var(--radius-lg); border: 1px solid rgba(26, 34, 56, 0.08); ransition: all var(--duration-normal) var(--ease-standard); position: relative; overflow: hidden;  }.trust__card::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--color-teal-primary), var(--color-coral-primary)); ransform: scaleX(0); ransition: transform var(--duration-normal) var(--ease-standard);  }.trust__card:hover::before  {ransform: scaleX(1);  }.trust__card:hover  {ransform: translateY(-8px); box-shadow: var(--shadow-premium);  }.trust__card-icon  {width: 80px; height: 80px; background: var(--color-success-50); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto var(--space-20); color: var(--color-success-500); border: 3px solid rgba(0, 204, 68, 0.2);  }.trust__card-icon i  {width: 32px; height: 32px;  }.trust__card-title  {font-size: var(--font-size-xl); margin-bottom: var(--space-16); color: #0a0a0a; font-weight: var(--font-weight-semibold);  }.trust__card-description  {color: #333333; line-height: 1.6;  }.founder__section  {margin-top: var(--space-32); padding: var(--space-32); background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-card);  }.founder__content  {display: grid; grid-template-columns: auto 1fr; gap: var(--space-24); align-items: center;  }.founder__image  {flex-shrink: 0;  }.founder__avatar  {width: 120px; height: 120px; background: var(--gradient-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; box-shadow: var(--shadow-premium);  }.founder__avatar i  {width: 48px; height: 48px;  }.founder__title  {font-size: var(--font-size-xl); color: #0a0a0a; margin-bottom: var(--space-12); font-weight: var(--font-weight-semibold);  }.founder__credentials  {display: flex; gap: var(--space-12); margin-bottom: var(--space-16); flex-wrap: wrap;  }.credential  {background: var(--color-accent-500); color: white; padding: var(--space-4) var(--space-12); border-radius: var(--radius-full); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);  }.founder__mission  {font-style: italic; color: #333333; line-height: 1.6; border-left: 4px solid var(--color-primary-500); padding-left: var(--space-16);  }.services  {background: var(--color-light-gray);  }.services__grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--space-24);  }.service__card  {background: white; padding: var(--space-32); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); ransition: all var(--duration-normal) var(--ease-standard); border-top: 4px solid transparent;  }.service__card:hover  {ransform: translateY(-8px); box-shadow: var(--shadow-premium); border-top-color: var(--color-primary-500);  }.service__icon  {width: 64px; height: 64px; background: var(--color-primary-50); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-20); color: var(--color-primary-500); border: 2px solid rgba(0, 102, 255, 0.2);  }.service__icon i  {width: 28px; height: 28px;  }.service__title  {font-size: var(--font-size-xl); margin-bottom: var(--space-16); color: #0a0a0a; font-weight: var(--font-weight-semibold);  }.service__description  {color: #333333; margin-bottom: var(--space-20); line-height: 1.6;  }.service__features  {list-style: none; padding: 0; margin: 0 0 var(--space-20) 0;  }.service__features li  {display: flex; align-items: center; gap: var(--space-8); margin-bottom: var(--space-8); color: var(--color-medium-gray); font-size: var(--font-size-sm);  }.service__features li:before  {content: "✓"; color: var(--color-teal-primary); font-weight: var(--font-weight-bold); font-size: var(--font-size-base);  }.service__link  {color: var(--color-teal-primary); ext-decoration: none; font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; gap: var(--space-8); ransition: all var(--duration-fast) var(--ease-standard);  }.service__link:hover  {color: var(--color-teal-dark); ransform: translateX(4px);  }.service__link i  {width: 16px; height: 16px; ransition: transform var(--duration-fast) var(--ease-standard);  }.service__link:hover i  {ransform: translateX(4px);  }.service__card--featured  {grid-column: span 2; background: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-success-50) 100%); border: 2px solid var(--color-primary-200);  }.service__image  {width: 100%; height: 200px; border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--space-20); background: var(--color-gray-100); display: flex; align-items: center; justify-content: center;  }.service__thumbnail  {width: 100%; height: 100%; object-fit: cover; ransition: transform var(--duration-normal) var(--ease-standard);  }.service__card--featured:hover .service__thumbnail  {ransform: scale(1.05);  }@media (max-width: 1024px)  {.service__card--featured  {grid-column: span 1;  } }.process  {background: white;  }.process__timeline  {max-width: 1000px; margin: 0 auto; position: relative;  }.process__timeline::before  {content: ''; position: absolute; left: 50%; op: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, var(--color-teal-primary), var(--color-coral-primary)); ransform: translateX(-50%);  }.process__step  {display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-24); align-items: center; margin-bottom: var(--space-32); position: relative;  }.process__step:nth-child(even) .step__content  {order: 3; ext-align: left;  }.process__step:nth-child(even) .step__indicator  {order: 2;  }.process__step:nth-child(odd) .step__content  {order: 1; ext-align: right;  }.process__step:nth-child(odd) .step__indicator  {order: 2;  }.step__indicator  {width: 80px; height: 80px; background: var(--gradient-cta); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); box-shadow: var(--shadow-premium); border: 4px solid white; z-index: 2; position: relative;  }.step__content  {background: white; padding: var(--space-24); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); border: 1px solid rgba(26, 34, 56, 0.08);  }.step__title  {font-size: var(--font-size-lg); margin-bottom: var(--space-12); color: var(--color-navy-primary); font-weight: var(--font-weight-semibold);  }.step__description  {color: var(--color-medium-gray); margin-bottom: var(--space-12); line-height: 1.6;  }.step__duration  {display: inline-block; background: var(--color-teal-ultra-light); color: var(--color-teal-dark); padding: var(--space-4) var(--space-12); border-radius: var(--radius-full); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);  }@media (max-width: 768px)  {.process__timeline::before  {left: 40px;  }.process__step  {grid-template-columns: 80px 1fr; gap: var(--space-20);  }.process__step:nth-child(even) .step__content,.process__step:nth-child(odd) .step__content  {order: 2; ext-align: left;  }.step__indicator  {width: 60px; height: 60px; font-size: var(--font-size-lg); order: 1;  } }.testimonials  {background: var(--color-light-gray);  }.testimonials__grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--space-24);  }.testimonial__card  {background: white; padding: var(--space-32); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); ransition: all var(--duration-normal) var(--ease-standard); position: relative;  }.testimonial__card::before  {content: '"'; position: absolute; op: -10px; left: var(--space-24); font-size: 80px; color: var(--color-teal-primary); opacity: 0.2; font-family: serif; line-height: 1;  }.testimonial__card:hover  {ransform: translateY(-4px); box-shadow: var(--shadow-premium);  }.testimonial__rating  {display: flex; gap: var(--space-4); margin-bottom: var(--space-16);  }.testimonial__rating i  {width: 16px; height: 16px; color: var(--color-gold);  }.testimonial__text  {font-size: var(--font-size-base); color: var(--color-navy-primary); margin-bottom: var(--space-24); line-height: 1.7; font-style: italic;  }.testimonial__author  {display: flex; align-items: center; gap: var(--space-16);  }.author__avatar  {width: 56px; height: 56px; background: var(--gradient-cta); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: var(--font-weight-bold); font-size: var(--font-size-base); flex-shrink: 0;  }.author__info  {display: flex; flex-direction: column;  }.author__name  {font-weight: var(--font-weight-semibold); color: var(--color-navy-primary); margin-bottom: var(--space-4);  }.author__location  {font-size: var(--font-size-sm); color: var(--color-medium-gray); margin-bottom: var(--space-4);  }.author__achievement  {font-size: var(--font-size-sm); color: var(--color-teal-primary); font-weight: var(--font-weight-medium);  }.blog  {background: white;  }.blog__grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--space-24);  }.blog__card  {background: white; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-card); ransition: all var(--duration-normal) var(--ease-standard); border: 1px solid rgba(26, 34, 56, 0.08);  }.blog__card:hover  {ransform: translateY(-8px); box-shadow: var(--shadow-premium);  }.blog__image  {height: 200px; background: var(--gradient-cta); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;  }.blog__placeholder  {width: 64px; height: 64px; color: white; opacity: 0.8;  }.blog__placeholder i  {width: 64px; height: 64px;  }.blog__content  {padding: var(--space-24);  }.blog__meta  {display: flex; gap: var(--space-12); margin-bottom: var(--space-16); flex-wrap: wrap;  }.blog__date,.blog__category,.blog__read-time  {font-size: var(--font-size-sm); color: var(--color-medium-gray); font-weight: var(--font-weight-medium);  }.blog__category  {color: var(--color-teal-primary); background: var(--color-teal-ultra-light); padding: var(--space-4) var(--space-8); border-radius: var(--radius-sm);  }.blog__title  {font-size: var(--font-size-lg); margin-bottom: var(--space-12); color: var(--color-navy-primary); font-weight: var(--font-weight-semibold); line-height: 1.4;  }.blog__excerpt  {color: var(--color-medium-gray); margin-bottom: var(--space-20); line-height: 1.6;  }.blog__link  {color: var(--color-teal-primary); ext-decoration: none; font-weight: var(--font-weight-medium); display: inline-flex; align-items: center; gap: var(--space-8); ransition: all var(--duration-fast) var(--ease-standard);  }.blog__link:hover  {color: var(--color-teal-dark); ransform: translateX(4px);  }.blog__link i  {width: 16px; height: 16px;  }.stats  {background: var(--gradient-cta); color: white;  }.stats__grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-32);  }.stat__card  {ext-align: center; padding: var(--space-24); background: rgba(255, 255, 255, 0.1); border-radius: var(--radius-lg); border: 1px solid rgba(255, 255, 255, 0.2); ransition: all var(--duration-normal) var(--ease-standard);  }.stat__card:hover  {background: rgba(255, 255, 255, 0.15); ransform: translateY(-4px);  }.stat__icon  {width: 64px; height: 64px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto var(--space-16); color: var(--color-gold);  }.stat__icon i  {width: 28px; height: 28px;  }.stat__content  {display: flex; flex-direction: column; align-items: center;  }.stat__value  {font-size: var(--font-size-4xl); font-weight: var(--font-weight-bold); color: var(--color-gold); line-height: 1;  }.stat__suffix  {display: inline; font-size: var(--font-size-2xl); color: var(--color-gold);  }.stat__label  {font-size: var(--font-size-base); color: white; margin-top: var(--space-8); opacity: 0.9;  }.cta  {background: var(--gradient-hero); color: var(--color-navy-primary); ext-align: center; position: relative; overflow: hidden;  }.cta::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M20 20c0 11.046-8.954 20-20 20v-20h20z'/%3E%3Cpath d='M0 20c11.046 0 20-8.954 20-20H0v20z'/%3E%3C/g%3E%3C/svg%3E") repeat;  }.cta__content  {max-width: 800px; margin: 0 auto; position: relative; z-index: 1;  }.cta__title  {font-size: clamp(var(--font-size-2xl), 4vw, var(--font-size-4xl)); margin-bottom: var(--space-20); color: var(--color-navy-primary); font-weight: var(--font-weight-bold); letter-spacing: -0.02em;  }.cta__description  {font-size: var(--font-size-lg); color: var(--color-navy-700); margin-bottom: var(--space-24); line-height: 1.6;  }.cta__features  {display: flex; justify-content: center; gap: var(--space-32); margin-bottom: var(--space-32); flex-wrap: wrap;  }.cta__feature  {display: flex; align-items: center; gap: var(--space-8); color: var(--color-navy-700); font-weight: var(--font-weight-medium);  }.cta__feature i  {width: 20px; height: 20px; color: var(--color-gold);  }.cta__buttons  {display: flex; justify-content: center; gap: var(--space-16); flex-wrap: wrap;  }.cta__buttons .btn--primary  {background: var(--color-coral-primary); box-shadow: 0 8px 25px rgba(255, 107, 107, 0.4);  }.cta__buttons .btn--primary:hover  {background: var(--color-coral-dark);  }.cta__buttons .btn--secondary  {background: transparent; border: 2px solid var(--color-navy-primary); color: var(--color-navy-primary);  }.cta__buttons .btn--secondary:hover  {background: var(--color-navy-primary); color: white;  }.contact  {background: var(--color-light-gray);  }.contact__content  {display: grid; grid-template-columns: 1fr 1.2fr; gap: var(--space-32); align-items: start;  }.contact__title  {font-size: var(--font-size-2xl); margin-bottom: var(--space-16); color: var(--color-navy-primary); font-weight: var(--font-weight-semibold);  }.contact__description  {color: var(--color-medium-gray); margin-bottom: var(--space-32); line-height: 1.6;  }.contact__details  {display: flex; flex-direction: column; gap: var(--space-20);  }.contact__item  {display: flex; align-items: center; gap: var(--space-16); padding: var(--space-16); background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-card);  }.contact__item-icon  {width: 48px; height: 48px; background: var(--color-teal-ultra-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-teal-primary); flex-shrink: 0;  }.contact__item-icon i  {width: 20px; height: 20px;  }.contact__item-content  {display: flex; flex-direction: column;  }.contact__item-label  {font-size: var(--font-size-sm); color: var(--color-medium-gray); margin-bottom: var(--space-4);  }.contact__item-value  {font-weight: var(--font-weight-medium); color: var(--color-navy-primary);  }.contact__form  {background: white; padding: var(--space-32); border-radius: var(--radius-lg); box-shadow: var(--shadow-premium);  }.form-row  {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-16);  }.form-group  {margin-bottom: var(--space-20);  }.form-label  {display: block; margin-bottom: var(--space-8); font-weight: var(--font-weight-medium); color: var(--color-navy-primary);  }.form-control  {width: 100%; padding: var(--space-12) var(--space-16); border: 2px solid rgba(26, 34, 56, 0.1); border-radius: var(--radius-base); font-size: var(--font-size-base); ransition: all var(--duration-fast) var(--ease-standard); background: white;  }.form-control:focus  {border-color: var(--color-teal-primary); box-shadow: 0 0 0 3px rgba(32, 178, 170, 0.1); outline: none;  }extarea.form-control  {resize: vertical; min-height: 120px;  }@media (max-width: 768px)  {.contact__content  {grid-template-columns: 1fr;  }.form-row  {grid-template-columns: 1fr;  } }.about-hero  {background: var(--gradient-hero); padding: 120px 0 var(--space-32); ext-align: center; position: relative; overflow: hidden;  }.about-hero::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2320b2aa' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat; z-index: 0;  }.about-hero .container  {position: relative; z-index: 1;  }.about-hero__title  {font-size: var(--font-size-4xl); font-weight: var(--font-weight-bold); color: #111827; margin-bottom: var(--space-16); line-height: 1.2;  }.about-hero__subtitle  {font-size: var(--font-size-xl); color: #6b7280; font-weight: var(--font-weight-medium);  }.about-content  {padding: var(--space-32) 0;  }.about-content__grid  {display: grid; grid-template-columns: 2fr 1fr; gap: 48px; align-items: start;  }.about-section  {margin-bottom: var(--space-32);  }.about-section__title  {font-size: var(--font-size-2xl); font-weight: var(--font-weight-bold); color: #111827; margin-bottom: var(--space-16); line-height: 1.3;  }.about-section__subtitle  {font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); color: #111827; margin-bottom: var(--space-16); line-height: 1.4;  }.about-section__text  {font-size: var(--font-size-lg); line-height: 1.7; color: #4b5563; margin-bottom: var(--space-16);  }.about-features  {display: flex; flex-direction: column; gap: var(--space-12); margin-bottom: var(--space-16);  }.about-feature  {display: flex; align-items: center; gap: var(--space-12); font-size: var(--font-size-lg); color: #4b5563;  }.about-feature__icon  {width: 24px; height: 24px; color: var(--color-success-500); flex-shrink: 0;  }.about-cta  {display: flex; flex-direction: column; gap: var(--space-16); margin-bottom: var(--space-16);  }.about-cta__item  {display: flex; align-items: center; gap: var(--space-12); font-size: var(--font-size-lg); color: #4b5563;  }.about-cta__icon  {width: 24px; height: 24px; color: var(--color-accent-500); flex-shrink: 0;  }.about-quote  {background: var(--color-success-50); border-left: 4px solid var(--color-success-500); padding: var(--space-24); border-radius: var(--radius-md); margin: var(--space-24) 0;  }.about-quote p  {font-size: var(--font-size-xl); font-style: italic; color: #111827; font-weight: var(--font-weight-medium); margin: 0; ext-align: center;  }.about-sidebar  {position: sticky; op: 100px;  }.about-card  {background: white; border: 1px solid var(--color-card-border); border-radius: var(--radius-lg); padding: var(--space-24); margin-bottom: var(--space-24); box-shadow: var(--shadow-card); ransition: all var(--duration-normal) var(--ease-standard);  }.about-card:hover  {ransform: translateY(-4px); box-shadow: var(--shadow-premium);  }.about-card__icon  {width: 48px; height: 48px; background: var(--gradient-royal-green); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-16);  }.about-card__icon i  {width: 24px; height: 24px; color: white;  }.about-card__title  {font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: #111827; margin-bottom: var(--space-8);  }.about-card__text  {font-size: var(--font-size-base); line-height: 1.6; color: #333333;  }@media (max-width: 1024px)  {.about-content__grid  {grid-template-columns: 1fr; gap: var(--space-32);  }.about-sidebar  {position: static;  } }@media (max-width: 768px)  {.about-hero  {padding: 100px 0 var(--space-24);  }.about-hero__title  {font-size: var(--font-size-3xl);  }.about-hero__subtitle  {font-size: var(--font-size-lg);  }.about-section__title  {font-size: var(--font-size-xl);  }.about-section__subtitle  {font-size: var(--font-size-lg);  }.about-section__text  {font-size: var(--font-size-base);  }.about-feature,.about-cta__item  {font-size: var(--font-size-base);  }.about-quote p  {font-size: var(--font-size-lg);  } }.footer  {background-image: linear-gradient(135deg, rgb(30, 58, 138) 0%, rgb(217, 119, 6) 100%); color: white; padding: var(--space-32) 0 var(--space-20);  }.footer *  {color: white !important;  }.footer__content  {display: grid; grid-template-columns: 1fr 3fr; gap: var(--space-32); margin-bottom: var(--space-32);  }.footer__brand .logo__text  {color: white;  }.footer__brand .logo__icon  {color: white;  }.footer__slogan  {margin: var(--space-4) 0; color: white; font-size: var(--font-size-sm); font-weight: var(--font-weight-normal); line-height: 1.3; opacity: 0.9;  }.footer__tagline  {margin: var(--space-16) 0; color: white; line-height: 1.6;  }.footer__certifications  {display: flex; gap: var(--space-12); flex-wrap: wrap;  }.certification  {background: var(--color-accent); color: white !important; padding: var(--space-4) var(--space-12); border-radius: var(--radius-full); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium);  }.footer__links  {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-24);  }.footer__heading  {color: white; font-size: var(--font-size-lg); margin-bottom: var(--space-16); font-weight: var(--font-weight-semibold); ext-align: center;  }.footer__list  {list-style: none; padding: 0; margin: 0;  }.footer__list li  {margin-bottom: var(--space-8); color: white !important;  }.footer__list a  {color: white; ext-decoration: none; ransition: color var(--duration-fast) var(--ease-standard);  }.footer__list a:hover  {color: var(--color-teal-light);  }.footer__social  {display: flex; gap: var(--space-12); margin-top: var(--space-16); justify-content: center;  }.social__link  {width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; ext-decoration: none; ransition: all var(--duration-fast) var(--ease-standard);  }.social__link:hover  {background: var(--color-teal-primary); ransform: translateY(-2px);  }.social__link i  {width: 18px; height: 18px;  }.footer__bottom  {border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: var(--space-20); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--space-16);  }.footer__legal  {display: flex; align-items: center; gap: var(--space-24); flex-wrap: wrap;  }.footer__copyright  {color: white; font-size: var(--font-size-sm);  }.footer__legal-links  {display: flex; gap: var(--space-16);  }.footer__legal-links a  {color: white; ext-decoration: none; font-size: var(--font-size-sm);  }.footer__legal-links a:hover  {color: white;  }.footer__newsletter  {display: flex; align-items: center; gap: var(--space-12);  }.newsletter__text  {color: white; font-size: var(--font-size-sm);  }@media (max-width: 768px)  {.footer__content  {grid-template-columns: 1fr; ext-align: center;  }.footer__bottom  {flex-direction: column; ext-align: center;  }.footer__legal  {flex-direction: column; align-items: center;  } }@keyframes fadeInUp  {from  {opacity: 0; ransform: translateY(30px);  }o  {opacity: 1; ransform: translateY(0);  } }@keyframes scaleIn  {from  {opacity: 0; ransform: scale(0.9);  }o  {opacity: 1; ransform: scale(1);  } }.animate-on-scroll  {opacity: 0; ransform: translateY(30px); ransition: all 0.8s var(--ease-standard);  }.animate-on-scroll.visible  {opacity: 1; ransform: translateY(0);  }.btn--full-width  {width: 100%;  }.text-center  {ext-align: center;  }.btn:active  {ransform: scale(0.98);  }.card:hover .service__icon,.card:hover .trust__card-icon  {ransform: scale(1.1);  }@media (prefers-reduced-motion: reduce)  {*,*::before,*::after  {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; ransition-duration: 0.01ms !important;  } }@media print  {.header,.footer,.nav__toggle,.cta,.btn  {display: none !important;  }.hero  {padding-top: 0;  }*  {background: white !important; color: black !important;  } }.btn--primary,.btn-primary,.cta__buttons .btn--primary  {background: var(--gradient-primary); color: var(--color-white) !important; box-shadow: var(--shadow-button); border: none; ransition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;  }.btn--primary:hover,.btn-primary:hover,.btn--primary:focus,.btn-primary:focus,.cta__buttons .btn--primary:hover  {background: var(--gradient-primary); color: var(--color-white) !important; ext-decoration: none; outline: none; ransform: translateY(-2px); box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4);  }.about-content ul,.about-content ol,.about-content ul li,.about-content ol li,ul,ol,li  {color: var(--color-text) !important; opacity: 1 !important; font-family: var(--font-family-base) !important; font-size: var(--font-size-base) !important; font-weight: var(--font-weight-normal) !important; line-height: var(--line-height-normal) !important; margin-bottom: var(--space-16) !important; padding-left: 1.5em !important;  }.calculator  {max-width: 650px; margin: 40px auto; background: #fff; border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.08); padding: 32px;  }.calculator h1  {font-size: 1.8em; font-weight: 600; color: #223885; margin-bottom: 10px; ext-align: center;  }.calculator__subtitle  {ext-align: center; font-size: 1em; color: #555; margin-bottom: 25px;  }.row  {margin-bottom: 20px;  }.row label  {display: block; margin-bottom: 6px; color: #374151; font-weight: 500;  }.row input[type="number"]  {width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 6px; font-size: 1.1em; margin-bottom: 6px;  }.row input[type="range"]  {width: 100%;  }.summary  {display: flex; justify-content: space-around; margin: 25px 0;  }.summary div  {flex: 1; ext-align: center;  }.summary .val1, .summary .val2, .summary .val3  {font-size: 1.3em; font-weight: bold;  }.chart-container  {background: #f9fafb; border-radius: 12px; padding: 10px; margin-bottom: 20px;  }.explainer  {margin-top: 20px; background: #f8faff; border-radius: 10px; padding: 20px; font-size: 0.95em; line-height: 1.6; color: #444;  }.explainer h2  {font-size: 1.2em; margin-bottom: 10px; color: #223885;  }.cta-cards  {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--space-24); margin-top: var(--space-32);  }.cta-card  {display: flex; align-items: flex-start; gap: var(--space-16); padding: var(--space-24); background: var(--color-white); border: 1px solid var(--color-gray-200); border-radius: var(--radius-lg); ext-decoration: none; color: var(--color-text); ransition: all var(--duration-normal) var(--ease-standard); position: relative; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);  }.cta-card::before  {content: ''; position: absolute; op: 0; left: 0; right: 0; height: 4px; background: var(--gradient-primary); ransform: scaleX(0); ransition: transform var(--duration-normal) var(--ease-standard);  }.cta-card:hover  {ransform: translateY(-4px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); border-color: var(--color-primary-400);  }.cta-card:hover::before  {ransform: scaleX(1);  }.cta-card__icon  {flex-shrink: 0; width: 48px; height: 48px; background: var(--gradient-primary); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; color: var(--color-white);  }.cta-card__icon i  {width: 24px; height: 24px;  }.cta-card__content  {flex: 1; min-width: 0;  }.cta-card__title  {font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); color: var(--color-gray-900); margin-bottom: var(--space-8); line-height: 1.3;  }.cta-card__description  {font-size: var(--font-size-base); color: var(--color-gray-700); margin-bottom: var(--space-16); line-height: 1.5;  }.cta-card__features  {display: flex; flex-wrap: wrap; gap: var(--space-8);  }.cta-card__feature  {display: inline-block; padding: var(--space-4) var(--space-8); background: var(--color-primary-100); color: var(--color-primary-800); border-radius: var(--radius-full); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); line-height: 1.2; border: 1px solid var(--color-primary-200);  }.cta-card__arrow  {flex-shrink: 0; width: 32px; height: 32px; background: var(--color-primary-200); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; color: var(--color-primary-700); ransition: all var(--duration-normal) var(--ease-standard);  }.cta-card:hover .cta-card__arrow  {background: var(--color-primary-500); color: var(--color-white); ransform: translateX(4px);  }@media (max-width: 768px)  {.cta-cards  {grid-template-columns: 1fr; gap: var(--space-16);  }.cta-card  {padding: var(--space-20);  }.cta-card__icon  {width: 40px; height: 40px;  }.cta-card__icon i  {width: 20px; height: 20px;  }.cta-card__title  {font-size: var(--font-size-lg);  }.cta-card__description  {font-size: var(--font-size-sm);  }.cta-card__features  {gap: var(--space-6);  }.cta-card__feature  {font-size: 11px; padding: var(--space-2) var(--space-6);  } }.calculator-container  {background: var(--color-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; margin-bottom: var(--space-32);  }.calculator-tabs  {display: flex; background: var(--color-gray-50); border-bottom: 1px solid var(--color-gray-200);  }.tab-btn  {flex: 1; padding: var(--space-16) var(--space-12); background: none; border: none; cursor: pointer; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-gray-600); ransition: all var(--duration-normal) var(--ease-standard); border-bottom: 3px solid transparent;  }.tab-btn:hover  {background: var(--color-gray-100); color: var(--color-gray-800);  }.tab-btn.active  {background: var(--color-white); color: var(--color-primary-600); border-bottom-color: var(--color-primary-600);  }.calculator-tab  {display: none; padding: var(--space-32);  }.calculator-tab.active  {display: block;  }.calculator-title  {font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); color: var(--color-gray-900); margin-bottom: var(--space-24); ext-align: center;  }.calculator-form  {max-width: 500px; margin: 0 auto var(--space-24);  }.form-group  {margin-bottom: var(--space-20);  }.form-group label  {display: block; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-gray-700); margin-bottom: var(--space-8);  }.form-control  {width: 100%; padding: var(--space-12) var(--space-16); border: 1px solid var(--color-gray-300); border-radius: var(--radius-md); font-size: var(--font-size-base); color: var(--color-gray-900); background: var(--color-white); ransition: border-color var(--duration-normal) var(--ease-standard);  }.form-control:focus  {outline: none; border-color: var(--color-primary-500); box-shadow: 0 0 0 3px var(--color-primary-100);  }.calculate-btn  {width: 100%; margin-top: var(--space-8);  }.calculator-result  {background: var(--color-primary-50); border: 1px solid var(--color-primary-200); border-radius: var(--radius-lg); padding: var(--space-24); margin-top: var(--space-24);  }.calculator-result h4  {font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); color: var(--color-primary-800); margin-bottom: var(--space-20); ext-align: center;  }.result-grid  {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-20);  }.result-item  {ext-align: center; padding: var(--space-16); background: var(--color-white); border-radius: var(--radius-md); border: 1px solid var(--color-primary-300);  }.result-label  {display: block; font-size: var(--font-size-sm); color: var(--color-gray-600); margin-bottom: var(--space-8);  }.result-value  {display: block; font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-primary-700);  }@media (max-width: 768px)  {.calculator-tabs  {flex-direction: column;  }.tab-btn  {ext-align: center; border-bottom: 1px solid var(--color-gray-200); border-right: none;  }.tab-btn.active  {border-bottom-color: var(--color-primary-600); border-right: none;  }.calculator-tab  {padding: var(--space-20);  }.result-grid  {grid-template-columns: 1fr; gap: var(--space-16);  }.calculator-form  {max-width: 100%;  } }.calculator-info__text,.calculator-info__list li,.about-section__text,.about-feature,.about-cta__item span,.footer__tagline,.footer__list li,.newsletter__text,.disclaimer,.results-header__subtitle,.result-card__label,.chart-title,.form-group__label,.calculator-info__text,.calculator-info__list li,.about-section__text,.about-feature,.about-cta__item span,.footer__tagline,.footer__list li,.newsletter__text,.disclaimer,.results-header__subtitle,.result-card__label,.chart-title,.form-group__label  {color: var(--color-gray-700) !important; font-weight: 500;  }p:not(.calculator-hero__subtitle):not(.calculator-hero__title):not(.about-hero__title):not(.about-hero__subtitle)  {color: var(--color-gray-700) !important;  }ul li, ol li  {color: var(--color-gray-700) !important;  }.calculator-info__text,.calculator-info__list li,.about-section__text,.about-feature,.about-cta__item span,.footer__tagline,.footer__list li,.newsletter__text,.disclaimer,.results-header__subtitle,.result-card__label,.chart-title,.form-group__label,.calculator-info__text,.calculator-info__list li,.about-section__text,.about-feature,.about-cta__item span,.footer__tagline,.footer__list li,.newsletter__text,.disclaimer,.results-header__subtitle,.result-card__label,.chart-title,.form-group__label  {color: var(--color-gray-700) !important; font-weight: 500;  }.calculator-info__list li::before,.about-feature__icon,.about-cta__icon  {color: var(--color-primary-600) !important;  }.text-muted,.text-secondary,.text-light,.text-gray  {color: var(--color-gray-700) !important; font-weight: 500;  }.symbol-list li,.instruments-section li,.instrument-card__description,.instrument-card__features li,.info-box p,.about-content__main p,.about-content__main li,.about-content__main ul li,.about-section__text,.about-section ul li,.about-section ol li,.about-content__main ul li,.about-content__main ol li,.about-content__main strong,.about-content__main p strong,.about-content__main li strong,.about-content__main h2 + p,.about-content__main h2 + ul li,.about-content__main h2 + ol li,.about-content__main h3 + p,.about-content__main h3 + ul li,.about-content__main h3 + ol li,.about-content__main h4 + p,.about-content__main h4 + ul li,.about-content__main h4 + ol li,.about-content__main h5 + p,.about-content__main h5 + ul li,.about-content__main h5 + ol li,.about-content__main h6 + p,.about-content__main h6 + ul li,.about-content__main h6 + ol li  {color: var(--color-gray-700) !important; font-weight: 500;  }.symbol-list,.instruments-section,.about-content__main ul,.about-content__main ol  {color: var(--color-gray-700) !important;  }.symbol-list li,.instruments-section li,.about-content__main ul li,.about-content__main ol li  {color: var(--color-gray-700) !important; font-weight: 500;  }.symbol-list li strong,.instruments-section li strong,.about-content__main ul li strong,.about-content__main ol li strong  {color: var(--color-gray-800) !important; font-weight: 600;  }.about-content__main h2 + p,.about-content__main h3 + p,.about-content__main h4 + p,.about-content__main h5 + p,.about-content__main h6 + p  {color: var(--color-gray-700) !important; font-weight: 500; line-height: 1.6;  }.calculator-info__list li::before  {color: var(--color-primary-600) !important;  }.about-feature__icon  {color: var(--color-primary-600) !important;  }.about-cta__icon  {color: var(--color-primary-600) !important;  }.instrument-card__description  {color: var(--color-gray-700) !important; font-weight: 500;  }.instrument-card__features li  {color: var(--color-gray-700) !important; font-weight: 500;  }.info-box p  {color: var(--color-gray-700) !important; font-weight: 500;  }p:not(.hero__description):not(.hero__subtitle):not(.about-hero__subtitle):not(.calculator-hero__subtitle)  {color: var(--color-gray-700) !important; font-weight: 500;  }li:not(.nav__item):not(.dropdown__link)  {color: var(--color-gray-700) !important; font-weight: 500;  }.whatsapp-fab{position:fixed;right:24px;bottom:24px;z-index:1100;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#25d366;color:#fff;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px rgba(37,211,102,.35);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.whatsapp-fab:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,211,102,.45);opacity:.95}.whatsapp-fab__icon{display:grid;place-items:center}.whatsapp-fab__icon svg{width:20px;height:20px;fill:currentColor}.whatsapp-fab__label{font-size:.95rem}@media (max-width:640px){.whatsapp-fab{padding:12px;border-radius:50%;gap:0}.whatsapp-fab__label{display:none}}
.nav__link{text-decoration:none!important}@media (max-width:768px){.whatsapp-fab{right:16px;bottom:16px;padding:10px 16px;gap:8px;font-size:.85rem}.whatsapp-fab__label{font-size:.85rem}}.score-fab{position:fixed;right:24px;bottom:90px;z-index:1100;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#1e40af;color:#fff;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 12px 30px rgba(30,64,175,.35);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.score-fab:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(30,64,175,.45);opacity:.95;background:#1e3a8a}.score-fab__icon{display:grid;place-items:center}.score-fab__icon svg{width:20px;height:20px;stroke:currentColor}.score-fab__label{font-size:.95rem}@media (max-width:768px){.score-fab{right:16px;bottom:80px;padding:10px 16px;gap:8px;font-size:.85rem}.score-fab__label{font-size:.85rem}}@media (max-width:640px){.score-fab{padding:12px;border-radius:50%;gap:0;bottom:80px}.score-fab__label{display:none}}