*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #0f172a;--primary-navy: #1e293b;--primary-blue: #334155;--accent-blue: #3b82f6;--text-white: #ffffff;--text-gray: #e2e8f0;--text-muted: #94a3b8}body{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;color:var(--text-white);background:var(--primary-dark)}.header{position:fixed;top:0;width:100%;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1.5rem 0;border-bottom:1px solid rgba(59,130,246,.1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{font-size:1.75rem;font-weight:700;color:var(--text-white);text-decoration:none}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{color:var(--text-gray);text-decoration:none;font-weight:500;transition:color .2s ease}.nav-menu a:hover{color:var(--accent-blue)}.ship-container,.plane-container{display:none}.hero{min-height:100vh;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-navy) 100%);display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.hero-content h1{font-size:4rem;font-weight:900;line-height:1;margin-bottom:1.5rem;color:var(--text-white)}.hero-content .tagline{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-blue);font-weight:300}.hero-content p{font-size:1.1rem;margin-bottom:2.5rem;color:var(--text-muted);line-height:1.7;max-width:480px}.cta-group{display:flex;gap:1rem;flex-wrap:wrap}.cta-button{display:inline-block;background:var(--accent-blue);color:var(--text-white);padding:1rem 2rem;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.cta-button:hover{background:#2563eb;transform:translateY(-1px)}.cta-secondary{background:transparent;border:2px solid var(--accent-blue);color:var(--accent-blue)}.cta-secondary:hover{background:var(--accent-blue);color:var(--text-white)}.hero-visual{display:flex;justify-content:center;align-items:center}.floating-elements{position:relative;width:400px;height:400px}.floating-card{position:absolute;background:#1e293bcc;border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:1.5rem;text-align:center}.floating-card:nth-child(1){top:40px;left:40px}.floating-card:nth-child(2){top:180px;right:40px}.floating-card:nth-child(3){bottom:80px;left:80px}.floating-card .service-icon{font-size:2rem;margin-bottom:.5rem;display:block}.floating-card h4{font-size:1rem;color:var(--text-white);font-weight:600}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--text-white);font-weight:700}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--text-muted);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.products{padding:6rem 0;background:var(--primary-dark)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.product-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-blue) 100%);border-radius:16px;padding:2.5rem 2rem;text-align:center;transition:transform .2s ease}.product-card:hover{transform:scale(1.02)}.product-card .service-icon{font-size:3rem;margin-bottom:1rem}.product-card h3{font-size:1.3rem;margin-bottom:.75rem;font-weight:600}.product-card p{font-size:.95rem;opacity:.9}.contact{padding:6rem 0;background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-dark) 100%)}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:3rem}.contact-item{text-align:center;background:#0f172a99;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:2rem 1.5rem;transition:all .2s ease}.contact-item:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.contact-item h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--accent-blue);font-weight:600}.contact-item p{color:var(--text-gray)}.footer{background:var(--primary-dark);padding:2rem 0;text-align:center;border-top:1px solid rgba(59,130,246,.1)}.footer p{color:var(--text-muted);font-size:.9rem}@media (max-width: 768px){.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-content h1{font-size:2.5rem}.nav-menu{display:none}.floating-elements{width:280px;height:280px}.cta-group{justify-content:center}}