:root {--primary-color: #FF3B30;--primary-light: #FF6B61;--primary-dark: #CC2F26;--secondary-color: #FF9500;--dark-bg: #121212;--darker-bg: #0A0A0A;--light-text: #FFFFFF;--gray-text: #AAAAAA;--gray-bg: #1E1E1E;--gradient-start: #FF3B30;--gradient-end: #FF9500;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: 0.2s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease}* {margin: 0;padding: 0;box-sizing: border-box}html {font-size: 16px;scroll-behavior: smooth}body {font-family: 'Inter', sans-serif;background-color: var(--dark-bg);color: var(--light-text);line-height: 1.6;overflow-x: hidden}.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 var(--spacing-md)}h1,h2,h3,h4,h5,h6 {font-weight: 700;line-height: 1.2;margin-bottom: var(--spacing-sm)}h1 {font-size: 4rem;margin-bottom: var(--spacing-md)}h2 {font-size: 3rem;margin-bottom: var(--spacing-md)}h3 {font-size: 1.8rem;margin-bottom: var(--spacing-sm)}p {margin-bottom: var(--spacing-md)}a {color: var(--light-text);text-decoration: none;transition: color var(--transition-fast)}a:hover {color: var(--primary-color)}img {max-width: 100%;height: auto}section {padding: var(--spacing-xl) 0;position: relative;overflow: hidden}.section-header {text-align: center;max-width: 800px;margin: 0 auto var(--spacing-lg);position: relative;z-index: 1;}.section-header p {font-size: 1.2rem;color: var(--gray-text)}.gradient-text {background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));-webkit-background-clip: text;background-clip: text;color: transparent;display: inline-block}.floating {animation: float 6s ease-in-out infinite}@keyframes float {0% {transform: translateY(0px)}50% {transform: translateY(-20px)}100% {transform: translateY(0px)}}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.75rem 1.5rem;border-radius: var(--border-radius-md);font-weight: 600;transition: all var(--transition-normal);border: none;cursor: pointer;text-align: center}.btn i {margin-right: 0.5rem}.btn-primary {background-color: var(--primary-color);color: var(--light-text)}.btn-primary:hover {background-color: var(--primary-light);color: var(--light-text);transform: translateY(-2px);box-shadow: 0 10px 20px rgba(255, 59, 48, 0.3)}.btn-secondary {background-color: transparent;color: var(--light-text);border: 2px solid var(--light-text)}.btn-secondary:hover {background-color: var(--light-text);color: var(--dark-bg);transform: translateY(-2px)}.btn-large {padding: 1rem 2rem;font-size: 1.1rem}.navbar {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 1rem 0;background-color: rgba(10, 10, 10, 0.8);backdrop-filter: blur(10px);transition: all var(--transition-normal)}.navbar .container {display: flex;justify-content: space-between;align-items: center}.logo img {height: 69px}.nav-links {display: flex;gap: var(--spacing-md)}.nav-links a {font-weight: 500;position: relative}.nav-links a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: width var(--transition-normal)}.nav-links a:hover::after {width: 100%}.nav-buttons {display: flex;gap: var(--spacing-sm)}.mobile-menu-toggle {display: none;flex-direction: column;gap: 6px;cursor: pointer}.mobile-menu-toggle span {width: 30px;height: 3px;background-color: var(--light-text);transition: all var(--transition-normal)}.hero {min-height: 100vh;display: flex;align-items: center;position: relative;padding-top: 80px;}.hero .container {display: flex;align-items: center;justify-content: space-between}.hero-content {max-width: 600px}.hero-tagline {font-size: 1.3rem;margin-bottom: var(--spacing-md)}.hero-buttons {display: flex;gap: var(--spacing-md)}.hero-image {max-width: 500px;position: relative}.hero-image img {border-radius: var(--border-radius-lg);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3)}.free-plan {background-color: var(--darker-bg);border-radius: var(--border-radius-lg);margin-top: -100px;position: relative;z-index: 10}.free-plan-highlight {background: linear-gradient(135deg, rgba(255, 59, 48, 0.1), rgba(255, 149, 0, 0.1));border-radius: var(--border-radius-lg);padding: var(--spacing-lg);text-align: center;max-width: 800px;margin: 0 auto;border: 1px solid rgba(255, 59, 48, 0.3);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2)}.price {font-size: 4rem;font-weight: 800;margin-bottom: var(--spacing-md);color: var(--light-text)}.currency,.period {font-size: 1.5rem;vertical-align: middle}.free-minutes {margin-bottom: var(--spacing-md)}.minutes-count {font-size: 2.5rem;font-weight: 700;color: var(--primary-color)}.minutes-text {font-size: 1.2rem;font-weight: 600}.feature-list {list-style: none;margin-bottom: 0px;display: inline-block;text-align: left}.feature-list li {margin-bottom: var(--spacing-sm);display: flex;align-items: center}.feature-list i {color: var(--primary-color);margin-right: var(--spacing-sm)}.features {background-color: var(--dark-bg);position: relative;overflow: hidden;}.features-background-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url('https://compeller.ai/media/page/hero_blonde.png') center/cover no-repeat;background-attachment: fixed;opacity: 0.5;z-index: -1;}.features-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md);position: relative;z-index: 1;}.feature-card {background-color: var(--gray-bg);border-radius: var(--border-radius-lg);padding: var(--spacing-md);transition: transform var(--transition-normal);height: 100%}.feature-card:hover {transform: translateY(-10px)}.feature-icon {margin-bottom: var(--spacing-md)}.feature-icon img {width: 80px;height: 80px}.how-it-works {background-color: var(--darker-bg)}.steps-container {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-md)}.step {text-align: center;padding: var(--spacing-md)}.step-icon {margin-bottom: var(--spacing-md)}.step-icon img {width: 100px;height: 100px}.examples {background-color: var(--dark-bg)}.gallery {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md)}.gallery-item {border-radius: var(--border-radius-lg);overflow: hidden;background-color: var(--gray-bg);transition: transform var(--transition-normal)}.gallery-item:hover {transform: translateY(-10px)}.gallery-image {height: 300px;overflow: hidden}.gallery-image img {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-normal)}.gallery-item:hover .gallery-image img {transform: scale(1.05)}.gallery-info {padding: var(--spacing-md)}.pricing {background-color: var(--darker-bg)}.pricing-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md)}.pricing-card {background-color: var(--gray-bg);border-radius: var(--border-radius-lg);padding: var(--spacing-md);transition: transform var(--transition-normal);height: 100%;display: flex;flex-direction: column}.pricing-card.highlight {background: linear-gradient(135deg, rgba(255, 59, 48, 0.1), rgba(255, 149, 0, 0.1));border: 1px solid rgba(255, 59, 48, 0.3);transform: scale(1.05);z-index: 1;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2)}.pricing-card:hover:not(.highlight) {transform: translateY(-10px)}.pricing-header {text-align: center;margin-bottom: var(--spacing-md);padding-bottom: var(--spacing-md);border-bottom: 1px solid rgba(255, 255, 255, 0.1)}.price-rate {font-size: 1.2rem;color: var(--primary-color);font-weight: 600}.pricing-features {list-style: none;margin-bottom: var(--spacing-md);flex-grow: 1}.pricing-features li {margin-bottom: var(--spacing-sm);display: flex;align-items: center}.pricing-features i {color: var(--primary-color);margin-right: var(--spacing-sm)}.pricing-card .btn {width: 100%}.cta {background: linear-gradient(135deg, rgba(255, 59, 48, 0.1), rgba(255, 149, 0, 0.1));text-align: center}.cta-content {max-width: 800px;margin: 0 auto}.signup-form {display: flex;gap: var(--spacing-sm);max-width: 500px;margin: var(--spacing-md) auto}.signup-form input {flex-grow: 1;padding: 1rem;border-radius: var(--border-radius-md);border: none;background-color: var(--gray-bg);color: var(--light-text)}.terms {font-size: 0.9rem;color: var(--gray-text)}.footer {background-color: var(--darker-bg);padding: var(--spacing-xl) 0 var(--spacing-md);display: flex;justify-content: center;width: 100%;}.footer-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 2rem;margin-bottom: var(--spacing-lg);max-width: 1200px;margin-left: auto;margin-right: auto;padding: 0 2rem;}.footer-brand img {height: 69px;margin-bottom: var(--spacing-sm)}.social-links {display: flex;gap: var(--spacing-sm);margin-top: var(--spacing-md)}.social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: var(--gray-bg);transition: all var(--transition-normal)}.social-links a:hover {background-color: var(--primary-color);transform: translateY(-3px)}.newsletter-form {display: flex;gap: var(--spacing-sm)}.newsletter-form input {flex-grow: 1;padding: 0.75rem;border-radius: var(--border-radius-md);border: none;background-color: var(--gray-bg);color: var(--light-text)}.footer-bottom {display: flex;justify-content: space-between;align-items: center;padding-top: var(--spacing-md);border-top: 1px solid rgba(255, 255, 255, 0.1);color: var(--gray-text);font-size: 0.9rem;max-width: 1200px;margin: 0 auto;padding-left: 2rem;padding-right: 2rem;width: 100%;}.footer-legal {display: flex;gap: var(--spacing-md)}.footer-legal a {color: var(--gray-text);position: relative;display: inline-block;}.footer-legal a::after {content: '';position: absolute;bottom: -3px;left: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: width var(--transition-normal);}.footer-legal a:hover {color: var(--primary-color);}.footer-legal a:hover::after {width: 100%;}:root {--primary-color: #ff3333;--secondary-color: #ff6600;--accent-color: #ffcc00;--dark-bg: #121212;--darker-bg: #0a0a0a;--light-text: #ffffff;--gray-text: #aaaaaa;--card-bg: rgba(30, 30, 30, 0.7);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-accent: linear-gradient(135deg, var(--secondary-color), var(--accent-color));--box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);--border-radius: 12px;--transition: all 0.3s ease;}* {margin: 0;padding: 0;box-sizing: border-box;}html {scroll-behavior: smooth;}a {color: red !important}body {font-family: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;background-color: var(--dark-bg);color: var(--light-text);line-height: 1.6;overflow-x: hidden;}h1,h2,h3,h4,h5,h6 {font-weight: 700;line-height: 1.2;margin-bottom: 1rem;}h1 {font-size: 4rem;background: var(--gradient-accent);-webkit-background-clip: text;background-clip: text;color: transparent;}h2 {font-size: 2.5rem;position: relative;display: inline-block;}h2::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 80px;height: 4px;background: var(--gradient-primary);border-radius: 2px;}h3 {font-size: 1.5rem;}p {margin-bottom: 1rem;font-size: 1.1rem;}a {text-decoration: none;color: var(--light-text);transition: var(--transition);}ul {list-style: none;}img {max-width: 100%;height: auto;}section {padding: 5rem 0;}.container {width: 90%;max-width: 1200px;margin: 0 auto;padding: 0 1rem;}.btn {display: inline-block;padding: 0.8rem 1.8rem;border-radius: 50px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;transition: var(--transition);cursor: pointer;font-size: 1rem;text-align: center;}.btn-primary {background: var(--gradient-primary);color: var(--light-text);box-shadow: 0 5px 15px rgba(255, 51, 51, 0.3);}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 8px 20px rgba(255, 51, 51, 0.4);}.btn-secondary {background: rgba(255, 255, 255, 0.1);color: var(--light-text);border: 1px solid rgba(255, 255, 255, 0.2);}.btn-secondary:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-3px);}.btn-outline {background: transparent;color: var(--light-text);border: 2px solid var(--light-text);}.btn-outline:hover {background: rgba(255, 255, 255, 0.1);transform: translateY(-3px);}.navbar {display: flex;justify-content: space-between;align-items: center;padding: 1.5rem 5%;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;background: rgba(10, 10, 10, 0.8);backdrop-filter: blur(10px);transition: var(--transition);}.navbar.scrolled {padding: 1rem 5%;background: rgba(10, 10, 10, 0.95);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);}.logo img {height: 60px;min-width: 150px;}.nav-links {display: flex;gap: 2rem;}.nav-links a {position: relative;font-weight: 500;}.nav-links a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: var(--gradient-primary);transition: var(--transition);}.nav-links a:hover::after {width: 100%;}.cta-buttons {display: flex;gap: 1rem;}.menu-toggle {display: none;font-size: 1.5rem;cursor: pointer;}.hero {min-height: 100vh;display: flex;align-items: center;justify-content: space-between;padding: 8rem 5% 5rem;position: relative;background: var(--darker-bg);overflow: hidden;}.hero::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 30% 50%, rgba(255, 51, 51, 0.1), transparent 50%),radial-gradient(circle at 70% 70%, rgba(255, 102, 0, 0.1), transparent 50%);z-index: 0;}.hero-content {flex: 1;max-width: 600px;position: relative;z-index: 2;}.hero-content h1 {margin-bottom: 1.5rem;font-size: clamp(3rem, 5vw, 4.5rem);}.hero-content p {font-size: 1.2rem;margin-bottom: 2rem;color: var(--gray-text);}.hero-cta {display: flex;gap: 1rem;margin-top: 2rem;}.hero-image {flex: 1;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;}.model-container {width: 100%;height: 500px;}model-viewer {width: 100%;height: 100%;--poster-color: transparent;}.hero-badge {position: absolute;top: 30%;right: 10%;background: var(--gradient-primary);padding: 1rem;border-radius: var(--border-radius);transform: rotate(15deg);box-shadow: var(--box-shadow);z-index: 3;text-align: center;animation: float 3s ease-in-out infinite;}.forever-free {display: block;font-size: 1.5rem;font-weight: 800;text-transform: uppercase;}.free-details {display: block;font-size: 0.8rem;opacity: 0.8;}@keyframes float {0% {transform: rotate(15deg) translateY(0);}50% {transform: rotate(15deg) translateY(-10px);}100% {transform: rotate(15deg) translateY(0);}}.features {background-color: var(--dark-bg);position: relative;overflow: hidden;}.features::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 20% 30%, rgba(255, 51, 51, 0.05), transparent 40%);z-index: 0;}.section-header {text-align: center;max-width: 800px;margin: 0 auto 4rem;position: relative;z-index: 1;}.section-header p {color: var(--gray-text);font-size: 1.2rem;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;padding: 0 5%;position: relative;z-index: 1;}.feature-card {background: var(--card-bg);border-radius: var(--border-radius);padding: 2rem;transition: var(--transition);box-shadow: var(--box-shadow);border: 1px solid rgba(255, 255, 255, 0.05);backdrop-filter: blur(10px);}.feature-card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);border-color: rgba(255, 51, 51, 0.3);}.feature-icon {width: 70px;height: 70px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;font-size: 1.8rem;}.examples {background-color: var(--darker-bg);position: relative;}.examples::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 70% 30%, rgba(255, 102, 0, 0.05), transparent 40%);z-index: 0;}.examples-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 2rem;padding: 0 5%;position: relative;z-index: 1;}.example-card {background: var(--card-bg);border-radius: var(--border-radius);overflow: hidden;transition: var(--transition);box-shadow: var(--box-shadow);}.example-card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);}.example-image {height: 800px;overflow: hidden;}.example-image img {width: 100%;height: 100%;object-fit: cover;transition: var(--transition);}.example-card:hover .example-image img {transform: scale(1.05);}.example-content {padding: 1.5rem;}.how-it-works {background-color: var(--dark-bg);position: relative;}.how-it-works::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 30% 70%, rgba(255, 204, 0, 0.05), transparent 40%);z-index: 0;}.steps-container {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 2rem;padding: 0 5%;position: relative;z-index: 1;}.step {flex: 1;min-width: 200px;text-align: center;padding: 2rem;background: var(--card-bg);border-radius: var(--border-radius);transition: var(--transition);box-shadow: var(--box-shadow);border: 1px solid rgba(255, 255, 255, 0.05);}.step:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);border-color: rgba(255, 102, 0, 0.3);}.step-number {width: 60px;height: 60px;background: var(--gradient-primary);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;font-size: 1.8rem;font-weight: 700;}.pricing {background-color: var(--darker-bg);position: relative;}.pricing::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 50% 50%, rgba(255, 51, 51, 0.05), transparent 50%);z-index: 0;}.pricing-container {display: flex;justify-content: center;flex-wrap: wrap;gap: 2rem;padding: 0 5%;position: relative;z-index: 1;}.pricing-card {flex: 1;min-width: 300px;max-width: 350px;background: var(--card-bg);border-radius: var(--border-radius);padding: 2.5rem 2rem;transition: var(--transition);box-shadow: var(--box-shadow);border: 1px solid rgba(255, 255, 255, 0.05);position: relative;overflow: hidden;}.pricing-card.highlight {border-color: var(--primary-color);transform: scale(1.05);}.pricing-card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);}.pricing-card.highlight:hover {transform: scale(1.05) translateY(-10px);}.pricing-header {text-align: center;margin-bottom: 2rem;}.price {font-size: 3rem;font-weight: 700;color: var(--light-text);}.price span {font-size: 1rem;font-weight: 400;color: var(--gray-text);}.pricing-features ul {margin-bottom: 2rem;}.pricing-features li {padding: 0.5rem 0;position: relative;padding-left: 1.5rem;}.pricing-features li::before {content: '✓';position: absolute;left: 0;color: var(--primary-color);}.pricing-cta {text-align: center;}.forever-free-badge {position: absolute;top: 0;right: 0;background: var(--gradient-primary);color: var(--light-text);padding: 0.5rem 1rem;font-weight: 700;font-size: 0.9rem;border-bottom-left-radius: var(--border-radius);text-transform: uppercase;}.cta-section {background: var(--gradient-primary);padding: 5rem 0;text-align: center;}.cta-content {max-width: 800px;margin: 0 auto;padding: 0 1rem;}.cta-content h2 {color: var(--light-text);margin-bottom: 1.5rem;}.cta-content h2::after {background: var(--light-text);}.cta-content p {color: rgba(255, 255, 255, 0.9);margin-bottom: 2rem;}.cta-content .btn {background: var(--light-text);color: var(--primary-color);font-weight: 700;}.cta-content .btn:hover {background: rgba(255, 255, 255, 0.9);transform: translateY(-3px);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);}footer {background-color: var(--darker-bg);padding: 5rem 0 2rem;}.footer-content {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 3rem;padding: 0 5%;margin-bottom: 3rem;}.footer-logo {flex: 1;min-width: 200px;max-width: 300px;}.footer-logo img {height: 69px;margin-bottom: 1rem;}.footer-links {display: flex;flex-direction: column;gap: .5rem;align-self: start;}.footer-links a {white-space: normal;display: block;}.footer-links h4 {margin-bottom: 1rem;}.footer-links ul {padding-left: 0;margin: 0;list-style-type: none;}.footer-column {flex: 1;min-width: 150px;}.footer-column h4 {margin-bottom: 1.5rem;color: var(--light-text);}.footer-column ul li, .footer-links ul li {margin-bottom: 0.8rem;}.footer-column ul li a, .footer-links ul li a {color: var(--gray-text);transition: var(--transition);position: relative;display: inline-block;}.footer-column ul li a::after, .footer-links ul li a::after {content: '';position: absolute;bottom: -3px;left: 0;width: 0;height: 2px;background-color: var(--primary-color);transition: width var(--transition-normal);}.footer-column ul li a:hover, .footer-links ul li a:hover {color: var(--primary-color);}.footer-column ul li a:hover::after, .footer-links ul li a:hover::after {width: 100%;}.footer-bottom {display: flex;justify-content: space-between;align-items: center;padding: 2rem 5%;border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-bottom p {color: var(--gray-text);margin-bottom: 0;}.social-links {display: flex;gap: 1rem;}.social-links a {width: 40px;height: 40px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);display: flex;align-items: center;justify-content: center;transition: var(--transition);}.social-links a:hover {background: var(--gradient-primary);transform: translateY(-3px);}@media (max-width: 1024px) {.hero {flex-direction: column;text-align: center;padding-top: 6rem;min-height: 100dvh;min-height: -webkit-fill-available;align-items: flex-start;justify-content: flex-start;padding-top: 100px;}.hero-content {max-width: 100%;margin-bottom: 3rem;}.hero-cta {justify-content: center;}.hero-badge {top: 20%;right: 5%;}.model-container {height: 400px;}.steps-container {flex-direction: column;align-items: center;}.step {width: 100%;max-width: 400px;}}@media (max-width: 768px) {h1 {font-size: 3rem;}h2 {font-size: 2rem;}.navbar {padding: 1rem 5%;}.nav-links,.cta-buttons {display: none;}.menu-toggle {display: block;}.hero {min-height: auto;padding-top: 90px;padding-bottom: 2rem;}.hero-badge {top: 10%;right: 5%;}.features-grid,.examples-grid {grid-template-columns: 1fr;}.pricing-container {flex-direction: column;align-items: center;}.pricing-card {width: 100%;max-width: 400px;}.pricing-card.highlight {transform: scale(1);}.pricing-card.highlight:hover {transform: translateY(-10px);}.footer-content {flex-direction: column;}.footer-links {flex-direction: column;white-space: nowrap;}.footer-bottom {flex-direction: column;gap: 1rem;}}@media (max-width: 480px) {h1 {font-size: 2.5rem;}.hero-cta {flex-direction: column;}.hero-badge {display: none;}}@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.fade-in {animation: fadeIn 1s ease forwards;}.delay-1 {animation-delay: 0.2s;}.delay-2 {animation-delay: 0.4s;}.delay-3 {animation-delay: 0.6s;}.glow {position: relative;}.glow::before {content: '';position: absolute;top: -10px;left: -10px;right: -10px;bottom: -10px;background: var(--gradient-primary);border-radius: calc(var(--border-radius) + 10px);z-index: -1;opacity: 0.5;filter: blur(20px);transition: var(--transition);}.glow:hover::before {opacity: 0.7;filter: blur(30px);}.pricing-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-md);}.example-video-container {position: relative;width: 100%;height: 100%;overflow: hidden;}.example-video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}.video-wrapper {position: relative;display: inline-block;}.play-icon {position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;background: url('/assets/images/play-icon.png') no-repeat center center;background-size: contain;transform: translate(-50%, -50%);pointer-events: none;}