:root{--color-bg: #F5F7FA;--color-white: #FFFFFF;--color-text: #0F172A;--color-text-light: #334155;--color-blue: #3B82F6;--color-blue-dark: #1E3A8A;--color-red: #EF4444;--color-border: #E2E8F0;--font-primary: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:900;line-height:1.2;letter-spacing:-.02em;margin-bottom:1rem}h1{font-size:3.5rem}h2{font-size:2.5rem;text-transform:uppercase}h3{font-size:1.75rem}h4{font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em}p{margin-bottom:1.5rem;color:var(--color-text-light)}a{text-decoration:none;color:inherit;transition:all .2s ease}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.bg-light{background-color:var(--color-white)}.bg-dark{background-color:var(--color-text);color:var(--color-white)}.bg-blue{background-color:var(--color-blue)}.text-light{color:var(--color-white)}.text-blue{color:var(--color-blue)}.text-red{color:var(--color-red)}.text-center{text-align:center}.mt-5{margin-top:3rem}.mb-4{margin-bottom:2rem}.btn{display:inline-block;padding:1rem 2rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;cursor:pointer}.btn-primary{background-color:var(--color-blue);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-blue-dark)}.btn-outline{border-color:var(--color-text);color:var(--color-text)}.btn-outline:hover{background-color:var(--color-text);color:var(--color-white)}.btn-white{background-color:var(--color-white);color:var(--color-blue)}.btn-white:hover{background-color:var(--color-text);color:var(--color-white)}.btn-large{font-size:1.25rem;padding:1.25rem 2.5rem}.divider{height:4px;width:100px;background-color:var(--color-text);margin:1rem 0 3rem}.divider.bg-blue{background-color:var(--color-blue)}.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:1.5rem 0;position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-weight:900;font-size:1.5rem;letter-spacing:-.05em}.logo .highlight{color:var(--color-blue)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{font-weight:600;font-size:.9rem;text-transform:uppercase}.nav-links a:hover{color:var(--color-blue)}.btn-nav{background-color:var(--color-text);color:var(--color-white)!important;padding:.5rem 1rem}.btn-nav:hover{background-color:var(--color-blue)}.hero{padding:8rem 0;background-color:var(--color-bg)}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge{display:inline-block;background-color:var(--color-text);color:var(--color-white);padding:.25rem .75rem;font-weight:700;text-transform:uppercase;font-size:.8rem;margin-bottom:1.5rem}.lead{font-size:1.25rem;font-weight:300}.hero-actions{display:flex;gap:1rem;margin-top:2rem}.border-thick{border:4px solid var(--color-text)}.border-thin{border:1px solid var(--color-border)}.border-blue{border:4px solid var(--color-blue)}.metrics{background-color:var(--color-white);padding:4rem 0;border-bottom:1px solid var(--color-border)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.metric-value{display:block;font-size:3.5rem;font-weight:900;line-height:1;margin-bottom:.5rem}.metric-label{font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--color-text-light)}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.feature-list li{margin-bottom:.75rem;font-size:1.1rem}.feature-list i{margin-right:.5rem;color:var(--color-blue)}.feature-list i.text-red{color:var(--color-red)}.challenges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.challenge-card{background-color:var(--color-bg);padding:2rem;border:1px solid var(--color-border)}.icon-large{font-size:2rem;color:var(--color-text);margin-bottom:1rem}.tabs{margin-top:2rem}.tab-header{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:2rem}.tab-btn{background:none;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:700;color:var(--color-text-light);cursor:pointer;border-bottom:4px solid transparent;margin-bottom:-2px}.tab-btn.active{color:var(--color-text);border-bottom-color:var(--color-blue)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .5s}.requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.req-group h4{border-left:4px solid var(--color-red);padding-left:1rem;margin-bottom:1rem}.req-group ul{padding-left:1.25rem}.req-group li{margin-bottom:.5rem;position:relative}.req-group li:before{content:"•";color:var(--color-blue);font-weight:700;display:inline-block;width:1em;margin-left:-1em}.architecture-overview{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.tech-badge{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;font-family:var(--font-mono);font-size:.9rem}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.gallery-item.full-width{grid-column:span 2}.gallery-item h4{color:var(--color-white);margin-bottom:1rem}.zoomable{cursor:zoom-in;transition:transform .3s}.zoomable:hover{transform:scale(1.02)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:2rem;top:0;bottom:0;width:2px;background-color:var(--color-text)}.timeline-item{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.timeline-marker{width:4rem;height:4rem;background-color:var(--color-text);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.25rem;z-index:1}.timeline-content{flex:1;padding-top:.5rem}.timeline-content .date{display:inline-block;font-weight:700;color:var(--color-blue);text-transform:uppercase;font-size:.9rem;margin-bottom:.5rem}.footer{background-color:var(--color-white);padding:4rem 0 2rem;border-top:1px solid var(--color-border)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-bottom:4rem}.contact-list li{margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.social-links{display:flex;gap:1rem;align-items:center}.social-links a{font-size:1.5rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--color-border);font-size:.9rem;color:var(--color-text-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:2.5rem}.hero-content,.grid-2-col,.architecture-overview,.footer-grid{grid-template-columns:1fr;gap:2rem}.metrics-grid{grid-template-columns:1fr 1fr}.challenges-grid,.requirements-grid,.gallery-grid{grid-template-columns:1fr}.gallery-item.full-width{grid-column:span 1}.nav-links{display:none}}