html,body{opacity:1 !important;}:root {--lc-primary: #12719b;--lc-primary-dark: #0a4f6e;--lc-primary-light: #1a8cbf;--lc-primary-soft: #e6f3f9;--lc-accent: #00d4a8;--lc-warning: #fbbf24;--lc-danger: #ef4444;--lc-dark: #0a1929;--lc-dark-2: #102a43;--lc-muted: #5a6b7c;--lc-border: #e1e8ef;--lc-surface: #f6f9fc;--lc-white: #ffffff;--lc-radius: 1.25rem;--lc-radius-lg: 1.75rem;--lc-shadow: 0 1.5rem 4rem rgba(10, 25, 41, .10);--lc-shadow-soft: 0 1rem 2.5rem rgba(10, 25, 41, .08);--lc-shadow-hover: 0 2rem 5rem rgba(18, 113, 155, .18);}html { scroll-behavior: smooth; scroll-padding-top: 88px; }body {font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color: var(--lc-dark); background: var(--lc-white);-webkit-font-smoothing: antialiased;}a { text-decoration: none; }.navbar { min-height: 76px; backdrop-filter: blur(20px); background: rgba(255, 255, 255, .85) !important; border-bottom: 1px solid var(--lc-border); }.navbar-brand { font-weight: 800; letter-spacing: -.04em; }.navbar-brand .brand-icon { width: 36px; height: 36px; background: linear-gradient(135deg, var(--lc-primary), var(--lc-primary-light)); border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: white; box-shadow: 0 .5rem 1rem rgba(18, 113, 155, .25); }.navbar-brand span { font-size: 1.3rem; color: var(--lc-dark); }.navbar .nav-link { color: var(--lc-dark); font-weight: 600; font-size: .94rem; padding-inline: .85rem !important; transition: color .2s ease; }.navbar .nav-link:hover, .navbar .nav-link:focus { color: var(--lc-primary); }.dropdown-menu { border: 1px solid var(--lc-border); border-radius: 1rem; box-shadow: var(--lc-shadow-soft); padding: .75rem; margin-top: .5rem; }.dropdown-item { border-radius: .65rem; font-weight: 500; padding: .65rem .85rem; transition: all .15s ease; }.dropdown-item:hover { background: var(--lc-primary-soft); color: var(--lc-primary-dark); }.btn { border-radius: 999px; font-weight: 700; letter-spacing: -.01em; padding: .7rem 1.5rem; transition: all .25s cubic-bezier(.4, 0, .2, 1); }.btn-lg { padding: .9rem 1.85rem; font-size: 1rem; }.btn-primary { --bs-btn-bg: var(--lc-primary); --bs-btn-border-color: var(--lc-primary); --bs-btn-hover-bg: var(--lc-primary-dark); --bs-btn-hover-border-color: var(--lc-primary-dark); box-shadow: 0 .75rem 1.5rem rgba(18, 113, 155, .28); }.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 1rem 2rem rgba(18, 113, 155, .35); }.btn-outline-primary { --bs-btn-color: var(--lc-primary); --bs-btn-border-color: rgba(18, 113, 155, .25); --bs-btn-hover-bg: var(--lc-primary); --bs-btn-hover-border-color: var(--lc-primary); background: rgba(255, 255, 255, .6); }.btn-outline-primary:hover { transform: translateY(-2px); }.btn-cta { background: white; color: var(--lc-dark); border: none; padding: 1rem 2rem; font-weight: 700; box-shadow: 0 1rem 2rem rgba(0, 0, 0, .2); }.btn-cta:hover { background: white; color: var(--lc-primary); transform: translateY(-2px); box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, .25); }.bg-light { background-color: var(--lc-surface) !important; }.text-primary { color: var(--lc-primary) !important; }.text-secondary { color: var(--lc-muted) !important; }.py-lg-6 { padding-top: 6rem !important; padding-bottom: 6rem !important; }.badge-pill { display: inline-flex; align-items: center; gap: .4rem; background: var(--lc-primary-soft); color: var(--lc-primary-dark); border-radius: 999px; padding: .45rem 1rem; font-size: .82rem; font-weight: 700; letter-spacing: .02em; border: 1px solid rgba(18, 113, 155, .15); }.badge-pill .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lc-accent); box-shadow: 0 0 0 4px rgba(0, 212, 168, .2); animation: lc-pulse 2s infinite; }@keyframes lc-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }@keyframes lc-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }.section-kicker { display: inline-flex; align-items: center; gap: .5rem; color: var(--lc-primary); font-size: .8rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-bottom: 1rem; }.section-kicker::before { content: ""; width: 28px; height: 2px; background: var(--lc-primary); border-radius: 2px; }.section-title { letter-spacing: -.04em; line-height: 1.05; font-weight: 800; font-size: clamp(1.85rem, 3.5vw, 2.75rem); }.hero-title { letter-spacing: -.045em; line-height: 1; font-weight: 800; font-size: clamp(2.5rem, 5vw, 4rem); }.hero-title .gradient-text { background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary-light) 50%, var(--lc-accent) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.lead-hero { color: var(--lc-muted); font-size: 1.2rem; line-height: 1.6; font-weight: 400; }.hero-stats { display: flex; gap: 2rem; flex-wrap: wrap; padding-top: 1rem; border-top: 1px solid var(--lc-border); }.hero-stats .stat strong { display: block; font-size: 1.4rem; font-weight: 800; letter-spacing: -.03em; color: var(--lc-dark); }.hero-stats .stat span { font-size: .82rem; color: var(--lc-muted); font-weight: 500; }.hero-section { position: relative; overflow: hidden; background: radial-gradient(circle at 90% 10%, rgba(18, 113, 155, .12), transparent 40rem), radial-gradient(circle at 10% 90%, rgba(0, 212, 168, .08), transparent 35rem), linear-gradient(180deg, #ffffff 0%, #f4f9fc 100%); padding-top: 4rem; }.hero-section::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(18, 113, 155, .04) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 113, 155, .04) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, .6), transparent 70%); pointer-events: none; }.hero-section > .container { position: relative; z-index: 1; }.feature-card { border: 1px solid var(--lc-border); border-radius: var(--lc-radius); background: white; padding: 2rem; height: 100%; transition: all .3s cubic-bezier(.4, 0, .2, 1); position: relative; overflow: hidden; }.feature-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--lc-primary), var(--lc-primary-light)); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }.feature-card:hover { transform: translateY(-6px); box-shadow: var(--lc-shadow-hover); border-color: rgba(18, 113, 155, .3); }.feature-card:hover::before { transform: scaleX(1); }.feature-card h3 { font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em; margin-bottom: .65rem; }.feature-card p { color: var(--lc-muted); margin: 0; line-height: 1.55; font-size: .95rem; }.icon-bubble { width: 3.25rem; height: 3.25rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: var(--lc-primary-soft); color: var(--lc-primary); margin-bottom: 1.25rem; font-size: 1.4rem; }.problem-card { background: white; border: 1px solid var(--lc-border); border-radius: var(--lc-radius); padding: 2rem; height: 100%; transition: all .3s ease; }.problem-card:hover { transform: translateY(-4px); box-shadow: var(--lc-shadow-soft); }.problem-card .problem-icon { width: 3.25rem; height: 3.25rem; border-radius: 14px; background: rgba(239, 68, 68, .1); color: var(--lc-danger); display: inline-flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 1.25rem; }.problem-card h3 { font-size: 1.15rem; font-weight: 700; letter-spacing: -.02em; margin-bottom: .65rem; }.problem-card p { color: var(--lc-muted); line-height: 1.6; font-size: .95rem; margin: 0; }.feature-bullets { list-style: none; padding: 0; margin: 0; }.feature-bullets li { display: flex; align-items: flex-start; gap: .65rem; padding: .4rem 0; color: var(--lc-dark-2); font-size: .95rem; font-weight: 500; }.feature-bullets i { color: var(--lc-accent); font-size: 1.1rem; margin-top: .15rem; flex-shrink: 0; }.accordion { --bs-accordion-border-color: var(--lc-border); --bs-accordion-border-radius: 1rem; --bs-accordion-inner-border-radius: 1rem; --bs-accordion-active-bg: white; --bs-accordion-active-color: var(--lc-dark); --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(18,113,155,.15); }.accordion-item { border-radius: 1rem !important; overflow: hidden; box-shadow: 0 .5rem 1.5rem rgba(10,25,41,.04); margin-bottom: .85rem; border-color: var(--lc-border) !important; }.accordion-button { font-weight: 700; letter-spacing: -.015em; padding: 1.15rem 1.35rem; font-size: 1rem; color: var(--lc-dark); }.accordion-button:not(.collapsed) { color: var(--lc-primary); background: white; box-shadow: none; }.accordion-body { color: var(--lc-muted); line-height: 1.65; padding: 0 1.35rem 1.35rem; }.cta-card { background: linear-gradient(135deg, var(--lc-dark) 0%, var(--lc-dark-2) 50%, var(--lc-primary-dark) 100%); border-radius: var(--lc-radius-lg); padding: 3.5rem; position: relative; overflow: hidden; color: white; }.cta-card::before { content: ""; position: absolute; width: 30rem; height: 30rem; border-radius: 50%; background: radial-gradient(circle, rgba(18, 113, 155, .25), transparent 70%); right: -8rem; top: -10rem; }.cta-card::after { content: ""; position: absolute; width: 20rem; height: 20rem; border-radius: 50%; background: radial-gradient(circle, rgba(0, 212, 168, .15), transparent 70%); left: -5rem; bottom: -7rem; }.cta-card > * { position: relative; z-index: 1; }.cta-card h2 { font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 800; letter-spacing: -.03em; margin-bottom: 1rem; }.cta-card p { color: rgba(255, 255, 255, .8); font-size: 1.1rem; line-height: 1.6; }.cta-features { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 1.5rem; }.cta-features span { display: inline-flex; align-items: center; gap: .45rem; font-size: .9rem; color: rgba(255, 255, 255, .85); }.cta-features i { color: var(--lc-accent); }footer { background: var(--lc-dark) !important; padding-top: 4rem; padding-bottom: 2rem; }footer .footer-brand { font-weight: 800; font-size: 1.3rem; letter-spacing: -.04em; color: white; display: inline-flex; align-items: center; gap: .6rem; margin-bottom: 1.25rem; }footer h3 { font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .9); margin-bottom: 1.25rem; }footer li { margin-bottom: .65rem; }footer ul a, footer ul li { color: rgba(255, 255, 255, .65); font-size: .92rem; transition: color .2s ease; }footer ul a:hover { color: white; }footer .social-link { width: 36px; height: 36px; border-radius: 10px; background: rgba(255, 255, 255, .08); display: inline-flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, .8); transition: all .2s ease; }footer .social-link:hover { background: var(--lc-primary); color: white; transform: translateY(-2px); }.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.float-card { position: absolute; background: white; border-radius: 14px; padding: .85rem 1.1rem; box-shadow: 0 1rem 3rem rgba(10, 25, 41, .15); border: 1px solid var(--lc-border); display: flex; align-items: center; gap: .75rem; z-index: 2; animation: lc-float 6s ease-in-out infinite; }.float-card.top-right { top: -2%; right: -4%; animation-delay: 0s; }.float-card.bottom-left { bottom: 8%; left: -5%; animation-delay: 3s; }.float-card .icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: 1.1rem; }.float-card .text-mini { font-size: .7rem; color: var(--lc-muted); font-weight: 500; }.float-card .text-main { font-size: .88rem; font-weight: 700; color: var(--lc-dark); }@media (max-width: 991.98px) { .hero-title { font-size: 2.5rem; } .float-card { display: none; } }@media (max-width: 575.98px) { .cta-card { padding: 2rem 1.5rem; } }:root{--lc-primary: #12719b;--lc-primary-dark: #0a4f6e;--lc-primary-light: #1a8cbf;--lc-primary-soft: #e6f3f9;--lc-accent: #00d4a8;--lc-dark: #0a1929;--lc-dark-2: #102a43;--lc-muted: #5a6b7c;--lc-border: #e1e8ef;--lc-surface: #f6f9fc;--lc-white: #ffffff;--lc-radius: 1.25rem;--lc-radius-lg: 1.75rem;--lc-shadow: 0 1.5rem 4rem rgba(10, 25, 41, 0.10);--lc-shadow-soft: 0 1rem 2.5rem rgba(10, 25, 41, 0.08);--lc-shadow-hover: 0 2rem 5rem rgba(18, 113, 155, 0.18);}html {scroll-behavior: smooth;scroll-padding-top: 88px;}body {font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;color: var(--lc-dark);background: var(--lc-white);text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-feature-settings: 'cv11', 'ss01';}a {text-decoration: none;}.navbar {min-height: 76px;backdrop-filter: blur(20px);background: rgba(255, 255, 255, 0.85) !important;border-bottom: 1px solid var(--lc-border);}.navbar-brand {font-weight: 800;letter-spacing: -0.04em;}.navbar-brand .brand-icon {width: 36px;height: 36px;background: linear-gradient(135deg, var(--lc-primary), var(--lc-primary-light));border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;color: white;box-shadow: 0 0.5rem 1rem rgba(18, 113, 155, 0.25);}.navbar-brand span {font-size: 1.3rem;color: var(--lc-dark);}.navbar .nav-link {color: var(--lc-dark);font-weight: 600;font-size: 0.94rem;padding-inline: 0.85rem !important;transition: color 0.2s ease;}.navbar .nav-link:hover,.navbar .nav-link:focus {color: var(--lc-primary);}.dropdown-menu {border: 1px solid var(--lc-border);border-radius: 1rem;box-shadow: var(--lc-shadow-soft);padding: 0.75rem;margin-top: 0.5rem;}.dropdown-item {border-radius: 0.65rem;font-weight: 500;padding: 0.65rem 0.85rem;transition: all 0.15s ease;}.dropdown-item:hover {background: var(--lc-primary-soft);color: var(--lc-primary-dark);}.btn {border-radius: 999px;font-weight: 700;letter-spacing: -0.01em;padding: 0.7rem 1.5rem;transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);}.btn-lg {padding: 0.9rem 1.85rem;font-size: 1rem;}.btn-primary {--bs-btn-bg: var(--lc-primary);--bs-btn-border-color: var(--lc-primary);--bs-btn-hover-bg: var(--lc-primary-dark);--bs-btn-hover-border-color: var(--lc-primary-dark);box-shadow: 0 0.75rem 1.5rem rgba(18, 113, 155, 0.28);}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 1rem 2rem rgba(18, 113, 155, 0.35);}.btn-outline-primary {--bs-btn-color: var(--lc-primary);--bs-btn-border-color: rgba(18, 113, 155, 0.25);--bs-btn-hover-bg: var(--lc-primary);--bs-btn-hover-border-color: var(--lc-primary);background: rgba(255, 255, 255, 0.6);backdrop-filter: blur(10px);}.btn-outline-primary:hover {transform: translateY(-2px);}.bg-light {background-color: var(--lc-surface) !important;}.text-primary {color: var(--lc-primary) !important;}.text-secondary {color: var(--lc-muted) !important;}.py-lg-6 {padding-top: 6rem !important;padding-bottom: 6rem !important;}.badge-pill {display: inline-flex;align-items: center;gap: 0.4rem;background: var(--lc-primary-soft);color: var(--lc-primary-dark);border-radius: 999px;padding: 0.45rem 1rem;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.02em;border: 1px solid rgba(18, 113, 155, 0.15);}.badge-pill .dot {width: 6px;height: 6px;border-radius: 50%;background: var(--lc-accent);box-shadow: 0 0 0 4px rgba(0, 212, 168, 0.2);animation: pulse 2s infinite;}@keyframes pulse {0,100% {opacity: 1;}50% {opacity: .5;}}.hero-section {position: relative;overflow: hidden;background: radial-gradient(circle at 90% 10%, rgba(18, 113, 155, 0.12), transparent 40rem), radial-gradient(circle at 10% 90%, rgba(0, 212, 168, 0.08), transparent 35rem), linear-gradient(180deg, #ffffff 0%, #f4f9fc 100%);padding-top: 4rem;}.hero-section::before {content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(18, 113, 155, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 113, 155, 0.04) 1px, transparent 1px);background-size: 48px 48px;mask-image: radial-gradient(ellipse at center, rgba(0,0,0,.6), transparent 70%);pointer-events: none;}.hero-section > .container {position: relative;z-index: 1;}.hero-title {letter-spacing: -0.045em;line-height: 1;font-weight: 800;font-size: clamp(2.5rem, 5vw, 4rem);}.hero-title .gradient-text {background: linear-gradient(135deg, var(--lc-primary) 0%, var(--lc-primary-light) 50%, var(--lc-accent) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}.lead-hero {color: var(--lc-muted);font-size: 1.2rem;line-height: 1.6;font-weight: 400;}.hero-trust {display: flex;align-items: center;gap: 0.85rem;color: var(--lc-muted);font-size: 0.88rem;font-weight: 500;}.hero-trust i {color: var(--lc-accent);}.metric strong {letter-spacing: -0.04em;font-weight: 800;color: var(--lc-dark);font-size: 1.65rem;}.metric span {color: var(--lc-muted);font-size: 0.82rem;font-weight: 500;}.hero-panel {position: relative;perspective: 1500px;}.panel-card {background: linear-gradient(180deg, #ffffff, #fafcfe);border: 1px solid var(--lc-border) !important;border-radius: var(--lc-radius-lg) !important;box-shadow: var(--lc-shadow);overflow: hidden;position: relative;}.panel-card::before {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, rgba(18, 113, 155, 0.03), transparent 60%);pointer-events: none;}.panel-header {display: flex;align-items: center;justify-content: space-between;padding: 1.25rem 1.5rem;border-bottom: 1px solid var(--lc-border);background: rgba(246, 249, 252, 0.5);}.panel-dots {display: flex;gap: 0.4rem;}.panel-dots span {width: 11px;height: 11px;border-radius: 50%;background: #e1e8ef;}.panel-dots span:nth-child(1) {background: #ff5f57;}.panel-dots span:nth-child(2) {background: #ffbd2e;}.panel-dots span:nth-child(3) {background: #28ca42;}.panel-url {background: white;border: 1px solid var(--lc-border);border-radius: 8px;padding: 0.35rem 0.9rem;font-size: 0.78rem;color: var(--lc-muted);font-family: ui-monospace, monospace;}.panel-status {display: inline-flex;align-items: center;gap: 0.35rem;background: rgba(0, 212, 168, 0.12);color: #00805c;padding: 0.3rem 0.7rem;border-radius: 999px;font-size: 0.75rem;font-weight: 700;}.panel-status .dot {width: 6px;height: 6px;border-radius: 50%;background: var(--lc-accent);animation: pulse 2s infinite;}.panel-body {padding: 1.5rem;}.stat-tile {background: white;border: 1px solid var(--lc-border);border-radius: 14px;padding: 1rem;transition: all 0.2s ease;}.stat-tile:hover {border-color: var(--lc-primary);transform: translateY(-2px);}.stat-tile .label {color: var(--lc-muted);font-size: 0.72rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05em;}.stat-tile .value {font-size: 1.4rem;font-weight: 800;letter-spacing: -0.03em;color: var(--lc-dark);display: block;margin-top: 0.25rem;}.stat-tile .trend {font-size: 0.75rem;font-weight: 700;color: var(--lc-accent);display: inline-flex;align-items: center;gap: 0.2rem;}.stat-tile .trend.down {color: #ef4444;}.mini-chart {background: white;border: 1px solid var(--lc-border);border-radius: 14px;padding: 1.25rem;margin-bottom: 1rem;}.chart-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}.chart-header h6 {font-size: 0.82rem;font-weight: 700;margin: 0;color: var(--lc-dark);}.chart-svg {width: 100%;height: 80px;}.sync-row {display: flex;align-items: center;gap: 0.75rem;padding: 0.65rem 0;border-bottom: 1px solid var(--lc-border);}.sync-row:last-child {border-bottom: none;}.sync-icon {width: 32px;height: 32px;border-radius: 8px;background: var(--lc-primary-soft);color: var(--lc-primary);display: inline-flex;align-items: center;justify-content: center;font-size: 1rem;flex-shrink: 0;}.sync-info {flex: 1;min-width: 0;}.sync-info .name {font-size: 0.82rem;font-weight: 600;color: var(--lc-dark);display: block;}.sync-info .meta {font-size: 0.72rem;color: var(--lc-muted);}.sync-badge {font-size: 0.7rem;font-weight: 700;padding: 0.2rem 0.55rem;border-radius: 999px;background: rgba(0, 212, 168, 0.12);color: #00805c;}.float-card {position: absolute;background: white;border-radius: 14px;padding: 0.85rem 1.1rem;box-shadow: 0 1rem 3rem rgba(10, 25, 41, 0.15);border: 1px solid var(--lc-border);display: flex;align-items: center;gap: 0.75rem;z-index: 2;animation: float 6s ease-in-out infinite;}@keyframes float {0,100% {transform: translateY(0);}50% {transform: translateY(-10px);}}.float-card.top-right {top: 8%;right: -3%;animation-delay: 0s;}.float-card.bottom-left {bottom: 12%;left: -4%;animation-delay: 3s;}.float-card .icon {width: 36px;height: 36px;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;color: white;font-size: 1.1rem;}.float-card .text-mini {font-size: 0.7rem;color: var(--lc-muted);font-weight: 500;}.float-card .text-main {font-size: 0.88rem;font-weight: 700;color: var(--lc-dark);}@media(max-width: 991.98px) {.float-card {display: none;}}.logos-strip {padding: 2.5rem 0;border-top: 1px solid var(--lc-border);border-bottom: 1px solid var(--lc-border);background: white;}.logos-label {color: var(--lc-muted);font-size: 0.8rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;text-align: center;margin-bottom: 1.5rem;}.logo-item {color: var(--lc-muted);font-weight: 700;font-size: 1.15rem;letter-spacing: -0.02em;opacity: .55;transition: opacity 0.2s ease;display: flex;align-items: center;gap: 0.4rem;}.logo-item:hover {opacity: 1;color: var(--lc-dark);}.logo-item i {font-size: 1.35rem;}.section-kicker {display: inline-flex;align-items: center;gap: 0.5rem;color: var(--lc-primary);font-size: 0.8rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 1rem;}.section-kicker::before {content: "";width: 28px;height: 2px;background: var(--lc-primary);border-radius: 2px;}.section-title {letter-spacing: -0.04em;line-height: 1.05;font-weight: 800;font-size: clamp(1.85rem, 3.5vw, 2.75rem);}.feature-card {border: 1px solid var(--lc-border);border-radius: var(--lc-radius);background: white;padding: 2rem;height: 100%;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;}.feature-card::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, var(--lc-primary), var(--lc-primary-light));transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;}.feature-card:hover {transform: translateY(-6px);box-shadow: var(--lc-shadow-hover);border-color: rgba(18, 113, 155, 0.3);}.feature-card:hover::before {transform: scaleX(1);}.feature-card.featured {background: linear-gradient(135deg, var(--lc-dark) 0%, var(--lc-dark-2) 100%);color: white;border: none;}.feature-card.featured h3,.feature-card.featured p {color: white;}.feature-card.featured .icon-bubble {background: rgba(255, 255, 255, 0.12);color: white;}.feature-card.featured::after {content: "";position: absolute;width: 300px;height: 300px;border-radius: 50%;background: radial-gradient(circle, rgba(18, 113, 155, 0.25), transparent 70%);bottom: -150px;right: -100px;}.icon-bubble {width: 3.25rem;height: 3.25rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 14px;background: var(--lc-primary-soft);color: var(--lc-primary);margin-bottom: 1.25rem;font-size: 1.4rem;}.feature-card h3 {font-size: 1.2rem;font-weight: 700;letter-spacing: -0.02em;margin-bottom: 0.65rem;}.feature-card p {color: var(--lc-muted);margin: 0;line-height: 1.55;font-size: 0.95rem;}.flow-diagram {position: relative;padding: 2rem 0;}.flow-step {background: white;border: 1px solid var(--lc-border);border-radius: 18px;padding: 1.5rem 1.25rem;text-align: center;position: relative;transition: all 0.3s ease;height: 100%;}.flow-step:hover {transform: translateY(-4px);box-shadow: var(--lc-shadow-soft);border-color: var(--lc-primary);}.flow-step .step-number {position: absolute;top: -12px;left: 50%;transform: translateX(-50%);background: var(--lc-primary);color: white;width: 28px;height: 28px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 0.78rem;font-weight: 800;box-shadow: 0 0.5rem 1rem rgba(18, 113, 155, 0.3);}.flow-step .icon-bubble {margin: 0.5rem auto 1rem;}.flow-step strong {font-size: 1rem;font-weight: 700;display: block;margin-bottom: 0.35rem;}.flow-step small {color: var(--lc-muted);font-size: 0.8rem;}.integration-card {border: 1px solid var(--lc-border);border-radius: var(--lc-radius);background: white;padding: 1.75rem 1.25rem;transition: all 0.3s ease;height: 100%;text-align: center;}.integration-card:hover {transform: translateY(-4px);box-shadow: var(--lc-shadow-soft);border-color: rgba(18, 113, 155, 0.3);}.integration-card .cat {color: var(--lc-primary);font-size: 0.72rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;margin-bottom: 0.85rem;display: block;}.integration-logos {display: flex;flex-wrap: wrap;gap: 0.75rem;justify-content: center;align-items: center;margin-bottom: 0.75rem;min-height: 60px;}.integration-logos .brand {background: var(--lc-surface);border-radius: 10px;padding: 0.5rem 0.85rem;font-weight: 700;font-size: 0.85rem;color: var(--lc-dark);display: inline-flex;align-items: center;gap: 0.35rem;}.integration-logos .brand i {color: var(--lc-primary);}.integration-card .more {font-size: 0.78rem;color: var(--lc-muted);font-weight: 600;}.testimonial-card {background: white;border: 1px solid var(--lc-border);border-radius: var(--lc-radius);padding: 2rem;height: 100%;transition: all 0.3s ease;position: relative;}.testimonial-card:hover {transform: translateY(-4px);box-shadow: var(--lc-shadow-soft);}.testimonial-card .quote-icon {color: var(--lc-primary);opacity: .15;font-size: 3rem;position: absolute;top: 1rem;right: 1.5rem;line-height: 1;}.testimonial-card .stars {color: #fbbf24;margin-bottom: 1rem;font-size: 0.95rem;}.testimonial-card .testimonial-text {color: var(--lc-dark-2);line-height: 1.65;margin-bottom: 1.5rem;font-size: 0.98rem;position: relative;z-index: 1;}.testimonial-author {display: flex;align-items: center;gap: 0.85rem;padding-top: 1.25rem;border-top: 1px solid var(--lc-border);}.testimonial-author .avatar {width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg, var(--lc-primary), var(--lc-primary-light));display: inline-flex;align-items: center;justify-content: center;color: white;font-weight: 700;font-size: 1rem;flex-shrink: 0;}.testimonial-author .name {font-weight: 700;font-size: 0.92rem;color: var(--lc-dark);display: block;line-height: 1.2;}.testimonial-author .role {font-size: 0.8rem;color: var(--lc-muted);}.case-card {border: 1px solid var(--lc-border);border-radius: var(--lc-radius);background: white;overflow: hidden;transition: all 0.3s ease;height: 100%;}.case-card:hover {transform: translateY(-4px);box-shadow: var(--lc-shadow-hover);border-color: rgba(18, 113, 155, 0.3);}.case-card .case-visual {height: 140px;background: linear-gradient(135deg, var(--lc-primary-soft), white);display: flex;align-items: center;justify-content: center;color: var(--lc-primary);font-size: 3rem;border-bottom: 1px solid var(--lc-border);position: relative;overflow: hidden;}.case-card .case-visual::after {content: "";position: absolute;inset: 0;background-image: linear-gradient(rgba(18,113,155,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 113, 155, 0.08) 1px, transparent 1px);background-size: 24px 24px;opacity: .5;}.case-card .card-body {padding: 1.5rem;}.case-card h3 {font-size: 1.1rem;font-weight: 700;letter-spacing: -0.02em;margin-bottom: 0.5rem;}.case-card .case-tag {display: inline-block;background: var(--lc-primary-soft);color: var(--lc-primary-dark);font-size: 0.7rem;font-weight: 700;padding: 0.25rem 0.65rem;border-radius: 999px;margin-bottom: 0.85rem;text-transform: uppercase;letter-spacing: 0.05em;}.case-card .case-text {color: var(--lc-muted);font-size: 0.9rem;margin-bottom: 1rem;line-height: 1.55;}.case-card .case-link {color: var(--lc-primary);font-weight: 700;font-size: 0.88rem;display: inline-flex;align-items: center;gap: 0.35rem;transition: gap 0.2s ease;}.case-card:hover .case-link {gap: 0.6rem;}.compare-table {border-radius: var(--lc-radius);overflow: hidden;box-shadow: var(--lc-shadow-soft);border: 1px solid var(--lc-border);background: white;}.compare-table table {margin: 0;width: 100%;}.compare-table thead th {background: var(--lc-dark);color: white;border: none;padding: 1.25rem 1rem;font-weight: 700;font-size: 0.9rem;text-align: center;}.compare-table thead th:first-child {text-align: left;}.compare-table thead th.highlight {background: var(--lc-primary);position: relative;}.compare-table thead th.highlight::before {content: "RECOMENDADO";position: absolute;top: -10px;left: 50%;transform: translateX(-50%);background: var(--lc-accent);color: var(--lc-dark);font-size: 0.65rem;font-weight: 800;padding: 0.2rem 0.55rem;border-radius: 999px;letter-spacing: 0.05em;}.compare-table tbody td {padding: 1.1rem 1rem;vertical-align: middle;text-align: center;border-color: var(--lc-border);font-size: 0.92rem;}.compare-table tbody td:first-child {text-align: left;font-weight: 600;color: var(--lc-dark);}.compare-table tbody td.highlight {background: rgba(18, 113, 155, 0.04);}.compare-table tbody tr:hover td {background: var(--lc-surface);}.compare-table tbody tr:hover td.highlight {background: rgba(18, 113, 155, 0.08);}.check-yes {color: var(--lc-accent);font-size: 1.3rem;}.check-no {color: #e5e7eb;font-size: 1.3rem;}.check-partial {color: #fbbf24;font-size: 1.3rem;}.accordion {--bs-accordion-border-color: var(--lc-border);--bs-accordion-border-radius: 1rem;--bs-accordion-inner-border-radius: 1rem;--bs-accordion-active-bg: white;--bs-accordion-active-color: var(--lc-dark);--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(18, 113, 155, 0.15);}.accordion-item {border-radius: 1rem !important;overflow: hidden;box-shadow: 0 0.5rem 1.5rem rgba(10, 25, 41, 0.04);margin-bottom: 0.85rem;border-color: var(--lc-border) !important;}.accordion-button {font-weight: 700;letter-spacing: -0.015em;padding: 1.15rem 1.35rem;font-size: 1rem;color: var(--lc-dark);}.accordion-button:not(.collapsed) {color: var(--lc-primary);background: white;box-shadow: none;}.accordion-body {color: var(--lc-muted);line-height: 1.65;padding: 0 1.35rem 1.35rem;}.cta-card {background: linear-gradient(135deg, var(--lc-dark) 0%, var(--lc-dark-2) 50%, var(--lc-primary-dark) 100%);border-radius: var(--lc-radius-lg);padding: 3.5rem;position: relative;overflow: hidden;color: white;}.cta-card::before {content: "";position: absolute;width: 30rem;height: 30rem;border-radius: 50%;background: radial-gradient(circle, rgba(18, 113, 155, 0.25), transparent 70%);right: -8rem;top: -10rem;}.cta-card::after {content: "";position: absolute;width: 20rem;height: 20rem;border-radius: 50%;background: radial-gradient(circle, rgba(0, 212, 168, 0.15), transparent 70%);left: -5rem;bottom: -7rem;}.cta-card > * {position: relative;z-index: 1;}.cta-card h2 {font-size: clamp(1.75rem, 3.5vw, 2.5rem);font-weight: 800;letter-spacing: -0.03em;margin-bottom: 1rem;}.cta-card p {color: rgba(255, 255, 255, 0.8);font-size: 1.1rem;line-height: 1.6;}.cta-features {display: flex;gap: 1.5rem;flex-wrap: wrap;margin-top: 1.5rem;}.cta-features span {display: inline-flex;align-items: center;gap: 0.45rem;font-size: 0.9rem;color: rgba(255, 255, 255, 0.85);}.cta-features i {color: var(--lc-accent);}.btn-cta {background: white;color: var(--lc-dark);border: none;padding: 1rem 2rem;font-weight: 700;box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);}.btn-cta:hover {background: white;color: var(--lc-primary);transform: translateY(-2px);box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.25);}@media(max-width: 575.98px) {.cta-card {padding: 2rem 1.5rem;}}footer {background: var(--lc-dark) !important;padding-top: 4rem;padding-bottom: 2rem;}footer .footer-brand {font-weight: 800;font-size: 1.3rem;letter-spacing: -0.04em;color: white;display: inline-flex;align-items: center;gap: 0.6rem;margin-bottom: 1.25rem;}footer h3 {font-size: 0.82rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: rgba(255, 255, 255, 0.9);margin-bottom: 1.25rem;}footer li {margin-bottom: 0.65rem;}footer ul a,footer ul li {color: rgba(255, 255, 255, 0.65);font-size: 0.92rem;transition: color 0.2s ease;}footer ul a:hover {color: white;}footer .social-link {width: 36px;height: 36px;border-radius: 10px;background: rgba(255, 255, 255, 0.08);display: inline-flex;align-items: center;justify-content: center;color: rgba(255, 255, 255, 0.8);transition: all 0.2s ease;}footer .social-link:hover {background: var(--lc-primary);color: white;transform: translateY(-2px);}.reveal {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;}.reveal.is-visible {opacity: 1;transform: translateY(0);}@media(max-width: 991.98px) {.hero-title {font-size: 2.5rem;}}