@import "https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@700&family=Figtree:wght@400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer}html{scroll-behavior:smooth}.hero{padding-top:140px;padding-bottom:80px}.container{width:90%;max-width:1400px;margin:0 auto}.hero-content{text-align:center;margin-bottom:50px;line-height:30px}.hero-title{color:#fff;max-width:900px;margin:0 auto 20px;font-family:Inter,sans-serif;font-size:3rem;font-weight:700}.hero-subtitle{color:#777;margin:0 auto;font-family:Inter,sans-serif;font-size:35px;font-weight:700}.hero-video-wrapper{border-radius:24px;width:100%;overflow:hidden}.hero-video{object-fit:cover;width:100%;display:block}.desktop-video{display:block}.mobile-video{display:none}@media (width<=768px){.hero{padding-top:110px;padding-bottom:60px}.hero-content{text-align:center;margin-bottom:35px;line-height:1.2}.hero-title{margin-bottom:12px;font-size:24px;line-height:1.2}.hero-subtitle{font-size:21px;line-height:1.2}.desktop-video{display:none}.mobile-video{width:100%;display:block}.hero-video-wrapper{border-radius:18px;overflow:hidden}.mobile-video .hero-video{object-fit:cover;width:100%;height:600px;display:block}}.services-section{padding:100px 0}.services-heading{text-align:center;color:#fff;margin-bottom:80px;font-family:Inter,sans-serif;font-size:40px;font-weight:700}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 32px;display:grid}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.services-grid{grid-template-columns:1fr}.services-heading{font-size:28px}}.service-image-wrapper{justify-content:center;align-items:center;height:320px;margin-bottom:24px;display:flex}.service-image{object-fit:contain;max-width:100%;max-height:100%}.service-title{color:#fff;margin-bottom:12px;font-family:Inter,sans-serif;font-size:22px;font-weight:600}.service-description{color:#777;font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:1.5}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(60px)}.reveal.active{opacity:1;transform:translateY(0)}.visualizer-section{width:80%;margin:auto;position:relative}.visualizer-bg{width:100%;display:block}.visualizer-content{text-align:center;width:90%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.visualizer-title{color:#fff;max-width:90%;margin:0 auto 24px;font-family:Figtree,sans-serif;font-size:35px;font-weight:500;line-height:10px}.visualizer-btn{color:#000;background:#44b848;border-radius:999px;padding:14px 28px;font-family:Figtree,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.visualizer-btn:hover{color:#fff;background:#44b848;font-weight:500}@media (width<=768px){.visualizer-section{width:100%}.visualizer-content{bottom:0%}.visualizer-title{font-size:13px;font-weight:800;line-height:0}.visualizer-btn{width:35%;height:auto;padding:8px 4px;font-size:small}}.benefits-section{padding:120px 0}.benefits-heading{text-align:center;color:#fff;margin-bottom:16px;font-family:Cabin Sketch,cursive;font-size:55px;font-weight:700}.grow-faster{color:inherit}.benefits-subtitle{text-align:center;color:#ccc;margin-bottom:60px;font-family:Inter,sans-serif;font-size:17px;font-style:italic;font-weight:300}.subtitle-break{display:inline}.benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.benefits-grid>div{height:100%}@media (width<=992px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.benefits-heading{font-size:28px}.benefits-subtitle{font-size:13px}.grow-faster{color:#44b848;margin-top:4px;display:block}.subtitle-break{display:block}.benefits-grid{grid-template-columns:1fr}}.benefit-card{background:#00000059;border:1px solid #ffffff1f;border-radius:24px;height:100%;padding:22px;position:relative;overflow:hidden}.benefit-mobile-description{display:none}.benefit-card:after{content:"";pointer-events:none;background:radial-gradient(at bottom,#581c8759,#0000 70%);height:45%;position:absolute;bottom:0;left:0;right:0}.benefit-icon{color:#fff;z-index:2;margin-bottom:28px;position:relative}.benefit-title{color:#fff;z-index:2;margin-bottom:20px;font-family:Figtree,sans-serif;font-size:23px;font-weight:500;line-height:1.3;position:relative}.benefit-description{color:#ccc;z-index:2;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;line-height:1.7;position:relative}@media (width<=768px){.benefit-title,.benefit-description{display:none}.benefit-mobile-description{color:#ccc;font-family:Figtree,sans-serif;font-size:18px;font-weight:500;line-height:1.6;display:block}.benefit-card{align-items:flex-start;gap:20px;padding:15px;display:flex}.benefit-icon{flex-shrink:0;margin-top:6px;margin-bottom:0}}.about-company-card{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;max-width:80%;margin:0 auto;padding:60px;overflow:hidden}.about-grid{grid-template-columns:auto 1fr;align-items:center;gap:60px;display:grid}.about-logo-column{justify-content:center;align-items:center;height:100%;display:flex}.about-content{text-align:left}.about-content-column{flex-direction:column;display:flex}.company-logo{width:300px;height:auto}.about-heading{color:#fff;text-align:center;margin-bottom:32px;font-family:Plus Jakarta Sans,sans-serif;font-size:21px;font-weight:600}.about-content p{color:#969696;margin-bottom:38px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;line-height:1.8}.about-content p:last-child{margin-bottom:0}@media (width<=768px){.about-company-card{padding:32px 24px}.about-grid{grid-template-columns:1fr}.about-logo-column{display:none}.about-heading,.about-content{text-align:center}}.project-carousel-section{padding:100px 0}.project-carousel{max-width:1200px;margin:0 auto 32px;position:relative}.carousel-track{justify-content:center;align-items:center;gap:24px;display:flex;overflow:hidden}.carousel-main{aspect-ratio:16/9;border-radius:10px;width:78%;overflow:hidden}.carousel-main img{object-fit:cover;width:100%;height:100%;display:block}.carousel-side{aspect-ratio:9/16;border-radius:10px;width:11%;overflow:hidden}.carousel-side img{object-fit:cover;opacity:.35;filter:brightness(.45);width:100%;height:100%;display:block}.carousel-arrow{color:#b1b1b1;opacity:.4;cursor:pointer;z-index:5;background:0 0;border:none;font-size:40px;transition:opacity .3s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{opacity:.7}.carousel-arrow.left{left:0}.carousel-arrow.right{right:0}.carousel-dots{justify-content:center;gap:10px;display:flex}.dot{cursor:pointer;background:#555;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:#fff;transform:scale(1.1)}@media (width<=768px){.project-carousel-section{padding:80px 0}.carousel-track{gap:10px}.carousel-main{width:84%}.carousel-side{width:6%}.carousel-arrow{opacity:.4;font-size:24px}.dot{width:8px;height:8px}}.faq-section{padding:40px 0}.faq-container{max-width:1000px;margin:0 auto}.faq-badge{color:#fff;background:#0d0d0d;border:1px solid #ffffff14;border-radius:14px;width:fit-content;margin:0 auto 40px;padding:10px 20px;font-family:Figtree,sans-serif;font-size:16px;font-weight:600}.faq-heading{text-align:center;color:#fff;margin-bottom:24px;font-family:Figtree,sans-serif;font-size:50px;font-weight:500;line-height:1.15}.faq-subheading{text-align:center;color:#ccc;margin-bottom:80px;font-family:Figtree,sans-serif;font-size:18px;font-weight:500}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background:radial-gradient(at bottom,#581c8740,#0000 70%),#0b0b0b;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#ffffff1f}.faq-question{cursor:pointer;text-align:left;color:#fff;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:28px 32px;display:flex}.faq-question span{color:#fff;font-family:Figtree,sans-serif;font-size:16px;font-weight:500}.faq-answer{padding:0 32px 28px}.faq-answer p{color:#ccc;margin:0;font-family:Figtree,sans-serif;font-size:16px;font-weight:500;line-height:1.8}@media (width<=768px){.faq-section{margin:20px;padding:0}.faq-badge{margin-bottom:28px}.faq-heading{font-size:28px;line-height:1.1}.faq-subheading{margin-bottom:50px;padding:0 20px;font-size:16px}.faq-question{padding:22px}.faq-question span{max-width:90%;font-size:15px}.faq-answer{padding:0 22px 22px}.faq-answer p{font-size:15px;line-height:1.7}}.cta-section{margin:5%}.cta-card{text-align:center;background:radial-gradient(circle at 0 0,#814ac847,#0000 35%),radial-gradient(circle at 100% 100%,#814ac847,#0000 35%),#090909;border:1px solid #ffffff0f;border-radius:16px;max-width:760px;margin:0 auto;padding:70px 40px;position:relative;overflow:hidden}.cta-heading{color:#fff;margin-bottom:18px;font-family:Figtree,sans-serif;font-size:35px;font-weight:500;line-height:1.15}.cta-subheading{color:#ccc;margin-bottom:28px;font-family:Figtree,sans-serif;font-size:18px;font-style:italic;font-weight:500}.cta-button{color:#fff;background-color:#814ac8;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-family:Figtree,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:font-weight .2s,transform .2s,background-color .2s;display:inline-flex}.cta-button:hover{font-weight:600;transform:translateY(-1px)}@media (width<=768px){.cta-section{padding:80px 0}.cta-card{padding:40px 24px}.cta-heading{font-size:19px;font-weight:500;line-height:1.3}.cta-subheading{margin-bottom:22px;font-size:11px;font-style:italic;font-weight:500}.cta-button{padding:10px 18px;font-size:14px;font-weight:500}.cta-button:hover{font-weight:600}}.projects-page{width:100%;min-height:100vh;padding-top:100px;padding-bottom:0}.projects-video{object-fit:cover;border-radius:20px;width:100%;display:block}@media (width<=768px){.projects-page{min-height:65vh;padding-top:90px;padding-bottom:20px}.projects-video{border-radius:16px;width:100%}}.contact-section{color:#fff;background:#000;min-height:100vh;padding:80px 20px;font-family:Poppins,sans-serif}.contact-container{max-width:900px;margin:auto;padding-top:80px}.contact-header{text-align:center;margin-bottom:40px}.contact-header h1{margin-bottom:12px;font-size:48px;font-weight:700}.contact-header p{color:#b8b8b8;font-size:15px;line-height:1.6}.contact-info{gap:20px;margin-bottom:20px;display:flex}.info-card{color:inherit;cursor:pointer;background:linear-gradient(155deg,#111,#000,#482e6b);border:1px solid #1d1d1d;border-radius:10px;flex:1;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.icon{font-size:18px}.info-card h4{margin-bottom:6px;font-size:15px}.info-card p{color:#c8c8c8;font-size:14px}.form-container{background:#0b0b0b;border:1px solid #1b1b1b;border-radius:12px;padding:25px}.row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{margin-bottom:20px}.input-group label{margin-bottom:10px;font-size:14px;font-weight:500;display:block}.input-group input,.input-group textarea{color:#fff;background:#101010;border:1px solid #161616;border-radius:8px;outline:none;width:100%;padding:14px;transition:border-color .3s}.input-group input:focus,.input-group textarea:focus{border-color:#814ac8}.input-group input::placeholder,.input-group textarea::placeholder{color:#666}.input-group textarea{resize:none}.submit-btn{cursor:pointer;color:#fff;background:#814ac8;border:none;border-radius:8px;width:100%;padding:14px;font-weight:600;transition:all .3s}.submit-btn:hover{background:#333}.social-section{justify-content:space-between;align-items:center;margin-top:70px;display:flex}.social-item{color:#fff;flex-direction:column;align-items:center;gap:12px;text-decoration:none;transition:all .3s;display:flex}.social-item svg{color:#d4d4d4;border:1px solid #333;border-radius:50%;width:42px;height:42px;padding:10px;transition:all .3s}.social-item span{font-size:14px}@media (width<=768px){.contact-section{padding:50px 15px}.contact-header h1{font-size:34px;line-height:1.3}.contact-header p{font-size:13px}.contact-info{flex-direction:column}.row{grid-template-columns:1fr;gap:0}.form-container{padding:18px}.social-section{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px;display:grid}.social-item span{font-size:11px}.social-item svg{width:36px;height:36px;padding:8px}}@media (width<=480px){.contact-header h1{font-size:30px}.form-container{padding:15px}.input-group input,.input-group textarea,.submit-btn{padding:12px}}.navbar{z-index:1000;width:100%;padding:24px 0;position:absolute;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.logo{color:#fff;font-family:Inter,sans-serif;font-size:28px;font-weight:700}.desktop-nav{align-items:center;gap:40px;display:flex}.desktop-nav a{color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:all .3s}.desktop-nav a:hover{opacity:.8}.quote-btn{color:#000;background:#fff;border-radius:999px;padding:12px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .3s}.quote-btn:hover{transform:translateY(-2px)}@media (width<=768px){.desktop-nav{display:none}.navbar{padding:18px 0}.logo{font-size:22px}.quote-btn{padding:10px 15px;font-size:11px}}.footer{border-top:1px solid #ffffff14;margin-top:100px}.footer-container{grid-template-columns:1.8fr 1fr 1fr 1fr;align-items:start;gap:40px;max-width:1100px;margin:0 auto;padding:80px 0;display:grid}.footer-logo{align-items:center;display:flex}.footer-logo img{width:110px;height:auto}.footer-column{flex-direction:column;gap:10px;display:flex}.footer-column h4{color:#fff;margin-bottom:6px;font-family:Inter,sans-serif;font-size:15px;font-weight:500}.footer-column p,.footer-column a{color:#777;font-family:Inter,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding:18px 20px}.footer-bottom p{color:#777;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.6}@media (width<=768px){.footer{margin-top:0}.footer-container{text-align:center;grid-template-columns:repeat(3,1fr);gap:24px;padding:30px 20px}.footer-logo{display:none}.footer-column h4{font-size:14px}.footer-column p,.footer-column a{font-size:11px}.footer-bottom{padding:16px}.footer-bottom p{font-size:11px}}
