:root{--deep-navy: #071B2A;--royal-indigo: #2B6CB0;--royal-indigo-end: #4338CA;--accent-gold: #C9A74A;--soft-warm-gray: #F7F7F8;--neutral-text-dark: #111827;--neutral-text: #374151}body{font-family:Inter,sans-serif;background-color:var(--soft-warm-gray);color:var(--neutral-text)!important;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;color:var(--neutral-text-dark)!important;line-height:1.2}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-content{display:none}.page-content.active{display:block}.main-app-content{padding-top:5rem}.main-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease;padding:.75rem 1.5rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.main-nav .nav-container{display:flex;justify-content:space-between;align-items:center}.logo-full-name{font-size:1.5rem;font-weight:800;line-height:1;color:var(--deep-navy);animation:fadeInDown .8s ease-out}.logo-full-name span{font-size:.7rem;font-weight:400;letter-spacing:.1rem;display:block}.main-nav.scrolled .logo-full-name{font-size:1.1rem}.main-nav.scrolled .logo-full-name span{font-size:.6rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.desktop-nav{display:none;list-style:none;gap:2rem;transform:none;position:relative;top:5px}.desktop-nav li{display:inline-block}.desktop-nav a{text-decoration:none;color:var(--deep-navy);cursor:pointer;font-weight:600;font-size:.875rem;padding:10px 12px;min-height:44px;transition:color .3s ease;display:inline-block;margin:5px 0}.desktop-nav a:hover{color:var(--accent-gold)}.desktop-nav .cta-btn{background-color:var(--accent-gold)!important;color:var(--deep-navy)!important;padding:.6rem 1.25rem;border-radius:9999px;font-weight:600;transition:opacity .3s ease;box-shadow:0 2px 4px #0000001a}.desktop-nav .cta-btn:hover{opacity:.9}.mobile-menu-btn{display:block;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-btn svg{width:1.5rem;height:1.5rem;stroke-width:2px;stroke:var(--neutral-text-dark)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a;padding:1rem 0;text-align:center}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu ul li{padding:.75rem 0}.mobile-menu ul li a{display:block;padding:12px 0}.mobile-menu.open{display:block}.mobile-menu ul li .cta-btn{display:block;background-color:var(--accent-gold);color:var(--deep-navy)!important;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;margin:1rem auto;border:none;width:80%}.mobile-menu ul li .cta-btn:hover{opacity:.9}@media (min-width:768px){.desktop-nav{display:flex;align-items:center;position:relative;top:5px}.mobile-menu-btn{display:none}.mobile-menu{display:none!important}}#home.hero,.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--royal-indigo);position:relative;overflow:hidden;color:#fff!important}.hero .hero-content{position:relative;z-index:10}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:#fff!important}.hero p{font-size:1rem;font-weight:400;color:#fffc!important;margin-top:.5rem}.hero .cta-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.hero .cta-buttons a{padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.hero .cta-buttons .primary{background-color:var(--accent-gold);color:var(--deep-navy)!important}.hero .cta-buttons .secondary{border:2px solid white;color:#fff}.hero .cta-buttons a:hover{transform:scale(1.05)}@media (min-width:768px){.hero h1{font-size:4rem}.hero p{font-size:1.25rem}.hero .cta-buttons{flex-direction:row;justify-content:center}}.section{padding:6rem 1rem 4rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:4rem}.grid-container{display:grid;gap:2rem}.card{background-color:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark-card{color:var(--neutral-text)!important;box-shadow:none;padding:2rem 1.5rem;border:1px solid rgba(0,0,0,.1)}.dark-card p{color:var(--neutral-text)!important;font-size:.95rem;font-weight:500;margin-top:.5rem}.dark-card h3{color:inherit;text-shadow:none!important}.dark-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #00000026;border-color:var(--accent-gold)}.card .icon{font-size:2rem;color:var(--deep-navy);margin-bottom:1rem}.card h3{font-size:1.25rem;font-weight:700;color:var(--neutral-text-dark)!important}.card p{font-size:.875rem;color:var(--neutral-text)!important}.card button.cta-btn{background:var(--accent-gold)!important;color:var(--deep-navy)!important}.filter-btn.active,.filter-btn:hover{background-color:var(--accent-gold);color:var(--deep-navy)!important}@media (min-width:768px){.grid-container-2{grid-template-columns:repeat(2,1fr)}.grid-container-3{grid-template-columns:repeat(3,1fr)}.grid-container-4{grid-template-columns:repeat(4,1fr)}}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.filter-btn{background-color:var(--deep-navy);color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;transition:background-color .3s ease;border:none;cursor:pointer}.product-image{height:12rem;overflow:hidden;border-radius:.5rem;margin-bottom:1rem}.product-image img{width:100%;height:100%;object-fit:cover}.contact-form .form-group{position:relative;margin-bottom:1.25rem}.contact-form .form-input{width:100%;padding:.625rem 0;background:transparent;border:none;border-bottom:2px solid #e5e7eb;font-size:1rem;color:var(--neutral-text-dark)!important;outline:none;transition:border-color .3s ease}.contact-form .form-input:focus{border-color:var(--accent-gold)}.contact-form .form-label{position:absolute;left:0;top:.625rem;font-size:1rem;color:#6b7280;transition:all .3s ease;pointer-events:none}.contact-form .form-input:not(:placeholder-shown)+.form-label,.contact-form .form-input:focus+.form-label{transform:translateY(-1.5rem) scale(.75);color:var(--accent-gold)}.contact-form .submit-btn{width:100%;padding:.75rem 1.5rem;background-color:var(--accent-gold);color:var(--deep-navy);border-radius:9999px;font-weight:600;border:none;cursor:pointer;transition:opacity .3s ease}.contact-form .submit-btn:hover{opacity:.9}.modal-content .form-group{position:relative;margin-bottom:1.25rem;width:100%;display:block}.modal-content .form-input{width:100%;padding:.625rem 0;background:transparent;border:none;border-bottom:2px solid var(--soft-warm-gray);font-size:1rem;color:var(--neutral-text-dark)!important;outline:none;transition:border-color .3s ease}.modal-content .form-input:focus{border-color:var(--accent-gold)!important}.modal-content .form-label{position:absolute;left:0;top:.625rem;font-size:1rem;color:var(--neutral-text);transition:all .3s ease;pointer-events:none}.modal-content .form-input:not(:placeholder-shown)+.form-label,.modal-content .form-input:focus+.form-label{transform:translateY(-1.5rem) scale(.75);color:var(--accent-gold)!important}.submit-btn.cta-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;background-color:var(--accent-gold)!important;color:var(--deep-navy)!important;border-radius:9999px!important;border:none;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s}.submit-btn.cta-btn:hover{background-color:#d4af37!important;transform:translateY(-1px)}.footer{background-color:var(--deep-navy)!important;color:#fff!important;padding:3rem 1rem;font-size:.875rem}.footer h3{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:#fff!important}.footer ul{list-style:none;padding:0;margin:0}.footer a{transition:color .3s ease;color:#fffc!important}.footer a:hover{color:var(--accent-gold)!important}.copyright{border-top:1px solid rgba(255,255,255,.2);margin-top:2rem;padding-top:2rem;text-align:center;color:#ffffff80!important}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:50;padding:1rem}.modal-content{background-color:#fff;padding:2.5rem;border-radius:.75rem;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #00000080}.modal-close{position:absolute;top:.5rem;right:1rem;font-size:2.5rem;font-weight:700;color:#ccc;cursor:pointer}.timeline{display:flex;flex-direction:column;gap:2rem}.timeline-item{display:flex;flex-direction:row;justify-content:flex-start}.timeline-item.right{justify-content:flex-end}.timeline-item .card{max-width:45%}