:root{--navy-900:#0a1628;--navy-800:#0f1f38;--navy-700:#162947;--navy-600:#1d3559;--navy-500:#264570;--gold-600:#b8860b;--gold-500:#d4a017;--gold-400:#e6b84d;--gold-300:#f0cc7a;--cream:#f7f3eb;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--white:#fff;--success:#22c55e;--error:#ef4444;--shadow-sm:0 1px 2px #0a16280f;--shadow-md:0 4px 12px #0a162814;--shadow-lg:0 12px 40px #0a16281f;--shadow-xl:0 24px 60px #0a16282e;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--font-body:"Outfit", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--navy-900);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.navbar{z-index:1000;transition:background var(--transition), padding var(--transition), box-shadow var(--transition);justify-content:space-between;align-items:center;padding:1rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1628f5;padding:.7rem 2.5rem;box-shadow:0 4px 30px #0000004d}.navbar-brand{align-items:center;gap:.75rem;display:flex}.navbar-brand img{object-fit:contain;border-radius:var(--radius-sm);background:var(--white);width:48px;height:48px;transition:transform var(--transition);padding:4px}.navbar-brand:hover img{transform:scale(1.05)}.navbar-brand-text{flex-direction:column;line-height:1.1;display:flex}.navbar-brand-text .brand-main{font-family:var(--font-display);color:var(--white);letter-spacing:.02em;font-size:1.15rem;font-weight:700}.navbar-brand-text .brand-sub{color:var(--gold-400);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem}.navbar-links{align-items:center;gap:2rem;list-style:none;display:flex}.navbar-links a{color:#ffffffd1;transition:color var(--transition);padding:.25rem 0;font-size:.92rem;font-weight:400;position:relative}.navbar-links a:after{content:"";background:var(--gold-500);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:0;left:0}.navbar-links a:hover{color:var(--white)}.navbar-links a:hover:after{width:100%}.navbar-cta{background:linear-gradient(135deg, var(--gold-500), var(--gold-600));color:var(--navy-900);border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition);padding:.6rem 1.4rem;font-size:.9rem;font-weight:600}.navbar-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a01766}.navbar-toggle{flex-direction:column;gap:5px;padding:4px;display:none}.navbar-toggle span{background:var(--white);width:26px;height:3px;transition:all var(--transition);border-radius:2px}.navbar-toggle.open span:first-child{transform:translateY(8px)rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{background:var(--navy-900);z-index:999;flex-direction:column;gap:1.5rem;width:100%;max-width:340px;height:100vh;padding:5rem 2rem 2rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 40px #0000004d}.mobile-menu.open{transform:translate(0)}.mobile-menu a{color:var(--gray-300);transition:color var(--transition), padding-left var(--transition);border-bottom:1px solid #ffffff14;padding:.5rem 0;font-size:1.1rem;font-weight:500}.mobile-menu a:hover{color:var(--gold-400);padding-left:.5rem}.mobile-menu .navbar-cta{text-align:center;margin-top:1rem}.mobile-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;transition:opacity .4s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.hero{text-align:center;background:linear-gradient(135deg, var(--navy-900), var(--navy-700));justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.35;background-image:url(https://images.pexels.com/photos/19477137/pexels-photo-19477137.jpeg?auto=compress&cs=tinysrgb&h=650&w=940);background-position:50%;background-size:cover;animation:20s ease-in-out infinite alternate heroZoom;position:absolute;inset:0}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.12)}}.hero-overlay{background:linear-gradient(#0a1628b3 0%,#0a1628d9 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:820px;padding:0 2rem;position:relative}.hero-badge{color:var(--gold-300);letter-spacing:.05em;background:#d4a01726;border:1px solid #d4a01759;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.45rem 1.1rem;font-size:.82rem;font-weight:500;display:inline-flex}.hero-badge:before{content:"";background:var(--gold-400);width:8px;height:8px;box-shadow:0 0 12px var(--gold-400);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{color:var(--white);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700}.hero h1 .accent{background:linear-gradient(135deg, var(--gold-400), var(--gold-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:#ffffffc7;max-width:600px;margin:0 auto 2.5rem;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:300;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--gold-500), var(--gold-600));color:var(--navy-900);border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #d4a01766}.btn-secondary{color:var(--white);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:2px solid #ffffff40;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-size:1rem;font-weight:500;display:inline-flex}.btn-secondary:hover{border-color:var(--gold-500);color:var(--gold-400);background:#d4a01714}.hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:4rem;display:flex}.hero-stat{text-align:center}.hero-stat .num{font-family:var(--font-display);color:var(--gold-400);font-size:2.5rem;font-weight:700;display:block}.hero-stat .label{color:#fff9;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem}section{padding:6rem 0}.container{max-width:1140px;margin:0 auto;padding:0 2rem}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--gold-600);margin-bottom:.75rem;font-size:.8rem;font-weight:600;display:inline-block}.section-title{color:var(--navy-900);letter-spacing:-.01em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.8rem)}.section-desc{color:var(--gray-500);max-width:580px;margin:0 auto 3.5rem;font-size:1.1rem;line-height:1.7}.text-center{text-align:center}.services{background:var(--gray-100)}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.service-card{background:var(--white);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition);border:1px solid var(--gray-200);padding:2.5rem 2rem;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--gold-500), var(--gold-600));transform-origin:0;height:4px;transition:transform var(--transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--navy-700), var(--navy-900));width:60px;height:60px;color:var(--gold-400);transition:transform var(--transition);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.service-card:hover .service-icon{transform:scale(1.08)rotate(-5deg)}.service-card h3{color:var(--navy-900);margin-bottom:.75rem;font-size:1.3rem}.service-card p{color:var(--gray-500);font-size:.95rem;line-height:1.65}.service-card ul{margin-top:1.25rem;list-style:none}.service-card ul li{color:var(--gray-600);align-items:center;gap:.5rem;padding:.3rem 0;font-size:.9rem;display:flex}.service-card ul li:before{content:"▸";color:var(--gold-500);font-weight:700}.about{background:var(--white)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-visual{position:relative}.about-visual img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);object-fit:cover;width:100%;height:480px}.about-visual .floating-badge{background:var(--navy-900);color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:center;padding:1.5rem 2rem;position:absolute;bottom:-20px;right:-20px}.about-visual .floating-badge .num{font-family:var(--font-display);color:var(--gold-400);font-size:2.5rem;font-weight:700;display:block}.about-visual .floating-badge .label{color:var(--gray-300);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.about-text h2{color:var(--navy-900);margin-bottom:1.25rem;font-size:clamp(1.8rem,3.5vw,2.5rem)}.about-text>p{color:var(--gray-600);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.75}.feature-list{grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.5rem;display:grid}.feature-item{align-items:flex-start;gap:.75rem;display:flex}.feature-item .check{width:28px;height:28px;color:var(--gold-600);background:#d4a0171f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.feature-item .feature-text strong{color:var(--navy-800);margin-bottom:.15rem;font-size:.95rem;display:block}.feature-item .feature-text span{color:var(--gray-500);font-size:.85rem}.projects{background:var(--navy-900);color:var(--white)}.projects .section-label{color:var(--gold-400)}.projects .section-title{color:var(--white)}.projects .section-desc{color:#fff9}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.project-card{border-radius:var(--radius-lg);cursor:pointer;aspect-ratio:4/5;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.project-card:hover img{transform:scale(1.1)}.project-overlay{transition:background var(--transition);background:linear-gradient(#0000 40%,#0a1628e6 100%);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{background:linear-gradient(#0a162833 0%,#0a1628f2 100%)}.project-card .tag{color:var(--gold-400);text-transform:uppercase;letter-spacing:.12em;opacity:0;margin-bottom:.5rem;font-size:.75rem;transition:all .4s .1s;transform:translateY(10px)}.project-card h4{color:var(--white);opacity:0;font-size:1.25rem;transition:all .4s .2s;transform:translateY(15px)}.project-card:hover .tag,.project-card:hover h4{opacity:1;transform:translateY(0)}.process{background:var(--gray-100)}.process-steps{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid;position:relative}.process-steps:before{content:"";background:linear-gradient(90deg, var(--gold-300), var(--gold-500), var(--gold-600));opacity:.3;height:2px;position:absolute;top:32px;left:12.5%;right:12.5%}.process-step{text-align:center;position:relative}.process-step .step-num{background:var(--white);border:2px solid var(--gold-500);width:64px;height:64px;font-family:var(--font-display);color:var(--navy-900);z-index:2;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.4rem;font-weight:700;display:flex;position:relative}.process-step:hover .step-num{background:var(--gold-500);color:var(--white);transform:scale(1.1);box-shadow:0 8px 25px #d4a01759}.process-step h4{color:var(--navy-900);margin-bottom:.5rem;font-size:1.1rem}.process-step p{color:var(--gray-500);font-size:.9rem;line-height:1.6}.testimonials{background:var(--white)}.testimonials-track{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.testimonial-card{background:var(--gray-100);border-radius:var(--radius-lg);transition:transform var(--transition), box-shadow var(--transition);padding:2.5rem 2rem;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.testimonial-card .quote-mark{font-family:var(--font-display);color:var(--gold-500);opacity:.2;font-size:4rem;line-height:1;position:absolute;top:10px;right:20px}.testimonial-stars{color:var(--gold-500);gap:2px;margin-bottom:1rem;display:flex}.testimonial-card p{color:var(--gray-700);margin-bottom:1.5rem;font-size:.98rem;font-style:italic;line-height:1.7}.testimonial-author{align-items:center;gap:.75rem;display:flex}.testimonial-author .avatar{background:linear-gradient(135deg, var(--navy-700), var(--navy-900));width:46px;height:46px;color:var(--gold-400);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.testimonial-author .author-info strong{color:var(--navy-900);font-size:.95rem;display:block}.testimonial-author .author-info span{color:var(--gray-500);font-size:.82rem}.contact{background:linear-gradient(135deg, var(--navy-800), var(--navy-900));color:var(--white);position:relative;overflow:hidden}.contact:before{content:"";background:radial-gradient(circle,#d4a01714,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.contact-grid{z-index:1;grid-template-columns:1fr 1.2fr;gap:4rem;display:grid;position:relative}.contact-info h2{color:var(--white);margin-bottom:1.25rem;font-size:clamp(1.8rem,3.5vw,2.5rem)}.contact-info>p{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.contact-detail{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.contact-detail .icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--gold-400);background:#d4a0171f;border:1px solid #d4a01740;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-detail .detail-text strong{color:var(--white);margin-bottom:.1rem;font-size:1rem;display:block}.contact-detail .detail-text span{color:#fff9;font-size:.9rem}.contact-form{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;padding:2.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group{margin-bottom:1.25rem}.form-group label{color:#ffffffb3;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border-radius:var(--radius-sm);width:100%;color:var(--white);transition:border-color var(--transition), background var(--transition);background:#ffffff0f;border:1px solid #ffffff1a;padding:.8rem 1rem;font-size:.95rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff59}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold-500);background:#ffffff14;outline:none}.form-group textarea{resize:vertical;min-height:120px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23d4a017' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-group select option{background:var(--navy-800);color:var(--white)}.form-submit{background:linear-gradient(135deg, var(--gold-500), var(--gold-600));width:100%;color:var(--navy-900);border-radius:var(--radius-sm);transition:transform var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4a01759}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-success{text-align:center;padding:2rem 0}.form-success .check-circle{border:2px solid var(--success);width:64px;height:64px;color:var(--success);background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.8rem;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn;display:flex}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.form-success h3{color:var(--white);margin-bottom:.5rem;font-size:1.4rem}.form-success p{color:#ffffffb3}.form-error{color:#fca5a5;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid #ef44444d;margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.9rem}.footer{background:var(--navy-900);color:#fff9;border-top:1px solid #ffffff0f;padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}.footer-brand img{object-fit:contain;border-radius:var(--radius-sm);background:var(--white);width:52px;height:52px;margin-bottom:1rem;padding:4px}.footer-brand h4{color:var(--white);margin-bottom:.5rem;font-size:1.2rem}.footer-brand p{max-width:280px;font-size:.9rem;line-height:1.6}.footer-col h5{color:var(--white);margin-bottom:1rem;font-size:.95rem;font-weight:600}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.6rem}.footer-col ul a{color:#ffffff8c;transition:color var(--transition);font-size:.9rem}.footer-col ul a:hover{color:var(--gold-400)}.footer-bottom{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:.85rem;display:flex}.footer-bottom a{color:#ffffff80;transition:color var(--transition)}.footer-bottom a:hover{color:var(--gold-400)}.back-to-top{background:var(--navy-800);width:48px;height:48px;color:var(--gold-400);z-index:900;opacity:0;pointer-events:none;transition:all var(--transition);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:var(--gold-500);color:var(--navy-900);transform:translateY(-4px)}@media (width<=968px){.navbar{padding:1rem 1.5rem}.navbar.scrolled{padding:.7rem 1.5rem}.navbar-links,.navbar-cta{display:none}.navbar-toggle{display:flex}.hero-stats{gap:2rem}.services-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual .floating-badge{right:10px}.projects-grid{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:1fr 1fr;gap:2.5rem}.process-steps:before{display:none}.testimonials-track{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=640px){section{padding:4rem 0}.container{padding:0 1.25rem}.hero{min-height:90vh}.hero-stats{gap:1.5rem;margin-top:3rem}.hero-stat .num{font-size:2rem}.services-grid,.projects-grid,.process-steps,.form-row,.feature-list,.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:.75rem}.contact-form{padding:1.75rem 1.5rem}.about-visual .floating-badge{padding:1rem 1.5rem;bottom:-10px;right:0}.about-visual .floating-badge .num{font-size:2rem}.back-to-top{bottom:1.25rem;right:1.25rem}}