:root{--color-bg:#0b0e14;--color-bg-secondary:#131822;--color-bg-tertiary:#1c2331;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-secondary:#53575c;--color-secondary-hover:#73787f;--color-border:#53575c4d;--color-border-hover:#53575c99;--font-base:"Inter", sans-serif;--transition-fast:.2s ease-in-out;--transition-normal:.3s ease;--shadow-glow:0 0 20px #3b82f633;--shadow-card:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;line-height:1.2}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{will-change:transform, opacity;animation:.8s ease-out forwards fadeIn;transform:translateZ(0)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-glow);transform:translateY(-5px)}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#13182299;border-radius:16px}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding-top:2rem;display:flex}.hero-container{z-index:10;position:relative}.hero-content{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.logo-wrapper{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:3rem;padding:1.5rem;display:inline-flex}.hero-logo{width:auto;height:160px;display:block}.logo-company-name{text-transform:uppercase;letter-spacing:.15em;color:var(--color-text);text-align:center;margin-top:.75rem;font-size:.95rem;font-weight:700}.hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.25rem}.hero-cta{justify-content:center;gap:1.5rem;display:flex}.btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;border:none;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--color-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background-color:#0000}.btn-secondary:hover{border-color:var(--color-text);background-color:#ffffff0d}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column;width:100%;max-width:300px}}.mission-section{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.mission-intro{text-align:center;max-width:800px;margin:0 auto 5rem}.mission-statements-container{text-align:left}.mission-statement{margin-bottom:1.5rem;font-size:1.5rem;font-weight:300;line-height:1.6}.mission-statement:last-child{margin-bottom:0}.cards-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto;display:grid}.feature-card{flex-direction:column;height:100%;padding:3rem 2rem;display:flex}.card-icon-wrapper{width:64px;height:64px;color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f633;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.card-title{color:#fff;margin-bottom:1rem;font-size:1.5rem}.card-text{color:var(--color-text-muted);flex:1;font-size:1.1rem}.card-text strong{color:var(--color-text);font-weight:600}@media (width<=768px){.cards-grid{grid-template-columns:1fr}.mission-statement{font-size:1.25rem}}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:4rem 0 2rem}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:3rem;margin-bottom:4rem;display:flex}.footer-brand{max-width:300px}.footer-logo{width:auto;height:60px;margin-bottom:1rem}.footer-tagline{color:var(--color-text-muted);font-size:1.1rem}.footer-contact{flex-direction:column;align-items:center;max-width:700px;display:flex}.footer-heading{color:#fff;margin-bottom:1.5rem;font-size:1.25rem}.contact-item{color:var(--color-primary);background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.contact-item:hover{background:#3b82f626;border-color:#3b82f666}.footer-info-line{text-align:center;color:var(--color-text-muted);padding-bottom:2rem;font-size:.95rem}.footer-info-line strong{color:#fff;letter-spacing:.05em;font-weight:600}.footer-info-line .separator{color:var(--color-primary);opacity:.5;margin:0 1rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.footer-bottom{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);padding-top:2rem;font-size:.875rem}@media (width<=768px){.footer-content{flex-direction:column}.footer-info-line{flex-direction:column;gap:.5rem;display:flex}.footer-info-line .separator{display:none}}.app-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.hero-gradient{pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 0,#3b82f626,#0000 60%);width:100%;height:100vh;position:absolute;top:0;left:0}.section{padding:6rem 0;position:relative}.section-title{text-align:center;margin-bottom:3rem;font-size:2.5rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";background:var(--color-primary);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.text-gradient{background:linear-gradient(135deg, #fff, var(--color-text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}.text-gradient-primary{background:linear-gradient(135deg, var(--color-primary-hover), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translateZ(0)}
