@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--text-color:#1f2937;--text-light:#6b7280;--background-color:#ffffff;--background-light:#f8fafc;--border-color:#e5e7eb;--border-light:#f3f4f6;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-family-fallback:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--container-max-width:1200px;--container-padding:1rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem} *{margin:0;padding:0;box-sizing:border-box} body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-color);background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .font-fallback{font-family:var(--font-family-fallback)} img.lazy{opacity:0;transition:opacity 0.3s ease-in-out} img.loaded{opacity:1} .fonts-loaded{font-family:var(--font-family-primary)} .preload-hint{display:none} @media (prefers-reduced-motion:no-preference){.hero-content{animation:fadeInUp 0.8s ease-out} .service-item{transition:all 0.2s ease-in-out} .service-item:hover{transform:translateY(-2px)} } .container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)} h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-4);color:var(--text-color)} h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)} h2{font-size:var(--font-size-3xl)} h3{font-size:var(--font-size-2xl)} h4{font-size:var(--font-size-xl)} h5{font-size:var(--font-size-lg)} h6{font-size:var(--font-size-base)} p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed)} .text-xs{font-size:var(--font-size-xs)} .text-sm{font-size:var(--font-size-sm)} .text-base{font-size:var(--font-size-base)} .text-lg{font-size:var(--font-size-lg)} .text-xl{font-size:var(--font-size-xl)} .text-2xl{font-size:var(--font-size-2xl)} .text-3xl{font-size:var(--font-size-3xl)} .text-4xl{font-size:var(--font-size-4xl)} .text-5xl{font-size:var(--font-size-5xl)} .font-light{font-weight:var(--font-weight-light)} .font-normal{font-weight:var(--font-weight-normal)} .font-medium{font-weight:var(--font-weight-medium)} .font-semibold{font-weight:var(--font-weight-semibold)} .font-bold{font-weight:var(--font-weight-bold)} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .text-primary{color:var(--primary-color)} .text-secondary{color:var(--secondary-color)} .text-light{color:var(--text-light)} .site-header{padding:var(--space-4) 0;border-bottom:1px solid var(--border-color);background-color:var(--background-color);position:sticky;top:0;z-index:100} .header-content{display:flex;align-items:center;justify-content:space-between} .logo-container{flex-shrink:0;display:flex;align-items:center} .logo{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)} .logo a{color:var(--text-color);text-decoration:none;transition:color 0.2s ease-in-out;display:flex;align-items:center} .logo a:hover,.logo a:focus{color:var(--primary-color)} .logo-container .vedaist-logo{display:block} .main-nav{position:relative} .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color 0.2s ease-in-out} .nav-toggle:hover,.nav-toggle:focus{background-color:var(--background-light)} .nav-toggle-icon{display:block;width:24px;height:2px;background-color:var(--text-color);position:relative;transition:background-color 0.2s ease-in-out} .nav-toggle-icon::before,.nav-toggle-icon::after{content:"";position:absolute;width:100%;height:2px;background-color:var(--text-color);transition:all 0.2s ease-in-out} .nav-toggle-icon::before{top:-8px} .nav-toggle-icon::after{bottom:-8px} .nav-toggle[aria-expanded="true"] .nav-toggle-icon{background-color:transparent} .nav-toggle[aria-expanded="true"] .nav-toggle-icon::before{transform:rotate(45deg);top:0} .nav-toggle[aria-expanded="true"] .nav-toggle-icon::after{transform:rotate(-45deg);bottom:0} .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-6)} .nav-item{margin:0} .nav-link{display:block;padding:var(--space-2) var(--space-3);color:var(--text-color);text-decoration:none;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all 0.2s ease-in-out} .nav-link:hover,.nav-link:focus{color:var(--primary-color);background-color:var(--background-light)} .nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px} .nav-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px} main{min-height:60vh} .hero{padding:var(--space-16) 0;text-align:center} footer{padding:var(--space-8) 0;border-top:1px solid var(--border-color);margin-top:var(--space-16)} .m-0{margin:0} .m-1{margin:var(--space-1)} .m-2{margin:var(--space-2)} .m-3{margin:var(--space-3)} .m-4{margin:var(--space-4)} .m-5{margin:var(--space-5)} .m-6{margin:var(--space-6)} .m-8{margin:var(--space-8)} .m-10{margin:var(--space-10)} .m-12{margin:var(--space-12)} .m-16{margin:var(--space-16)} .m-20{margin:var(--space-20)} .m-24{margin:var(--space-24)} .mt-0{margin-top:0} .mt-1{margin-top:var(--space-1)} .mt-2{margin-top:var(--space-2)} .mt-3{margin-top:var(--space-3)} .mt-4{margin-top:var(--space-4)} .mt-5{margin-top:var(--space-5)} .mt-6{margin-top:var(--space-6)} .mt-8{margin-top:var(--space-8)} .mt-10{margin-top:var(--space-10)} .mt-12{margin-top:var(--space-12)} .mt-16{margin-top:var(--space-16)} .mt-20{margin-top:var(--space-20)} .mt-24{margin-top:var(--space-24)} .mb-0{margin-bottom:0} .mb-1{margin-bottom:var(--space-1)} .mb-2{margin-bottom:var(--space-2)} .mb-3{margin-bottom:var(--space-3)} .mb-4{margin-bottom:var(--space-4)} .mb-5{margin-bottom:var(--space-5)} .mb-6{margin-bottom:var(--space-6)} .mb-8{margin-bottom:var(--space-8)} .mb-10{margin-bottom:var(--space-10)} .mb-12{margin-bottom:var(--space-12)} .mb-16{margin-bottom:var(--space-16)} .mb-20{margin-bottom:var(--space-20)} .mb-24{margin-bottom:var(--space-24)} .ml-0{margin-left:0} .ml-1{margin-left:var(--space-1)} .ml-2{margin-left:var(--space-2)} .ml-3{margin-left:var(--space-3)} .ml-4{margin-left:var(--space-4)} .ml-5{margin-left:var(--space-5)} .ml-6{margin-left:var(--space-6)} .ml-8{margin-left:var(--space-8)} .mr-0{margin-right:0} .mr-1{margin-right:var(--space-1)} .mr-2{margin-right:var(--space-2)} .mr-3{margin-right:var(--space-3)} .mr-4{margin-right:var(--space-4)} .mr-5{margin-right:var(--space-5)} .mr-6{margin-right:var(--space-6)} .mr-8{margin-right:var(--space-8)} .mx-auto{margin-left:auto;margin-right:auto} .p-0{padding:0} .p-1{padding:var(--space-1)} .p-2{padding:var(--space-2)} .p-3{padding:var(--space-3)} .p-4{padding:var(--space-4)} .p-5{padding:var(--space-5)} .p-6{padding:var(--space-6)} .p-8{padding:var(--space-8)} .p-10{padding:var(--space-10)} .p-12{padding:var(--space-12)} .p-16{padding:var(--space-16)} .p-20{padding:var(--space-20)} .p-24{padding:var(--space-24)} .pt-0{padding-top:0} .pt-1{padding-top:var(--space-1)} .pt-2{padding-top:var(--space-2)} .pt-3{padding-top:var(--space-3)} .pt-4{padding-top:var(--space-4)} .pt-5{padding-top:var(--space-5)} .pt-6{padding-top:var(--space-6)} .pt-8{padding-top:var(--space-8)} .pt-10{padding-top:var(--space-10)} .pt-12{padding-top:var(--space-12)} .pt-16{padding-top:var(--space-16)} .pt-20{padding-top:var(--space-20)} .pt-24{padding-top:var(--space-24)} .pb-0{padding-bottom:0} .pb-1{padding-bottom:var(--space-1)} .pb-2{padding-bottom:var(--space-2)} .pb-3{padding-bottom:var(--space-3)} .pb-4{padding-bottom:var(--space-4)} .pb-5{padding-bottom:var(--space-5)} .pb-6{padding-bottom:var(--space-6)} .pb-8{padding-bottom:var(--space-8)} .pb-10{padding-bottom:var(--space-10)} .pb-12{padding-bottom:var(--space-12)} .pb-16{padding-bottom:var(--space-16)} .pb-20{padding-bottom:var(--space-20)} .pb-24{padding-bottom:var(--space-24)} .pl-0{padding-left:0} .pl-1{padding-left:var(--space-1)} .pl-2{padding-left:var(--space-2)} .pl-3{padding-left:var(--space-3)} .pl-4{padding-left:var(--space-4)} .pl-5{padding-left:var(--space-5)} .pl-6{padding-left:var(--space-6)} .pl-8{padding-left:var(--space-8)} .pr-0{padding-right:0} .pr-1{padding-right:var(--space-1)} .pr-2{padding-right:var(--space-2)} .pr-3{padding-right:var(--space-3)} .pr-4{padding-right:var(--space-4)} .pr-5{padding-right:var(--space-5)} .pr-6{padding-right:var(--space-6)} .pr-8{padding-right:var(--space-8)} .px-0{padding-left:0;padding-right:0} .px-1{padding-left:var(--space-1);padding-right:var(--space-1)} .px-2{padding-left:var(--space-2);padding-right:var(--space-2)} .px-3{padding-left:var(--space-3);padding-right:var(--space-3)} .px-4{padding-left:var(--space-4);padding-right:var(--space-4)} .px-5{padding-left:var(--space-5);padding-right:var(--space-5)} .px-6{padding-left:var(--space-6);padding-right:var(--space-6)} .px-8{padding-left:var(--space-8);padding-right:var(--space-8)} .py-0{padding-top:0;padding-bottom:0} .py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)} .py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)} .py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)} .py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)} .py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)} .py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)} .py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)} .py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)} .py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)} .py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)} .py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)} .py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .flex{display:flex} .inline-flex{display:inline-flex} .grid{display:grid} .hidden{display:none} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-wrap{flex-wrap:wrap} .flex-nowrap{flex-wrap:nowrap} .items-start{align-items:flex-start} .items-center{align-items:center} .items-end{align-items:flex-end} .items-stretch{align-items:stretch} .justify-start{justify-content:flex-start} .justify-center{justify-content:center} .justify-end{justify-content:flex-end} .justify-between{justify-content:space-between} .justify-around{justify-content:space-around} .flex-1{flex:1 1 0%} .flex-auto{flex:1 1 auto} .flex-none{flex:none} .w-full{width:100%} .w-auto{width:auto} .h-full{height:100%} .h-auto{height:auto} .max-w-xs{max-width:20rem} .max-w-sm{max-width:24rem} .max-w-md{max-width:28rem} .max-w-lg{max-width:32rem} .max-w-xl{max-width:36rem} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem} .max-w-5xl{max-width:64rem} .max-w-6xl{max-width:72rem} .max-w-full{max-width:100%} .border{border:1px solid var(--border-color)} .border-t{border-top:1px solid var(--border-color)} .border-b{border-bottom:1px solid var(--border-color)} .border-l{border-left:1px solid var(--border-color)} .border-r{border-right:1px solid var(--border-color)} .rounded-sm{border-radius:var(--radius-sm)} .rounded{border-radius:var(--radius-md)} .rounded-md{border-radius:var(--radius-md)} .rounded-lg{border-radius:var(--radius-lg)} .rounded-xl{border-radius:var(--radius-xl)} .rounded-full{border-radius:9999px} .shadow-sm{box-shadow:var(--shadow-sm)} .shadow{box-shadow:var(--shadow-md)} .shadow-md{box-shadow:var(--shadow-md)} .shadow-lg{box-shadow:var(--shadow-lg)} .shadow-none{box-shadow:none} .cta-button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease-in-out} .bg-primary{background-color:var(--primary-color)} .bg-primary:hover,.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)} .text-white{color:#ffffff} .transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms} .space-y-4 > * + *{margin-top:var(--space-4)} .space-y-6 > * + *{margin-top:var(--space-6)} .space-y-8 > * + *{margin-top:var(--space-8)} .bg-light{background-color:var(--background-light)} .bg-white{background-color:var(--background-color)} .section{padding:var(--space-16) 0} .section-content{display:flex;align-items:center;gap:var(--space-12)} .about{background-color:var(--background-light)} .about-content{max-width:42rem} .services{background-color:var(--background-color)} .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-8)} .service-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all 0.2s ease-in-out} .service-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)} .service-item h3{color:var(--text-color);margin-bottom:var(--space-4)} .service-item p{color:var(--text-light);margin-bottom:0} .contact{background-color:var(--background-light)} .contact-content{text-align:left} .contact-info{margin-top:var(--space-6)} .contact-form{max-width:600px;margin:0 auto;text-align:left} .form-group{margin-bottom:var(--space-6)} .form-label{display:block;font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:var(--space-2);font-size:var(--font-size-sm)} .form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-primary);background-color:var(--background-color);color:var(--text-color);transition:all 0.2s ease-in-out} .form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,0.1)} .form-input:invalid:not(:focus):not(:placeholder-shown),.form-textarea:invalid:not(:focus):not(:placeholder-shown),.form-input.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.1)} .form-textarea{resize:vertical;min-height:120px} .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px;padding-right:var(--space-10)} .form-actions{text-align:center;margin-top:var(--space-8)} .btn-primary{background-color:var(--primary-color);color:#ffffff;border:none;padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease-in-out;min-width:140px} .btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)} .btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.3)} .btn-primary:disabled{background-color:var(--secondary-color);cursor:not-allowed;transform:none} .error-message{color:#dc2626;font-size:var(--font-size-sm);margin-top:var(--space-1);min-height:1.25rem} .form-status{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);text-align:center;font-weight:var(--font-weight-medium)} .form-status.success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0} .form-status.error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca} .form-status.loading{background-color:var(--background-light);color:var(--text-color);border:1px solid var(--border-color)} .no-js-fallback{padding:var(--space-6);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center} .no-js-fallback a{color:var(--primary-color);text-decoration:none} .no-js-fallback a:hover{text-decoration:underline} .footer-content{text-align:center;color:var(--text-light)} .footer-tagline{margin-top:var(--space-2);font-style:italic} .skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:white;padding:8px;text-decoration:none;border-radius:4px;z-index:1000;font-weight:var(--font-weight-medium);transition:top 0.2s ease-in-out} .skip-link:focus{top:6px} *:focus{outline:2px solid var(--primary-color);outline-offset:2px} *:focus:not(:focus-visible){outline:none} *:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px} .btn:focus,.cta-button:focus,.nav-link:focus{outline:3px solid var(--primary-color);outline-offset:2px;box-shadow:0 0 0 5px rgba(37,99,235,0.2)} .nav-link,.btn,.cta-button,.form-input,.form-select,.form-textarea{min-height:44px;min-width:44px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} :root{--focus-color:#1d4ed8;--error-color:#dc2626;--success-color:#059669;--warning-color:#d97706} .text-light{color:#4b5563} @media (prefers-contrast:high){:root{--border-color:#000000;--text-light:var(--text-color);--background-light:#ffffff} .service-item{border:2px solid var(--text-color)} .btn,.cta-button{border:2px solid currentColor} } .nav-toggle:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid var(--focus-color);outline-offset:2px;box-shadow:0 0 0 4px rgba(29,78,216,0.2)} .form-input.error:focus,.form-textarea.error:focus{outline-color:var(--error-color);box-shadow:0 0 0 4px rgba(220,38,38,0.2)} .btn:disabled,.cta-button:disabled{opacity:0.6;cursor:not-allowed} .btn:disabled:focus,.cta-button:disabled:focus{outline:2px solid var(--secondary-color)}