.interactive3dHero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.heroBackground{z-index:0;position:absolute;inset:0}.hero3dCanvas{opacity:0;width:100%;height:100%;transition:opacity 1s}.hero3dCanvas.loaded{opacity:1}.heroGradientOverlay{background:radial-gradient(ellipse at center,transparent 0%,rgba(var(--bgPrimary),.3)50%,var(--bgPrimary)100%);pointer-events:none;position:absolute;inset:0}.interactive3dHeroContainer{z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.heroGrid{grid-template-columns:1fr 1fr;align-items:center;gap:6rem;display:grid}@media (max-width:1024px){.heroGrid{text-align:center;grid-template-columns:1fr;gap:4rem}}.serviceLabel{background:linear-gradient(135deg,var(--glassIndigo10)0%,var(--glassCyan10)100%);border:1px solid var(--cdBlue);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}.serviceLabelIcon{width:1.25rem;height:1.25rem}.heroTitle{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}.titleGradient{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.titleSubline{color:var(--textSecondary);margin-top:.5rem;font-size:.5em;font-weight:500;display:block}.heroDescription{font-size:var(--text2xl);line-height:var(--leadingRelaxed);color:var(--textSecondary);max-width:500px;margin-bottom:3rem}.featureTags{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.featureTag{background:var(--glassIndigo10);border:1px solid var(--glassIndigo20);color:var(--cdBlue);font-weight:500;font-size:var(--textSm);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.featureIcon{width:1rem;height:1rem}.heroActions{flex-wrap:wrap;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.primaryAction{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:var(--neutral50);font-weight:600;font-size:var(--textLg);box-shadow:0 4px 20px var(--glassIndigo30);border-radius:3rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.primaryAction:hover{box-shadow:0 8px 30px var(--glassIndigo30);transform:translateY(-2px)}.actionIcon{width:1.25rem;height:1.25rem;transition:transform .3s}.primaryAction:hover .actionIcon{transform:translate(4px)}.projectScope{flex-direction:column;gap:.25rem;display:flex}.scopeLabel{font-size:var(--textSm);color:var(--textSecondary)}.scopePrice{font-size:var(--text2xl);color:var(--cdBlue);font-weight:700}.heroStats{flex-wrap:wrap;gap:3rem;display:flex}.statItem{flex-direction:column;gap:.25rem;display:flex}.statValue{font-size:var(--text3xl);color:var(--textPrimary);font-weight:800}.statLabel{font-size:var(--textSm);color:var(--textSecondary);font-weight:500}.heroVisual{justify-content:center;align-items:center;display:flex;position:relative}.interactionHint{background:var(--glassWhite10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glassWhite20);color:var(--textPrimary);font-size:var(--textSm);border-radius:2rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:500;animation:3s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hintIcon{width:1.25rem;height:1.25rem;color:var(--cdCyan)}.techCapabilities{background:var(--bgSecondary);padding:8rem 0}.techCapabilitiesContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.capabilitiesHeader{text-align:center;margin-bottom:4rem}.capabilitiesTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.titleAccent{color:var(--cdBlue)}.capabilitiesSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:700px;line-height:var(--leadingRelaxed);margin:0 auto}.capabilitiesInterface{background:var(--bgPrimary);box-shadow:0 25px 60px var(--glassBlack10),0 0 0 1px var(--glassWhite5);border-radius:2rem;overflow:hidden}.categoryTabs{background:var(--glassWhite5);border-bottom:1px solid var(--borderPrimary);flex-wrap:wrap;display:flex}.categoryTab{min-width:200px;color:var(--textSecondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;align-items:center;gap:.75rem;padding:1.5rem;transition:all .3s;display:flex}.categoryTab:hover{background:var(--glassWhite5);color:var(--textPrimary)}.categoryTab.active{background:var(--glassIndigo10);color:var(--cdBlue);border-bottom-color:var(--cdBlue)}.tabIcon{width:1.5rem;height:1.5rem}.tabLabel{font-weight:600;font-size:var(--textSm)}.categoryContent{padding:3rem}.categoryHeader{align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}.categoryIcon{width:3rem;height:3rem;color:var(--cdBlue);flex-shrink:0}.categoryTitle{font-size:var(--text4xl);color:var(--textPrimary);margin-bottom:.75rem;font-weight:700}.categoryDescription{font-size:var(--textLg);color:var(--textSecondary);line-height:var(--leadingRelaxed)}.technologiesGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.technologyCard{background:var(--glassWhite5);border:1px solid var(--borderPrimary);border-radius:1rem;padding:2rem;transition:all .3s}.technologyCard:hover{background:var(--glassWhite10);border-color:var(--cdBlue);transform:translateY(-2px)}.techHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.techName{font-size:var(--textXl);color:var(--textPrimary);font-weight:700}.techBestFor{background:var(--glassIndigo20);color:var(--cdBlue);font-size:var(--textXs);border-radius:1rem;padding:.25rem .75rem;font-weight:600}.techDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:1.5rem}.techStrengths,.strengthsTitle{font-size:var(--textSm);color:var(--textPrimary);margin-bottom:.75rem;font-weight:600}.strengthsList{flex-wrap:wrap;gap:.5rem;display:flex}.strengthTag{background:var(--glassWhite10);border:1px solid var(--borderSecondary);color:var(--textPrimary);font-size:var(--textXs);border-radius:1rem;padding:.25rem .75rem;font-weight:500}.capabilitiesStats{margin-top:4rem}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.statCard{text-align:center;background:var(--bgPrimary);border-radius:1rem;padding:2rem;transition:all .3s}.statCard:hover{transform:translateY(-2px)}.statIcon{width:3rem;height:3rem;color:var(--cdBlue);margin:0 auto 1rem}.showcaseCarousel{background:var(--bgPrimary);padding:8rem 0}.showcaseContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.showcaseHeader{text-align:center;margin-bottom:4rem}.showcaseTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.showcaseSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:600px;line-height:var(--leadingRelaxed);margin:0 auto}.showcaseInterface{background:var(--bgSecondary);box-shadow:0 25px 60px var(--glassBlack10),0 0 0 1px var(--glassWhite5);border-radius:2rem;overflow:hidden}.projectSelector{background:var(--glassWhite5);border-bottom:1px solid var(--borderPrimary);display:flex;overflow-x:auto}.projectTab{color:var(--textSecondary);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:1rem;min-width:250px;padding:2rem;transition:all .3s;display:flex}.projectTab:hover{background:var(--glassWhite5);color:var(--textPrimary)}.projectTab.active{background:var(--glassIndigo10);color:var(--cdBlue);border-bottom-color:var(--cdBlue)}.projectTabIcon{background:var(--glassWhite10);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.5rem;display:flex}.projectTabContent{text-align:left}.projectTabTitle{font-size:var(--textLg);margin-bottom:.25rem;font-weight:600}.projectTabCategory{font-size:var(--textSm);opacity:.8}.projectShowcase{padding:3rem}.showcaseContent{grid-template-columns:1fr 1fr;align-items:flex-start;gap:3rem;display:grid}@media (max-width:1024px){.showcaseContent{grid-template-columns:1fr;gap:2rem}}.projectPreview{position:relative}.previewWindow{background:var(--bgPrimary);box-shadow:0 10px 30px var(--glassBlack20);border-radius:1rem;overflow:hidden}.windowHeader{background:var(--glassWhite5);border-bottom:1px solid var(--borderPrimary);align-items:center;gap:1rem;padding:1rem;display:flex}.windowDots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:var(--cdRed)}.dot.yellow{background:var(--cdYellow)}.dot.green{background:var(--cdGreen)}.windowTitle{color:var(--textSecondary);font-size:var(--textSm)}.previewContent{aspect-ratio:16/9;background:linear-gradient(135deg,var(--bgTertiary),var(--bgPrimary))}.preview3D{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.previewPlaceholder{color:var(--textSecondary);flex-direction:column;align-items:center;gap:1rem;display:flex}.placeholderIcon{opacity:.5;font-size:4rem}.playIcon{width:3rem;height:3rem;color:var(--cdBlue)}.previewText{color:var(--textPrimary);font-weight:600}.projectDetails{flex-direction:column;gap:2rem;display:flex}.detailsHeader{margin-bottom:1rem}.projectTitle{font-size:var(--text4xl);color:var(--textPrimary);margin-bottom:.5rem;font-weight:700}.projectMeta{color:var(--textSecondary);font-size:var(--textSm);align-items:center;gap:.75rem;display:flex}.separator{opacity:.5}.projectDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed);font-size:var(--textLg)}.projectMetrics{background:var(--bgPrimary);border-radius:1rem;padding:1.5rem}.metricsTitle{font-size:var(--textBase);color:var(--textPrimary);margin-bottom:1rem;font-weight:600}.metricsGrid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.metricItem{flex-direction:column;gap:.5rem;display:flex}.metricIcon{width:1.25rem;height:1.25rem;color:var(--cdBlue)}.metricValue{font-size:var(--textXl);color:var(--textPrimary);font-weight:700}.metricLabel{font-size:var(--textXs);color:var(--textSecondary)}.projectFeatures{background:var(--bgPrimary);border-radius:1rem;padding:1.5rem}.featuresList{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.featureItem{color:var(--textSecondary);align-items:center;gap:.75rem;display:flex}.projectTech{background:var(--bgPrimary);border-radius:1rem;padding:1.5rem}.techTitle{font-size:var(--textBase);color:var(--textPrimary);margin-bottom:1rem;font-weight:600}.techTags{flex-wrap:wrap;gap:.5rem;display:flex}.techTag{background:var(--glassIndigo10);border:1px solid var(--glassIndigo30);color:var(--cdBlue);font-size:var(--textSm);border-radius:1rem;padding:.5rem 1rem;font-weight:500}.projectCTA{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:var(--neutral50);border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.projectCTA:hover{box-shadow:0 8px 30px var(--glassIndigo30);transform:translateY(-2px)}.ctaIcon{width:1.25rem;height:1.25rem;transition:transform .3s}.projectCTA:hover .ctaIcon{transform:translate(4px)}.interactionTypes{background:var(--bgSecondary);padding:8rem 0}.interactionTypesContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.interactionHeader{text-align:center;margin-bottom:4rem}.interactionTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.interactionSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:700px;line-height:var(--leadingRelaxed);margin:0 auto}.interactionsGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.interactionCard{background:var(--bgPrimary);border:2px solid var(--borderPrimary);cursor:pointer;border-radius:1.5rem;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.interactionCard:hover{border-color:var(--interaction-color,var(--cdBlue));box-shadow:0 10px 30px var(--glassIndigo20);transform:translateY(-4px)}.interactionCard.selected{border-color:var(--interaction-color,var(--cdBlue));background:var(--glassIndigo10)}.interactionIcon{width:3rem;height:3rem;color:var(--interaction-color,var(--cdBlue));margin-bottom:1.5rem}.interactionIcon svg{width:100%;height:100%}.interactionCardTitle{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.interactionDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:1.5rem}.interactionDetails{border-top:1px solid var(--borderPrimary);margin-top:2rem;padding-top:2rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detailsContent{flex-direction:column;gap:1.5rem;display:flex}.detailsTitle{font-size:var(--textBase);color:var(--textPrimary);font-weight:600}.featureBullet{color:var(--interaction-color,var(--cdBlue));margin-right:.5rem;font-weight:600}.bestForBadge{background:var(--glassIndigo10);border:1px solid var(--glassIndigo20);border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.bestForLabel{color:var(--textSecondary);font-size:var(--textSm)}.bestForValue{color:var(--cdBlue);font-weight:600;font-size:var(--textSm)}.interactionFooter{background:var(--bgPrimary);border-radius:2rem;padding:3rem}.customInteraction{align-items:center;gap:2rem;display:flex}@media (max-width:768px){.customInteraction{text-align:center;flex-direction:column;gap:1.5rem}}.customIcon{width:4rem;height:4rem;color:var(--cdBlue);flex-shrink:0}.customDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed)}.performanceMetrics{background:var(--bgPrimary);padding:8rem 0}.performanceContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.performanceHeader{text-align:center;margin-bottom:4rem}.performanceTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.performanceSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:600px;line-height:var(--leadingRelaxed);margin:0 auto}.metricCard{background:var(--bgSecondary);text-align:center;border-radius:1.5rem;padding:2rem;transition:all .3s}.metricCard:hover{box-shadow:0 10px 30px var(--glassBlack20);transform:translateY(-4px)}.metricDescription{color:var(--textSecondary);font-size:var(--textSm);line-height:var(--leadingSnug)}.optimizationTechniques{margin-top:5rem}.techniquesTitle{font-size:var(--text4xl);color:var(--textPrimary);text-align:center;margin-bottom:3rem;font-weight:700}.techniquesGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.techniqueCard{background:var(--bgSecondary);border-radius:1rem;padding:2rem;transition:all .3s}.techniqueCard:hover{box-shadow:0 5px 20px var(--glassBlack10);transform:translateY(-2px)}.techniqueTitle{font-size:var(--textXl);color:var(--textPrimary);margin-bottom:1rem;font-weight:600}.techniqueDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed);font-size:var(--textSm)}.developmentWorkflow{background:var(--bgSecondary);padding:8rem 0}.workflowContainer{max-width:1200px;margin:0 auto;padding:0 2rem}.workflowHeader{text-align:center;margin-bottom:5rem}.workflowTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.workflowSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:700px;line-height:var(--leadingRelaxed);margin:0 auto}.workflowTimeline{flex-direction:column;gap:3rem;margin-bottom:5rem;display:flex}.workflowStep{align-items:flex-start;gap:2rem;display:flex}@media (max-width:768px){.workflowStep{flex-direction:column;gap:1rem}}.stepConnection{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.stepNumber{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));width:3rem;height:3rem;color:var(--neutral50);font-weight:700;font-size:var(--textLg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;transition:all .3s;display:flex}.stepNumber:hover,.stepNumber.active{box-shadow:0 5px 20px var(--glassIndigo30);transform:scale(1.1)}.connectionLine{background:linear-gradient(to bottom,var(--cdBlue),transparent);opacity:.5;width:2px;height:4rem}.stepContent{background:var(--bgPrimary);border:1px solid var(--borderPrimary);cursor:pointer;border-radius:1.5rem;flex:1;padding:2.5rem;transition:all .3s}.stepContent:hover,.stepContent.expanded{border-color:var(--cdBlue);box-shadow:0 10px 30px var(--glassBlack20);transform:translateY(-2px)}.stepIcon{width:3rem;height:3rem;color:var(--cdBlue);margin-bottom:1.5rem}.stepHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.stepTitle{font-size:var(--text2xl);color:var(--textPrimary);font-weight:700}.stepDuration{background:var(--glassIndigo10);border:1px solid var(--glassIndigo30);color:var(--cdBlue);font-size:var(--textSm);border-radius:1rem;padding:.5rem 1rem;font-weight:600}.stepDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:2rem}.stepDeliverables{border-top:1px solid var(--borderPrimary);margin-top:2rem;padding-top:2rem;animation:.3s slideDown}.deliverablesTitle{font-size:var(--textBase);color:var(--textPrimary);margin-bottom:1rem;font-weight:600}.deliverablesList{flex-wrap:wrap;gap:.75rem;display:flex}.deliverableTag{background:var(--glassWhite5);border:1px solid var(--borderSecondary);color:var(--textPrimary);font-size:var(--textSm);border-radius:1rem;padding:.5rem 1rem;font-weight:500}.workflowFooter{background:var(--bgPrimary);border-radius:2rem;padding:3rem}.iterativeProcess{text-align:left;align-items:center;gap:2rem;display:flex}@media (max-width:768px){.iterativeProcess{text-align:center;flex-direction:column;gap:1.5rem}}.iterativeIcon{width:4rem;height:4rem;color:var(--cdBlue);flex-shrink:0;animation:3s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.iterativeTitle{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.iterativeDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed)}.useCases{background:var(--bgPrimary);padding:8rem 0}.useCasesContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.useCasesHeader{text-align:center;margin-bottom:4rem}.useCasesTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.useCasesSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:700px;line-height:var(--leadingRelaxed);margin:0 auto}.useCasesGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.useCaseCard{background:var(--bgSecondary);border:1px solid var(--borderPrimary);border-radius:1.5rem;padding:2.5rem;transition:all .3s}.useCaseCard:hover{border-color:var(--cdBlue);box-shadow:0 10px 30px var(--glassBlack20);transform:translateY(-4px)}.useCaseIcon{width:3rem;height:3rem;color:var(--cdBlue);margin-bottom:1.5rem}.useCaseTitle{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.useCaseDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:1.5rem}.useCaseExamples{flex-wrap:wrap;gap:.5rem;display:flex}.exampleTag{background:var(--glassIndigo10);border:1px solid var(--glassIndigo30);color:var(--cdBlue);font-size:var(--textXs);border-radius:1rem;padding:.5rem 1rem;font-weight:500}.pricingTiers{background:var(--bgSecondary);padding:8rem 0}.pricingContainer{max-width:1400px;margin:0 auto;padding:0 2rem}.pricingHeader{text-align:center;margin-bottom:4rem}.pricingTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.pricingSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:700px;line-height:var(--leadingRelaxed);margin:0 auto}.tiersGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.tierCard{background:var(--bgPrimary);border:2px solid var(--borderPrimary);cursor:pointer;border-radius:2rem;padding:3rem;transition:all .3s;position:relative}.tierCard:hover{border-color:var(--cdBlue);box-shadow:0 10px 30px var(--glassBlack20);transform:translateY(-4px)}.tierCard.selected{border-color:var(--cdCyan);background:var(--glassCyan10)}.tierCard.popular{border-color:var(--cdBlue);box-shadow:0 25px 60px var(--glassIndigo20)}.popularBadge{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:var(--neutral50);font-size:var(--textSm);border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:600;display:flex;position:absolute;top:-1rem;left:50%;transform:translate(-50%)}.popularIcon{width:1rem;height:1rem}.tierHeader{text-align:center;margin-bottom:2rem}.tierIcon{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));width:4rem;height:4rem;color:var(--neutral50);border-radius:1rem;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.tierIcon svg{width:2rem;height:2rem}.tierName{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.tierDescription{color:var(--textSecondary);line-height:var(--leadingRelaxed)}.tierPricing{text-align:center;border-bottom:1px solid var(--borderPrimary);margin-bottom:2rem;padding-bottom:2rem}.tierPrice{font-size:var(--text5xl);color:var(--cdBlue);margin-bottom:1rem;font-weight:800}.tierTimeline{background:var(--glassWhite5);border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1.5rem;display:flex}.timelineLabel,.bestForLabel{color:var(--textSecondary);font-size:var(--textSm)}.timelineValue,.bestForValue{color:var(--textPrimary);font-weight:600;font-size:var(--textSm)}.tierBestFor{background:var(--glassIndigo10);border:1px solid var(--glassIndigo20);border-radius:1rem;padding:1rem 1.5rem}.tierFeatures{margin-bottom:2rem}.featuresTitle{font-size:var(--textLg);color:var(--textPrimary);margin-bottom:1rem;font-weight:600}.featureItem.excluded{opacity:.5}.featureIcon.included{color:var(--cdBlue)}.featureIcon.excluded{color:var(--textSecondary)}.featureName{font-size:var(--textSm);color:var(--textPrimary)}.featureItem.excluded .featureName{color:var(--textSecondary)}.tierAction{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));width:100%;color:var(--neutral50);border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.tierAction:hover{box-shadow:0 8px 30px var(--glassIndigo30);transform:translateY(-2px)}.pricingFooter{background:var(--bgPrimary);text-align:center;border-radius:2rem;padding:3rem}.customProject{max-width:600px;margin:0 auto}.customTitle{font-size:var(--text3xl);color:var(--textPrimary);margin-bottom:1rem;font-weight:700}.customAction{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:var(--neutral50);border-radius:1rem;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.customAction:hover{box-shadow:0 8px 30px var(--glassIndigo30);transform:translateY(-2px)}.interactive3dForm{background:var(--bgPrimary);padding:8rem 0}.formContainer{max-width:1000px;margin:0 auto;padding:0 2rem}.formHeader{text-align:center;margin-bottom:4rem}.formTitle{color:var(--textPrimary);letter-spacing:var(--trackingTight);margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800}.formSubtitle{font-size:var(--textXl);color:var(--textSecondary);max-width:600px;line-height:var(--leadingRelaxed);margin:0 auto}.projectForm{background:var(--bgSecondary);box-shadow:0 25px 60px var(--glassBlack10),0 0 0 1px var(--glassWhite5);border-radius:2rem;padding:3rem}.formSection{margin-bottom:3rem}.formSection:last-child{margin-bottom:0}.sectionTitle{font-size:var(--text2xl);color:var(--textPrimary);align-items:center;gap:1rem;margin-bottom:2rem;font-weight:700;display:flex}.sectionIcon{width:1.5rem;height:1.5rem;color:var(--cdBlue)}.fieldsGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.fieldGroup{flex-direction:column;gap:.5rem;display:flex}.fieldGroup.full{grid-column:1/-1}.fieldLabel{font-size:var(--textSm);color:var(--textPrimary);font-weight:600}.fieldInput,.fieldSelect,.fieldTextarea{background:var(--glassWhite5);border:1px solid var(--borderPrimary);color:var(--textPrimary);font-size:var(--textBase);border-radius:.75rem;padding:1rem;transition:all .3s}.fieldInput:focus,.fieldSelect:focus,.fieldTextarea:focus{border-color:var(--cdBlue);background:var(--glassWhite10);box-shadow:0 0 0 3px var(--glassIndigo10);outline:none}.fieldTextarea{resize:vertical;min-height:120px}.checkboxGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.checkboxLabel{background:var(--glassWhite5);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.checkboxLabel:hover{background:var(--glassWhite10)}.checkboxInput{width:1.125rem;height:1.125rem;accent-color:var(--cdBlue)}.checkboxText{font-size:var(--textSm);color:var(--textPrimary);font-weight:500}.formActions{text-align:center;border-top:1px solid var(--borderPrimary);margin-top:3rem;padding-top:2rem}.submitButton{background:linear-gradient(135deg,var(--cdBlue),var(--cdCyan));color:var(--neutral50);font-weight:600;font-size:var(--textLg);cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1.25rem 3rem;transition:all .3s;display:inline-flex}.submitButton:hover:not(:disabled){box-shadow:0 8px 30px var(--glassIndigo30);transform:translateY(-2px)}.submitButton:disabled{opacity:.7;cursor:not-allowed}.submitIcon{width:1.25rem;height:1.25rem;transition:transform .3s}.submitButton:hover:not(:disabled) .submitIcon{transform:translate(4px)}.spinner{border:2px solid var(--glassWhite30);border-top:2px solid var(--neutral50);border-radius:50%;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.formNote{color:var(--textSecondary);font-size:var(--textSm);margin:0}.contactAlternative{background:var(--bgSecondary);text-align:center;border-radius:2rem;margin-top:4rem;padding:3rem}.alternativeContent{max-width:500px;margin:0 auto}.alternativeTitle{font-size:var(--text2xl);color:var(--textPrimary);margin-bottom:2rem;font-weight:700}.contactMethods{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.contactMethod{color:var(--cdBlue);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.contactMethod:hover{color:var(--cdCyan)}.contactIcon{width:1.25rem;height:1.25rem}.alternativeNote{color:var(--textSecondary);font-size:var(--textSm);margin:0}.successMessage{text-align:center;background:var(--bgSecondary);border-radius:2rem;max-width:600px;margin:0 auto;padding:4rem 3rem}.successIcon{width:4rem;height:4rem;color:var(--cdBlue);margin:0 auto 2rem}.successTitle{font-size:var(--text4xl);color:var(--textPrimary);margin-bottom:1.5rem;font-weight:700}.successText{color:var(--textSecondary);line-height:var(--leadingRelaxed);margin-bottom:2rem}.submitAnother{background:var(--glassIndigo10);border:1px solid var(--glassIndigo30);color:var(--cdBlue);cursor:pointer;border-radius:1rem;padding:1rem 2rem;font-weight:600;transition:all .3s}.submitAnother:hover{background:var(--glassIndigo20);transform:translateY(-2px)}@media (max-width:768px){.heroGrid{grid-template-columns:1fr;gap:2rem}.categoryTabs{flex-direction:column}.categoryTab{border-bottom:none;border-left:3px solid #0000}.categoryTab.active{border-left-color:var(--cdBlue);border-bottom-color:#0000}.heroActions{flex-direction:column;align-items:stretch;gap:1rem}.primaryAction{justify-content:center}.projectScope{text-align:center}.interactionsGrid,.technologiesGrid,.useCasesGrid,.tiersGrid,.statsGrid,.fieldsGrid{grid-template-columns:1fr}.contactMethods{flex-direction:column;align-items:center}.heroStats{text-align:center;justify-content:center;gap:2rem}.projectSelector{flex-direction:column}.projectTab{border-bottom:none;border-left:3px solid #0000}.projectTab.active{border-left-color:var(--cdBlue);border-bottom-color:#0000}}@media (max-width:480px){.interactive3dHero,.techCapabilities,.showcaseCarousel,.interactionTypes,.performanceMetrics,.developmentWorkflow,.useCases,.pricingTiers,.interactive3dForm{padding:4rem 0}.interactive3dHeroContainer,.techCapabilitiesContainer,.showcaseContainer,.interactionTypesContainer,.performanceContainer,.workflowContainer,.useCasesContainer,.pricingContainer,.formContainer{padding:0 1rem}.categoryContent,.projectShowcase,.projectForm,.contactAlternative,.successMessage{padding:2rem}}
