:root{--primary-blue:#004de6;--primary-blue-hover:#003ebd;--bg-white:#fff;--bg-secondary:#f7f8fa;--bg-dark:#0a0a0a;--text-dark:#111;--text-light:#fff;--text-muted:#6b7280;--text-muted-light:#9ca3af;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--container-max-width:1200px;--container-padding:clamp(1rem, 5vw, 3rem);--section-padding:clamp(4rem, 8vw, 8rem);--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);font-weight:600;line-height:1.25}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700}h2{letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:600}h3{letter-spacing:-.01em;font-size:clamp(1.4rem,2.5vw,1.8rem)}p{color:var(--text-muted);font-size:clamp(1rem,1.1vw,1.125rem)}a{color:inherit;transition:all var(--transition-fast);text-decoration:none}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}.section{padding-top:var(--section-padding);padding-bottom:var(--section-padding);width:100%;position:relative}.theme-dark{background-color:var(--bg-dark);color:var(--text-light)}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4{color:var(--text-light)}.theme-dark p{color:var(--text-muted-light)}.theme-light{background-color:var(--bg-white);color:var(--text-dark)}.theme-secondary{background-color:var(--bg-secondary);color:var(--text-dark)}.grid{gap:2rem;display:grid}.grid-cols-2{grid-template-columns:1fr}@media (width>=768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-3{grid-template-columns:1fr}@media (width>=768px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-secondary);color:var(--text-muted);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{color:var(--primary-blue);background-color:#0057ff1a}.badge-live{color:#22c55e;background-color:#22c55e1a;border:1px solid #22c55e33}.badge-concept{color:#f97316;background-color:#f973161a;border:1px solid #f9731633}.badge-soon{color:var(--text-muted);background-color:#6b72801a;border:1px solid #6b728033}.btn{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.85rem 2rem;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary-blue);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-blue-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-dark);background-color:#0000;border-color:#6b72804d}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-dark)}.theme-dark .btn-secondary{color:var(--text-light);border-color:#fff3}.theme-dark .btn-secondary:hover{border-color:var(--text-light);background-color:#ffffff0d}.card{background-color:var(--bg-white);transition:all var(--transition-normal);border:1px solid #0000000d;border-radius:8px;padding:clamp(1.25rem,5vw,2.5rem);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.card:hover{border-color:#0057ff26;transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000000a,0 8px 16px -8px #0000000a}.theme-dark .card{box-shadow:none;background-color:#121212;border-color:#ffffff0d}.theme-dark .card:hover{border-color:#0057ff4d}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary-blue)}.theme-dark .nav-link{color:var(--text-muted-light)}.theme-dark .nav-link:hover,.theme-dark .nav-link.active{color:var(--text-light)}.filter-btn{font-family:var(--font-body);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 1rem;font-size:.95rem;font-weight:500}.filter-btn:hover{color:var(--text-dark)}.filter-btn.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.menu-toggle{cursor:pointer;background:0 0;border:none;display:none}@media (width<=1024px){.desktop-nav{display:none!important}.menu-toggle{display:block!important}}.form-group{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{color:var(--text-dark);font-size:.9rem;font-weight:500}.form-input,.form-textarea{font-family:var(--font-body);background-color:var(--bg-white);color:var(--text-dark);transition:all var(--transition-fast);border:1px solid #6b72804d;border-radius:6px;padding:.85rem 1rem;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #0057ff1a}.process-timeline{max-width:800px;margin:0 auto;position:relative}.process-step{padding-bottom:3rem;padding-left:3rem;position:relative}.process-step:before{content:"";background-color:var(--bg-secondary);width:2px;position:absolute;top:1.5rem;bottom:0;left:.9rem}.process-step:last-child:before{display:none}.process-step-number{background-color:var(--primary-blue);width:2rem;height:2rem;color:var(--text-light);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.hover-underline{position:relative}.hover-underline:after{content:"";background-color:var(--primary-blue);transform-origin:100% 100%;width:100%;height:2px;transition:transform var(--transition-fast);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.hover-underline:hover:after{transform-origin:0 100%;transform:scaleX(1)}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;width:100%;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:1.2fr 1fr}}.hero-visual{justify-content:center;align-items:center;width:100%;height:480px;margin-top:1.5rem;display:flex;position:relative}@media (width<=1024px){.desktop-mockup-pos{display:none!important}.phone-mockup-pos{margin:0 auto;width:250px!important;position:relative!important;bottom:auto!important;right:auto!important}}@media (width>=1025px){.hero-visual{height:440px;margin-top:0}.desktop-mockup-pos{z-index:1;width:85%;max-width:460px;position:absolute;top:10px;left:0;display:block!important}.phone-mockup-pos{z-index:2;width:160px;position:absolute;bottom:10px;right:10px;display:block!important}}.logos-wrapper{background-color:var(--bg-secondary);border:1px solid #0000000d;border-radius:12px;width:100%;padding:2rem}.services-list-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.services-list-grid{grid-template-columns:repeat(2,1fr)}}.featured-project-grid{text-align:left;grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.featured-project-grid{grid-template-columns:1.2fr 1fr}}.portfolio-list-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.portfolio-list-grid{grid-template-columns:repeat(2,1fr)}}.pricing-tiers-grid{grid-template-columns:1fr;align-items:stretch;gap:2.5rem;display:grid}@media (width>=768px) and (width<=1023px){.pricing-tiers-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.pricing-tiers-grid{grid-template-columns:repeat(3,1fr)}}.pricing-preview-layout{grid-template-columns:1fr;gap:2rem;max-width:800px;margin:0 auto;display:grid}@media (width>=768px){.pricing-preview-layout{grid-template-columns:1fr 1fr}}.project-overview-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.project-overview-grid{grid-template-columns:1fr 2fr}}.project-two-col-detail{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.project-two-col-detail{flex-direction:row}}.project-gallery-row{flex-direction:column;align-items:center;gap:2.5rem;display:flex}@media (width>=768px){.project-gallery-row{flex-direction:row}}.contact-grid-row{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=1024px){.contact-grid-row{grid-template-columns:1fr 1.3fr}}.footer-bottom-row{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}@media (width>=768px){.footer-bottom-row{flex-direction:row}}.about-two-col{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=768px){.about-two-col{grid-template-columns:1fr 1.5fr}}.form-row-2col{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=600px){.form-row-2col{grid-template-columns:1fr 1fr}}.configurator-grid-row{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}@media (width>=1024px){.configurator-grid-row{grid-template-columns:1.4fr 1fr}}.recommender-result-card{border-left:4px solid var(--primary-blue);background-color:#fff;padding:1.5rem}@media (width>=600px){.recommender-result-card{padding:2.5rem}}.recommender-result-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=480px){.recommender-result-header{flex-direction:row;align-items:center}}.recommender-row{color:var(--text-muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}@media (width>=600px){.recommender-row{flex-direction:row;justify-content:space-between;align-items:center}}.recommender-subsidy-banner{background-color:#22c55e14;border:1px solid #22c55e33;border-radius:6px;flex-direction:column;gap:.25rem;padding:.75rem 1rem;font-size:.85rem;display:flex}@media (width>=600px){.recommender-subsidy-banner{flex-direction:row;justify-content:space-between;align-items:center;font-size:.9rem}}.recommender-totals-row{flex-direction:column;gap:1.25rem;display:flex}.recommender-totals-col{flex-direction:column;gap:.25rem;display:flex}@media (width>=600px){.recommender-totals-row{flex-direction:row;justify-content:space-between;align-items:center}.recommender-totals-col.right-align{text-align:right}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.pt-20{padding-top:5rem}.pb-16{padding-bottom:4rem}.pt-24{padding-top:6rem}.py-20{padding-top:5rem;padding-bottom:5rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-3xl{max-width:48rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.text-left{text-align:left}.text-center{text-align:center}.bg-slate-950{background-color:#020617}.bg-slate-900{background-color:#0f172a}.bg-\[\#F8FAFC\],.bg-slate-50{background-color:#f8fafc}.bg-slate-50\/30{background-color:#f8fafc4d}.bg-slate-50\/50{background-color:#f8fafc80}.border-b{border-bottom-style:solid;border-bottom-width:1px}.border-t{border-top-style:solid;border-top-width:1px}.border{border-style:solid;border-width:1px}.border-slate-900{border-color:#0f172a}.border-slate-200{border-color:#e2e8f0}.border-slate-105,.border-slate-100{border-color:#f1f5f9}.border-transparent{border-color:#0000!important}.border-none{border-style:none!important;border-width:0!important}.bg-transparent{background-color:#0000!important}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.text-white{color:#fff}.shadow-sm{box-shadow:0 1px 2px #0000000d}.hover\:bg-slate-200:hover{background-color:#e2e8f0}.hover\:text-slate-950:hover{color:#020617}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:850}.tracking-wider{letter-spacing:.05em}.tracking-tight{letter-spacing:-.025em}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-8{gap:2rem}.gap-6{gap:1.5rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.h-full{height:100%}.w-full{width:100%}.h-4{height:1rem}.w-4{width:1rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.h-8{height:2rem}.w-8{width:2rem}.rounded-2xl{border-radius:1rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-full{border-radius:9999px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\]{box-shadow:0 8px 30px #0000000a}.shadow-\[0_20px_50px_rgb\(0\,0\,0\,0\.05\)\]{box-shadow:0 20px 50px #0000000d}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.overflow-hidden{overflow:hidden}.relative{position:relative}.aspect-video{aspect-ratio:16/9}.hidden{display:none}.border-dashed{border-style:dashed}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.bg-emerald-50{background-color:#ecfdf5}.text-emerald-700{color:#047857}.border-emerald-200\/50{border-color:#a7f3d080}.bg-slate-100{background-color:#f1f5f9}.text-slate-600{color:#475569}.border-slate-200\/50{border-color:#e2e8f080}.text-slate-900{color:#0f172a}.text-slate-500{color:#64748b}.text-slate-400{color:#94a3b8}.text-blue-600{color:#2563eb}.hover\:text-blue-700:hover{color:#1d4ed8}.no-underline{text-decoration:none}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-3{margin-top:.75rem}.mt-0\.5{margin-top:.125rem}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.list-none{list-style-type:none}.p-0{padding:0}.p-6{padding:1.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.h-\[400px\]{height:400px}.bg-emerald-600{background-color:#059669}.border-emerald-600{border-color:#059669}.p-8{padding:2rem}.p-12{padding:3rem}.mt-1{margin-top:.25rem}.block{display:block}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.border-l{border-left-style:solid;border-left-width:1px}.pl-10{padding-left:2.5rem}@media (width>=640px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:sticky{position:sticky}.lg\:top-28{top:7rem}.lg\:border-t-0{border-top-width:0}.lg\:pt-0{padding-top:0}.lg\:border-l{border-left-style:solid;border-left-width:1px}.lg\:pl-10{padding-left:2.5rem}}.p-1{padding:.25rem}.bg-emerald-500{background-color:#10b981}.border-emerald-500{border-color:#10b981}.border-slate-200\/60{border-color:#e2e8f099}.border-slate-200\/40{border-color:#e2e8f066}.hover\:bg-slate-200\/50:hover{background-color:#e2e8f080}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.p-1\.5{padding:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.h-\[200px\]{height:200px}.h-\[220px\]{height:220px}.h-6{height:1.5rem}.w-6{width:1.5rem}.gap-3{gap:.75rem}.pt-6{padding-top:1.5rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}@media (width>=640px){.sm\:h-\[300px\]{height:300px}}@media (width>=768px){.md\:h-\[400px\]{height:400px}.md\:rounded-\[2rem\]{border-radius:2rem}.md\:rounded-\[2\.5rem\]{border-radius:2.5rem}.md\:p-12{padding:3rem}.md\:gap-10{gap:2.5rem}.md\:mt-8{margin-top:2rem}.md\:mb-4{margin-bottom:1rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}}.bg-slate-100\/50{background-color:#f1f5f980}.border-emerald-100\/60{border-color:#d1fae599}.text-emerald-600{color:#059669}.text-emerald-600\/80{color:#059669cc}.bg-blue-50\/10{background-color:#eff6ff1a}.rounded-xl{border-radius:.75rem}.sticky{position:sticky}.top-28{top:7rem}.z-20{z-index:20}.left-0{left:0}.right-0{right:0}.animate-ping{animation:1.2s cubic-bezier(0,0,.2,1) infinite ping}@keyframes ping{75%,to{opacity:0;transform:scale(2.2)}}.bg-amber-50\/50{background-color:#fef3c780}.border-amber-200\/50{border-color:#fcd34d80}.text-amber-800{color:#92400e}.bg-amber-500{background-color:#f59e0b}