:root {--bg-dark: #0f172a;--bg-darker: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #00d2ff;--accent-secondary: #ff9f43;--accent-purple: #a855f7;--glass-bg: rgba(255, 255, 255, 0.05);--glass-border: rgba(255, 255, 255, 0.1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);--font-heading: 'Outfit', sans-serif;--font-code: 'Fira Code', monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--spacing-section: 6rem;}* {margin: 0;padding: 0;box-sizing: border-box;}body {background-color: var(--bg-dark);color: var(--text-main);font-family: var(--font-heading);overflow-x: hidden;line-height: 1.6;}h1 {font-size: 2.5rem;}:where(article, aside, nav, section) h1 {font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;}:where(article, aside, nav, section) :where(article, aside, nav, section) h1,:where(article, aside, nav, section) :where(article, aside, nav, section) :where(article, aside, nav, section) h1 {font-size: 2em;margin-block-start: 0.67em;margin-block-end: 0.67em;}h2 {font-size: 2rem;}h3 {font-size: 1.75rem;}h4 {font-size: 1.5rem;}h1,h2,h3,h4 {font-weight: 700;letter-spacing: -0.02em;line-height: 1.2;}a {text-decoration: none;color: inherit;transition: all 0.3s ease;}.container {max-width: 1200px;margin: 0 auto;padding: 0 2rem;}.glass {background: var(--glass-bg);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--glass-border);box-shadow: var(--glass-shadow);}.glow-hover {transition: all 0.3s ease;}.glow-hover:hover {box-shadow: 0 0 20px rgba(0, 210, 255, 0.3);}.highlight {color: var(--accent-primary);}.gradient-text {background: linear-gradient(135deg, #22d3ee, #a855f7, #f43f5e);background-size: 200% 200%;-webkit-background-clip: text;background-clip: text;}.highlight-cyan {color: #22d3ee;font-weight: 700;}.highlight-violet {color: #a855f7;font-weight: 700;}.section-header {text-align: center;margin-bottom: 4rem;}.section-title {font-size: 3.5rem;margin-bottom: 1.5rem;font-weight: 800;letter-spacing: -0.03em;}.section-desc {color: var(--text-muted);max-width: 700px;margin: 0 auto;font-size: 1.1rem;}.demo-subtitle {font-size: 2rem;text-align: center;margin-bottom: 1rem;}.demo-desc {text-align: center;color: var(--text-muted);max-width: 700px;margin: 0 auto 2rem;font-size: 1.1rem;}.navbar {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 1rem 0;transition: all 0.3s ease;}.navbar.glass {background: rgba(15, 23, 42, 0.8);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.navbar .container {max-width: 1390px;margin: 0 auto;padding: 0;}.nav-container {display: flex;justify-content: space-between;align-items: center;}.logo {display: flex;align-items: center;font-family: var(--font-code);font-weight: 700;font-size: 1.5rem;color: #fff;text-decoration: none;flex-shrink: 0;margin-right: 2rem;}.code-symbol {color: var(--accent-primary);}.logo .highlight {background: linear-gradient(135deg, var(--accent-primary), var(--accent-purple));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.nav-links {display: flex;align-items: center;gap: 1.2rem;list-style: none;margin: 0;padding: 0;flex-wrap: nowrap;}.nav-links a {color: var(--text-muted);text-decoration: none;font-weight: 500;transition: color 0.3s ease;font-size: 0.95rem;white-space: nowrap;}.nav-links a:hover,.nav-links a.active {color: #fff;}.nav-links .active {color: #fff;position: relative;}.nav-links .active::after {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;background: var(--accent-primary);box-shadow: 0 0 10px var(--accent-primary);}.nav-buttons {display: flex;align-items: center;gap: 1rem;margin-left: 0.5rem;}.mobile-menu-toggle {display: none;background: none;border: none;cursor: pointer;padding: 0.5rem;}.hamburger-line {display: block;width: 25px;height: 2px;background-color: #fff;margin: 6px 0;transition: all 0.3s ease;}@media (max-width: 992px) {.mobile-menu-toggle {display: block;}.nav-links {position: fixed;top: 70px;left: 0;width: 100%;height: calc(100vh - 70px);background: var(--bg-dark);flex-direction: column;align-items: flex-start;padding: 2rem;gap: 1.5rem;transform: translateX(100%);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow-y: auto;}.nav-links.active {transform: translateX(0);}.nav-links a {font-size: 1.1rem;white-space: normal;}.nav-buttons {flex-direction: column;width: 100%;margin-left: 0;margin-top: 1rem;}.nav-buttons .btn-primary-neon,.nav-buttons .btn-secondary-glass {width: 100%;text-align: center;justify-content: center;}}.nav-item-dropdown {position: relative;height: 100%;display: flex;align-items: center;}.dropdown-trigger {display: flex;align-items: center;gap: 4px;cursor: pointer;font-weight: 500;transition: color 0.3s ease;padding: 0 5px;color: var(--text-muted);white-space: nowrap;}.dropdown-trigger:hover,.nav-item-dropdown:hover .dropdown-trigger {color: #fff;}.dropdown-trigger svg {margin-top: 1px;transition: transform 0.3s ease;}.nav-item-dropdown:hover .dropdown-trigger svg {transform: rotate(180deg);}.dropdown-menu {position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(20px);background: rgba(15, 23, 42, 0.98);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;padding: 8px;min-width: 240px;opacity: 0;visibility: hidden;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 20px 40px -4px rgba(0, 0, 0, 0.6);z-index: 9999;margin-top: 10px;}.dropdown-menu::before {content: '';position: absolute;top: -20px;left: 0;width: 100%;height: 20px;background: transparent;}.nav-item-dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}.dropdown-menu li {display: block;width: 100%;margin: 0;}.dropdown-menu a {display: flex;align-items: center;padding: 10px 14px;color: #94a3b8;font-size: 0.9rem;border-radius: 8px;white-space: nowrap;transition: all 0.2s;text-decoration: none;}.dropdown-menu a:hover,.dropdown-menu a.active {background: rgba(255, 255, 255, 0.06);color: #fff;}.dropdown-menu a svg {margin-right: 12px;width: 18px;height: 18px;opacity: 0.7;}.dropdown-menu a:hover svg,.dropdown-menu a.active svg {opacity: 1;color: var(--primary-color);}.dropdown-header {padding: 12px 14px 6px;font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.08em;color: #64748b;font-weight: 700;}.dropdown-divider {height: 1px;background: rgba(255, 255, 255, 0.06);margin: 6px 0;}@media (max-width: 992px) {.nav-item-dropdown {flex-direction: column;height: auto;align-items: stretch;width: 100%;}.dropdown-trigger {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 1.2rem 2rem;color: #f8fafc;font-size: 1rem;font-weight: 500;cursor: pointer;gap: 1rem;}.dropdown-trigger>a,.dropdown-trigger>span {color: inherit;padding: 0 !important;margin: 0 !important;flex: 1;font-size: inherit;font-weight: inherit;display: block;}.dropdown-trigger {font-size: 1rem;}.dropdown-trigger a::before,.dropdown-trigger a::after {display: none !important;}.dropdown-trigger:hover {background: rgba(0, 210, 255, 0.05);color: var(--accent-primary);}.dropdown-trigger svg {flex-shrink: 0;width: 18px !important;height: 18px !important;min-width: 18px;color: var(--accent-primary) !important;opacity: 1 !important;visibility: visible !important;display: block !important;transition: transform 0.3s ease;}.nav-item-dropdown.active .dropdown-trigger svg {transform: rotate(180deg);}.dropdown-menu {position: static !important;transform: none !important;background: rgba(0, 0, 0, 0.2) !important;border: none !important;width: 100% !important;margin: 0 !important;box-shadow: none !important;opacity: 1 !important;visibility: visible !important;display: none;padding: 0 !important;border-radius: 0 !important;inset: auto !important;}.dropdown-menu li {border-bottom: none !important;margin: 0 !important;width: 100% !important;}.dropdown-menu a {padding: 0.8rem 1rem 0.8rem 3rem !important;color: #94a3b8 !important;font-size: 0.9rem !important;width: 100% !important;box-sizing: border-box !important;display: flex !important;align-items: center !important;justify-content: flex-start !important;background: transparent !important;border-radius: 0 !important;}.dropdown-menu a:hover,.dropdown-menu a.active {background: rgba(255, 255, 255, 0.03) !important;color: #f8fafc !important;padding-left: 3rem !important;}.dropdown-menu a svg {margin-right: 10px !important;flex-shrink: 0 !important;}.nav-item-dropdown.active .dropdown-menu {display: block;}.dropdown-menu::before {display: none;}}.footer {padding: 3rem 0;border-top: 1px solid var(--glass-border);text-align: center;}.footer-content {display: flex;flex-direction: column;align-items: center;gap: 1rem;}.footer-logo {font-family: var(--font-code);font-size: 1.5rem;font-weight: 700;}.footer p {color: var(--text-muted);font-size: 0.9rem;}.floating-quoter {position: fixed;bottom: 90px;right: 30px;width: 50px;height: 50px;background: linear-gradient(135deg, #22d3ee, #0ea5e9);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;text-decoration: none;box-shadow: 0 4px 15px rgba(14, 165, 233, 0.4);z-index: 998;transition: all 0.3s ease;animation: float 3s ease-in-out infinite;}.floating-quoter:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(14, 165, 233, 0.6);color: white;}@media (max-width: 480px) {.floating-quoter {bottom: 70px;right: 15px;width: 42px;height: 42px;}}@keyframes float {0% {transform: translateY(0px);}50% {transform: translateY(-6px);}100% {transform: translateY(0px);}}.footer-professional {background: linear-gradient(180deg, #0f172a 0%, #020617 100%);border-top: 1px solid rgba(148, 163, 184, 0.1);padding: 2rem 0;}.footer-content-columns {display: flex;justify-content: space-between;align-items: flex-start;gap: 2rem;margin-bottom: 3rem;}.footer-nav-group {display: flex;gap: 3rem;}.footer-col h4 {color: #fff;font-size: 1rem;font-weight: 600;margin-bottom: 1.2rem;position: relative;}.footer-col ul {list-style: none;padding: 0;margin: 0;}.footer-col ul li {margin-bottom: 0.6rem;}.footer-col ul li a {color: #94a3b8;text-decoration: none;font-size: 0.9rem;transition: color 0.2s;}.footer-col ul li a:hover {color: var(--accent-primary);padding-left: 3px;}.footer-logo {display: inline-block;text-decoration: none;font-size: 1.5rem;font-weight: 700;color: #ffffff;margin-bottom: 1rem;}.footer-logo .code-symbol {color: var(--accent-primary);}.footer-logo .highlight {background: linear-gradient(135deg, var(--accent-primary), #06b6d4);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.05);padding: 1.5rem 18rem 0 18rem;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 1rem;}.back-to-top {position: fixed;bottom: 30px;right: 30px;width: 50px;height: 50px;background: linear-gradient(135deg, var(--accent-primary), #06b6d4);border: none;border-radius: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);box-shadow: 0 8px 24px rgba(0, 210, 255, 0.3);z-index: 999;}.back-to-top.visible {opacity: 1;visibility: visible;transform: translateY(0);}.back-to-top:hover {background: linear-gradient(135deg, #06b6d4, var(--accent-primary));transform: translateY(-5px);box-shadow: 0 12px 32px rgba(0, 210, 255, 0.5);}.back-to-top:active {transform: translateY(-2px);}.back-to-top svg {color: #ffffff;animation: bounce 2s infinite;}.back-to-top:hover svg {animation: none;}@keyframes bounce {0%,100% {transform: translateY(0);}50% {transform: translateY(-4px);}}.footer-professional .container-fluid {max-width: 100%;padding: 0 2rem;}@media (max-width: 1400px) {.footer-bottom {padding: 1.5rem 8rem 0 8rem;}}@media (max-width: 1200px) {.footer-bottom {padding: 1.5rem 4rem 0 4rem;}}@media (max-width: 900px) {.footer-content-columns {flex-direction: column;gap: 2rem;}.footer-nav-group {width: 100%;justify-content: space-between;flex-wrap: wrap;gap: 2rem;}.footer-bottom {padding: 1.5rem 2rem 0 2rem;}}@media (max-width: 768px) {.footer-professional {padding: 2rem 0;}.footer-professional .container-fluid {padding: 0 1rem;}.footer-nav-group {flex-direction: column;align-items: center;text-align: center;gap: 2rem;}.footer-bottom {flex-direction: column;text-align: center;padding: 1.5rem 1rem 0 1rem;gap: 1rem;}.footer-legal-links {justify-content: center;flex-wrap: wrap;}.footer-simple-content {flex-direction: column;text-align: center;gap: 1rem;}.copyright {font-size: 0.85rem;order: 2;}.footer-links-row {flex-direction: column;gap: 1rem;order: 1;}.footer-social {justify-content: center;}.back-to-top {bottom: 20px;right: 20px;width: 45px;height: 45px;}}@media (max-width: 480px) {.footer-professional .container-fluid {padding: 0 0.75rem;}.footer-bottom {padding: 1rem 0.75rem 0 0.75rem;}.footer-legal-links {flex-direction: column;gap: 0.5rem;}.footer-legal-links .separator {display: none;}.social-link {width: 44px;height: 44px;}.social-link svg {width: 16px;height: 16px;}.back-to-top {bottom: 15px;right: 15px;width: 42px;height: 42px;}.back-to-top svg {width: 20px;height: 20px;}}.btn-primary-neon {display: inline-block;background: transparent;border: 1px solid var(--accent-primary);color: var(--accent-primary);padding: 0.8rem 1.5rem;border-radius: var(--radius-md);font-weight: 600;font-family: var(--font-code);text-transform: uppercase;font-size: 0.9rem;position: relative;overflow: hidden;z-index: 1;cursor: pointer;}.btn-primary-neon::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--accent-primary);z-index: -1;transition: left 0.4s ease;}.btn-primary-neon:hover::before {left: 0;}.btn-primary-neon:hover {color: var(--bg-dark);box-shadow: 0 0 25px rgba(0, 210, 255, 0.6);transform: translateY(-3px);}.btn-primary-neon.btn-large,.btn-primary-neon.btn-lg {padding: 1rem 2rem;font-size: 1rem;}.btn-secondary-glass {display: inline-block;background: var(--glass-bg);border: 1px solid var(--glass-border);color: var(--text-main);padding: 0.8rem 1.5rem;border-radius: var(--radius-md);font-weight: 600;backdrop-filter: blur(12px);cursor: pointer;}.btn-secondary-glass:hover {background: rgba(255, 255, 255, 0.1);border-color: var(--accent-primary);transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}.btn-portal {padding: 0.6rem 1.4rem !important;font-size: 0.85rem !important;font-weight: 600 !important;background: linear-gradient(135deg, rgba(168, 85, 247, 0.15), rgba(139, 92, 246, 0.15)) !important;border: 1px solid rgba(168, 85, 247, 0.5) !important;color: #c4b5fd !important;border-radius: var(--radius-md) !important;position: relative;overflow: hidden;transition: all 0.3s ease !important;}.btn-portal::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(135deg, var(--accent-purple), #8b5cf6);z-index: -1;transition: left 0.3s ease;}.btn-portal:hover {color: #fff !important;border-color: var(--accent-purple) !important;box-shadow: 0 4px 20px rgba(168, 85, 247, 0.4) !important;transform: translateY(-2px);}.btn-portal:hover::before {left: 0;}.nav-links .btn-primary-neon {padding: 0.6rem 1.4rem !important;font-size: 0.85rem !important;font-weight: 600 !important;background: linear-gradient(135deg, var(--accent-primary), #06b6d4) !important;border: none !important;color: #0f172a !important;border-radius: var(--radius-md) !important;position: relative;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 210, 255, 0.3);transition: all 0.3s ease !important;}.nav-links .btn-primary-neon::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, #06b6d4, var(--accent-primary));opacity: 0;transition: opacity 0.3s ease;}.nav-links .btn-primary-neon:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 210, 255, 0.5) !important;color: #fff !important;}.nav-links .btn-primary-neon:hover::before {opacity: 1;}@media (max-width: 1024px) {.btn-primary-neon,.btn-secondary-glass {padding: 0.6rem 1.2rem !important;font-size: 0.8rem !important;}}@media (max-width: 480px) {.btn-primary-neon,.btn-secondary-glass {padding: 0.7rem 1rem !important;font-size: 0.85rem !important;}}.sticky-quoter-container {position: fixed;bottom: 100px;right: 24px;z-index: 998;display: flex;flex-direction: row;align-items: center;gap: 12px;opacity: 0;visibility: hidden;transform: translateX(120px);transition: all 0.5s cubic-bezier(0.68, -0.15, 0.265, 1.15);}.sticky-quoter-container.visible {opacity: 1;visibility: visible;transform: translateX(0);}.sticky-quoter-label {position: absolute;right: 72px;top: 50%;transform: translateY(-50%) translateX(20px);background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color: #fff;font-family: var(--font-main);font-size: 0.75rem;font-weight: 600;letter-spacing: 0.02em;padding: 10px 14px;border-radius: 10px;white-space: nowrap;box-shadow:0 6px 20px rgba(0, 0, 0, 0.35),0 2px 8px rgba(6, 182, 212, 0.15);border: 1px solid rgba(6, 182, 212, 0.35);text-transform: uppercase;opacity: 0;visibility: hidden;pointer-events: none;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);}.sticky-quoter-label::after {content: '';position: absolute;top: 50%;right: -7px;transform: translateY(-50%);width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 7px solid #1e293b;}.sticky-quoter-container:hover .sticky-quoter-label {opacity: 1;visibility: visible;transform: translateY(-50%) translateX(0);border-color: rgba(6, 182, 212, 0.6);box-shadow:0 6px 20px rgba(0, 0, 0, 0.35),0 0 15px rgba(6, 182, 212, 0.25);}.sticky-quoter-btn {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 50%, #d946ef 100%);background-size: 200% 200%;color: #fff;border: none;border-radius: 50%;cursor: pointer;box-shadow:0 8px 32px rgba(6, 182, 212, 0.4),0 4px 16px rgba(139, 92, 246, 0.3);text-decoration: none;position: relative;transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);animation: gradientFlow 4s ease infinite;}@keyframes gradientFlow {0%,100% {background-position: 0% 50%;}50% {background-position: 100% 50%;}}.sticky-quoter-btn:hover {transform: translateY(-5px) scale(1.08);box-shadow:0 15px 45px rgba(6, 182, 212, 0.5),0 8px 25px rgba(139, 92, 246, 0.4);}.sticky-quoter-btn svg {width: 26px;height: 26px;transition: transform 0.3s ease;}.sticky-quoter-btn:hover svg {transform: scale(1.1);}.sticky-quoter-btn .btn-pulse {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;background: inherit;animation: pulse-ring 2.5s cubic-bezier(0.66, 0.33, 0, 1) infinite;z-index: -1;}@keyframes pulse-ring {0% {transform: scale(1);opacity: 0.5;}100% {transform: scale(1.5);opacity: 0;}}@media (max-width: 1024px) {.sticky-quoter-container {bottom: 90px;right: 20px;}.sticky-quoter-btn {width: 56px;height: 56px;}.sticky-quoter-btn svg {width: 24px;height: 24px;}}@media (max-width: 640px) {.sticky-quoter-container {bottom: 85px;right: 16px;}.sticky-quoter-label {display: none;}.sticky-quoter-btn {width: 52px;height: 52px;}.sticky-quoter-btn svg {width: 22px;height: 22px;}}.darkroom-toggle {position: fixed;bottom: 20px;right: 20px;padding: 0.8rem 1.2rem;background: var(--glass-bg);backdrop-filter: blur(12px);border: 1px solid var(--accent-purple);color: var(--accent-purple);border-radius: 50px;cursor: pointer;font-weight: 600;z-index: 9999;transition: all 0.3s ease;}.darkroom-toggle:hover {background: var(--accent-purple);color: #fff;}.search-container {max-width: 800px;margin: 0 auto;}#koha-search {width: 100%;padding: 1.5rem 2rem;font-size: 1.2rem;background: rgba(255, 255, 255, 0.05);border: 2px solid var(--accent-primary);border-radius: 50px;color: var(--text-main);text-align: center;}#koha-search:focus {outline: none;box-shadow: 0 0 30px rgba(0, 210, 255, 0.3);}#search-results {margin-top: 2rem;display: none;}.service-card {display: flex;gap: 1.5rem;padding: 2rem;margin-bottom: 1.5rem;background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: var(--radius-md);transition: all 0.3s ease;}.service-card:hover {transform: translateY(-5px);box-shadow: 0 10px 40px rgba(0, 210, 255, 0.2);}.service-icon {font-size: 3rem;}.service-content {flex: 1;}.service-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.5rem;}.service-header h4 {font-size: 1.5rem;color: var(--text-main);margin: 0;}.service-status {font-size: 0.8rem;padding: 0.3rem 0.8rem;border-radius: 50px;text-transform: uppercase;font-weight: 700;}.service-status.available {background: rgba(34, 197, 94, 0.2);color: #22c55e;}.service-meta {display: flex;gap: 1rem;margin-bottom: 1rem;font-size: 0.9rem;color: var(--text-muted);}.service-category {color: var(--accent-secondary);}.service-description {color: var(--text-muted);line-height: 1.6;}.service-actions {margin-top: 1rem;}.btn-service {display: inline-block;padding: 0.6rem 1.2rem;background: transparent;border: 1px solid var(--accent-primary);color: var(--accent-primary);border-radius: 4px;font-weight: 600;}.btn-service:hover {background: var(--accent-primary);color: var(--bg-dark);}.quoter-wizard {max-width: 700px;margin: 2rem auto;background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: var(--radius-md);padding: 3rem;}.quoter-progress-bar {height: 4px;background: rgba(255, 255, 255, 0.1);border-radius: 2px;margin-bottom: 3rem;overflow: hidden;}#quoter-progress {height: 100%;background: linear-gradient(90deg, var(--accent-primary), var(--accent-purple));width: 25%;transition: width 0.3s ease;}.wizard-step {display: none;}.wizard-step h3 {font-size: 1.8rem;margin-bottom: 1rem;}.wizard-step p {color: var(--text-muted);margin-bottom: 2rem;}.slider-container {margin: 2rem 0;}#students-slider {width: 100%;height: 8px;border-radius: 4px;background: rgba(255, 255, 255, 0.1);outline: none;}#students-value {display: block;text-align: center;font-size: 3rem;font-weight: 700;color: var(--accent-primary);font-family: var(--font-code);margin: 1rem 0;}.checkbox-group {display: flex;flex-direction: column;gap: 1rem;}.checkbox-item {display: flex;align-items: center;padding: 1rem;background: rgba(0, 0, 0, 0.2);border-radius: 8px;cursor: pointer;transition: all 0.3s ease;}.checkbox-item:hover {background: rgba(0, 210, 255, 0.1);}.checkbox-item input[type="checkbox"] {width: 20px;height: 20px;margin-right: 1rem;}.checkbox-item label {cursor: pointer;color: var(--text-main);}.wizard-controls {display: flex;justify-content: space-between;margin-top: 3rem;}#proposal-result {margin-top: 2rem;}.proposal-card {background: linear-gradient(135deg, rgba(0, 210, 255, 0.05), rgba(168, 85, 247, 0.05));border: 1px solid var(--accent-primary);border-radius: var(--radius-md);padding: 2rem;}.proposal-card h3 {font-size: 2rem;margin-bottom: 2rem;}.proposal-section {margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.proposal-section h4 {color: var(--accent-primary);margin-bottom: 0.5rem;}.proposal-section ul {list-style: none;padding: 0;}.proposal-section li {padding: 0.5rem 0;color: var(--text-muted);}.proposal-cta {text-align: center;margin-top: 2rem;}.hero-section {min-height: 100vh;display: flex;align-items: center;position: relative;overflow: hidden;padding-top: 80px;}.hero-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}.glow-orb {position: absolute;border-radius: 50%;filter: blur(100px);opacity: 0.3;}.orb-1 {top: 10%;right: 10%;width: 400px;height: 400px;background: var(--accent-primary);}.orb-2 {bottom: 20%;left: 5%;width: 300px;height: 300px;background: var(--accent-purple);}.hero-content {display: flex;justify-content: space-between;align-items: center;gap: 4rem;position: relative;z-index: 5;max-width: 1450px;width: 100%;}@media (max-width: 1024px) {.hero-content {flex-direction: column;text-align: center;gap: 3rem;padding-top: 2rem;}.hero-text {max-width: 100%;display: flex;flex-direction: column;align-items: center;}.hero-text h1 {font-size: 2.5rem;}.hero-visual {width: 100%;height: 450px;min-height: 450px;display: flex;justify-content: center;align-items: center;margin-top: 2rem;}.code-block-3d {transform: scale(0.8);transform-origin: center top;width: 100%;max-width: 400px;}.floating-card {padding: 1.5rem;}}@media (max-width: 640px) {.hero-text h1 {font-size: 2rem;}.hero-visual {margin-top: 0;height: 380px;min-height: 380px;}.code-block-3d {transform: scale(0.7);margin-top: -30px;}}.hero-text {max-width: 600px;min-height: 400px;display: flex;flex-direction: column;justify-content: center;}.overline {font-family: var(--font-code);color: var(--accent-primary);font-size: 0.9rem;margin-bottom: 1rem;}.terminal-prompt {color: var(--accent-secondary);margin-right: 0.5rem;}.hero-text h1 {font-size: 4rem;line-height: 1.1;margin-bottom: 1.5rem;}.subtitle {font-size: 1.25rem;color: var(--text-muted);margin-bottom: 2rem;}.cta-group {display: flex;gap: 1rem;flex-wrap: wrap;}.hero-visual {flex: 1;display: flex;justify-content: center;min-height: 420px;height: 420px;align-items: center;position: relative;}.code-block-3d {perspective: 1000px;position: relative;width: 440px;height: 320px;}.floating-card {position: absolute;top: 0;left: 0;width: 100%;padding: 1.5rem;border-radius: 16px;animation: float 6s ease-in-out infinite;background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(30, 41, 59, 0.98));border: 1px solid rgba(0, 210, 255, 0.2);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);transition: all 0.3s ease;}.card-1 {z-index: 5;transform: translateX(60%) translateY(-15%) scale(0.75);opacity: 0.7;filter: blur(0.5px);animation-name: float-card-1;border-color: rgba(56, 189, 248, 0.3);}.card-2 {z-index: 10;transform: translateX(-10%) translateY(10%);box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 15px 30px rgba(124, 58, 237, 0.15);border-color: rgba(168, 85, 247, 0.4);animation-delay: -2s;background: linear-gradient(145deg, rgba(20, 20, 40, 0.98), rgba(30, 25, 55, 0.99));}.dashboard-preview {font-family: var(--font-heading);color: #e2e8f0;min-width: 280px;min-height: 180px;contain: layout style;}.dash-header {display: flex;align-items: center;gap: 10px;margin-bottom: 1rem;border-bottom: 1px solid rgba(168, 85, 247, 0.2);padding-bottom: 0.8rem;}.dash-avatar {width: 32px;height: 32px;background: linear-gradient(135deg, var(--accent-purple), #ec4899);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: bold;color: white;}.dash-title {font-size: 0.9rem;color: #cbd5e1;font-weight: 600;}.dash-stats {display: flex;flex-direction: column;gap: 0.8rem;}.stat-row-mini {display: flex;align-items: center;justify-content: space-between;font-size: 0.85rem;}.progress-bar-mini {width: 60%;height: 6px;background: rgba(255, 255, 255, 0.1);border-radius: 3px;overflow: hidden;}.progress-fill {height: 100%;border-radius: 3px;}@keyframes float {0%,100% {transform: translateY(0) rotateX(2deg) rotateY(-2deg);}50% {transform: translateY(-15px) rotateX(2deg) rotateY(2deg);}}@keyframes float-card-1 {0%,100% {transform: translateX(60%) translateY(-15%) scale(0.75) rotateY(-3deg);}50% {transform: translateX(60%) translateY(-20%) scale(0.75) rotateY(-1deg);}}@keyframes float-card-2 {0%,100% {transform: translateX(-10%) translateY(10%) rotateY(2deg);}50% {transform: translateX(-10%) translateY(5%) rotateY(0deg);}}.card-2 {animation-name: float-card-2;}.card-3 {width: auto;min-width: 220px;max-width: 260px;padding: 0.875rem 1rem;position: absolute;bottom: -10px;right: -20px;z-index: 15;transform: none;border-radius: 12px;background: linear-gradient(145deg, rgba(20, 30, 45, 0.98), rgba(25, 35, 55, 0.99));border: 1px solid rgba(16, 185, 129, 0.4);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4), 0 5px 15px rgba(16, 185, 129, 0.1);animation: float-card-3 5s ease-in-out infinite;animation-delay: -0.5s;}@keyframes float-card-3 {0%,100% {transform: translateY(0);}50% {transform: translateY(-6px);}}.notification-preview {display: flex;align-items: center;gap: 1rem;min-height: 200px;min-width: 240px;contain: layout;}.notif-icon {width: 42px;height: 42px;background: linear-gradient(135deg, #0ea5e9, #38bdf8);color: white;border-radius: 12px;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3);}.notif-content {display: flex;flex-direction: column;}.notif-title {font-size: 0.85rem;font-weight: 700;color: #f8fafc;margin-bottom: 2px;}.notif-text {font-size: 0.75rem;color: #cbd5e1;line-height: 1.3;}.notif-text strong {color: #38bdf8;}.mini-chart-row {display: flex;align-items: center;justify-content: space-between;margin-top: 0.8rem;padding-top: 0.6rem;border-top: 1px solid rgba(255, 255, 255, 0.1);width: 100%;gap: 1rem;}.chart-visual {display: flex;align-items: flex-end;gap: 4px;height: 24px;}.c-bar {width: 6px;background: rgba(56, 189, 248, 0.3);border-radius: 2px;transition: height 0.3s ease;}.c-bar.active {background: #38bdf8;box-shadow: 0 0 8px rgba(56, 189, 248, 0.4);}.chart-data {text-align: right;line-height: 1.1;}.chart-label {font-size: 0.65rem;color: #94a3b8;text-transform: uppercase;letter-spacing: 0.5px;display: block;}.chart-value {font-size: 0.9rem;font-weight: 700;color: #4ade80;}.card-header {display: flex;gap: 0.5rem;margin-bottom: 1.5rem;}.dot {width: 12px;height: 12px;border-radius: 50%;}.dot.red {background: #ff5f56;box-shadow: 0 0 8px rgba(255, 95, 86, 0.5);}.dot.yellow {background: #ffbd2e;box-shadow: 0 0 8px rgba(255, 189, 46, 0.5);}.dot.green {background: #27ca40;box-shadow: 0 0 8px rgba(39, 202, 64, 0.5);}.code-snippet {font-family: var(--font-code);font-size: 0.95rem;line-height: 2;color: #e2e8f0;text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);letter-spacing: 0.02em;min-height: 140px;min-width: 260px;contain: layout;}.code-snippet .keyword {color: #ff79c6;font-weight: 600;text-shadow: 0 0 10px rgba(255, 121, 198, 0.4);}.code-snippet .class-name {color: #50fa7b;font-weight: 500;text-shadow: 0 0 10px rgba(80, 250, 123, 0.3);}.code-snippet .function {color: #8be9fd;font-weight: 500;text-shadow: 0 0 10px rgba(139, 233, 253, 0.3);}.code-snippet .this {color: #ffb86c;font-style: italic;text-shadow: 0 0 10px rgba(255, 184, 108, 0.3);}.code-snippet .property {color: #f8f8f2;font-weight: 400;}.code-snippet .number {color: #bd93f9;font-weight: 600;text-shadow: 0 0 10px rgba(189, 147, 249, 0.4);}.solutions-suite {padding: var(--spacing-section) 0;background: #ffffff;position: relative;}.solutions-suite .section-header {margin-bottom: 2.5rem;}.solutions-suite .section-title {color: #1e293b;font-size: 3.5rem;font-weight: 800;line-height: 1.15;letter-spacing: -0.02em;}.solutions-suite .section-desc {color: #64748b;font-size: 1.15rem;line-height: 1.7;max-width: 650px;}.solutions-suite .section-desc strong {color: #1e293b;}.title-highlight-light {background: linear-gradient(135deg, #0891b2, #7c3aed, #db2777);background-size: 200% 200%;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;animation: gradientShift 4s ease infinite;}.modules-grid {display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows: minmax(280px, auto);gap: 1.5rem;margin-bottom: 4rem;}.modules-grid.modules-5 {grid-template-columns: repeat(3, 1fr);grid-template-rows: auto auto;}.modules-grid.modules-5 .module-featured {grid-column: span 1;grid-row: span 2;}.modules-grid.modules-6 {grid-template-columns: repeat(3, 1fr);grid-template-rows: auto auto;gap: 1.5rem;}.module-card {border-radius: var(--radius-lg);padding: 2.5rem;display: flex;flex-direction: column;transition: all 0.3s ease;position: relative;overflow: hidden;background: #f8fafc;border: 1px solid #e2e8f0;}.module-card:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);border-color: var(--accent-primary);}.module-featured {background: linear-gradient(135deg, #f0fdff 0%, #faf5ff 100%);border: 2px solid var(--accent-primary);box-shadow: 0 4px 20px rgba(0, 210, 255, 0.15);}.module-featured:hover {border-color: var(--accent-purple);box-shadow: 0 20px 50px rgba(0, 210, 255, 0.25);}.module-cyan {background: linear-gradient(145deg, #ecfeff 0%, #cffafe 50%, #a5f3fc 100%);border: 2px solid #22d3ee;}.module-cyan:hover {border-color: #06b6d4;box-shadow: 0 20px 40px rgba(6, 182, 212, 0.25);}.module-cyan .module-icon svg {stroke: #0891b2;}.module-cyan h3 {color: #0e7490;}.module-emerald {background: linear-gradient(145deg, #ecfdf5 0%, #d1fae5 50%, #a7f3d0 100%);border: 2px solid #34d399;}.module-emerald:hover {border-color: #10b981;box-shadow: 0 20px 40px rgba(16, 185, 129, 0.25);}.module-emerald .module-icon svg {stroke: #059669;}.module-emerald h3 {color: #047857;}.module-violet {background: linear-gradient(145deg, #f5f3ff 0%, #ede9fe 50%, #ddd6fe 100%);border: 2px solid #a78bfa;}.module-violet:hover {border-color: #8b5cf6;box-shadow: 0 20px 40px rgba(139, 92, 246, 0.25);}.module-violet .module-icon svg {stroke: #7c3aed;}.module-violet h3 {color: #6d28d9;}.module-indigo {background: linear-gradient(145deg, #eef2ff 0%, #e0e7ff 50%, #c7d2fe 100%);border: 2px solid #818cf8;}.module-indigo:hover {border-color: #6366f1;box-shadow: 0 20px 40px rgba(99, 102, 241, 0.25);}.module-indigo .module-icon svg {stroke: #4f46e5;}.module-indigo h3 {color: #4338ca;}.module-amber {background: linear-gradient(145deg, #fffbeb 0%, #fef3c7 50%, #fde68a 100%);border: 2px solid #fbbf24;}.module-amber:hover {border-color: #f59e0b;box-shadow: 0 20px 40px rgba(245, 158, 11, 0.25);}.module-amber .module-icon svg {stroke: #d97706;}.module-amber h3 {color: #b45309;}.module-rose {background: linear-gradient(145deg, #fff1f2 0%, #ffe4e6 50%, #fecdd3 100%);border: 2px solid #fb7185;}.module-rose:hover {border-color: #f43f5e;box-shadow: 0 20px 40px rgba(244, 63, 94, 0.25);}.module-rose .module-icon svg {stroke: #e11d48;}.module-rose h3 {color: #be123c;}.module-large {grid-column: span 2;grid-row: span 2;min-height: 580px;}.module-tall {grid-column: span 1;grid-row: span 2;min-height: 580px;}.module-medium {grid-column: span 2;grid-row: span 1;}.module-square {grid-column: span 1;grid-row: span 1;}.module-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 1.5rem;}.module-icon-large {font-size: 4rem;}.module-icon {font-size: 3rem;margin-bottom: 1rem;}.badge {display: inline-block;padding: 0.4rem 0.8rem;background: var(--accent-secondary);color: #fff;border-radius: 50px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;}.badge-premium {background: linear-gradient(135deg, var(--accent-primary), var(--accent-purple));}.module-card h3 {font-size: 1.5rem;margin-bottom: 1rem;color: #1e293b;}.module-link {display: inline-flex;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 0.85rem 1.5rem;background: #ffffff;color: #0e7490;font-weight: 700;margin-top: auto;font-size: 0.95rem;border-radius: 9999px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);width: fit-content;text-decoration: none;}.module-link svg {transition: transform 0.3s ease;width: 18px;height: 18px;}.module-link:hover {transform: translateY(-3px);box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1);}.module-link:hover svg {transform: translateX(4px);}.module-cyan .module-link {color: #0e7490;}.module-emerald .module-link {color: #047857;}.module-violet .module-link {color: #6d28d9;}.module-indigo .module-link {color: #4338ca;}.module-amber .module-link {color: #b45309;}.module-rose .module-link {color: #be123c;}.module-description {color: #64748b;line-height: 1.7;margin-bottom: 1.5rem;flex-grow: 1;}.module-features {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.8rem;margin: 1.5rem 0;}.feature-item {display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: #475569;}.feature-icon {color: var(--accent-primary);font-weight: 700;}.module-list {list-style: none;margin: 1rem 0;flex-grow: 1;}.module-list li {padding: 0.5rem 0;padding-left: 1.5rem;position: relative;color: #64748b;font-size: 0.95rem;}.module-list li::before {content: '→';position: absolute;left: 0;color: var(--accent-primary);}.module-list.compact li {padding: 0.3rem 0;font-size: 0.9rem;}.module-tech {display: flex;gap: 0.5rem;flex-wrap: wrap;margin-top: auto;}.tech-tag {font-family: var(--font-code);font-size: 0.75rem;padding: 0.3rem 0.6rem;background: rgba(0, 210, 255, 0.1);color: #0891b2;border-radius: 4px;border: 1px solid rgba(0, 210, 255, 0.3);}.module-stat {text-align: center;padding: 1.5rem;background: linear-gradient(135deg, rgba(0, 210, 255, 0.08), rgba(168, 85, 247, 0.08));border-radius: 12px;margin-top: auto;border: 1px solid rgba(0, 210, 255, 0.15);}.module-stat.small {padding: 1rem;}.module-stat .stat-value {font-size: 2.5rem;font-weight: 700;color: #0891b2;font-family: var(--font-code);line-height: 1;}.module-stat.small .stat-value {font-size: 2rem;}.module-stat .stat-label {font-size: 0.85rem;color: #64748b;margin-top: 0.5rem;text-transform: uppercase;}.module-highlight {text-align: center;padding: 1.5rem;background: linear-gradient(135deg, rgba(0, 210, 255, 0.1), rgba(168, 85, 247, 0.1));border-radius: 8px;margin: 1rem 0;}.highlight-number {display: block;font-size: 2rem;font-weight: 700;color: #0891b2;font-family: var(--font-code);}.highlight-text {font-size: 0.9rem;color: #64748b;}.mini-chart {display: flex;align-items: flex-end;justify-content: space-around;height: 80px;gap: 0.5rem;margin-top: 1rem;}.chart-bar {flex: 1;background: linear-gradient(to top, var(--accent-primary), var(--accent-purple));border-radius: 4px 4px 0 0;}.security-badges {display: flex;gap: 0.5rem;flex-wrap: wrap;margin-top: 1rem;}.security-badge {font-family: var(--font-code);font-size: 0.75rem;padding: 0.4rem 0.8rem;background: rgba(168, 85, 247, 0.1);color: #9333ea;border-radius: 4px;border: 1px solid rgba(168, 85, 247, 0.2);}.platform-icons {display: flex;justify-content: space-around;font-size: 2rem;margin-top: 1rem;}.integration-cta {margin-top: 4rem;padding: 3rem;background: linear-gradient(135deg, rgba(0, 210, 255, 0.05), rgba(168, 85, 247, 0.05));border-radius: 16px;border: 1px solid #e2e8f0;text-align: center;}.cta-content h3 {font-size: 2rem;margin-bottom: 1rem;color: #1e293b;}.cta-content p {color: #64748b;margin-bottom: 2rem;}.solutions-more-cta {text-align: center;margin-bottom: 3rem;}.btn-view-solutions {display: inline-flex;align-items: center;gap: 0.75rem;padding: 1rem 2rem;background: linear-gradient(135deg, #6366f1, #8b5cf6);color: #ffffff;border-radius: 12px;font-weight: 600;font-size: 1rem;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(99, 102, 241, 0.3);}.btn-view-solutions:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4);color: #ffffff;}.btn-view-solutions svg {transition: transform 0.3s ease;}.btn-view-solutions:hover svg {transform: translateX(5px);}.solutions-suite .quoter-cta {margin-top: 5rem;padding: 4rem;border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: space-between;gap: 2rem;background: linear-gradient(145deg, #ecfeff 0%, #f0fdfa 25%, #f5f3ff 50%, #fdf4ff 75%, #fce7f3 100%);border: 2px solid #a78bfa;box-shadow: 0 8px 32px rgba(168, 85, 247, 0.15);position: relative;overflow: hidden;}.solutions-suite .quoter-cta::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(34, 211, 238, 0.1) 0%, rgba(168, 85, 247, 0.1) 50%, rgba(236, 72, 153, 0.1) 100%);pointer-events: none;}.quoter-cta-content {display: flex;align-items: center;gap: 2rem;position: relative;z-index: 1;}.quoter-cta-icon {flex-shrink: 0;}.solutions-suite .quoter-cta .quoter-cta-icon svg {stroke: #7c3aed;}.solutions-suite .quoter-cta-text h3 {font-size: 1.75rem;color: #1e293b;margin-bottom: 0.5rem;}.solutions-suite .quoter-cta-text p {color: #64748b;font-size: 1rem;max-width: 500px;}.solutions-suite .module-icon svg,.solutions-suite .module-icon-large svg {stroke: #0891b2;}.solutions-suite .module-icon-large {margin-bottom: 1rem;}.solutions-suite .module-icon-large svg {width: 60px;margin-bottom: 0.5rem;}.quoter-cta-text p {color: var(--text-muted);font-size: 1rem;max-width: 500px;}.btn-quoter {display: flex;align-items: center;gap: 0.8rem;padding: 1.2rem 2.5rem;background: linear-gradient(135deg, var(--accent-primary), var(--accent-purple));border-radius: var(--radius-md);color: #fff;font-size: 1.1rem;font-weight: 600;text-decoration: none;transition: all 0.3s ease;white-space: nowrap;flex-shrink: 0;}.btn-quoter:hover {transform: translateY(-3px);box-shadow: 0 15px 40px rgba(0, 210, 255, 0.4);}.btn-quoter .btn-arrow {transition: transform 0.3s ease;}.btn-quoter:hover .btn-arrow {transform: translateX(5px);}.btn-quoter-cta {display: inline-flex;align-items: center;gap: 0.6rem;padding: 0.85rem 1.6rem;background: linear-gradient(135deg, #22d3ee, #06b6d4);color: #0f172a;border-radius: 10px;font-weight: 600;font-size: 1rem;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(34, 211, 238, 0.35);width: fit-content;margin: 1rem 0;}.btn-quoter-cta:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(34, 211, 238, 0.5);color: #0f172a;}.btn-quoter-cta svg {transition: transform 0.3s ease;}.btn-quoter-cta:hover svg {transform: translateX(4px);}.quoter-fullwidth-section {width: 100%;margin: 0;padding: 0;}.quoter-premium-section {width: 100%;padding: 8rem 0;position: relative;overflow: hidden;background: linear-gradient(180deg, var(--bg-dark) 0%, #0f172a 100%);}.glow-pulse {position: absolute;width: 100%;height: 100%;background: radial-gradient(ellipse at center, rgba(139, 92, 246, 0.2) 0%, transparent 70%);animation: pulse 4s ease-in-out infinite;}@keyframes floatShape {0%,100% {transform: translate(0, 0) scale(1);}25% {transform: translate(20px, -20px) scale(1.05);}50% {transform: translate(-10px, 20px) scale(0.95);}75% {transform: translate(-20px, -10px) scale(1.02);}}@keyframes pulse {0%,100% {opacity: 0.3;}50% {opacity: 0.6;}}.quoter-premium-container {display: grid;grid-template-columns: 1.2fr 1fr;gap: 4rem;align-items: center;position: relative;z-index: 2;}.quoter-left {display: flex;flex-direction: column;gap: 1.5rem;}.quoter-badge {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(6, 182, 212, 0.2));border: 1px solid rgba(139, 92, 246, 0.4);border-radius: 50px;width: fit-content;font-size: 0.85rem;color: #c4b5fd;font-weight: 500;}.badge-dot {width: 8px;height: 8px;background: #22d3ee;border-radius: 50%;animation: blink 1.5s ease-in-out infinite;}@keyframes blink {0%,100% {opacity: 1;box-shadow: 0 0 8px #22d3ee;}50% {opacity: 0.5;box-shadow: 0 0 4px #22d3ee;}}.quoter-title {font-size: 2.8rem;font-weight: 800;line-height: 1.15;color: #ffffff;letter-spacing: -0.02em;}.title-highlight {background: linear-gradient(135deg, #22d3ee, #a855f7, #f43f5e);background-size: 200% 200%;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;animation: gradientShift 4s ease infinite;}@keyframes gradientShift {0%,100% {background-position: 0% 50%;}50% {background-position: 100% 50%;}}.quoter-description {font-size: 1.15rem;color: #94a3b8;line-height: 1.7;max-width: 500px;}.quoter-description strong {color: #e2e8f0;}.quoter-stats {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1rem;margin-top: 0.5rem;}.stat-item {display: flex;align-items: center;gap: 0.8rem;padding: 1rem;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;transition: all 0.3s ease;}.stat-item:hover {background: rgba(255, 255, 255, 0.08);border-color: rgba(139, 92, 246, 0.4);transform: translateY(-3px);}.stat-icon {font-size: 1.5rem;width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(6, 182, 212, 0.2));border-radius: 12px;}.stat-content {display: flex;flex-direction: column;}.stat-number {font-size: 1.1rem;font-weight: 700;color: #ffffff;}.stat-label {font-size: 0.75rem;color: #64748b;text-transform: uppercase;letter-spacing: 0.05em;}.quoter-cta-btn {display: inline-flex;align-items: center;gap: 1rem;padding: 1.2rem 2.5rem;background: linear-gradient(135deg, #8b5cf6, #06b6d4);border-radius: 16px;color: #ffffff;font-size: 1.1rem;font-weight: 700;text-decoration: none;position: relative;overflow: hidden;transition: all 0.3s ease;width: fit-content;margin-top: 1rem;box-shadow:0 4px 20px rgba(139, 92, 246, 0.4),0 0 0 1px rgba(255, 255, 255, 0.1) inset;}.quoter-cta-btn:hover {transform: translateY(-4px);box-shadow:0 10px 40px rgba(139, 92, 246, 0.5),0 0 60px rgba(6, 182, 212, 0.3),0 0 0 1px rgba(255, 255, 255, 0.2) inset;}.quoter-cta-btn .btn-icon {display: flex;align-items: center;transition: transform 0.3s ease;}.quoter-cta-btn:hover .btn-icon {transform: translateX(5px);}.btn-shine {position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.6s ease;}.quoter-cta-btn:hover .btn-shine {left: 100%;}.quoter-right {display: flex;justify-content: center;align-items: center;}.calculator-preview {width: 100%;max-width: 380px;background: linear-gradient(145deg, rgba(30, 27, 75, 0.8), rgba(15, 23, 42, 0.9));border: 1px solid rgba(139, 92, 246, 0.3);border-radius: 20px;overflow: hidden;box-shadow:0 20px 50px rgba(0, 0, 0, 0.5),0 0 0 1px rgba(255, 255, 255, 0.05) inset;animation: floatCalc 6s ease-in-out infinite;}@keyframes floatCalc {0%,100% {transform: translateY(0) rotate(0deg);}50% {transform: translateY(-15px) rotate(1deg);}}.preview-header {display: flex;align-items: center;gap: 1rem;padding: 1rem 1.5rem;background: rgba(0, 0, 0, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.preview-dots {display: flex;gap: 6px;}.preview-dots span {width: 12px;height: 12px;border-radius: 50%;}.preview-dots span:nth-child(1) {background: #ff5f56;}.preview-dots span:nth-child(2) {background: #ffbd2e;}.preview-dots span:nth-child(3) {background: #27ca40;}.preview-title {color: #94a3b8;font-size: 0.85rem;font-weight: 500;}.preview-body {padding: 1.5rem;display: flex;flex-direction: column;gap: 1rem;}.preview-item {display: flex;align-items: center;gap: 1rem;padding: 1rem;background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;transition: all 0.3s ease;}.preview-item:hover {background: rgba(139, 92, 246, 0.1);border-color: rgba(139, 92, 246, 0.3);}.preview-icon {font-size: 1.3rem;}.preview-label {flex: 1;color: #e2e8f0;font-weight: 500;}.preview-check {width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #10b981, #34d399);border-radius: 50%;color: #ffffff;font-size: 0.85rem;font-weight: 700;}.preview-check.pending {background: linear-gradient(135deg, #6366f1, #8b5cf6);animation: pendingPulse 1.5s ease-in-out infinite;}@keyframes pendingPulse {0%,100% {opacity: 1;}50% {opacity: 0.5;}}.preview-total {display: flex;justify-content: space-between;align-items: center;padding: 1.2rem;margin-top: 0.5rem;background: linear-gradient(135deg, rgba(139, 92, 246, 0.15), rgba(6, 182, 212, 0.15));border: 1px solid rgba(139, 92, 246, 0.3);border-radius: 12px;color: #e2e8f0;font-weight: 600;}.total-value {color: #22d3ee;font-weight: 700;}@media (max-width: 1024px) {.quoter-premium-section {padding: 4rem 0;}.quoter-premium-container {grid-template-columns: 1fr;gap: 3rem;}.quoter-right {order: -1;}.calculator-preview {max-width: 100%;}.quoter-title {font-size: 2.2rem;}}@media (max-width: 768px) {.quoter-premium-section {padding: 3rem 0;}.quoter-stats {grid-template-columns: 1fr;}.quoter-title {font-size: 1.8rem;}.quoter-cta-btn {width: 100%;justify-content: center;}}.module-icon svg,.module-icon-large svg {stroke: var(--accent-primary);}.module-icon-large {margin-bottom: 1rem;}.module-icon-large svg {width: 60px;height: 60px;}.digital-tools-section {background: #ffffff;padding: var(--spacing-section) 0;position: relative;}.tools-header {text-align: center;margin-bottom: 4rem;}.tools-badge {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.6rem 1.2rem;background: linear-gradient(135deg, #ecfeff, #f0fdfa);border: 1px solid #99f6e4;border-radius: 50px;font-size: 0.9rem;font-weight: 600;color: #0d9488;margin-bottom: 1.5rem;}.tools-badge svg {stroke: #14b8a6;}.tools-title {font-size: 3.5rem;font-weight: 800;color: #0f172a;margin-bottom: 1rem;letter-spacing: -0.02em;}.tools-title .title-accent {background: linear-gradient(135deg, #06b6d4, #8b5cf6);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.tools-description {font-size: 1.2rem;color: #64748b;max-width: 700px;margin: 0 auto;line-height: 1.7;}.tools-description strong {color: #0f172a;}.tools-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;margin-bottom: 4rem;}.tool-card {background: #f8fafc;border: 1px solid #e2e8f0;border-radius: var(--radius-lg);padding: 2.5rem;display: flex;flex-direction: column;transition: all 0.3s ease;position: relative;}.tool-card:hover {transform: translateY(-6px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);border-color: #cbd5e1;}.tool-card.tool-active {background: linear-gradient(145deg, #ecfeff 0%, #f0fdfa 100%);border: 2px solid #06b6d4;box-shadow: 0 4px 20px rgba(6, 182, 212, 0.15);}.tool-card.tool-active:hover {border-color: #0891b2;box-shadow: 0 20px 40px rgba(6, 182, 212, 0.2);}.tool-badge-active {position: absolute;top: 1rem;right: 1rem;padding: 0.35rem 0.75rem;background: linear-gradient(135deg, #10b981, #059669);color: #fff;font-size: 0.7rem;font-weight: 700;border-radius: 50px;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);}.tool-badge-popular {position: absolute;top: 1.5rem;right: 1.5rem;padding: 0.4rem 0.8rem;background: linear-gradient(135deg, #fbbf24, #f59e0b);color: #fff;font-size: 0.75rem;font-weight: 700;border-radius: 50px;box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);}.tool-icon-wrapper {width: 64px;height: 64px;border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;}.tool-card.tool-featured .tool-icon-wrapper {width: 80px;height: 80px;border-radius: 20px;}.tool-icon-cyan {background: linear-gradient(135deg, #ecfeff, #cffafe);border: 1px solid #22d3ee;}.tool-icon-cyan svg {stroke: #0891b2;}.tool-icon-emerald {background: linear-gradient(135deg, #ecfdf5, #d1fae5);border: 1px solid #34d399;}.tool-icon-emerald svg {stroke: #059669;}.tool-icon-violet {background: linear-gradient(135deg, #f5f3ff, #ede9fe);border: 1px solid #a78bfa;}.tool-icon-violet svg {stroke: #7c3aed;}.tool-icon-amber {background: linear-gradient(135deg, #fffbeb, #fef3c7);border: 1px solid #fbbf24;}.tool-icon-amber svg {stroke: #d97706;}.tool-icon-rose {background: linear-gradient(135deg, #fff1f2, #ffe4e6);border: 1px solid #fb7185;}.tool-icon-rose svg {stroke: #e11d48;}.tool-icon-indigo {background: linear-gradient(135deg, #eef2ff, #e0e7ff);border: 1px solid #818cf8;}.tool-icon-indigo svg {stroke: #4f46e5;}.tool-name {font-size: 1.3rem;font-weight: 700;color: #0f172a;margin-bottom: 0.75rem;}.tool-card.tool-featured .tool-name {font-size: 1.6rem;}.tool-description {color: #64748b;font-size: 0.95rem;line-height: 1.6;margin-bottom: 1.5rem;flex-grow: 1;}.tool-card.tool-featured .tool-description {font-size: 1.05rem;}.tool-features {list-style: none;padding: 0;margin: 0 0 2rem 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.75rem;}.tool-features li {display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: #475569;}.feature-check {color: #10b981;font-weight: 700;}.tool-cta-btn {display: inline-flex;align-items: center;justify-content: center;gap: 0.75rem;padding: 1rem 2rem;background: linear-gradient(135deg, #0891b2, #0e7490);color: #ffffff;font-size: 1rem;font-weight: 600;border-radius: var(--radius-md);text-decoration: none;transition: all 0.3s ease;margin-top: auto;box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3);}.tool-cta-btn:hover {background: linear-gradient(135deg, #0891b2, #0e7490);transform: translateY(-2px);box-shadow: 0 8px 25px rgba(6, 182, 212, 0.4);}.tool-cta-btn svg {transition: transform 0.3s ease;}.tool-cta-btn:hover svg {transform: translateX(4px);}.tool-status.coming-soon {display: flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1rem;background: linear-gradient(135deg, #f1f5f9, #e2e8f0);border: 1px solid #cbd5e1;border-radius: 10px;color: #64748b;font-size: 0.9rem;font-weight: 500;margin-top: auto;}.tools-cta-wrapper {margin-top: 1rem;}.tools-cta-card {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 2rem;padding: 2.5rem 3rem;background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);border: 2px solid #e2e8f0;border-radius: var(--radius-lg);position: relative;overflow: hidden;}.tools-cta-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #06b6d4, #8b5cf6, #f43f5e);}.cta-decoration {display: flex;align-items: center;justify-content: center;}.cta-icon-box {width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, #ecfeff, #f0fdfa);border: 2px solid #99f6e4;border-radius: 20px;box-shadow: 0 4px 15px rgba(20, 184, 166, 0.15);}.cta-icon-box svg {stroke: #0d9488;}.cta-main-content {display: flex;flex-direction: column;gap: 0.5rem;}.cta-label {display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.8rem;background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(168, 85, 247, 0.15));border: 1px solid rgba(139, 92, 246, 0.3);border-radius: 50px;font-size: 0.75rem;font-weight: 600;color: #7c3aed;text-transform: uppercase;letter-spacing: 0.05em;width: fit-content;}.cta-heading {font-size: 1.5rem;font-weight: 700;color: #0f172a;margin: 0;}.cta-text {font-size: 1rem;color: #64748b;line-height: 1.6;max-width: 500px;margin: 0;}.cta-text strong {color: #334155;}.cta-mini-features {display: flex;flex-wrap: wrap;gap: 1rem;margin-top: 0.75rem;}.mini-feature {display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.85rem;color: #475569;font-weight: 500;}.mini-feature svg {stroke: #10b981;flex-shrink: 0;}.cta-action {display: flex;align-items: center;gap: 0.75rem;}.cta-free-badge {padding: 0.4rem 0.8rem;background: linear-gradient(135deg, #10b981, #059669);color: #ffffff;font-size: 0.75rem;font-weight: 700;border-radius: 50px;text-transform: uppercase;letter-spacing: 0.05em;box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);}.cta-schedule-btn {display: flex;align-items: center;gap: 1rem;padding: 1rem 1.5rem;background: linear-gradient(135deg, #0f172a, #1e293b);color: #ffffff;border-radius: var(--radius-md);text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(15, 23, 42, 0.2);}.cta-schedule-btn:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(15, 23, 42, 0.3);}.cta-schedule-btn .btn-content {display: flex;align-items: center;gap: 0.6rem;font-size: 0.95rem;font-weight: 600;}.cta-schedule-btn .btn-badge {padding: 0.3rem 0.7rem;background: linear-gradient(135deg, #10b981, #059669);color: #ffffff;font-size: 0.7rem;font-weight: 700;border-radius: 50px;text-transform: uppercase;letter-spacing: 0.05em;}@media (max-width: 1024px) {.tools-cta-card {grid-template-columns: 1fr;text-align: center;gap: 1.5rem;padding: 2rem;}.cta-decoration {justify-content: center;}.cta-main-content {align-items: center;}.cta-text {max-width: 100%;}.cta-mini-features {justify-content: center;}.cta-action {justify-content: center;}}@media (max-width: 768px) {.tools-cta-card {padding: 1.5rem;}.cta-heading {font-size: 1.3rem;}.cta-mini-features {flex-direction: column;gap: 0.5rem;}.cta-schedule-btn {flex-direction: column;width: 100%;text-align: center;}}@media (max-width: 1024px) {.tools-grid {grid-template-columns: repeat(2, 1fr);}.tools-bottom-cta {flex-direction: column;text-align: center;}.cta-info p {max-width: 100%;}}@media (max-width: 768px) {.digital-tools-section {padding: 4rem 0;}.tools-title {font-size: 2.2rem;}.tools-grid {grid-template-columns: 1fr;}.tools-bottom-cta {padding: 2rem 1.5rem;}.btn-schedule {width: 100%;justify-content: center;}}.topology-section {padding: var(--spacing-section) 0;background: var(--bg-darker);}.topology-container {padding: 2.5rem;border-radius: var(--radius-lg);position: relative;overflow: hidden;}.topology-svg {width: 100%;height: auto;max-height: 500px;}.connection {stroke: rgba(255, 255, 255, 0.1);stroke-width: 2;transition: all 0.4s ease;}.connection.active {stroke: var(--accent-primary);stroke-width: 3;filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.6));}@keyframes connectionPulse {0%,100% {stroke-opacity: 1;}50% {stroke-opacity: 0.5;}}.connection.active {animation: connectionPulse 1.5s ease-in-out infinite;}@media (max-width: 768px) {.topology-container {padding: 1rem;}.topology-info {position: static;transform: none;width: 100%;margin-top: 1.5rem;background: rgba(15, 23, 42, 0.8);box-shadow: none;border: 1px solid rgba(255, 255, 255, 0.1);}.topology-legend {flex-direction: column;gap: 1rem;}.topology-svg {max-height: 300px;}}.topology-node {cursor: pointer;}.topology-node:hover .node-circle {filter: drop-shadow(0 0 15px rgba(0, 210, 255, 0.6));}.node-circle {fill: rgba(0, 0, 0, 0.6);stroke: rgba(255, 255, 255, 0.2);stroke-width: 2;transition: all 0.3s ease;}.topology-node:hover .node-circle,.topology-node.active .node-circle {fill: rgba(0, 210, 255, 0.2);stroke: var(--accent-primary);stroke-width: 3;filter: drop-shadow(0 0 20px rgba(0, 210, 255, 0.5));}.topology-node.central .node-circle {fill: rgba(168, 85, 247, 0.2);stroke: var(--accent-purple);}.topology-node.central:hover .node-circle,.topology-node.central.active .node-circle {stroke: var(--accent-purple);filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.5));}.node-icon {font-size: 2rem;text-anchor: middle;dominant-baseline: middle;}.node-svg-icon svg {stroke: var(--accent-primary);}.topology-node.central .node-svg-icon svg {stroke: var(--accent-purple);}.node-label {fill: var(--text-muted);font-size: 0.8rem;text-anchor: middle;font-weight: 500;transition: fill 0.3s ease;}.topology-node:hover .node-label,.topology-node.active .node-label {fill: var(--text-main);}.topology-info {position: absolute;top: 50%;right: 2rem;transform: translateY(-50%);width: 280px;background: rgba(15, 23, 42, 0.95);border: 1px solid var(--accent-primary);border-radius: var(--radius-md);padding: 1.5rem;box-shadow: 0 20px 50px rgba(0, 210, 255, 0.2);z-index: 10;animation: slideIn 0.3s ease;}@keyframes slideIn {from {opacity: 0;transform: translateY(-50%) translateX(20px);}to {opacity: 1;transform: translateY(-50%) translateX(0);}}.info-close {position: absolute;top: 0.5rem;right: 0.8rem;background: none;border: none;color: var(--text-muted);font-size: 1.5rem;cursor: pointer;transition: color 0.3s ease;}.info-close:hover {color: var(--accent-primary);}.info-header {display: flex;align-items: center;gap: 1rem;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.info-icon {font-size: 2rem;}.info-header h4 {font-size: 1.2rem;margin: 0;}.info-content p {color: var(--text-muted);margin-bottom: 1rem;font-size: 0.95rem;}.info-tech {display: flex;flex-direction: column;gap: 0.8rem;}.tech-item {display: flex;justify-content: space-between;align-items: center;padding: 0.6rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.tech-label {color: var(--text-muted);font-size: 0.85rem;}.tech-value {color: var(--accent-primary);font-family: var(--font-code);font-size: 0.85rem;}.topology-legend {display: flex;align-items: center;justify-content: center;gap: 2rem;margin-top: 2rem;flex-wrap: wrap;}.legend-item {display: flex;align-items: center;gap: 0.5rem;color: var(--text-muted);font-size: 0.9rem;}.legend-line {width: 30px;height: 3px;background: rgba(255, 255, 255, 0.2);border-radius: 2px;}.legend-line.active {background: var(--accent-primary);box-shadow: 0 0 10px rgba(0, 210, 255, 0.5);}.legend-dot {width: 12px;height: 12px;background: rgba(0, 210, 255, 0.3);border: 2px solid var(--accent-primary);border-radius: 50%;}.legend-hint {color: var(--text-muted);font-size: 0.85rem;margin: 0;}:root {--accent-integra: #f97316;--accent-integra-glow: rgba(249, 115, 22, 0.4);--integra-bg-light: #f8fafc;--integra-text-dark: #0f172a;}.integra-wrapper {width: 100%;overflow-x: hidden;color: #fff;}.integra-container {max-width: 1200px;margin: 0 auto;padding: 0 1.5rem;}.integra-grid-2 {display: grid;grid-template-columns: 1fr 1fr;gap: 4rem;align-items: center;}.integra-grid-3 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}.integra-text-center {text-align: center;}.integra-title-lg {font-size: 3.5rem;font-weight: 800;line-height: 1.1;margin-bottom: 1.5rem;color: #fff;}.integra-title-dark {color: var(--integra-text-dark);}.integra-subtitle {font-size: 1.25rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 2rem;}.integra-section-title {font-size: 2.5rem;font-weight: 700;margin-bottom: 1rem;color: #fff;}.integra-section-title.dark-mode-text {color: var(--integra-text-dark);}.integra-section-desc {color: var(--text-muted);max-width: 600px;margin: 0 auto;}.integra-section-desc.dark-mode-text {color: #475569;}.integra-hero {position: relative;padding-top: 140px;padding-bottom: 80px;background: linear-gradient(180deg, var(--bg-dark) 0%, #1e1b4b 100%);}.integra-hero::before {content: '';position: absolute;top: -20%;right: -10%;width: 600px;height: 600px;background: radial-gradient(circle, var(--accent-integra-glow) 0%, transparent 70%);filter: blur(80px);z-index: 0;pointer-events: none;}.text-gradient-integra {background: linear-gradient(135deg, #fff 0%, var(--accent-integra) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.badge-label {display: block;color: var(--accent-integra);font-size: 0.875rem;font-weight: 700;letter-spacing: 0.05em;margin-bottom: 1rem;text-transform: uppercase;}.integra-visual-card {background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 20px;padding: 2rem;position: relative;backdrop-filter: blur(10px);transform: rotate(2deg);transition: transform 0.5s ease;}.integra-visual-card:hover {transform: rotate(0deg);}.visual-item {display: flex;align-items: center;gap: 1rem;background: rgba(255, 255, 255, 0.05);padding: 1rem;border-radius: 12px;margin-bottom: 1rem;}.visual-icon-box {width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}.integra-bg-light {background: #fff;color: var(--integra-text-dark);padding: 6rem 0;}.integra-bg-gray {background: #f8fafc;color: var(--integra-text-dark);padding: 6rem 0;border-top: 1px solid #e2e8f0;}.integra-card {background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 16px;padding: 2rem;transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column;gap: 1rem;}.integra-card:hover {transform: translateY(-5px);background: rgba(255, 255, 255, 0.05);border-color: var(--accent-integra);box-shadow: 0 10px 30px rgba(249, 115, 22, 0.15);}.integra-card h3 {font-size: 1.25rem;font-weight: 700;color: #fff;margin: 0;}.integra-card p {color: var(--text-muted);font-size: 0.95rem;line-height: 1.5;}.integra-card-light {background: #fff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 2rem;transition: all 0.3s ease;height: 100%;display: flex;flex-direction: column;gap: 1rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}.integra-card-light:hover {transform: translateY(-5px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);border-color: var(--accent-integra);}.integra-card-light h3 {font-size: 1.25rem;font-weight: 700;color: var(--integra-text-dark);margin: 0;}.integra-card-light p {color: #64748b;font-size: 0.95rem;line-height: 1.5;}.integra-icon {width: 50px;height: 50px;background: rgba(249, 115, 22, 0.1);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: var(--accent-integra);font-size: 1.5rem;margin-bottom: 0.5rem;}.integra-values-row {display: flex;gap: 1.5rem;flex-wrap: wrap;margin-top: 2rem;}.value-pill {display: flex;align-items: center;gap: 0.75rem;padding: 0.75rem 1.5rem;background: rgba(15, 23, 42, 0.6);border: 1px solid var(--accent-integra);border-radius: 50px;color: #fff;font-weight: 600;font-size: 0.95rem;}.btn-integra {background: linear-gradient(135deg, var(--accent-integra), #ea580c);color: white;padding: 0.8rem 2rem;border-radius: 10px;font-weight: 700;border: none;box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3);transition: all 0.3s ease;text-decoration: none;display: inline-flex;align-items: center;gap: 0.5rem;font-size: 1rem;}.btn-integra:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(234, 88, 12, 0.5);color: white;}.btn-outline-light {padding: 0.8rem 2rem;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.2);color: #fff;text-decoration: none;font-weight: 600;transition: all 0.3s ease;}.btn-outline-light:hover {background: rgba(255, 255, 255, 0.05);border-color: #fff;}.btn-integra-outline {display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.8rem 2rem;border: 2px solid var(--accent-integra);color: var(--accent-integra);border-radius: 10px;font-weight: 700;text-decoration: none;transition: all 0.3s ease;background: transparent;margin-top: 2rem;}.btn-integra-outline:hover {background: var(--accent-integra);color: #fff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2);}.about-box-light {background: #fff;padding: 1.5rem;border-radius: 12px;border-left: 4px solid var(--accent-integra);margin-bottom: 1rem;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}.about-box-light h3 {color: var(--integra-text-dark);font-weight: 700;margin-bottom: 0.5rem;}.about-box-light p {color: #64748b;font-size: 0.9rem;}@media (max-width: 992px) {.integra-grid-2,.integra-grid-3 {grid-template-columns: 1fr;gap: 3rem;}.integra-hero {text-align: center;}.integra-values-row {justify-content: center;}.integra-hero-actions {display: flex;justify-content: center;gap: 1rem;}}.demos-section {padding: var(--spacing-section) 0;background: linear-gradient(180deg, var(--bg-darker), var(--bg-dark));}.chaos-container {max-width: 900px;margin: 0 auto;text-align: center;}#chaos-canvas {width: 100%;height: 400px;border-radius: var(--radius-md);border: 1px solid var(--glass-border);margin: 2rem 0;background: #0f172a;}.chaos-controls {margin-top: 2rem;}.portal-demo {padding: 2.5rem;border-radius: var(--radius-md);margin-top: 2rem;}.portal-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid var(--glass-border);}.portal-header h4 {margin: 0;color: var(--text-main);}.portal-status {padding: 0.5rem 1rem;border-radius: 50px;font-size: 0.9rem;}.portal-status.live {background: rgba(34, 197, 94, 0.2);color: #22c55e;}.portal-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;}.portal-card {background: rgba(0, 0, 0, 0.2);border-radius: var(--radius-md);padding: 1.5rem;transition: transform 0.3s ease;}.portal-card:hover {transform: translateY(-3px);background: rgba(255, 255, 255, 0.03);}.portal-card:first-child {grid-column: span 2;}.portal-card h4 {margin: 0 0 1rem;color: var(--accent-primary);}.timeline-header {display: flex;justify-content: space-between;margin-bottom: 1rem;}.timeline-percent {font-size: 2rem;font-weight: 700;color: var(--accent-primary);}.timeline-bar {height: 8px;background: rgba(255, 255, 255, 0.1);border-radius: 4px;overflow: hidden;margin-bottom: 2rem;}.timeline-fill {height: 100%;background: linear-gradient(90deg, var(--accent-primary), var(--accent-purple));border-radius: 4px;}.timeline-milestones {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 1rem;}.milestone {display: flex;align-items: center;gap: 0.5rem;}.milestone-dot {width: 12px;height: 12px;border-radius: 50%;background: var(--text-muted);}.milestone.completed .milestone-dot {background: #22c55e;}.milestone.in-progress .milestone-dot {background: var(--accent-primary);animation: pulse 2s infinite;}@keyframes pulse {0%,100% {opacity: 1;}50% {opacity: 0.5;}}.milestone-name {color: var(--text-main);font-size: 0.9rem;}.milestone-date {color: var(--text-muted);font-size: 0.8rem;}.activity-list {display: flex;flex-direction: column;gap: 0.5rem;}.activity-item {display: flex;gap: 1rem;padding: 0.5rem;border-radius: 4px;background: rgba(255, 255, 255, 0.02);}.activity-time {color: var(--text-muted);font-size: 0.85rem;min-width: 80px;}.activity-action {color: var(--text-main);font-size: 0.9rem;}.activity-item.success {border-left: 2px solid #22c55e;}.activity-item.code {border-left: 2px solid var(--accent-primary);}.activity-item.deploy {border-left: 2px solid var(--accent-purple);}.activity-item.feature {border-left: 2px solid var(--accent-secondary);}.stats-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}.stat-box {padding: 1rem;background: rgba(0, 0, 0, 0.2);border-radius: 8px;}.stat-box .stat-label {display: block;color: var(--text-muted);font-size: 0.85rem;margin-bottom: 0.5rem;}.stat-box .stat-value {font-size: 1.5rem;font-weight: 700;color: var(--text-main);}.stat-box .stat-value.success {color: #22c55e;}.stat-bar {height: 6px;background: rgba(255, 255, 255, 0.1);border-radius: 3px;margin: 0.5rem 0;}.stat-fill {height: 100%;background: var(--accent-primary);border-radius: 3px;}.tools-section {padding: var(--spacing-section) 0;background: var(--bg-dark);}.auditor-container {max-width: 700px;margin: 0 auto;}.audit-form {display: flex;gap: 1rem;margin-bottom: 1rem;}.audit-form input {flex: 1;padding: 1rem 1.5rem;background: rgba(255, 255, 255, 0.05);border: 2px solid var(--accent-primary);border-radius: 50px;color: var(--text-main);font-size: 1.1rem;}.audit-form input:focus {outline: none;box-shadow: 0 0 20px rgba(0, 210, 255, 0.3);}.audit-disclaimer {text-align: center;color: var(--text-muted);font-size: 0.9rem;}.audit-loading {text-align: center;padding: 3rem;}.loading-spinner {width: 50px;height: 50px;border: 3px solid rgba(255, 255, 255, 0.1);border-top-color: var(--accent-primary);border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto 1rem;}@keyframes spin {to {transform: rotate(360deg);}}.loading-steps {display: flex;justify-content: center;gap: 1rem;margin-top: 2rem;flex-wrap: wrap;}.loading-steps .step {padding: 0.5rem 1rem;background: rgba(255, 255, 255, 0.05);border-radius: 20px;color: var(--text-muted);font-size: 0.9rem;}.loading-steps .step.active {background: var(--accent-primary);color: var(--bg-dark);}.audit-report {background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: var(--radius-md);padding: 2rem;margin-top: 2rem;}.audit-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.audit-domain h3 {margin: 0 0 0.5rem;color: var(--text-main);}.audit-domain p {color: var(--accent-primary);margin: 0;}.audit-date {color: var(--text-muted);font-size: 0.9rem;}.audit-score {text-align: center;}.score-circle {width: 100px;height: 100px;border-radius: 50%;border: 4px solid var(--score-color);display: flex;flex-direction: column;align-items: center;justify-content: center;}.score-value {font-size: 2.5rem;font-weight: 700;color: var(--score-color);line-height: 1;}.score-max {font-size: 0.9rem;color: var(--text-muted);}.score-grade {display: block;margin-top: 0.5rem;color: var(--text-muted);}.audit-checks {display: flex;flex-direction: column;gap: 1rem;}.audit-check {padding: 1rem;border-radius: 8px;background: rgba(0, 0, 0, 0.2);}.audit-check.success {border-left: 3px solid #22c55e;}.audit-check.warning {border-left: 3px solid #eab308;}.audit-check.error {border-left: 3px solid #ef4444;}.check-header {display: flex;align-items: center;gap: 1rem;}.check-icon {font-size: 1.5rem;}.check-name {flex: 1;font-weight: 600;color: var(--text-main);}.check-value {color: var(--text-muted);}.check-recommendation {margin-top: 0.5rem;padding-top: 0.5rem;border-top: 1px solid rgba(255, 255, 255, 0.05);color: var(--accent-secondary);font-size: 0.9rem;}.audit-cta {text-align: center;margin-top: 2rem;padding: 2rem;background: rgba(239, 68, 68, 0.1);border-radius: var(--radius-md);border: 1px solid rgba(239, 68, 68, 0.3);}.audit-warning {color: #ef4444;font-weight: 600;margin-bottom: 1rem;}.contact-section {padding: var(--spacing-section) 0;background: var(--bg-darker);}.contact-glass {max-width: 600px;margin: 0 auto;padding: 3rem;border-radius: var(--radius-md);}.contact-form {display: flex;flex-direction: column;gap: 1.5rem;}.form-group {position: relative;}.code-label {font-family: var(--font-code);color: var(--accent-primary);font-size: 0.9rem;margin-bottom: 0.5rem;display: block;}.glass-input {width: 100%;padding: 1rem;background: rgba(255, 255, 255, 0.05);border: 1px solid var(--glass-border);border-radius: 8px;color: var(--text-main);font-family: var(--font-code);font-size: 1rem;transition: all 0.3s ease;}.glass-input:focus {outline: none;border-color: var(--accent-primary);box-shadow: 0 0 15px rgba(0, 210, 255, 0.2);}.glass-input::placeholder {color: var(--text-muted);}textarea.glass-input {resize: vertical;min-height: 120px;}.closing-brace {display: block;font-family: var(--font-code);color: var(--accent-primary);font-size: 0.9rem;margin-top: 0.5rem;}.honeypot {position: absolute;left: -9999px;}.alert {padding: 1rem;border-radius: var(--radius-sm);margin-bottom: 1.5rem;}.alert-success {background: rgba(34, 197, 94, 0.2);border: 1px solid #22c55e;color: #22c55e;}.alert-error {background: rgba(239, 68, 68, 0.2);border: 1px solid #ef4444;color: #ef4444;}.schedule-section {padding: var(--spacing-section) 0;background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);}.blog-home-section {padding: var(--spacing-section) 0;background: linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 100%);position: relative;overflow: hidden;}.blog-home-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, rgba(0, 210, 255, 0.3), transparent);}.blog-home-section .section-header {text-align: center;margin-bottom: 3rem;}.section-badge {display: inline-block;background: rgba(0, 210, 255, 0.1);border: 1px solid rgba(0, 210, 255, 0.2);color: var(--accent-primary);padding: 0.5rem 1rem;border-radius: 2rem;font-size: 0.85rem;font-weight: 600;margin-bottom: 1rem;}.blog-grid-home {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;margin-bottom: 3rem;}.blog-card-home {background: linear-gradient(145deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));border: 1px solid rgba(148, 163, 184, 0.1);border-radius: var(--radius-lg);overflow: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;}.blog-card-home::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--accent-primary), var(--accent-purple));opacity: 0;transition: opacity 0.3s ease;}.blog-card-home:hover {transform: translateY(-8px);border-color: rgba(0, 210, 255, 0.3);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3),0 0 30px rgba(0, 210, 255, 0.1);}.blog-card-home:hover::before {opacity: 1;}.blog-card-image {position: relative;height: 180px;overflow: hidden;}.blog-card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}.blog-card-home:hover .blog-card-image img {transform: scale(1.1);}.blog-card-placeholder {width: 100%;height: 100%;background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.9));display: flex;align-items: center;justify-content: center;}.blog-card-placeholder svg {color: rgba(148, 163, 184, 0.3);}.blog-card-category {position: absolute;top: 1rem;left: 1rem;background: color-mix(in srgb, var(--cat-color, #6366f1) 20%, rgba(0, 0, 0, 0.6));color: var(--cat-color, #6366f1);padding: 0.35rem 0.75rem;border-radius: 0.5rem;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;border: 1px solid color-mix(in srgb, var(--cat-color, #6366f1) 40%, transparent);backdrop-filter: blur(8px);}.blog-card-content {padding: 1.5rem;}.blog-card-title {font-size: 1.15rem;font-weight: 700;line-height: 1.4;margin-bottom: 0.75rem;}.blog-card-title a {color: var(--text-main);transition: color 0.3s ease;}.blog-card-title a:hover {color: var(--accent-primary);}.blog-card-excerpt {font-size: 0.9rem;color: var(--text-muted);line-height: 1.6;margin-bottom: 1rem;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.blog-card-meta {display: flex;justify-content: space-between;align-items: center;padding-top: 1rem;border-top: 1px solid rgba(148, 163, 184, 0.1);}.blog-card-date {display: flex;align-items: center;gap: 0.5rem;font-size: 0.8rem;color: var(--text-muted);}.blog-card-date svg {color: rgba(148, 163, 184, 0.5);}.blog-card-link {display: flex;align-items: center;gap: 0.375rem;font-size: 0.85rem;font-weight: 600;color: var(--accent-primary);transition: all 0.3s ease;}.blog-card-link:hover {gap: 0.625rem;}.blog-card-link svg {transition: transform 0.3s ease;}.blog-card-link:hover svg {transform: translateX(4px);}.blog-cta-wrapper {text-align: center;}.blog-card-placeholder-card {opacity: 0.7;}.blog-card-placeholder-card:hover {opacity: 1;}@media (max-width: 1024px) {.blog-grid-home {grid-template-columns: repeat(2, 1fr);}.blog-grid-home .blog-card-home:nth-child(3) {display: none;}}@media (max-width: 768px) {.blog-grid-home {grid-template-columns: 1fr;gap: 1.5rem;}.blog-grid-home .blog-card-home:nth-child(3) {display: block;}.blog-card-image {height: 200px;}.blog-home-section {padding: 4rem 0;}}@media (max-width: 1024px) {.hero-content {flex-direction: column;text-align: center;}.hero-text {max-width: 100%;}.hero-text h1 {font-size: 3rem;}.cta-group {justify-content: center;}.modules-grid,.modules-grid.modules-6 {grid-template-columns: repeat(2, 1fr);}.module-large,.module-tall,.module-medium {grid-column: span 1;grid-row: span 1;min-height: 280px;}.solutions-suite {padding: 4rem 0 3rem;}.solutions-suite .section-title {font-size: 2.4rem;}.solutions-suite .section-desc {font-size: 1.05rem;padding: 0 1rem;}}@media (max-width: 768px) {.container {padding: 0 1rem;}.nav-links {gap: 1rem;font-size: 0.85rem;}.hero-text h1 {font-size: 2.5rem;}.subtitle {font-size: 1rem;}.floating-card {min-width: 300px;padding: 1.5rem;}.code-snippet {font-size: 0.75rem;}.solutions-suite {padding: 3rem 0 2.5rem;}.solutions-suite .section-header {margin-bottom: 2rem;}.solutions-suite .section-title {font-size: 1.9rem;line-height: 1.25;padding: 0 0.5rem;}.solutions-suite .section-desc {font-size: 0.95rem;line-height: 1.6;padding: 0 0.5rem;}.modules-grid,.modules-grid.modules-6 {grid-template-columns: repeat(2, 1fr);gap: 1rem;margin-bottom: 2rem;}.module-card {padding: 1.25rem;border-radius: var(--radius-md);}.module-card h3 {font-size: 1.1rem;margin-bottom: 0.5rem;}.module-description {font-size: 0.85rem;line-height: 1.5;margin-bottom: 0.75rem;}.module-icon {font-size: 2rem;margin-bottom: 0.75rem;}.module-icon svg {width: 32px;height: 32px;}.module-features {grid-template-columns: 1fr;}.portal-grid {grid-template-columns: 1fr;}.portal-card:first-child {grid-column: span 1;}.contact-glass {padding: 2rem 1.5rem;}.audit-form {flex-direction: column;}.service-card {flex-direction: column;text-align: center;}.service-header {flex-direction: column;gap: 0.5rem;}.quoter-cta {flex-direction: column;text-align: center;}.quoter-cta-content {flex-direction: column;}.module-large,.module-tall,.module-medium,.module-square {grid-column: span 1;grid-row: span 1;min-height: auto;}.solutions-more-cta {margin-bottom: 0;}.btn-view-solutions {padding: 0.9rem 1.5rem;font-size: 0.95rem;}}@media (max-width: 480px) {.hero-text h1 {font-size: 2rem;}.nav-links {flex-wrap: wrap;gap: 0.5rem;}.btn-primary-neon,.btn-secondary-glass {padding: 0.6rem 1rem;font-size: 0.8rem;}.section-title {font-size: 2rem;}.solutions-suite {padding: 2.5rem 0 2rem;}.solutions-suite .section-header {margin-bottom: 1.5rem;}.solutions-suite .section-title {font-size: 1.6rem;line-height: 1.3;}.solutions-suite .section-desc {font-size: 0.9rem;}.modules-grid,.modules-grid.modules-6 {grid-template-columns: 1fr;gap: 1rem;}.module-card {padding: 1rem;display: flex;flex-direction: column;align-items: center;gap: 0.75rem;text-align: center;min-height: auto;}.module-content {flex: 1;display: flex;flex-direction: column;align-items: center;width: 100%;justify-content: flex-start;}.module-icon {flex-shrink: 0;margin-bottom: 0.25rem;margin-top: 0;display: flex;align-items: center;justify-content: center;}.module-icon svg {width: 32px;height: 32px;}.module-card h3 {font-size: 1.05rem;margin-bottom: 0.25rem;}.module-description {font-size: 0.85rem;margin-bottom: 0;}.btn-view-solutions {padding: 0.85rem 1.25rem;font-size: 0.9rem;width: 100%;justify-content: center;}.solutions-more-cta {padding: 0 0.5rem;}}
.quoter-title { font-size: 3.8rem !important; }