/* LexaVox Website Styles - Dark Mode Brand Theme */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');* {    margin: 0;    padding: 0;    box-sizing: border-box;}:root {    /* Brand Colors from Brand Kit */    --deep-neural-blue: #0B1B2B;    --cognitive-blue: #1E5AFF;    --aqua-flow: #5BE0FF;    --soft-mist: #F4F6FB;    --slate-gray: #CBD5E1;    --warm-signal: #F97316;    /* Theme Variables */    --bg-dark: #0B1B2B;    --bg-card: rgba(30, 90, 255, 0.1);    --text-primary: #F4F6FB;    --text-secondary: #CBD5E1;    --accent: #1E5AFF;    --accent-glow: #5BE0FF;    --border: rgba(91, 224, 255, 0.2);}html {    background-color: #0B1B2B;}body {    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;    line-height: 1.6;    color: #F4F6FB;    background-color: #0B1B2B;    background: #0B1B2B;}.container {    max-width: 1200px;    margin: 0 auto;    padding: 20px;}/* Hero Video Section */.hero-video-container {    position: relative;    width: 100%;    height: 600px;    overflow: hidden;    border-radius: 0;    margin-bottom: 40px;}.hero-video {    position: absolute;    top: 50%;    left: 50%;    min-width: 100%;    min-height: 100%;    width: auto;    height: auto;    transform: translate(-50%, -50%);    object-fit: cover;}.hero-overlay {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(135deg, rgba(11, 27, 43, 0.7) 0%, rgba(30, 90, 255, 0.3) 100%);    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    text-align: center;    padding: 40px 20px;}.hero-text {    max-width: 800px;}.hero-text h1 {    font-family: 'Plus Jakarta Sans', sans-serif;    font-size: 4em;    font-weight: 800;    color: white;    margin-bottom: 15px;    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);    line-height: 1.2;    letter-spacing: 1px;}.hero-text .tagline {    font-family: 'Plus Jakarta Sans', sans-serif;    font-size: 1.8em;    font-weight: 600;    color: white;    margin-bottom: 30px;    text-shadow: 0 2px 15px rgba(0, 0, 0, 0.6);    letter-spacing: 0.5px;}.hero-text p {    font-family: 'Inter', sans-serif;    font-size: 1.3em;    color: var(--soft-mist);    margin-bottom: 30px;    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}/* Navigation Bar */.navbar {    background: rgba(11, 27, 43, 0.95);    backdrop-filter: blur(10px);    box-shadow: 0 2px 20px rgba(91, 224, 255, 0.1);    position: sticky;    top: 0;    z-index: 1000;    border-bottom: 1px solid var(--border);}.nav-content {    display: flex;    justify-content: space-between;    align-items: center;    padding: 15px 0;}.logo-link {    display: flex;    align-items: center;    text-decoration: none;    gap: 12px;}.nav-logo {    height: 40px;    width: auto;    filter: drop-shadow(0 0 10px rgba(91, 224, 255, 0.5));}.logo-text {    font-family: 'Plus Jakarta Sans', sans-serif;    font-size: 1.5em;    font-weight: 700;    color: white;    text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);}.nav-links {    display: flex;    gap: 25px;}.nav-links a {    color: var(--text-secondary);    text-decoration: none;    font-weight: 500;    transition: color 0.3s, text-shadow 0.3s;    font-family: 'Inter', sans-serif;}.nav-links a:hover,.nav-links a.active {    color: var(--aqua-flow);    text-shadow: 0 0 10px rgba(91, 224, 255, 0.5);}/* Page Container */.page-container {    background: #0B1B2B;    background-color: #0B1B2B;    min-height: calc(100vh - 80px);    padding: 40px 30px;}/* Page Header */.page-header {    text-align: center;    margin-bottom: 50px;    padding-bottom: 30px;    border-bottom: 2px solid var(--border);}.page-header h1 {    font-family: 'Plus Jakarta Sans', sans-serif;    color: var(--aqua-flow);    font-size: 2.5em;    margin-bottom: 10px;    text-shadow: 0 0 20px rgba(91, 224, 255, 0.3);}.meta {    color: var(--text-secondary);    font-size: 1.1em;}/* Feature Cards */.feature-card {    background: var(--bg-card);    padding: 30px;    border-radius: 15px;    border: 1px solid var(--border);    text-align: center;    box-shadow: 0 0 20px rgba(30, 90, 255, 0.1);    transition: transform 0.3s, box-shadow 0.3s;}.feature-card:hover {    transform: translateY(-5px);    box-shadow: 0 0 30px rgba(91, 224, 255, 0.2);}.feature-card h3 {    font-family: 'Plus Jakarta Sans', sans-serif;    color: var(--aqua-flow);    font-size: 1.5em;    margin-bottom: 15px;}.feature-card p {    color: var(--text-secondary);    line-height: 1.7;}.tips-meta {    color: var(--text-secondary);    font-size: 0.9em;    margin-top: 8px;}.feature-icon {    font-size: 3em;    margin-bottom: 15px;}/* Info Section */.info-section {    background: var(--bg-card);    border-radius: 15px;    padding: 40px 30px;    margin: 30px 0;    border: 1px solid var(--border);    box-shadow: 0 0 20px rgba(30, 90, 255, 0.1);}.info-section h2 {    font-family: 'Plus Jakarta Sans', sans-serif;    color: var(--aqua-flow);    font-size: 2em;    margin-bottom: 20px;    text-align: center;}.info-section p {    color: #CBD5E1;}.info-section ul {    max-width: 700px;    margin: 0 auto;    padding-left: 20px;}.info-section li {    margin-bottom: 12px;    color: #CBD5E1;}.info-section li strong {    color: #5BE0FF;}/* Footer */footer {    background: rgba(30, 90, 255, 0.05);    color: #CBD5E1;    text-align: center;    padding: 30px 20px;    border-radius: 10px;    margin-top: 40px;    border-top: 1px solid var(--border);}footer p {    color: #CBD5E1;}footer a {    color: #5BE0FF;    text-decoration: none;    margin: 0 15px;    transition: color 0.3s;}footer a:hover {    color: #1E5AFF;    text-shadow: 0 0 10px rgba(30, 90, 255, 0.5);}.coming-soon {    background: rgba(249, 115, 22, 0.2);    color: var(--warm-signal);    padding: 15px;    border-radius: 8px;    text-align: center;    margin: 20px auto;    border: 1px solid var(--warm-signal);    display: inline-block;    font-weight: 600;}.download-button {    display: inline-block;    background: linear-gradient(135deg, var(--cognitive-blue) 0%, var(--aqua-flow) 100%);    color: white;    padding: 15px 40px;    border-radius: 30px;    text-decoration: none;    font-size: 1.2em;    font-weight: bold;    box-shadow: 0 5px 20px rgba(30, 90, 255, 0.4);    transition: transform 0.2s, box-shadow 0.2s;}.download-button:hover {    transform: translateY(-2px);    box-shadow: 0 7px 30px rgba(91, 224, 255, 0.6);}.features {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));    gap: 25px;    margin: 40px 0;}/* Responsive Design */@media (max-width: 768px) {    .hero-video-container {        height: 400px;    }    .hero-text h1 {        font-size: 2em;    }    .hero-text p {        font-size: 1.1em;    }    .nav-content {        flex-direction: column;        gap: 15px;    }    .nav-links {        flex-wrap: wrap;        justify-content: center;        gap: 15px;    }    .features {        grid-template-columns: 1fr;    }}@media (max-width: 480px) {    .hero-video-container {        height: 300px;    }    .container {        padding: 15px;    }    .hero-text h1 {        font-size: 1.5em;    }    .nav-logo {        height: 32px;    }    .logo-text {        font-size: 1.2em;    }}