.top-bar{background:#a51616;color:#fff;padding:8px 40px;display:flex;justify-content:space-between;align-items:center}.top-bar button{background:gold;border:none;color:#000;padding:8px 16px;font-weight:700;cursor:pointer}.num{margin-left:26%}.logo{margin-top:12%;display:flex;align-items:center}.navbar{background:#fff;padding:12px 16px;display:flex;height:70px;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #00000014;background-color:#f7f7e2;position:relative;top:0;z-index:999}.navbar a{text-decoration:none;color:#000}.navbar span{color:#000}.navbar ul{display:flex;list-style:none;gap:25px}.navbar li{position:relative;overflow:hidden;cursor:pointer;padding:10px 18px;font-weight:600}.navbar li span{position:relative;display:inline-block;transition:.4s cubic-bezier(.68,-.55,.27,1.55);z-index:2}.navbar li:after{content:"";position:absolute;bottom:4px;left:-100%;width:100%;height:3px;background:linear-gradient(120deg,red,gold,red);transition:.5s ease;filter:blur(1px)}.navbar li:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,215,0,.15),transparent);transform:translate(-120%);transition:.6s ease}.navbar li:hover:before{transform:translate(120%)}.navbar li:hover:after{left:0}.navbar li:hover span{transform:translateY(-3px) scale(1.05);text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,0,0,.5)}.navbar li:active span{transform:scale(.92)}.menu{display:flex;list-style:none;gap:25px}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#000}@media(max-width:900px){.navbar{position:relative}.menu{position:absolute;top:100%;left:0;width:100%;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;gap:24px;padding:30px 0;transform:translateY(-10px);opacity:0;pointer-events:none;transition:.4s ease;z-index:999}.menu.open{transform:translateY(0);opacity:1;pointer-events:all}.hamburger{display:flex}}@media(max-width:768px){.top-bar{display:none}.menu{background:#fff}.menu li span,.menu li a{color:#000!important;font-weight:600}.hamburger span{background:#000}.menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(100%);opacity:0;pointer-events:none;transition:.4s ease;z-index:999}.menu.open{transform:translate(0);opacity:1;pointer-events:auto}}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-box{background:#fff;padding:30px;width:90%;max-width:420px;border-radius:10px;position:relative;animation:scaleUp .35s ease}h2{color:#000}.close-btn{position:absolute;top:12px;right:15px;border:none;background:none;font-size:20px;cursor:pointer}.contact-form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.contact-form input,.contact-form textarea{padding:10px;border-radius:6px;background-color:#fff;border:1px solid #ccc;font-size:14px}.contact-form button{background:#a51616;color:#fff;padding:12px;border:none;border-radius:6px;cursor:pointer;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.whatsapp-btn{display:block;text-align:center;background:linear-gradient(135deg,#25d366,#1ebe5d);color:#fff;padding:14px 22px;border-radius:40px;font-weight:600;margin-top:16px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #25d3664d}.whatsapp-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 25px #25d36673}.footer{display:grid;grid-template-columns:repeat(4,1fr);padding:80px 40px;gap:40px;background:#fff}.footer-logo{width:120px}.logo{display:flex;align-items:center}.logo img{height:200px;width:auto;object-fit:contain;display:block}.footer-link{display:block;cursor:pointer;color:#00f;margin-top:6px}.logo img:hover{transform:scale(1.08)}.footer-col p{margin:10px 0;color:#333}.footer-col a{display:block;margin:8px 0;cursor:pointer}.fraction-btn{margin-top:20px;background:linear-gradient(to right,red,orange);border:none;color:#fff;padding:12px 30px;border-radius:30px;cursor:pointer}.qr-placeholder img{width:170px}.copyright{background:linear-gradient(to right,#8b0000,orange);color:#fff;text-align:center;padding:15px}@media(max-width:900px){.footer{grid-template-columns:1fr;text-align:center}}.logo-placeholder{width:120px;height:80px;border:2px dashed #ccc;display:grid;place-items:center;font-weight:700;margin-bottom:10px}.company-name{font-weight:600;margin-top:10px}.social-bar{position:fixed;left:12px;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:14px}.social-bar a{width:46px;height:46px;border-radius:50%;color:#fff;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 18px #00000040;transition:all .35s cubic-bezier(.22,1,.36,1)}.fb{background:#3b5998}.ig{background:#9c1717}.ln{background:#0077b5}.yt{background:red}.x{background:#000}.social-bar a:hover{transform:translate(8px) scale(1.12);box-shadow:0 15px 30px #00000059;color:#fff}@media(max-width:768px){.social-bar{display:none}}.hero{height:95vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;transition:background-image 1.2s ease-in-out;animation:zoom 8s infinite alternate}.overlay{position:absolute;inset:0;background:#0006}.hero-content{position:relative;color:#fff;max-width:700px;margin-left:80px}.hero-content h1{font-size:3.5rem;line-height:1.2}.hero-content span{color:gold}.hero-content p{margin-top:20px;background:#960000b3;padding:15px;font-size:1.1rem}@media(max-width:900px){.hero{height:auto;padding:120px 0}.hero-content{margin:0 20px;text-align:center}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}}@keyframes zoom{0%{background-size:100%}to{background-size:110%}}@media(max-width:768px){.hero-section,.hero,.banner{height:auto;min-height:auto}.hero-content{position:relative;transform:none;top:auto;left:auto}}.strength{padding:140px 40px 120px;background:#fff;text-align:center;position:relative}.strength-head{max-width:800px;margin:0 auto 80px;padding-top:40px}.strength-icon{width:80px;height:80px;border:2px dashed red;border-radius:50%;display:grid;place-items:center;color:red;font-weight:700;background:#fff;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.strength-head h2{font-size:2.5rem;margin-bottom:15px;color:#000}.strength-head p{color:#666;line-height:1.7;color:#000}.strength-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 15px 40px #00000014;text-align:left;transition:.4s}.card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000026}.card svg{font-size:40px;color:red;margin-bottom:20px}.card p{color:#000}.card h3{margin-bottom:15px;color:#000}@media(max-width:900px){.strength-cards{grid-template-columns:1fr}.card{text-align:center}}.projects{padding:100px 0;text-align:center}.projects h2{font-size:2.5rem;margin-bottom:50px;color:#fff}.slider{display:flex;align-items:center;justify-content:center;position:relative}.project-card{width:85%;max-width:1100px;height:380px;position:relative;overflow:hidden;border-radius:16px;animation:fadeSlide .8s ease}.project-card img{width:100%;height:100%;object-fit:cover;transition:.6s ease}.project-card:hover img{transform:scale(1.05)}.overlay{position:absolute;inset:0;background:#0000008c;display:grid;place-items:center;opacity:0;transition:.4s ease}.project-card:hover .overlay{opacity:1}.overlay h3{color:#fff;font-size:1.8rem}.arrow{position:absolute;background:#fff;border:none;width:45px;height:45px;border-radius:50%;box-shadow:0 6px 20px #0003;font-size:22px;cursor:pointer;z-index:5}.left{left:4%;color:#000}.right{right:4%;color:#000}.dots{margin-top:20px}.dot{width:10px;height:10px;background:#ccc;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.dot.active{background:#a51616}@keyframes fadeSlide{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.project-card{height:260px;width:95%}.left{left:2%}.right{right:2%}}.project-content{min-height:auto;height:auto}.project-details{overflow:visible}@media(max-width:768px){.project-content{padding:20px}.project-details h2{font-size:20px}.project-details p{font-size:14px}}.faq-section{padding:100px 20px;background:#f8f9fc}.faq-header{text-align:center;margin-bottom:50px}.faq-header h2{font-size:2.5rem;color:#1f2b4d}.faq-header p{margin-top:10px;color:#666}.faq-container{max-width:900px;margin:auto;display:flex;flex-direction:column;gap:18px}.faq-card{background:#fff;border-radius:12px;padding:22px 24px;cursor:pointer;box-shadow:0 12px 25px #0000000f;transition:all .35s ease;overflow:hidden}.faq-card:hover{transform:translateY(-2px)}.faq-question{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.05rem}.icon{width:32px;height:32px;border-radius:50%;background:#a51616;color:#fff;display:grid;place-items:center;font-size:20px;transition:.3s}.faq-answer{max-height:0;opacity:0;transition:all .4s ease}.faq-question{color:#000}.faq-answer p{margin-top:15px;color:#555;line-height:1.6}.faq-card.open .faq-answer{max-height:150px;opacity:1}.faq-card.open .icon{background:gold;color:#000}@media(max-width:768px){.faq-header h2{font-size:2rem;color:#000}.faq-question{color:#000}.faq-card{padding:18px}}.about-hero{background:#f1f1f1;padding:90px 0}.about-container{max-width:1200px;margin:auto;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{position:relative;height:400px;border-radius:14px;overflow:hidden;transform-style:preserve-3d;transition:transform .12s cubic-bezier(.22,1,.36,1);box-shadow:0 25px 50px #0003;cursor:pointer}.bg-img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:linear-gradient(#0000008c,#000000b3)}.floating-logo{position:absolute;top:50%;left:50%;width:300px;transform:translate(-50%,-50%) translateZ(60px);transition:transform .12s cubic-bezier(.22,1,.36,1);pointer-events:none}.about-content h2{font-size:36px;margin-bottom:20px;color:#2b3a55}.about-content p{font-size:16px;line-height:1.7;color:#555;margin-bottom:15px}@media(max-width:900px){.about-container{grid-template-columns:1fr}.about-image{height:300px}.floating-logo{width:140px;transition:transform .12s cubic-bezier(.22,1,.36,1)}.about-content{text-align:center}}.core-values{padding:100px 30px;text-align:center}.core-values h2{font-size:40px;margin-bottom:70px;color:#fff}.values-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.value-card{background:linear-gradient(180deg,#b22a2a,#6e000d);color:#fff;padding:45px 30px;border-radius:20px;transform-style:preserve-3d;transition:transform .12s cubic-bezier(.22,1,.36,1);box-shadow:0 25px 50px #00000040;position:relative;overflow:hidden;cursor:pointer}.value-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),rgba(255,255,255,.25),transparent 50%);opacity:0;transition:opacity .3s}.value-card:hover:after{opacity:1}.value-icon{font-size:46px;margin-bottom:18px;transform:translateZ(40px);transition:transform .15s cubic-bezier(.22,1,.36,1)}.value-card h3{font-size:22px;margin-bottom:12px}.value-card p{font-size:15px;line-height:1.6;opacity:.95}.reveal{opacity:0;transform:translateY(60px);animation:revealUp 1s ease forwards}.reveal:nth-child(1){animation-delay:.1s}.reveal:nth-child(2){animation-delay:.2s}.reveal:nth-child(3){animation-delay:.3s}.reveal:nth-child(4){animation-delay:.4s}.reveal:nth-child(5){animation-delay:.5s}.reveal:nth-child(6){animation-delay:.6s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.values-grid{grid-template-columns:1fr}}.strength{padding:100px 30px;text-align:center;background:#fff}.strength h2{font-size:38px;margin-bottom:70px;color:#000}h3{color:#000}.strength h2 span{color:#c40000}.strength-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.strength-card{background:#fff;padding:60px 30px 40px;border-radius:18px;box-shadow:0 18px 45px #0000001f;transition:all .45s cubic-bezier(.22,1,.36,1);position:relative;overflow:visible;cursor:pointer}.strength-card:before{content:"";position:absolute;top:-100%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:.7s}.strength-card:hover:before{top:100%}.strength-card:hover{transform:translateY(-18px) scale(1.04);box-shadow:0 35px 70px #0003}.strength-icon{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 20px #00000026;animation:floatIcon 4s ease-in-out infinite}@keyframes floatIcon{0%{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.strength-card h3{margin-top:30px;font-size:22px}.strength-card p{font-size:15px;line-height:1.7;color:#555}.animate{opacity:0;transform:translateY(60px);animation:reveal 1s ease forwards}.animate:nth-child(1){animation-delay:.1s}.animate:nth-child(2){animation-delay:.3s}.animate:nth-child(3){animation-delay:.5s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.strength-grid{grid-template-columns:1fr}}.strength-icon:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px dashed #c40000;opacity:.6;animation:spin 8s linear infinite}.projects-page{background:#ececec;padding:60px}.project-tabs{display:flex;gap:12px;margin-bottom:35px}.project-tabs button{padding:14px 24px;border:none;background:#eee;color:#000;font-weight:600;cursor:pointer;border-radius:6px 6px 0 0;transition:.3s cubic-bezier(.22,1,.36,1)}.project-tabs .active{background:#b30000;color:#fff}.project-tabs button:hover{transform:translateY(-4px) scale(1.05)}.project-content{background:#fff;padding:45px;border-radius:14px;display:flex;gap:50px;align-items:center;transition:.5s cubic-bezier(.22,1,.36,1)}.project-image{position:relative;overflow:hidden;border-radius:12px;will-change:transform}.project-image img{width:420px;border-radius:12px;display:block}.light-layer{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);opacity:0}.project-image:hover .light-layer{opacity:1;animation:shine 1.2s linear}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.project-details{max-width:500px}.project-details h2{font-size:28px;color:#000;margin-bottom:15px}.project-details p{line-height:1.7;color:#444}.stats{display:flex;gap:40px;margin-top:20px}.stats h3{font-size:28px;color:#b38b2d}.stats span{font-size:14px;color:#555}.stats div{transition:.35s cubic-bezier(.22,1,.36,1)}.stats div:hover{transform:translateY(-8px) scale(1.08)}.cinematic{opacity:0;filter:blur(12px);transform:translateY(80px);animation:cinematicReveal 1.3s cubic-bezier(.22,1,.36,1) forwards}@keyframes cinematicReveal{to{opacity:1;filter:blur(0);transform:translateY(0)}}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0}.glass:hover{box-shadow:0 30px 90px #0000002e}@media(max-width:900px){.project-content{flex-direction:column;text-align:center}.project-image img{width:100%}}.learn-btn{margin-top:18px;padding:12px 22px;border:none;background:gold;color:#000;font-weight:700;cursor:pointer;transition:.3s ease}.learn-btn:hover{transform:scale(1.08)}.expand-box{max-height:0;overflow:hidden;opacity:0;transform:translateY(40px) scale(.96);filter:blur(10px);transition:all .9s cubic-bezier(.22,1,.36,1);position:relative}.expand-box.open{max-height:500px;opacity:1;transform:translateY(0) scale(1);filter:blur(0);margin-top:20px}.expand-box h4{margin-bottom:10px}.expand-box ul{padding-left:18px}.expand-box li{margin-bottom:6px}.reveal-title{opacity:0;transform:translateY(15px);color:#000}.expand-box.open .reveal-title{animation:titleReveal .7s ease forwards}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}.reveal-list li{opacity:0;transform:translate(-20px);color:#000}.expand-box.open .reveal-list li{animation:listReveal .6s ease forwards}.expand-box.open .reveal-list li:nth-child(1){animation-delay:.1s}.expand-box.open .reveal-list li:nth-child(2){animation-delay:.2s}.expand-box.open .reveal-list li:nth-child(3){animation-delay:.3s}.expand-box.open .reveal-list li:nth-child(4){animation-delay:.4s}.expand-box.open .reveal-list li:nth-child(5){animation-delay:.5s}@keyframes listReveal{to{opacity:1;transform:translate(0)}}.glow-bar{position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,gold,transparent);opacity:0}.expand-box.open .glow-bar{animation:glowMove 1s ease forwards}@keyframes glowMove{to{left:100%;opacity:1}}.full-panel{position:fixed;inset:0;background:radial-gradient(circle at top,#0009,#000000e6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.7s ease;z-index:99999}.full-panel.show{opacity:1;pointer-events:all}.full-card.premium{background:linear-gradient(145deg,#fff,#f1f1f1);width:78%;max-height:88vh;overflow-y:auto;padding:45px;border-radius:22px;position:relative;transform:perspective(1200px) rotateX(12deg) scale(.7) translateY(120px);opacity:0;transition:1s cubic-bezier(.22,1,.36,1)}.full-panel.show .full-card{transform:perspective(1200px) rotateX(0) scale(1) translateY(0);opacity:1}.full-header{text-align:center;margin-bottom:25px}.full-header h2{font-size:32px;letter-spacing:2px}.full-header p{color:#b38b2d}.full-section{opacity:0;transform:translateY(25px)}.full-panel.show .full-section{animation:sectionReveal .8s ease forwards}.full-panel.show .full-section:nth-child(2){animation-delay:.2s}.full-panel.show .full-section:nth-child(3){animation-delay:.4s}.full-panel.show .full-section:nth-child(4){animation-delay:.6s}@keyframes sectionReveal{to{opacity:1;transform:translateY(0)}}.close-btn{position:absolute;top:18px;color:#000;right:25px;font-size:24px;cursor:pointer}.light-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);opacity:0}.full-panel.show .light-sweep{animation:sweep 1.5s ease}@keyframes sweep{0%{transform:translate(-100%);opacity:.3}to{transform:translate(100%);opacity:0}}.cta-btn{margin-top:30px;padding:14px 32px;background:gold;color:#000;border:none;font-weight:700;cursor:pointer}@media(max-width:900px){.full-card.premium{width:92%;padding:28px}}.full-card,.project-details,.project-tabs{font-family:Poppins,sans-serif;font-weight:bolder}.full-header h2,.full-section h4{font-family:Playfair Display,serif;letter-spacing:1px}.full-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:20px}.full-col{display:flex;flex-direction:column;gap:20px}.full-section h4{font-size:20px;margin-bottom:8px}.full-section p,.full-section li{font-size:15px;line-height:1.7;color:#333}@media(max-width:900px){.full-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fade-switch{animation:tabFade .6s ease}@keyframes tabFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){section{height:auto;min-height:auto}body{overflow-x:hidden}}
