.devProjectPage{color:#fff;background:#07111f;width:100%;min-height:100vh;overflow-x:hidden}.devProjectHero{align-items:flex-end;height:72vh;min-height:580px;max-height:820px;padding:140px 8% 80px;display:flex;position:relative;overflow:hidden}.devProjectHeroImage{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.devProjectHeroOverlay{background:linear-gradient(90deg,#020912f5 0%,#020912ba 47%,#02091242 100%),linear-gradient(#0000 35%,#020912e6);position:absolute;inset:0}.devProjectHeroContent{z-index:2;max-width:900px;position:relative}.devProjectHeroContent>p,.devProjectLabel,.devProjectSectionHeader>p,.devProjectIntroductionTitle>p,.devProjectContextTitle>p,.devProjectTechnologyIntro>p{color:#3f9cff;letter-spacing:5px;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:700}.devProjectHeroContent h1{letter-spacing:-3px;max-width:900px;margin:0;font-size:clamp(48px,7vw,92px);font-weight:600;line-height:1}.devProjectHeroContent>span{color:#c7d3e0;max-width:760px;margin-top:28px;font-size:20px;line-height:1.7;display:block}.devProjectHeroContent>a{color:#fff;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:14px;margin-top:36px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.devProjectHeroContent>a strong{color:#3f9cff;font-size:19px}.devProjectBreadcrumb{color:#738094;background:#fff;flex-wrap:wrap;gap:10px;padding:21px 8%;font-size:13px;display:flex}.devProjectBreadcrumb a{color:#182437;text-decoration:none}.devProjectBreadcrumb a:hover{color:#1675df}.devProjectIntroduction,.devProjectContext{color:#111827;background:#f5f8fc;grid-template-columns:.8fr 1.2fr;gap:90px;padding:110px 8%;display:grid}.devProjectIntroductionTitle h2,.devProjectContextTitle h2,.devProjectSectionHeader h2,.devProjectTechnologyIntro h2{letter-spacing:-2px;margin:0;font-size:clamp(38px,5vw,60px);font-weight:500;line-height:1.08}.devProjectIntroductionText p{color:#47566a;margin:0;font-size:23px;line-height:1.75}.devProjectMainImage{background:#f5f8fc;padding:0 8% 110px}.devProjectMainImage img{object-fit:cover;border:1px solid #d4deea;width:100%;max-height:760px;display:block;box-shadow:0 35px 80px #09192b26}.devProjectContext{background:#fff;padding-top:100px}.devProjectContextText p{color:#536174;margin:0 0 22px;font-size:17px;line-height:1.85}.devProjectChallenge{background:#091523;grid-template-columns:repeat(2,1fr);display:grid}.devProjectChallenge article{padding:100px 8%}.devProjectChallenge article:first-child{border-right:1px solid #ffffff1f}.devProjectChallenge h2{margin:0 0 36px;font-size:clamp(34px,4vw,50px);font-weight:500;line-height:1.12}.devProjectChallenge ul{gap:18px;margin:0;padding:0;list-style:none;display:grid}.devProjectChallenge li{color:#abb8c7;padding-left:26px;font-size:16px;line-height:1.7;position:relative}.devProjectChallenge li:before{content:"→";color:#3f9cff;position:absolute;left:0}.devProjectFeatures{background:#07111f;padding:110px 8%}.devProjectSectionHeader{max-width:850px;margin-bottom:65px}.devProjectFeaturesGrid{border-top:1px solid #ffffff1f;border-left:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);display:grid}.devProjectFeaturesGrid article{border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff1f;min-height:300px;padding:36px;transition:transform .25s,background .25s}.devProjectFeaturesGrid article:hover{z-index:2;background:#0e2239;transform:translateY(-5px)}.devProjectFeaturesGrid article>span{color:#3f9cff;letter-spacing:2px;font-size:12px}.devProjectFeaturesGrid h3{margin:44px 0 18px;font-size:24px;font-weight:500}.devProjectFeaturesGrid p{color:#9eabba;margin:0;font-size:15px;line-height:1.75}.devProjectTechnology{color:#111827;background:#f5f8fc;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;padding:110px 8%;display:grid}.devProjectTechnologyIntro>span{color:#5b6879;max-width:650px;margin-top:26px;font-size:17px;line-height:1.8;display:block}.devProjectTechnologyGrid{flex-wrap:wrap;gap:13px;display:flex}.devProjectTechnologyGrid>span{color:#26364a;background:#fff;border:1px solid #c8d5e4;border-radius:6px;padding:15px 21px;font-size:14px;transition:transform .25s,border-color .25s}.devProjectTechnologyGrid>span:hover{border-color:#2586f8;transform:translateY(-3px)}.devProjectResults{background:#0d72d6;grid-template-columns:repeat(4,1fr);display:grid}.devProjectResults article{text-align:center;border-right:1px solid #fff3;flex-direction:column;justify-content:center;min-height:190px;padding:32px;display:flex}.devProjectResults article:last-child{border-right:none}.devProjectResults strong{font-size:29px;font-weight:600}.devProjectResults span{color:#dcecff;margin-top:9px;font-size:14px}.devProjectGallery{color:#111827;background:#fff;padding:110px 8%}.devProjectGalleryGrid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.devProjectGalleryGrid figure{background:#e8edf3;border:1px solid #d7e0ea;margin:0;overflow:hidden}.devProjectGalleryGrid figure:first-child{grid-column:1/-1}.devProjectGalleryGrid img{object-fit:cover;width:100%;height:100%;max-height:700px;transition:transform .45s;display:block}.devProjectGalleryGrid figure:hover img{transform:scale(1.025)}.devProjectNavigation{background:#091523;justify-content:space-between;align-items:center;gap:30px;padding:55px 8%;display:flex}.devProjectNavigation>a{color:#d4deea;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:13px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.devProjectContactButton{border:1px solid #2586f8;border-radius:25px;min-height:50px;padding:0 24px}.devProjectContactButton:hover{color:#fff;background:#1675df}@media (max-width:950px){.devProjectIntroduction,.devProjectContext,.devProjectTechnology{grid-template-columns:1fr;gap:45px}.devProjectChallenge{grid-template-columns:1fr}.devProjectChallenge article:first-child{border-bottom:1px solid #ffffff1f;border-right:none}.devProjectFeaturesGrid,.devProjectResults{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.devProjectHero{height:auto;min-height:680px;padding:170px 24px 70px}.devProjectHeroContent h1{letter-spacing:-1.5px;font-size:45px}.devProjectHeroContent>span{font-size:17px}.devProjectBreadcrumb{padding:18px 24px}.devProjectIntroduction,.devProjectContext,.devProjectFeatures,.devProjectTechnology,.devProjectGallery{padding:75px 24px}.devProjectMainImage{padding:0 24px 75px}.devProjectIntroductionText p{font-size:19px}.devProjectChallenge article{padding:75px 24px}.devProjectFeaturesGrid,.devProjectResults,.devProjectGalleryGrid{grid-template-columns:1fr}.devProjectGalleryGrid figure:first-child{grid-column:auto}.devProjectNavigation{flex-direction:column;align-items:stretch;padding:45px 24px}.devProjectNavigation>a{justify-content:center}}