.webAppDevHero{background:var(--bgPrimary);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.webAppDevHeroContainer{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.webAppDevHeroGrid{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}@media (max-width:1024px){.webAppDevHeroGrid{text-align:center;grid-template-columns:1fr;gap:4rem}}.webAppDevServiceLabel{background:linear-gradient(135deg,var(--glassIndigo10)0%,var(--glassCyan10)100%);border:1px solid var(--glassIndigo30);font-size:var(--textBase);color:var(--cdBlue);border-radius:3rem;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:1rem 2rem;font-weight:600;display:inline-flex}.webAppDevServiceLabelIcon{width:1.25rem;height:1.25rem}.webAppDevHeroTitle{font-size:clamp(3.5rem,8vw,5.5rem);font-weight:800;line-height:var(--leadingTight);color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:2rem}.webAppDevTitleDynamic{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block;position:relative}.webAppDevTitleCursor{color:var(--cdBlue);font-weight:300;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.webAppDevHeroDescription{font-size:var(--text2xl);line-height:var(--leadingRelaxed);color:var(--textSecondary);max-width:500px;margin-bottom:3rem}.webAppDevFeatureTags{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.webAppDevFeatureTag{background:var(--cardBg);border:1px solid var(--cardBorder);font-size:var(--textBase);color:var(--textPrimary);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .3s;display:flex}.webAppDevFeatureTag:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-2px)}.webAppDevFeatureIcon{width:1rem;height:1rem;color:var(--cdBlue)}.webAppDevHeroActions{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:4rem;display:flex}.webAppDevPrimaryAction{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));color:var(--neutral50);font-weight:600;font-size:var(--textLg);box-shadow:0 8px 32px var(--glassIndigo30);border-radius:3rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.webAppDevPrimaryAction:hover{box-shadow:0 12px 40px var(--glassIndigo30);transform:translateY(-2px)}.webAppDevActionIcon{width:1.25rem;height:1.25rem;transition:transform .3s}.primaryAction:hover .webAppDevActionIcon{transform:translate(4px)}.webAppDevProjectScope{flex-direction:column;align-items:center;display:flex}.webAppDevScopeLabel{font-size:var(--textSm);color:var(--textSecondary);margin-bottom:.25rem}.webAppDevScopePrice{font-size:var(--text3xl);color:var(--textPrimary);font-weight:800}.webAppDevHeroStats{border-top:1px solid var(--borderLight);grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:2rem;display:grid}@media (max-width:768px){.webAppDevHeroStats{grid-template-columns:1fr;gap:1rem}}.webAppDevStatItem{text-align:center}.webAppDevStatValue{font-size:var(--text3xl);color:var(--cdBlue);margin-bottom:.25rem;font-weight:800;display:block}.webAppDevStatLabel{font-size:var(--textSm);color:var(--textSecondary);font-weight:500}.webAppDevHeroVisual{height:700px;position:relative}.webAppDevVisualContainer{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:stretch stretch;gap:2rem;width:100%;height:100%;display:grid;position:relative}.webAppDevMainEditor{background:var(--neutral900);box-shadow:var(--shadowXl);font-family:var(--fontFamilyMono);z-index:2;border-radius:1rem;grid-area:1/1/2/2;position:relative;overflow:hidden}.webAppDevEditorTabs{background:var(--neutral800);border-bottom:1px solid var(--neutral700);display:flex}.webAppDevTab{background:var(--neutral800);border-right:1px solid var(--neutral700);font-size:var(--textSm);color:var(--neutral300);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex;position:relative}.webAppDevTab.webAppDevActive{background:var(--neutral900);color:var(--neutral50)}.webAppDevTabClose{opacity:.6;font-size:var(--textBase);margin-left:.25rem}.webAppDevTabClose:hover{opacity:1}.webAppDevEditorHeader{background:var(--neutral800);border-bottom:1px solid var(--neutral700);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.webAppDevEditorPath{font-size:var(--textSm);color:var(--neutral500);text-align:center;flex:1}.webAppDevEditorActions{gap:.5rem;display:flex}.webAppDevAction{font-size:var(--textSm);opacity:.7}.webAppDevEditorDots{gap:.5rem;display:flex}.webAppDevDot{border-radius:50%;width:12px;height:12px}.webAppDevDot.webAppDevRed{background:var(--cdRed)}.webAppDevDot.webAppDevYellow{background:var(--cdYellow)}.webAppDevDot.webAppDevGreen{background:var(--cdGreen)}.webAppDevEditorTitle{font-size:var(--textSm);color:var(--neutral300);font-weight:500}.webAppDevEditorContent{background:var(--neutral900);height:300px;padding:1rem;overflow-y:auto}.webAppDevCodeLine{font-size:var(--textSm);line-height:var(--leadingNormal);align-items:flex-start;margin-bottom:.25rem;display:flex}.webAppDevCodeLine.webAppDevEmptyLine{margin-bottom:.25rem}.webAppDevCodeLine.webAppDevTypingLine{animation:1s infinite webAppDevTyping}@keyframes webAppDevTyping{0%,50%{opacity:1}51%,to{opacity:.7}}.webAppDevLineNumber{color:var(--neutral500);text-align:right;min-width:20px;margin-right:1rem}.webAppDevCode{color:var(--neutral300)}.webAppDevKeyword{color:var(--cdBlue);font-weight:500}.webAppDevFunction{color:var(--cdYellow)}.webAppDevProperty{color:var(--cdCyan)}.webAppDevBoolean{color:var(--cdBlue)}.webAppDevString{color:var(--cdCoral)}.webAppDevComment{color:var(--cdGreen);font-style:italic}.webAppDevCursor{color:var(--neutral50);animation:1s infinite blink}.webAppDevBrowserPreview{background:var(--neutral50);box-shadow:var(--shadowXl);z-index:2;border-radius:1rem;grid-area:1/2/2/3;position:relative;overflow:hidden}.webAppDevBrowserHeader{background:var(--neutral100);border-bottom:1px solid var(--neutral200);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.webAppDevBrowserControls{gap:.5rem;display:flex}.webAppDevBrowserDot{border-radius:50%;width:12px;height:12px}.webAppDevBrowserDot.webAppDevRed{background:var(--cdRed)}.webAppDevBrowserDot.webAppDevYellow{background:var(--cdYellow)}.webAppDevBrowserDot.webAppDevGreen{background:var(--cdGreen)}.webAppDevAddressBar{text-align:center;font-size:var(--textSm);color:var(--neutral600);flex:1}.webAppDevBrowserContent{background:var(--neutral50);height:280px;overflow:hidden}.webAppDevAppInterface{padding:1rem}.webAppDevNavbar{border-bottom:1px solid var(--neutral200);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.webAppDevLogo{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:4px;width:80px;height:24px}.webAppDevNavItems{gap:1rem;display:flex}.webAppDevNavItems span{background:var(--neutral200);border-radius:4px;width:60px;height:16px}.webAppDevAppContent{gap:1rem;display:flex}.webAppDevCard{background:var(--neutral100);border-radius:8px;flex:1;padding:1rem}.webAppDevCardHeader{background:var(--neutral200);border-radius:4px;width:100%;height:12px;margin-bottom:.75rem}.webAppDevCardContent{padding-top:.5rem}.webAppDevProgressBar{background:var(--neutral200);border-radius:4px;width:100%;height:8px;overflow:hidden}.webAppDevProgress{background:var(--cdBlue);width:70%;height:100%;animation:3s ease-in-out infinite webAppDevProgressFill}@keyframes webAppDevProgressFill{0%{width:0%}50%{width:70%}to{width:70%}}.webAppDevChart{flex:1;justify-content:center;align-items:end;display:flex}.webAppDevChartBars{align-items:end;gap:.5rem;height:80px;display:flex}.webAppDevBar{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:2px;width:16px;animation:2s ease-in-out infinite webAppDevBarGrow}@keyframes webAppDevBarGrow{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.webAppDevInfrastructure{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;grid-area:2/1/3/2;justify-content:space-around;align-items:center;padding:2rem 1rem;display:flex;position:relative}.webAppDevInfraItem{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.webAppDevInfraIcon{width:2rem;height:2rem;color:var(--cdBlue);background:var(--glassIndigo10);border:1px solid var(--glassIndigo30);border-radius:50%;padding:.75rem;animation:3s ease-in-out infinite webAppDevInfraPulse}@keyframes webAppDevInfraPulse{0%,to{box-shadow:0 0 0 0 var(--glassIndigo30);transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 0 10px #0000}}.webAppDevInfraLabel{font-size:var(--textXs);color:var(--textSecondary);text-align:center;font-weight:500}.webAppDevConnection{background:linear-gradient(90deg,var(--cdBlue),transparent);width:40px;height:2px;animation:2s ease-in-out infinite webAppDevDataFlow;position:absolute;top:50%;left:100%}@keyframes webAppDevDataFlow{0%,to{opacity:.3;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.webAppDevDatabase .webAppDevConnection{animation-delay:0s}.webAppDevApi .webAppDevConnection{animation-delay:.5s}.webAppDevCloud .webAppDevConnection{display:none}.webAppDevDevices{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;grid-area:2/2/3/3;justify-content:space-around;align-items:center;padding:2rem 1rem;display:flex}.webAppDevDevice{flex-direction:column;align-items:center;gap:.75rem;display:flex}.webAppDevDeviceIcon{width:2rem;height:2rem;color:var(--cdGreen)}.webAppDevDeviceScreen{background:var(--neutral900);border:2px solid var(--neutral700);border-radius:4px;width:80px;height:50px;padding:.25rem;position:relative}.webAppDevMobile .webAppDevDeviceScreen{border-radius:8px;width:30px;height:50px}.webAppDevScreenContent{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:2px;width:100%;height:100%;animation:4s ease-in-out infinite webAppDevScreenFlicker}@keyframes webAppDevScreenFlicker{0%,to{opacity:1}50%{opacity:.8}}.webAppDevMetrics{z-index:3;gap:1rem;display:flex;position:absolute;top:1rem;right:1rem}.webAppDevMetric{background:var(--glassWhite30);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glassWhite20);text-align:center;box-shadow:var(--shadowSm);border-radius:.75rem;padding:.75rem}.webAppDevMetricValue{font-size:var(--textBase);color:var(--cdBlue);margin-bottom:.25rem;font-weight:700;display:block}.webAppDevMetricLabel{font-size:var(--textXs);color:var(--textSecondary);text-transform:uppercase;letter-spacing:var(--trackingWide)}.webAppDevFloatingElements{pointer-events:none;z-index:1;position:absolute;inset:0}.webAppDevFloatingElement{opacity:.4;animation:6s ease-in-out infinite webAppDevFloat;position:absolute}@keyframes webAppDevFloat{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-10px)translate(5px)}50%{transform:translateY(-5px)translate(-5px)}75%{transform:translateY(-15px)translate(10px)}}.webAppDevDataPacket{background:var(--cdBlue);border-radius:50%;width:8px;height:8px;animation-delay:0s;top:20%;left:15%}.webAppDevApiCall{background:var(--cdGreen);width:12px;height:2px;animation-delay:1s;top:60%;right:25%}.webAppDevNotification{background:var(--cdYellow);border-radius:50%;width:6px;height:6px;animation-delay:2s;bottom:30%;left:30%}.webAppDevProcessing{background:linear-gradient(90deg,var(--cdBlue),transparent);width:10px;height:2px;animation-delay:3s;top:40%;right:15%}.webAppDevTechStack{background:var(--bgSecondary);padding:10rem 0}.webAppDevTechStackContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.webAppDevStackHeader{text-align:center;margin-bottom:6rem}.webAppDevStackTitle{color:var(--textPrimary);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.webAppDevStackSubtitle{font-size:var(--textXl);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:700px;margin:0 auto}.webAppDevStackInterface{max-width:1200px;margin:0 auto 8rem}.webAppDevCategoryTabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.webAppDevCategoryTab{background:var(--cardBg);border:2px solid var(--cardBorder);cursor:pointer;font-family:inherit;font-size:var(--textLg);color:var(--textSecondary);border-radius:2rem;align-items:center;gap:.75rem;padding:1.5rem 2.5rem;font-weight:600;transition:all .3s;display:flex}.webAppDevCategoryTab:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-2px)}.webAppDevCategoryTab.active{border-color:var(--cdBlue);background:var(--glassIndigo10);color:var(--cdBlue);box-shadow:var(--shadowLg);transform:translateY(-2px)}.webAppDevTabIcon{width:1.5rem;height:1.5rem}.webAppDevTabLabel{font-size:var(--textBase);color:inherit;font-weight:600}.webAppDevCategoryContent{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowLg);border-radius:2rem;padding:4rem}.webAppDevCategoryHeader{align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.webAppDevCategoryIcon{width:3rem;height:3rem;color:var(--cdBlue);flex-shrink:0}.webAppDevCategoryTitle{font-size:var(--text3xl);color:var(--textPrimary);margin-bottom:.5rem;font-weight:800}.webAppDevCategoryDescription{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed)}.webAppDevTechnologiesGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.webAppDevTechnologyCard{border:1px solid var(--borderLight);background:var(--bgMuted);border-radius:1.5rem;padding:2rem;transition:all .3s}.webAppDevTechnologyCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translateY(-4px)}.webAppDevTechHeader{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.webAppDevTechName{font-size:var(--textXl);color:var(--textPrimary);font-weight:700}.webAppDevTechVersion{font-size:var(--textSm);color:var(--cdBlue);background:var(--glassIndigo10);border-radius:1rem;padding:.25rem .75rem;font-weight:600}.webAppDevTechDescription{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingNormal);margin-bottom:1.5rem}.webAppDevProficiencyBar{margin-top:1.5rem}.webAppDevProficiencyLabel{font-size:var(--textSm);color:var(--textPrimary);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;display:flex}.webAppDevProficiencyTrack{background:var(--borderLight);border-radius:3px;height:6px;overflow:hidden}.webAppDevProficiencyFill{background:linear-gradient(90deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:3px;height:100%;transition:width 1s}.webAppDevStackBenefits{text-align:center}.webAppDevBenefitsTitle{font-size:var(--text4xl);color:var(--textPrimary);margin-bottom:4rem;font-weight:800}.webAppDevBenefitsGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.webAppDevBenefitCard{text-align:center;background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowSm);border-radius:2rem;padding:3rem 2rem;transition:all .3s}.webAppDevBenefitCard:hover{box-shadow:var(--shadowXl);transform:translateY(-8px)}.webAppDevBenefitIcon{width:3rem;height:3rem;color:var(--cdBlue);margin:0 auto 2rem}.webAppDevBenefitTitle{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.webAppDevBenefitText{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingRelaxed)}.webAppDevApplicationTypes{background:var(--bgPrimary);padding:10rem 0}.webAppDevApplicationTypesContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.webAppDevTypesHeader{text-align:center;margin-bottom:8rem}.webAppDevTypesTitle{color:var(--textPrimary);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.webAppDevTypesSubtitle{font-size:var(--textXl);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:700px;margin:0 auto}.webAppDevTypesGrid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-bottom:8rem;display:grid}@media (max-width:768px){.webAppDevTypesGrid{grid-template-columns:1fr;gap:2rem}}.webAppDevTypeCard{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowSm);border-radius:2rem;padding:3rem;transition:all .3s}.webAppDevTypeCard:hover{box-shadow:var(--shadowXl);transform:translateY(-8px)}.webAppDevTypeHeader{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.webAppDevTypeIcon{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.webAppDevIconSvg{width:1.5rem;height:1.5rem;color:var(--neutral50)}.webAppDevTypeTitle{font-size:var(--text2xl);color:var(--textPrimary);font-weight:700}.webAppDevTypeDescription{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:2rem}.webAppDevTypeFeatures{margin-bottom:2rem}.webAppDevFeaturesTitle{font-size:var(--textLg);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.webAppDevFeaturesList{margin:0;padding:0;list-style:none}.webAppDevFeatureItem{font-size:var(--textBase);color:var(--textSecondary);align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.webAppDevFeatureCheck{width:1.125rem;height:1.125rem;color:var(--cdBlue);flex-shrink:0}.webAppDevTypeDetails{border-top:1px solid var(--borderLight);padding-top:2rem}.webAppDevDetailItem{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.webAppDevDetailLabel{font-size:var(--textSm);color:var(--textSecondary);font-weight:500}.webAppDevDetailValue{font-size:var(--textSm);color:var(--textPrimary);font-weight:600}.webAppDevDetailValue.highlight{color:var(--cdBlue)}.webAppDevCustomSolution{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowLg);border-radius:2rem;padding:3rem}.webAppDevCustomContent{justify-content:space-between;align-items:center;gap:3rem;display:flex}@media (max-width:1024px){.webAppDevCustomContent{text-align:center;flex-direction:column;gap:2rem}}.webAppDevCustomLeft{text-align:left;flex:1}@media (max-width:1024px){.webAppDevCustomLeft{text-align:center}}.webAppDevCustomTitle{font-size:var(--text3xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.webAppDevCustomText{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:500px;margin:0}@media (max-width:1024px){.webAppDevCustomText{max-width:none;margin:0 auto}}.webAppDevCustomRight{flex-shrink:0}.webAppDevCustomCta{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));color:var(--neutral50);font-weight:600;font-size:var(--textLg);box-shadow:0 8px 32px var(--glassIndigo30);white-space:nowrap;border-radius:3rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.webAppDevCustomCta:hover{box-shadow:0 12px 40px var(--glassIndigo30);transform:translateY(-2px)}.webAppDevCtaIcon{width:1.25rem;height:1.25rem;transition:transform .3s}.webAppDevCustomCta:hover .webAppDevCtaIcon{transform:translate(4px)}.webAppDevDevelopmentProcess{background:var(--bgSecondary);padding:10rem 0}.webAppDevDevelopmentProcessContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.webAppDevProcessHeader{text-align:center;margin-bottom:6rem}.webAppDevProcessTitle{color:var(--textPrimary);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.webAppDevProcessSubtitle{font-size:var(--textXl);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:700px;margin:0 auto}.webAppDevProcessTimeline{margin-bottom:6rem;position:relative}.webAppDevTimelineTrack{background:var(--borderLight);border-radius:2px;height:4px;margin-bottom:2rem;position:relative}.webAppDevTimelineProgress{background:linear-gradient(90deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:2px;height:100%;transition:width .5s}.webAppDevTimelinePhases{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.webAppDevPhaseNode{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;font-family:inherit;transition:all .3s;display:flex}.webAppDevPhaseNode:hover{transform:translateY(-4px)}.webAppDevNodeIcon{background:var(--cardBg);border:2px solid var(--cardBorder);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .3s;display:flex}.webAppDevPhaseNode.active .webAppDevNodeIcon{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-color:var(--cdBlue)}.webAppDevPhaseNode.completed .webAppDevNodeIcon{background:var(--cdBlue);border-color:var(--cdBlue)}.webAppDevNodeIcon .webAppDevIconSvg{width:1.5rem;height:1.5rem;color:var(--textSecondary)}.webAppDevPhaseNode.active .webAppDevNodeIcon .webAppDevIconSvg,.phaseNode.completed .webAppDevNodeIcon .webAppDevIconSvg{color:var(--neutral50)}.webAppDevNodeLabel{font-size:var(--textSm);color:var(--textSecondary);text-align:center;max-width:120px;font-weight:600}.phaseNode.active .webAppDevNodeLabel{color:var(--cdBlue)}.webAppDevPhaseDetails{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowLg);border-radius:2rem;margin-bottom:6rem;padding:4rem}.webAppDevDetailsHeader{align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.webAppDevPhaseIcon{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}.webAppDevPhaseIcon .webAppDevIconSvg{width:2rem;height:2rem;color:var(--neutral50)}.webAppDevPhaseInfo{flex:1}.webAppDevPhaseTitle{font-size:var(--text3xl);color:var(--textPrimary);margin-bottom:.5rem;font-weight:800}.webAppDevPhaseDuration{font-size:var(--textBase);color:var(--cdBlue);font-weight:600}.webAppDevPhaseDescription{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:3rem}.webAppDevPhaseContent{grid-template-columns:1fr 1fr;gap:4rem;display:grid}@media (max-width:768px){.webAppDevPhaseContent{grid-template-columns:1fr;gap:3rem}}.webAppDevSectionTitle{font-size:var(--textXl);color:var(--textPrimary);margin-bottom:1.5rem;font-weight:700}.webAppDevActivityList{margin:0;padding:0;list-style:none}.webAppDevActivityItem{font-size:var(--textBase);color:var(--textSecondary);align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.webAppDevActivityNumber{background:var(--cdBlue);width:1.5rem;height:1.5rem;color:var(--neutral50);font-size:var(--textXs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.webAppDevDeliverablesList{flex-direction:column;gap:1rem;display:flex}.webAppDevDeliverableItem{font-size:var(--textBase);color:var(--textSecondary);align-items:center;gap:.75rem;display:flex}.webAppDevDeliverableIcon{background:var(--cdGreen);width:1.125rem;height:1.125rem;color:var(--neutral50);font-size:var(--textXs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.webAppDevProcessMethodology{text-align:center}.webAppDevMethodologyTitle{font-size:var(--text4xl);color:var(--textPrimary);margin-bottom:4rem;font-weight:800}.webAppDevAgileContent{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:1024px){.webAppDevAgileContent{grid-template-columns:1fr;gap:3rem}}.webAppDevAgileVisualization{position:sticky;top:2rem}.agileSystem{background:var(--cardBg);border:1px solid var(--cardBorder);height:400px;box-shadow:var(--shadowLg);border-radius:2rem;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.agileCore{text-align:center;z-index:10;position:relative}.coreCircle{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));width:5rem;height:5rem;box-shadow:0 0 30px var(--glassIndigo30);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.coreIcon{width:2.5rem;height:2.5rem;color:var(--neutral50)}.rotatingRing{border:2px solid var(--cdBlue);opacity:.4;border-top:2px solid #0000;border-radius:50%;animation:8s linear infinite rotate;position:absolute;inset:-8px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coreLabel{font-size:var(--textSm);color:var(--textPrimary);text-transform:uppercase;letter-spacing:var(--trackingWidest);margin-top:1rem;font-weight:700;display:block}.agileOrbit{position:absolute;inset:0}.orbitItem{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute}.orbitItem.sprint{top:15%;left:20%}.orbitItem.communication{top:15%;right:20%}.orbitItem.quality{bottom:25%;left:50%;transform:translate(-50%)}.orbitIcon{background:var(--cardBg);border:2px solid var(--cardBorder);width:2.5rem;height:2.5rem;color:var(--cdBlue);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.orbitIcon:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:scale(1.1)}.orbitConnection{background:linear-gradient(var(--cdBlue),transparent);opacity:.3;width:2px;height:20px;margin-top:.25rem}.agileFlow{pointer-events:none;position:absolute;inset:0}.flowLine{background:linear-gradient(90deg,var(--cdBlue),transparent);opacity:.2;height:2px;animation:4s infinite flow;position:absolute}.flowLine.flow1{width:80px;animation-delay:0s;top:30%;left:10%}.flowLine.flow2{width:60px;animation-delay:1.5s;top:50%;right:15%}.flowLine.flow3{width:70px;animation-delay:3s;bottom:35%;left:15%}@keyframes flow{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.6;transform:translate(20px)}}.teamCollaboration{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;top:10%;left:10%}.teamIcon{width:1.5rem;height:1.5rem;color:var(--cdGreen)}.teamLabel{font-size:var(--textXs);color:var(--textSecondary);text-align:center;font-weight:600}.deliveryIndicator{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;bottom:10%;right:10%}.deliveryIcon{width:1.5rem;height:1.5rem;color:var(--cdGreen)}.deliveryLabel{font-size:var(--textXs);color:var(--textSecondary);text-align:center;font-weight:600}.webAppDevAgileCards{flex-direction:column;gap:1.5rem;display:flex}.agileCard{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowSm);border-radius:1.5rem;align-items:flex-start;gap:1.5rem;padding:2rem;transition:all .3s;display:flex}.agileCard:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd);transform:translate(8px)}.agileCardIcon{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));width:3rem;height:3rem;color:var(--neutral50);border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.agileCardContent{text-align:left;flex:1}.agileCardTitle{font-size:var(--textXl);color:var(--textPrimary);margin-bottom:.75rem;font-weight:700}.agileCardText{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingRelaxed);margin:0}.webAppDevSecurityCompliance{background:var(--bgPrimary);padding:10rem 0}.webAppDevSecurityComplianceContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.securityHeader{text-align:center;margin-bottom:6rem}.securityTitle{color:var(--textPrimary);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.securitySubtitle{font-size:var(--textXl);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:700px;margin:0 auto}.securityContent{grid-template-columns:1fr 1fr;align-items:flex-start;gap:4rem;display:grid}@media (max-width:1024px){.securityContent{grid-template-columns:1fr;gap:3rem}}.securityAccordion{flex-direction:column;gap:1rem;display:flex}.accordionItem{background:var(--cardBg);border:2px solid var(--cardBorder);border-radius:1.5rem;transition:all .3s;overflow:hidden}.accordionItem:hover{border-color:var(--cdBlue);box-shadow:var(--shadowMd)}.accordionItem.active{border-color:var(--cdBlue);box-shadow:var(--shadowLg)}.accordionHeader{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:2rem;font-family:inherit;transition:all .3s;display:flex}.accordionHeader:hover{background:var(--bgMuted)}.accordionHeaderContent{align-items:center;gap:1.5rem;display:flex}.accordionIcon{width:3rem;height:3rem;color:var(--cdBlue);flex-shrink:0}.accordionTitleGroup{flex-direction:column;gap:.25rem;display:flex}.accordionTitle{font-size:var(--text2xl);color:var(--textPrimary);margin:0;font-weight:700}.accordionSubtitle{font-size:var(--textBase);color:var(--textSecondary);font-weight:500}.accordionToggle{width:1.5rem;height:1.5rem;color:var(--textSecondary);flex-shrink:0;transition:transform .3s}.accordionToggle.active{color:var(--cdBlue);transform:rotate(180deg)}.accordionContent{background:var(--bgMuted);max-height:0;transition:all .3s;overflow:hidden}.accordionContent.active{max-height:1000px;padding:0 2rem 2rem}.securityAccordionContent{margin-top:1rem}.securityFeatureItem{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.securityFeatureItem:hover{box-shadow:var(--shadowMd);transform:translateY(-2px)}.securityFeatureItem:last-child{margin-bottom:0}.featureItemHeader{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.featureItemIcon{width:2rem;height:2rem;color:var(--cdBlue);flex-shrink:0;margin-top:.25rem}.featureItemInfo{flex:1}.featureItemTitle{font-size:var(--textLg);color:var(--textPrimary);margin:0 0 .5rem;font-weight:600}.featureItemDescription{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingNormal);margin:0}.featureItemDetails{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-left:3rem;display:grid}@media (max-width:640px){.featureItemDetails{grid-template-columns:1fr;margin-left:0}}.featureDetail{font-size:var(--textSm);color:var(--textSecondary);align-items:center;gap:.5rem;display:flex}.featureDetailDot{background:var(--cdBlue);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.complianceGrid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}@media (max-width:640px){.complianceGrid{grid-template-columns:1fr}}.complianceItem{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:.75rem;padding:1.25rem;transition:all .3s}.complianceItem:hover{box-shadow:var(--shadowSm);border-color:var(--cdBlue)}.complianceItemHeader{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.complianceItemName{font-size:var(--textBase);color:var(--textPrimary);margin:0;font-weight:700}.complianceStatus{color:var(--cdGreen);font-size:var(--textXs);align-items:center;gap:.375rem;font-weight:600;display:flex}.statusIcon{width:.875rem;height:.875rem}.complianceItemDescription{font-size:var(--textSm);color:var(--textSecondary);line-height:var(--leadingSnug);margin:0}.practicesTable{margin-top:1rem}.practiceItem{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s}.practiceItem:hover{box-shadow:var(--shadowSm);border-color:var(--cdBlue)}.practiceItem:last-child{margin-bottom:0}.practiceItemHeader{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.practiceItemName{font-size:var(--textBase);color:var(--textPrimary);flex:1;margin:0;font-weight:600}.practiceFrequency{font-size:var(--textSm);color:var(--cdBlue);background:var(--glassIndigo10);white-space:nowrap;border-radius:1rem;padding:.25rem .75rem;font-weight:600}.practiceItemDescription{font-size:var(--textSm);color:var(--textSecondary);line-height:var(--leadingSnug);margin:0}.webAppDevSecVisualization{position:sticky;top:2rem}.webAppDevSecVisualContainer{background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowLg);border-radius:2rem;padding:3rem 2rem}.webAppDevSecSystem{flex-direction:column;justify-content:center;align-items:center;height:500px;display:flex;position:relative}.webAppDevSecSystemCore{z-index:10;position:relative}.webAppDevSecCoreShield{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));width:6rem;height:6rem;box-shadow:0 0 40px var(--glassIndigo30);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.webAppDevSecCoreIcon{width:3rem;height:3rem;color:var(--neutral50)}.webAppDevSecShieldPulse{border:2px solid var(--cdBlue);opacity:.3;border-radius:50%;animation:2s infinite webAppDevSecPulse;position:absolute;inset:-10px}@keyframes webAppDevSecPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.webAppDevSecLayers{position:absolute;inset:0}.webAppDevSecLayer{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute}.webAppDevSecFirewall{top:20%;left:10%}.webAppDevSecEncryption{top:20%;right:10%}.webAppDevSecMonitoring{bottom:30%;left:10%}.webAppDevSecAuthentication{bottom:30%;right:10%}.webAppDevSecLayerIcon{background:var(--cardBg);border:2px solid var(--cardBorder);width:3rem;height:3rem;color:var(--textSecondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.webAppDevSecLayerIcon:hover{border-color:var(--cdBlue);color:var(--cdBlue);transform:scale(1.1)}.webAppDevSecLayerLabel{font-size:var(--textXs);color:var(--textSecondary);text-align:center;font-weight:600}.webAppDevSecLayerConnection{background:linear-gradient(var(--cdBlue),transparent);opacity:.3;width:2px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.webAppDevSecThreatIndicators{position:absolute;top:10%;right:20%}.webAppDevSecThreatBlock{background:var(--cdRed);opacity:.3;border-radius:2px;width:8px;height:8px;margin-bottom:4px;animation:3s infinite webAppDevSecThreatBlocked}.webAppDevSecThreatBlock:nth-child(2){animation-delay:.5s}.webAppDevSecThreatBlock:nth-child(3){animation-delay:1s}@keyframes webAppDevSecThreatBlocked{0%,80%{opacity:.3;transform:translate(0)}90%{opacity:1;transform:translate(-10px)}to{opacity:.3;transform:translate(0)}}.webAppDevSecStats{background:var(--bgMuted);border:1px solid var(--cardBorder);border-radius:1rem;gap:2rem;padding:1rem 2rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.webAppDevSecStatItem{text-align:center}.webAppDevSecStatValue{font-size:var(--textBase);background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-weight:800;display:block}.webAppDevSecStatLabel{font-size:var(--textXs);color:var(--textSecondary);text-transform:uppercase;letter-spacing:var(--trackingWider);font-weight:500}.webAppDevScalabilityPerformance{background:var(--bgSecondary);padding:10rem 0}.webAppDevScalabilityPerformanceContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.webAppDevPerformanceHeader{text-align:center;margin-bottom:8rem}.webAppDevPerformanceTitle{color:var(--textPrimary);margin-bottom:2rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.webAppDevPerformanceSubtitle{font-size:var(--textXl);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:600px;margin:0 auto}.webAppDevMetricsShowcase{margin-bottom:8rem}.webAppDevMetricsTitle{font-size:var(--text4xl);color:var(--textPrimary);text-align:center;margin-bottom:4rem;font-weight:800}.webAppDevMetricsGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.webAppDevMetricCard{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;box-shadow:var(--shadowSm);border-radius:2rem;padding:3rem 2rem;transition:all .3s}.webAppDevMetricCard:hover{box-shadow:var(--shadowXl);transform:translateY(-8px)}.webAppDevMetricName{font-size:var(--textBase);color:var(--textSecondary);margin-bottom:1rem;font-weight:600}.webAppDevMetricValue{font-size:var(--text5xl);background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-weight:900;display:block}.webAppDevMetricComparison{flex-direction:column;gap:.25rem;display:flex}.webAppDevBenchmark{font-size:var(--textSm);color:var(--textSecondary)}.webAppDevImprovement{font-size:var(--textSm);color:var(--cdGreen);font-weight:600}.webAppDevScalabilityFeatures{margin-bottom:8rem}.webAppDevFeaturesGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.webAppDevFeatureHeader{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.webAppDevCapabilitiesList{margin:0;padding:0;list-style:none}.webAppDevCapabilityItem{font-size:var(--textBase);color:var(--textSecondary);align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.webAppDevCapabilityIcon{width:1rem;height:1rem;color:var(--cdBlue);flex-shrink:0}.webAppDevScalabilityPath{margin-bottom:8rem}.webAppDevPathTitle{font-size:var(--text4xl);color:var(--textPrimary);text-align:center;margin-bottom:1rem;font-weight:800}.webAppDevPathDescription{font-size:var(--textLg);color:var(--textSecondary);text-align:center;max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto}.webAppDevPathTimeline{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.webAppDevStageCard{background:var(--cardBg);border:1px solid var(--cardBorder);text-align:center;border-radius:1.5rem;padding:2rem;transition:all .3s}.webAppDevStageCard:hover{box-shadow:var(--shadowMd);transform:translateY(-4px)}.webAppDevStageHeader{margin-bottom:1rem}.webAppDevStageName{font-size:var(--textXl);color:var(--textPrimary);margin-bottom:.5rem;font-weight:700}.webAppDevStageUsers{font-size:var(--textSm);color:var(--cdBlue);font-weight:600}.webAppDevStageInfrastructure{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingSnug);margin-bottom:1.5rem}.webAppDevStageCost{border-top:1px solid var(--borderLight);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.webAppDevCostLabel{font-size:var(--textSm);color:var(--textSecondary)}.webAppDevCostValue{font-size:var(--textSm);color:var(--textPrimary);font-weight:700}.webAppDevPerformanceGuarantee{text-align:center;background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowLg);border-radius:2rem;padding:4rem}.webAppDevGuaranteeContent{max-width:800px;margin:0 auto}.webAppDevGuaranteeTitle{font-size:var(--text3xl);color:var(--textPrimary);margin-bottom:2rem;font-weight:800}.webAppDevGuaranteeText{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.webAppDevGuaranteeFeatures{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.webAppDevGuaranteeItem{font-size:var(--textBase);color:var(--textPrimary);align-items:center;gap:.5rem;font-weight:500;display:flex}.webAppDevGuaranteeIcon{width:1.125rem;height:1.125rem;color:var(--cdGreen)}.webAppDevWebAppFAQ{background:var(--bgPrimary);padding:8rem 0}.webAppDevWebAppFAQContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.faqHeader{text-align:center;margin-bottom:4rem}.faqHeaderIcon{width:3rem;height:3rem;color:var(--cdBlue);margin:0 auto 1.5rem}.faqTitle{color:var(--textPrimary);margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.faqSubtitle{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed);max-width:600px;margin:0 auto}.faqContent{margin-bottom:4rem}.questionsList{flex-direction:column;gap:.75rem;display:flex}.faqItem{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:1rem;transition:all .3s;overflow:hidden}.faqItem:hover{border-color:var(--cdBlue);box-shadow:var(--shadowSm)}.faqQuestion{width:100%;font-family:inherit;font-size:var(--textBase);color:var(--textPrimary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-weight:600;transition:all .3s;display:flex}.faqQuestion:hover{color:var(--cdBlue);background:var(--bgMuted)}.questionText{flex:1;margin-right:1rem}.questionIcon{flex-shrink:0;width:1.25rem;height:1.25rem}.iconSvg{width:100%;height:100%;color:var(--cdBlue);transition:transform .3s}.faqAnswer{background:var(--bgMuted);max-height:0;transition:all .3s;overflow:hidden}.faqAnswer.open{max-height:300px;padding:0 2rem 1.5rem}.answerText{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingRelaxed);margin:0}.faqFooter{text-align:center;background:var(--cardBg);border:1px solid var(--cardBorder);box-shadow:var(--shadowMd);border-radius:1.5rem;padding:3rem 2rem}.footerTitle{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:.75rem;font-weight:700}.footerText{font-size:var(--textBase);color:var(--textSecondary);line-height:var(--leadingNormal);margin-bottom:2rem}.footerCta{background:linear-gradient(135deg,var(--cdGradientFrom),var(--cdGradientTo));color:var(--neutral50);font-weight:600;font-size:var(--textBase);box-shadow:0 4px 16px var(--glassIndigo30);border-radius:2rem;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s;display:inline-flex}.footerCta:hover{box-shadow:0 6px 20px var(--glassIndigo30);transform:translateY(-2px)}.ctaIcon{width:1rem;height:1rem}