:root {--bg-body: #0b0e14;--bg-card: #151a23;--bg-header: rgba(11, 14, 20, 0.9);--bg-element: #1e1e1e;--text-main: #ffffff;--text-secondary: #94a3b8;--text-inverse: #0b0e14;--primary: #ff5500;--primary-hover: #ff7733;--accent-green: #10b981;--border: rgba(255, 255, 255, 0.1);--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.5);--glow: 0 0 20px rgba(255, 85, 0, 0.3);--btn-outline-bg: transparent;--btn-outline-border: rgba(255, 255, 255, 0.2);--btn-outline-text: #ffffff;}[data-theme="light"] {--bg-body: #f8fafc;--bg-card: #ffffff;--bg-header: rgba(255, 255, 255, 0.95);--bg-element: #f1f5f9;--text-main: #111827;--text-secondary: #4b5563;--text-inverse: #ffffff;--primary: #ff5500;--primary-hover: #e04b00;--accent-green: #059669;--border: rgba(0, 0, 0, 0.1);--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);--glow: 0 0 15px rgba(255, 85, 0, 0.2);--btn-outline-bg: transparent;--btn-outline-border: rgba(0, 0, 0, 0.1);--btn-outline-text: #ff5500;}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: "Inter", sans-serif;background-color: var(--bg-body);color: var(--text-main);overflow-x: hidden;transition: background-color 0.3s ease, color 0.3s ease;}h1, h2, h3, h4 {font-family: "Space Grotesk", sans-serif;color: var(--text-main);}a {text-decoration: none;transition: 0.3s;}ul {list-style: none;}.float-loop {animation: floatY 4s ease-in-out infinite alternate;}@keyframes floatY {from {transform: translateY(0);}to {transform: translateY(-12px);}}.container {max-width: 1200px;margin: 0 auto;padding: 0 24px;}.btn {display: inline-flex;align-items: center;gap: 10px;padding: 16px 32px;border-radius: 8px;font-weight: 700;font-size: 1rem;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 0.5px;}.btn-primary {background: linear-gradient(135deg, #ff5500, #ff3300);color: #ffffff;border: none;box-shadow: 0 4px 15px rgba(255, 85, 0, 0.4);}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 6px 25px rgba(255, 85, 0, 0.6);}.btn-outline {background: var(--btn-outline-bg);border: 2px solid var(--btn-outline-border);color: var(--btn-outline-text);}.btn-outline:hover {border-color: var(--primary);color: var(--primary);background: rgba(255, 85, 0, 0.05);}.badge {background: rgba(255, 85, 0, 0.15);color: var(--primary);padding: 6px 12px;border-radius: 20px;font-size: 0.85rem;font-weight: 600;border: 1px solid rgba(255, 85, 0, 0.3);display: inline-block;margin-bottom: 15px;}header {position: fixed;top: 0;width: 100%;z-index: 1000;background: var(--bg-header);backdrop-filter: blur(10px);border-bottom: 1px solid var(--border);padding: 15px 0;transition: background 0.3s;}.nav-content {display: flex;justify-content: space-between;align-items: center;}.logo {font-size: 1.5rem;font-weight: 700;display: flex;align-items: center;gap: 10px;color: var(--text-main);}.logo i {color: var(--primary);font-size: 1.8rem;}.nav-menu {display: flex;align-items: center;gap: 30px;}.nav-menu a {color: var(--text-secondary);font-size: 0.95rem;font-weight: 500;}.nav-menu a:hover {color: var(--primary);}.theme-toggle {background: transparent;border: 1px solid var(--border);color: var(--text-main);width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 1.2rem;transition: 0.3s;}.theme-toggle:hover {border-color: var(--primary);color: var(--primary);}.header-cta {display: flex;gap: 15px;align-items: center;}.hero {padding: 160px 0 100px;position: relative;overflow: hidden;}.hero::before {content: "";position: absolute;top: -50%;right: -20%;width: 800px;height: 800px;background: radial-gradient( circle, rgba(255, 85, 0, 0.1) 0%, rgba(0, 0, 0, 0) 70% );z-index: -1;}.hero-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.hero-text h1 {font-size: 3.5rem;line-height: 1.1;margin-bottom: 25px;}.hero-text h1 span {color: var(--primary);position: relative;}.hero-text h1 span::after {content: "";position: absolute;bottom: 5px;left: 0;width: 100%;height: 8px;background: var(--primary);opacity: 0.3;z-index: -1;}.hero-text p {font-size: 1.2rem;color: var(--text-secondary);margin-bottom: 40px;line-height: 1.6;}.stats-row {display: flex;gap: 40px;margin-top: 40px;border-top: 1px solid var(--border);padding-top: 30px;}.stat h3 {font-size: 2rem;color: var(--text-main);margin-bottom: 5px;}.stat p {font-size: 0.9rem;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 1px;}.hero-img-wrapper {position: relative;z-index: 1;}.dashboard-preview {width: 100%;border-radius: 12px;box-shadow: var(--shadow-card);border: 1px solid var(--border);background: var(--bg-element);overflow: hidden;}.comparison {padding: 80px 0;background: var(--bg-card);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);transition: background 0.3s;}.comparison-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}.comp-card {background: var(--bg-body);padding: 30px;border-radius: 12px;border: 1px solid var(--border);position: relative;transition: background 0.3s;}.comp-card.highlight {border: 2px solid var(--primary);box-shadow: var(--glow);transform: scale(1.05);z-index: 2;background: var(--bg-body);}.comp-card h3 {margin-bottom: 20px;font-size: 1.3rem;color: var(--text-main);}.feature-list li {margin-bottom: 15px;display: flex;align-items: center;gap: 10px;color: var(--text-secondary);font-size: 0.9rem;}.feature-list li i.fa-check {color: var(--accent-green);}.feature-list li i.fa-times {color: #ef4444;}.comp-card.highlight h3, .comp-card.highlight .feature-list li {color: var(--text-main);}.features-section {padding-top: 100px;}.feature-box {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;margin-bottom: 100px;}.feature-box.reverse {direction: rtl;}.feature-box.reverse .feature-content {direction: ltr;}.feature-content h2 {font-size: 2.5rem;margin-bottom: 20px;}.feature-content p {color: var(--text-secondary);margin-bottom: 30px;font-size: 1.1rem;}.feature-img img {width: 100%;border-radius: 12px;box-shadow: var(--shadow-card);border: 1px solid var(--border);}.finance-banner {background: var(--bg-card);border: 1px solid var(--border);border-radius: 20px;padding: 60px;text-align: center;margin: 50px 0;position: relative;overflow: hidden;box-shadow: var(--shadow-card);}.finance-banner i {font-size: 4rem;color: var(--accent-green);margin-bottom: 20px;}.cta-section {background: var(--primary);padding: 80px 0;text-align: center;}.cta-section h2 {color: #ffffff;font-size: 3rem;margin-bottom: 20px;}.cta-section p {color: rgba(255, 255, 255, 0.9);font-size: 1.2rem;max-width: 700px;margin: 0 auto 40px;}footer {padding: 60px 0;border-top: 1px solid var(--border);text-align: center;color: var(--text-secondary);background-color: var(--bg-body);}@media (max-width: 900px) {.demo {display: none;}.hero-grid, .feature-box, .comparison-grid {grid-template-columns: 1fr;}.feature-box.reverse {direction: ltr;}.comp-card.highlight {transform: scale(1);}.nav-menu {display: none;}.hero-text h1 {font-size: 2.5rem;}}