:root{--navy-deep: #0a1628;--navy: #1e3a5f;--navy-light: #2d4a6f;--chrome: #c0c0c0;--chrome-light: #e8e8e8;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--gold: #d4af37;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--navy-deep);color:var(--text-primary);line-height:1.6}.app{min-height:100vh}.nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,rgba(10,22,40,.9),transparent)}.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-icon{width:40px;height:40px;border-radius:10px}.nav-title{font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,var(--chrome-light),var(--chrome));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{background:var(--accent-blue);color:var(--text-primary)!important;padding:.75rem 1.5rem;border-radius:8px;transition:background .3s!important}.nav-cta:hover{background:var(--accent-blue-light)!important}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;background:url(/images/hero-gaze.jpg) center center / cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a1628b3,#0a162899 40%,#0a1628f2);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 2rem}.hero-title{font-size:5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 30px rgba(0,0,0,.5)}.hero-highlight{background:linear-gradient(135deg,var(--accent-blue-light),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.35rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-cta{display:flex;gap:1rem;justify-content:center}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:2;text-align:center;color:var(--text-muted);font-size:.85rem}.scroll-arrow{margin-top:.5rem;animation:bounce 2s infinite;font-size:1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none}.btn-primary{background:var(--accent-blue);color:var(--text-primary)}.btn-primary:hover{background:var(--accent-blue-light);transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#fff6}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--accent-blue)}.btn-outline:hover{background:var(--accent-blue)}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.btn:focus-visible{outline:2px solid var(--accent-blue-light);outline-offset:2px;box-shadow:0 0 0 4px #3b82f64d}.nav-links a:focus-visible,.mobile-nav-overlay a:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--accent-blue-light);outline-offset:4px;border-radius:4px}.mobile-menu-toggle:focus-visible{outline:2px solid var(--accent-blue-light);outline-offset:4px;border-radius:4px}.features{padding:8rem 5%;background:linear-gradient(to bottom,#0a1628f2,#000)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);padding:2.5rem;border-radius:16px;border:1px solid var(--navy-light);transition:transform .3s,border-color .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent-blue);box-shadow:0 20px 40px #0000004d}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);font-size:.95rem}.about{padding:8rem 5%;display:flex;justify-content:flex-start;align-items:center;background:url(/images/about-bust.jpg) right center / auto 100% no-repeat,#000;min-height:600px;position:relative}.about-content{max-width:550px;text-align:left;margin-left:5%}.about-content h2{font-size:2.5rem;margin-bottom:1.5rem}.about-content p{color:var(--text-secondary);font-size:1.15rem;margin-bottom:1.5rem;line-height:1.8}.about-content .btn{margin-top:1rem}.cta{padding:8rem 5%;text-align:center;background:linear-gradient(to bottom,#000000b3,#000c),url(/images/cta-aspirational.jpg) center center / cover no-repeat;position:relative}.cta h2{font-size:3rem;margin-bottom:1rem}.cta>p{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.cta-note{color:var(--text-muted);font-size:.9rem}.contact{padding:8rem 5%;background:linear-gradient(to bottom,#000000 0%,var(--navy-deep) 100%)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-content h2{font-size:2.5rem;margin-bottom:1rem}.contact-content>p{color:var(--text-secondary);font-size:1.15rem;margin-bottom:3rem}.contact-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;padding:1rem;background:var(--navy);border:1px solid var(--navy-light);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%;margin-top:1rem}.contact-form .btn:disabled{opacity:.7;cursor:not-allowed}.contact-alt{margin-top:2rem;color:var(--text-muted);font-size:.95rem}.contact-alt a{color:var(--accent-blue-light);text-decoration:none;transition:color .3s}.contact-alt a:hover{color:var(--text-primary)}.footer{padding:3rem 5%;background:var(--navy-deep);border-top:1px solid var(--navy-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-icon{width:32px;height:32px;border-radius:8px}.footer-brand span{font-weight:600;font-size:1.1rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:.9rem}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:#0a1628fa;z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.mobile-nav-overlay.open{display:flex}.mobile-nav-overlay a{color:var(--text-primary);text-decoration:none;font-size:1.5rem;font-weight:500;transition:color .3s}.mobile-nav-overlay a:hover{color:var(--accent-blue-light)}.mobile-nav-overlay .nav-cta{background:var(--accent-blue);padding:1rem 2rem;border-radius:8px;margin-top:1rem}@media(max-width:1024px){.hero-title{font-size:3.5rem}.features-grid{grid-template-columns:repeat(2,1fr)}.about{background-size:auto 80%}}@media(max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:flex}.nav{padding:1rem 5%;background:#0a1628f2}.hero,.hero-content{padding:0 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column;gap:.75rem;align-items:center}.hero-cta .btn{width:100%;max-width:280px;text-align:center}.features{padding:5rem 5%}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem}.about{flex-direction:column;padding:5rem 5%;background:linear-gradient(to bottom,#000000d9,#000000e6),url(/images/about-bust.jpg) center top / cover no-repeat;min-height:auto;text-align:center}.about-content{max-width:100%;margin-left:0;text-align:center}.about-content h2{font-size:2rem}.about-content p{font-size:1rem}.cta{padding:5rem 5%}.cta h2{font-size:2rem}.cta>p{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:280px}.contact{padding:5rem 5%}.contact-content h2{font-size:2rem}.contact-content>p{font-size:1rem;margin-bottom:2rem}.footer{flex-direction:column;text-align:center;padding:2rem 5%}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}}@media(max-width:428px){.nav{padding:.75rem 4%}.nav-icon{width:32px;height:32px}.nav-title{font-size:1.25rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-scroll{display:none}.features{padding:4rem 4%}.section-title{font-size:1.75rem;margin-bottom:2.5rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.about{padding:4rem 4%}.about-content h2{font-size:1.75rem}.cta{padding:4rem 4%}.cta h2{font-size:1.75rem}.cta>p{font-size:1rem}.contact{padding:4rem 4%}.contact-content h2{font-size:1.75rem}.form-group input,.form-group textarea{padding:.875rem;font-size:.95rem}.btn{padding:.875rem 1.5rem;font-size:.95rem}.btn-large{padding:1rem 2rem;font-size:1rem}.footer{padding:1.5rem 4%;gap:1.5rem}.footer-links{gap:1rem}.footer-links a{font-size:.9rem}.footer-copy{font-size:.8rem}}
