@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Sora:wght@300;400;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-dark:#0b2e3c;--primary-teal:#0a3d4c;--accent-cyan:#00d4d4;--accent-cyan-light:#00e5e5;--background-light:#f5f7f8;--background-white:#fff;--text-white:#fff;--text-dark:#1a1a1a;--text-gray:#5a6c7d;--border-light:#e5e8eb;--font-logo:"Sora",sans-serif;--font-body:"Inter",sans-serif;--container-padding:24px;--section-gap:16px;--radius-large:40px;--radius-medium:24px;--radius-small:12px;--radius-pill:50px}html,body{height:100%}body{font-family:var(--font-body);background-color:var(--background-light);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.container{max-width:1300px;padding:0 var(--container-padding);margin:0 auto}.page-wrapper{min-height:100vh;padding:20px}.header{background:var(--background-white);border-radius:var(--radius-pill);justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 32px;display:flex;box-shadow:0 2px 20px #0000000a}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--primary-dark);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logo-icon svg{width:20px;height:20px;color:var(--accent-cyan)}.logo-text{font-family:var(--font-logo);color:var(--text-dark);letter-spacing:-.02em;white-space:nowrap;font-size:1.5rem;font-weight:600}.nav{align-items:center;gap:40px;display:flex}.nav-link{color:var(--text-dark);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--accent-cyan)}.nav-link.active{color:var(--text-dark)}.nav-link.active:after{content:"";background:var(--text-dark);border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-dropdown{cursor:pointer;align-items:center;gap:6px;display:flex}.nav-dropdown svg{width:12px;height:12px;transition:transform .2s}.cta-button{border:2px solid var(--primary-dark);border-radius:var(--radius-pill);background:var(--background-white);font-family:var(--font-body);color:var(--text-dark);cursor:pointer;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.cta-button:hover{background:var(--primary-dark);color:var(--text-white)}.cta-button .arrow{background:var(--primary-dark);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:flex}.cta-button:hover .arrow{background:var(--accent-cyan)}.cta-button .arrow svg{width:12px;height:12px;color:var(--text-white)}.hero{gap:var(--section-gap);grid-template-columns:1fr 1fr;height:520px;display:grid}.hero-content{background:linear-gradient(160deg,var(--primary-teal)0%,var(--primary-dark)100%);border-radius:var(--radius-large);flex-direction:column;justify-content:center;padding:40px;display:flex;position:relative;overflow:hidden}.hero-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#00d4d414 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.badge{border-radius:var(--radius-pill);color:var(--accent-cyan);background:#00d4d426;border:1px solid #00d4d44d;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.badge .sparkle{font-size:.75rem}.hero-title{color:var(--text-white);letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:400;line-height:1.15}.hero-title .accent{color:var(--accent-cyan);font-style:italic}.hero-description{color:#ffffffb3;max-width:400px;margin-bottom:24px;font-size:.9rem;line-height:1.6}.get-started-btn{background:var(--accent-cyan);border-radius:var(--radius-pill);font-family:var(--font-body);color:var(--text-dark);cursor:pointer;border:none;align-items:center;gap:12px;width:fit-content;margin-bottom:48px;padding:14px 28px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.get-started-btn:hover{background:var(--accent-cyan-light);transform:translateY(-2px);box-shadow:0 10px 30px #00d4d44d}.get-started-btn .arrow{background:var(--primary-dark);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.get-started-btn .arrow svg{width:14px;height:14px;color:var(--text-white)}.customer-stats{align-items:center;gap:16px;display:flex}.experience-badge{background:var(--accent-cyan);border-radius:var(--radius-small);width:48px;height:48px;color:var(--primary-dark);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 16px #00d4d433}.stats-text{flex-direction:column;display:flex}.stats-number{color:var(--text-white);font-size:1rem;font-weight:600}.stats-label{color:var(--accent-cyan);font-size:.85rem}.hero-image{border-radius:var(--radius-large);background:var(--background-white);position:relative;overflow:hidden}.hero-image img{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-image-placeholder{width:100%;height:100%;color:var(--text-gray);background:linear-gradient(135deg,#e8ecef 0%,#d5dce0 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-image-placeholder:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.placeholder-icon{background:#0000001a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.placeholder-icon svg{opacity:.5;width:40px;height:40px}@media (max-width:1024px){.hero{grid-template-columns:1fr;min-height:auto}.hero-content{padding:48px 36px}.hero-title{font-size:2.75rem}.hero-image{min-height:400px}}@media (max-width:768px){.header{border-radius:var(--radius-medium);gap:10px;padding:10px 16px}.logo-text{font-size:1.1rem}.cta-button{gap:6px;padding:8px 14px;font-size:.8rem}.cta-button .arrow{width:20px;height:20px}.cta-button .arrow svg{width:10px;height:10px}.nav{display:none}.hero{gap:12px;height:auto}.hero-title{font-size:2rem}.hero-content{padding:32px 20px}.hero-description{font-size:.8rem}.get-started-btn{margin-bottom:32px;padding:12px 20px;font-size:.9rem}}.what-we-do{text-align:center;padding:20px 0 80px}.section-header{max-width:800px;margin:0 auto 60px}.section-badge{border:1px solid var(--border-light);border-radius:var(--radius-pill);background:var(--background-white);color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:32px;padding:8px 20px;font-size:.9rem;font-weight:500;display:inline-flex}.section-badge .dot{background:var(--primary-teal);border-radius:50%;width:6px;height:6px}.section-title{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:24px;font-size:3rem;font-weight:600;line-height:1.2}.section-description{color:var(--text-gray);font-size:1rem;line-height:1.6}.services-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px;display:grid}.service-card{border-radius:var(--radius-medium);text-align:left;background:#e0f7fa;padding:40px 30px 30px;transition:transform .3s;position:relative}.service-card:hover{transform:translateY(-5px)}.card-icon-container{position:absolute;top:-20px;left:20px}.card-icon-bg{background:var(--background-white);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:4px;display:flex}.card-icon-inner{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.card-content{margin-top:20px}.card-subtitle{color:var(--text-dark);margin-bottom:12px;font-size:1.05rem;font-weight:500;line-height:1.4}.card-text{color:var(--text-gray);margin-bottom:24px;font-size:.9rem;line-height:1.5}.card-link{color:var(--primary-teal);align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.services-grid .service-card:nth-child(n) .card-link{color:var(--primary-teal)}.card-link span{transition:transform .2s}.card-link:hover span{transform:translate(4px)}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}.service-card{padding:30px 20px 20px}}.marquee-container{background:var(--background-light);width:100%;margin-top:-15px;padding:0 0 40px;overflow:hidden}.marquee-track{width:fit-content;animation:500s linear infinite marquee;display:flex}.marquee-content{gap:0;padding-right:0;display:flex}.marquee-text{font-family:var(--font-logo);white-space:nowrap;letter-spacing:-.02em;font-size:6rem;font-weight:600}.marquee-text.thin{color:var(--primary-dark);font-weight:300}.marquee-text.bold{color:var(--primary-dark);font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:768px){.marquee-text{font-size:2.5rem}.marquee-container{margin-top:-10px;padding-bottom:30px}}.footer{color:var(--text-white);border-radius:var(--radius-large);background:#111;margin:60px 0 40px;padding:80px 60px 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:80px;display:grid}.footer-title{color:var(--text-white);margin-bottom:30px;font-size:1.25rem;font-weight:600}.footer-contact{flex-direction:column;gap:20px;display:flex}.contact-item{color:#ffffffb3;align-items:center;gap:12px;font-size:.95rem;display:flex}.contact-item .icon{font-size:1.1rem}.contact-item .text{color:inherit;text-decoration:none;transition:color .2s}.contact-item a:hover{color:var(--accent-cyan)}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#ffffffb3;font-size:.95rem;text-decoration:none;transition:all .2s}.footer-links a:hover{color:var(--accent-cyan);padding-left:5px}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;padding-top:30px;display:flex}.copyright{color:#ffffff80;font-size:.9rem}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){.footer{margin:40px 0 20px;padding:40px 20px 30px}.footer-grid{grid-template-columns:1fr;gap:40px;margin-bottom:40px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}