@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-navy: #061a38;--color-navy-mid: #0a2a5e;--color-blue: #075bc2;--color-blue-light: #3b82f6;--color-blue-pale: #eff6ff;--color-green: #16a34a;--color-amber: #d97706;--color-red: #dc2626;--color-teal: #0d9488;--color-purple: #7c3aed;--color-orange: #ea580c;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-400: #94a3b8;--color-gray-600: #475569;--color-gray-900: #0f172a;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.14);--nav-height: 72px;--section-padding: 96px 0;--container-max: 1200px;--container-padding: 0 24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans)}body{background:#fff;color:var(--color-gray-900)}#root{display:block;min-height:auto;background:none}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding)}.section-light{background:#fff}.section-gray{background:var(--color-gray-50)}.section-dark{background:var(--color-navy);color:#fff}a{text-decoration:none;color:inherit;cursor:pointer}ul{list-style:none}.btn-primary{background:var(--color-blue);color:#fff;border-radius:8px;padding:12px 24px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:#054fa8}.btn-outline{background:transparent;color:#fff;border:2px solid currentColor;border-radius:8px;padding:10px 24px;font-weight:600;font-size:15px;cursor:pointer;transition:opacity .15s;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{opacity:.8}.btn-outline.dark{color:var(--color-navy);border-color:var(--color-gray-200)}.btn-outline.dark:hover{background:var(--color-gray-50)}h2.section-title{font-size:2.25rem;font-weight:700;margin-bottom:3rem;text-align:center}@media(max-width:640px){h2.section-title{font-size:1.75rem;margin-bottom:2rem}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.grid-cols-2{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media(max-width:800px){.grid-cols-2{grid-template-columns:1fr}}.grid-cols-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:50;display:flex;align-items:center;transition:all .2s;color:#fff;background:transparent;border:none}.navbar.scrolled{background:#fff;color:var(--color-navy);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.nav-container{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.nav-logo{display:flex;align-items:center;gap:8px;font-size:1.5rem;font-weight:700;letter-spacing:normal}.navbar.scrolled .nav-logo{color:var(--color-navy)}.nav-logo span{color:var(--color-blue)}.nav-logo svg{background:transparent;padding:0;border-radius:0;width:28px;height:28px;color:currentColor}.nav-links{display:flex;gap:24px;align-items:center;font-size:.95rem;font-weight:500;color:inherit}.nav-links a:hover{opacity:.8;color:inherit}.nav-actions{display:flex;align-items:center;gap:16px}.lang-toggle{display:flex;border:1px solid rgba(200,200,200,.3);border-radius:6px;overflow:hidden}.navbar.scrolled .lang-toggle{border-color:var(--color-gray-200)}.lang-toggle button{padding:6px 12px;font-size:12px;font-weight:600;border:none;background:transparent;color:inherit;cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:4px}.lang-toggle button.active{background:var(--color-blue);color:#fff}.mobile-menu-btn{display:none;background:none;border:none;color:inherit;cursor:pointer}.nav-actions .btn-outline{border:1px solid currentColor!important;color:inherit!important;background:transparent!important}.navbar.scrolled .nav-actions .btn-outline{border-color:var(--color-navy)!important;color:var(--color-navy)!important}@media(max-width:1024px){.nav-links,.nav-actions-desktop{display:none}.mobile-menu-btn{display:block}}.mobile-menu{position:fixed;top:var(--nav-height);left:0;right:0;background:#fff;color:var(--color-navy);padding:24px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:16px;z-index:40;border-top:1px solid var(--color-gray-100)}.mobile-menu a{font-weight:600;font-size:1.1rem;padding:8px 0;border-bottom:1px solid var(--color-gray-100);color:var(--color-navy)}.hero{background-color:var(--color-navy);background-image:linear-gradient(135deg,#061a38b3,#0a2a5e99),url(https://images.unsplash.com/photo-1559827260-dc66d52bef19?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding-top:calc(var(--nav-height) + 64px);padding-bottom:64px;position:relative;overflow:hidden;min-height:700px;display:flex;align-items:center}.hero-content{max-width:600px;display:block;text-align:left}.hero-badge{display:inline-block;background:#3b82f61a;color:var(--color-blue-light);padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(59,130,246,.2);letter-spacing:normal;text-transform:none}.hero h1{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;background:none;-webkit-text-fill-color:currentcolor;color:#fff}.hero p{font-size:1.125rem;line-height:1.6;color:var(--color-gray-200);margin-bottom:40px}.hero-buttons{display:flex;gap:16px;margin-bottom:64px;flex-wrap:wrap}@media(max-width:640px){.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons>*{width:100%}}.hero-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px;border-top:1px solid rgba(255,255,255,.1);padding-top:32px}.hero-pill{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:var(--color-gray-200);line-height:1.4}.hero-pill-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3b82f626;color:var(--color-blue-light);border-radius:8px;flex-shrink:0}.hero-pill-title{font-weight:600;color:#fff;margin-bottom:2px}@media(max-width:800px){.hero-pills{grid-template-columns:1fr 1fr}}@media(max-width:500px){.hero-pills{grid-template-columns:1fr}}.hero-visual{display:none}@media(max-width:800px){.hero-visual{display:none}}.mock-sidebar{width:64px;background:var(--color-navy);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:16px;border-right:1px solid var(--color-gray-200)}.mock-sidebar-item{width:32px;height:32px;border-radius:6px;background:#ffffff1a}.mock-main{flex:1;background:var(--color-gray-50);padding:24px;display:flex;flex-direction:column;gap:16px}.mock-header{height:32px;background:#fff;border-radius:6px;width:100%;box-shadow:var(--shadow-sm);border:none}.mock-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mock-card{background:#fff;padding:16px;border-radius:8px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px;border:none}.mock-card-val{font-size:1.5rem;font-weight:700;color:var(--color-navy)}.mock-card-lbl{font-size:.65rem;color:var(--color-gray-400);text-transform:uppercase;font-weight:600}.mock-main>div:nth-child(3)>div{background:#fff!important;border:none!important;box-shadow:var(--shadow-sm)!important}.mock-main>div:nth-child(3)>div:nth-child(2)>div{background:var(--color-gray-100)!important}.mock-main>div:nth-child(3)>div:nth-child(1)>div{background:conic-gradient(var(--color-blue) 0% 60%,var(--color-green) 60% 80%,var(--color-amber) 80% 100%)!important}.problem-card{background:#fff;padding:24px;border-radius:12px;box-shadow:var(--shadow-sm);border-left:4px solid var(--color-red);display:flex;gap:16px;align-items:flex-start;border-right:none;border-top:none;border-bottom:none}.problem-card .icon{color:var(--color-red);flex-shrink:0;background:transparent;width:auto;height:auto;border-radius:0}.problem-card h3{font-size:1.125rem;font-weight:600;margin:0 0 8px;color:var(--color-navy)}.problem-card p{font-size:.875rem;color:var(--color-gray-600);line-height:1.5;margin:0}.solution-list{display:flex;flex-direction:column;gap:16px}.solution-item{display:flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:500;color:var(--color-navy)}.solution-item .icon{color:var(--color-green)}.solution-visual{position:relative;width:100%;aspect-ratio:1;max-width:400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.sol-circle{width:120px;height:120px;border-radius:50%;background:var(--color-blue-pale);display:flex;align-items:center;justify-content:center;color:var(--color-blue);z-index:2;border:4px solid white;box-shadow:var(--shadow-md)}.sol-circle.vessel{position:absolute;top:0;left:0;width:90px;height:90px;background:var(--color-gray-100);color:var(--color-gray-600);border:4px solid white}.sol-circle.office{position:absolute;bottom:0;right:0;width:90px;height:90px;background:var(--color-gray-100);color:var(--color-gray-600);border:4px solid white}.sol-line{position:absolute;width:100%;height:2px;background:dashed 2px var(--color-gray-300);z-index:1;transform:rotate(45deg)}.module-card{background:#fff;padding:32px;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);background:#fff}.module-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.module-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;background:transparent}.module-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px}.module-badge.available{background:#dcfce7;color:var(--color-green);border:none}.module-badge.dev{background:#fef3c7;color:var(--color-amber);border:none}.module-title{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin-bottom:8px}.module-desc{font-size:.9rem;color:var(--color-gray-600);margin-bottom:24px;line-height:1.5;min-height:48px}.module-features{margin-bottom:32px;flex:1;display:flex;flex-direction:column;gap:10px}.module-feature{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;color:var(--color-gray-600)}.module-feature .icon{color:var(--color-blue);width:16px;margin-top:2px;flex-shrink:0}.module-card .btn-outline{width:100%;margin-top:auto}.dash-window{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-gray-200);margin-top:48px}.dash-header{padding:16px 24px;border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;justify-content:space-between}.dash-body{padding:32px;background:var(--color-gray-50)}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.dash-stat{background:#fff;padding:20px;border-radius:12px;box-shadow:var(--shadow-sm);border:none}.dash-stat-val{font-size:2rem;font-weight:700;color:var(--color-navy);margin-bottom:4px}.dash-stat-lbl{font-size:.8rem;color:var(--color-gray-500);font-weight:600;text-transform:uppercase}.dash-charts{display:grid;grid-template-columns:1fr 2fr;gap:24px}@media(max-width:800px){.dash-charts{grid-template-columns:1fr}}.dash-chart-card{background:#fff;padding:24px;border-radius:12px;box-shadow:var(--shadow-sm);border:none}.dash-pie{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--color-blue) 0% 50%,var(--color-green) 50% 75%,var(--color-amber) 75% 90%,var(--color-gray-300) 90% 100%);margin:0 auto}.dash-list{display:flex;flex-direction:column;gap:16px}.dash-list-item{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--color-gray-100)}.dash-list-item:last-child{border:none;padding-bottom:0}.dash-list-icon{width:40px;height:40px;border-radius:50%;background:var(--color-blue-pale);color:var(--color-blue);display:flex;align-items:center;justify-content:center}.benefit-card{padding:32px;text-align:center;background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100)}.benefit-card .icon-wrapper{width:64px;height:64px;border-radius:16px;background:var(--color-blue-pale);color:var(--color-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.benefit-card h3{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin-bottom:12px}.benefit-card p{color:var(--color-gray-600);line-height:1.6}.segment-card{background:#ffffff0d;padding:32px;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:background .2s}.segment-card:hover{background:#ffffff1a}.segment-card .icon{color:var(--color-blue-light);margin-bottom:20px;background:transparent;width:auto;height:auto;padding:0;border-radius:0}.segment-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:#fff}.segment-card p{color:var(--color-gray-400);line-height:1.5;font-size:1rem}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}.about-item{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--color-navy)}.about-item .icon{color:var(--color-blue)}.contact-container{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;border:none}.contact-info{background:var(--color-navy);color:#fff;padding:48px;border:none}.contact-info h3{font-size:2rem;font-weight:700;margin-bottom:16px}.contact-info p{color:var(--color-gray-300);line-height:1.6;font-size:1.1rem}.contact-form{padding:48px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-600);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;border:1px solid var(--color-gray-300);background:#fff;color:var(--color-navy);border-radius:8px;padding:12px 16px;font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-pale);background:#fff}.form-group.error input{border-color:var(--color-red)}.error-msg{color:var(--color-red);font-size:.8rem;margin-top:4px;display:block}.success-state{text-align:center;padding:48px 0}.success-icon{color:var(--color-green);margin-bottom:24px;display:inline-block}.footer{background:var(--color-navy-mid);color:var(--color-gray-300);padding:64px 0 32px;font-size:.9rem;border:none}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;flex-wrap:wrap;gap:32px}.footer-logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:normal;margin-bottom:12px}.footer-logo span{color:var(--color-blue-light)}.footer-links{display:flex;gap:32px;flex-wrap:wrap}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-legal{display:flex;gap:24px}