.heroSection{position:relative;padding-top:8rem;padding-bottom:5rem;overflow:hidden;background-image:linear-gradient(to bottom,#f8fafcd9,#f8fafcf2),url(https://images.unsplash.com/photo-1497215728101-856f4ea42174?auto=format&fit=crop&q=80&w=2000);background-size:cover;background-position:center;background-attachment:fixed}@media(min-width:1024px){.heroSection{padding-top:12rem;padding-bottom:8rem}}.heroBlur1{position:absolute;top:0;right:0;transform:translateY(-50%) translate(25%);width:600px;height:600px;background-color:var(--color-blue-100);border-radius:9999px;filter:blur(120px);opacity:.3;z-index:-10}.heroBlur2{position:absolute;bottom:0;left:0;transform:translateY(50%) translate(-25%);width:500px;height:500px;background-color:var(--color-indigo-100);border-radius:9999px;filter:blur(100px);opacity:.3;z-index:-10}.heroContent{text-align:center;position:relative;z-index:10}.heroBadge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background-color:#fff;color:var(--color-blue-700);border:1px solid var(--color-blue-100);font-size:.875rem;font-weight:500;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d}.statusDot{position:relative;display:flex;height:.5rem;width:.5rem}.statusPing{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;position:absolute;display:inline-flex;height:100%;width:100%;border-radius:9999px;background-color:var(--color-blue-400);opacity:.75}.statusSolid{position:relative;display:inline-flex;border-radius:9999px;height:.5rem;width:.5rem;background-color:var(--color-blue-500)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.heroTitle{font-size:3rem;font-weight:800;color:var(--color-slate-900);letter-spacing:-.025em;line-height:1.1;margin-bottom:2rem;max-width:56rem;margin-left:auto;margin-right:auto}@media(min-width:1024px){.heroTitle{font-size:4.5rem}}.gradientText{color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(to right,var(--color-blue-600),var(--color-indigo-600))}.heroBtns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media(min-width:640px){.heroBtns{flex-direction:row}}.ctaBtnPrimary{width:100%;padding:1rem 2rem;background-color:var(--color-blue-600);color:#fff;border-radius:1rem;font-weight:700;font-size:1.125rem;border:none;cursor:pointer;transition:all .2s;box-shadow:0 20px 25px -5px var(--color-blue-200);display:flex;align-items:center;justify-content:center;gap:.5rem}@media(min-width:640px){.ctaBtnPrimary{width:auto}}.ctaBtnPrimary:hover{background-color:var(--color-blue-700);transform:translateY(-2px)}.ctaBtnPrimary:hover i{transform:translate(.25rem)}.ctaBtnSecondary{width:100%;padding:1rem 2rem;background-color:#fff;color:var(--color-slate-700);border:1px solid var(--color-slate-200);border-radius:1rem;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d}@media(min-width:640px){.ctaBtnSecondary{width:auto}}.ctaBtnSecondary:hover{background-color:var(--color-slate-50);transform:translateY(-2px)}.missionSection{padding:6rem 0;background-color:#fff;border-bottom:1px solid var(--color-slate-100)}.missionGrid{display:grid;gap:4rem;align-items:center}@media(min-width:1024px){.missionGrid{grid-template-columns:1fr 1fr}}.missionImage{width:100%;border-radius:2rem;box-shadow:0 25px 50px -12px #0000001a}.servicesSection{padding-top:6rem;padding-bottom:6rem;background-color:var(--color-slate-50);position:relative;z-index:20}.servicesHeader{display:flex;flex-direction:column;margin-bottom:4rem;gap:1.5rem}@media(min-width:768px){.servicesHeader{flex-direction:row;justify-content:space-between;align-items:flex-end}}.servicesTitleBox{max-width:42rem}.exploreBtn{color:var(--color-blue-600);font-weight:700;display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;transition:all .2s}.exploreBtn:hover{gap:.5rem}.servicesGrid{display:grid;gap:2rem}@media(min-width:768px){.servicesGrid{grid-template-columns:repeat(3,1fr)}}.serviceCard{padding:2rem;border-radius:1.5rem;border:1px solid var(--color-slate-100);background-color:#fff;transition:all .3s}.serviceCard:hover{background-color:#fff;box-shadow:0 25px 50px -12px var(--color-slate-200);transform:translateY(-5px)}.iconBox{margin-bottom:1.5rem;padding:1rem;background-color:var(--color-slate-50);border-radius:1rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;transition:transform .3s;color:var(--color-blue-600)}.iconBox svg{width:1.5rem;height:1.5rem}.serviceCard:hover .iconBox{transform:scale(1.1)}.cardTitle{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.cardDesc{color:var(--color-slate-600);line-height:1.625;margin-bottom:1.5rem}.cardLine{height:.25rem;width:3rem;background-color:var(--color-blue-600);border-radius:9999px;transition:width .5s}.serviceCard:hover .cardLine{width:100%}.portfolioSection{padding-top:6rem;padding-bottom:6rem;background-color:var(--color-slate-900)}.portfolioGrid{display:grid;gap:2rem;text-align:left}@media(min-width:768px){.portfolioGrid{grid-template-columns:repeat(3,1fr)}}.portfolioCard{cursor:pointer}.imageWrapper{position:relative;aspect-ratio:4/5;border-radius:1.5rem;overflow:hidden;margin-bottom:1.5rem}.portfolioImage{object-fit:cover;width:100%;height:100%;transition:transform .7s}.portfolioCard:hover .portfolioImage{transform:scale(1.05)}.portfolioOverlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.6),transparent);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:2rem}.portfolioCard:hover .portfolioOverlay{opacity:1}.viewProjectBtn{background-color:#fff;color:var(--color-slate-900);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;display:flex;align-items:center;gap:.5rem;border:none}.serviceCard:focus-visible,.processCard:focus-visible{outline:2px solid var(--color-blue-600);outline-offset:4px;transform:translateY(-5px)}.comparisonSection{padding:8rem 0;background-color:var(--color-slate-900);color:#fff}.comparisonHeader{text-align:center;margin-bottom:5rem}.comparisonHeader .sectionLabel{color:var(--color-blue-400)}.comparisonHeader .sectionHeading{color:#fff}.comparisonGrid{display:grid;gap:3rem}@media(min-width:768px){.comparisonGrid{grid-template-columns:repeat(3,1fr)}}.comparisonCard{padding:3rem 2rem;background:#ffffff08;border-top:4px solid var(--color-blue-600);border-radius:0 0 1.5rem 1.5rem;transition:transform .3s ease}.comparisonCard:hover{transform:translateY(-10px);background:#ffffff0d}.comparisonIconBox{color:var(--color-blue-400);margin-bottom:1.5rem}.comparisonIconBox svg{width:2.5rem;height:2.5rem}.comparisonTitle{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.comparisonDesc{color:var(--color-slate-400);line-height:1.7;font-size:1.1rem}.portfolioHeading{color:var(--color-blue-400)}.portfolioTitle{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--color-blue-400)}