:root{--tech-brand-blue:#0047d6;--tech-brand-blue-hover:#0037a8;--tech-blue-light:#f0f6ff;--tech-blue-subtle:#f8faff;--tech-blue-border:#d8e5fb;--tech-blue-glow:#0047d61f;--tech-text-primary:#0f172a;--tech-text-secondary:#475569;--tech-border-light:#e2e8f0}.tech-detail-page{isolation:isolate;color:var(--tech-text-primary);font-family:var(--font-body,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:#fff;position:relative;overflow-x:hidden}.tech-container{width:100%;max-width:1220px;margin:0 auto;padding:0 24px}.tech-not-found{text-align:center;padding:140px 0 100px}.tech-not-found h1{color:var(--tech-text-primary);margin-bottom:16px;font-size:36px;font-weight:800}.tech-not-found p{color:var(--tech-text-secondary);margin-bottom:32px;font-size:17px}.tech-hero{background:radial-gradient(ellipse at 50% 0%, var(--tech-blue-light) 0%, #fff 70%);padding:120px 0 80px;position:relative;overflow:hidden}.tech-hero__bg-blob{filter:blur(80px);pointer-events:none;z-index:-1;opacity:.5;border-radius:50%;animation:16s ease-in-out infinite alternate techBlobDrift;position:absolute}.tech-hero__bg-blob--1{background:#d8e5fb;width:420px;height:420px;top:-40px;right:8%}.tech-hero__bg-blob--2{background:#e8f0fe;width:320px;height:320px;bottom:10px;left:4%}@keyframes techBlobDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(20px,-24px)scale(1.06)}to{transform:translate(-18px,18px)scale(.96)}}.tech-breadcrumb{color:var(--tech-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:13.5px;display:flex}.tech-breadcrumb a{color:var(--tech-text-secondary);text-decoration:none;transition:color .18s}.tech-breadcrumb a:hover{color:var(--tech-brand-blue)}.tech-breadcrumb__sep{opacity:.45;-webkit-user-select:none;user-select:none}.tech-breadcrumb__current{color:var(--tech-brand-blue);font-weight:600}.tech-hero__grid{grid-template-columns:1.18fr .82fr;align-items:center;gap:48px;display:grid}.tech-hero__tag{background:var(--tech-blue-light);border:1px solid var(--tech-blue-border);color:var(--tech-brand-blue);letter-spacing:.02em;border-radius:9999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.tech-hero__tag-dot{background:var(--tech-brand-blue);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite techPulse;box-shadow:0 0 10px #0047d699}@keyframes techPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}.tech-hero__title{letter-spacing:-.025em;color:var(--tech-text-primary);margin:0 0 20px;font-size:50px;font-weight:800;line-height:1.14}.tech-hero__gradient-text{background:linear-gradient(135deg, var(--tech-brand-blue) 0%, #2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tech-hero__desc{color:var(--tech-text-secondary);max-width:580px;margin:0 0 32px;font-size:18px;line-height:1.62}.tech-hero__actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tech-btn-primary{background:var(--tech-brand-blue);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:0 8px 22px -4px #0047d659;color:#fff!important}.tech-btn-primary:hover{background-color:var(--tech-brand-blue-hover);transform:translateY(-2px);box-shadow:0 12px 26px -4px #0047d673}.tech-btn-primary:focus-visible{outline:2px solid var(--tech-brand-blue);outline-offset:3px}.tech-btn-secondary:focus-visible{outline:2px solid var(--tech-brand-blue);outline-offset:3px}.tech-cta__btn:focus-visible{outline:2px solid var(--tech-brand-blue);outline-offset:3px}.tech-btn-secondary{color:var(--tech-text-primary);border:1px solid var(--tech-border-light);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .18s,background-color .18s,color .18s;display:inline-flex}.tech-btn-secondary:hover{border-color:var(--tech-brand-blue);color:var(--tech-brand-blue);background-color:var(--tech-blue-subtle)}.tech-hero__visual{justify-content:center;align-items:center;display:flex;position:relative}.tech-hero__visual-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#0047d61f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute}.tech-hero__visual-card{border:1px solid var(--tech-blue-border);background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:350px;height:340px;padding:36px 28px;animation:6s ease-in-out infinite techFloat;display:flex;position:relative;box-shadow:0 20px 48px -12px #0047d61f,0 0 0 1px #0047d60a}@keyframes techFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tech-hero__logo-img{-o-object-fit:contain;object-fit:contain;max-width:170px;max-height:125px;display:block;background:0 0!important}.tech-hero__logo-img--django{-o-object-fit:contain;object-fit:contain;width:100%;max-width:290px;height:auto;max-height:110px}.tech-hero__logo-img--odoo{-o-object-fit:contain;object-fit:contain;image-rendering:auto;width:160px;max-width:160px;height:160px;max-height:160px}@media (min-width:768px){.tech-hero__logo-img--odoo{width:208px;max-width:208px;height:208px;max-height:208px}}.tech-hero__mern-logos{grid-template-columns:repeat(2,1fr);place-items:center;gap:24px;display:grid}.tech-hero__mern-img{-o-object-fit:contain;object-fit:contain;width:62px;height:62px;transition:transform .2s}.tech-hero__mern-img:hover{transform:scale(1.08)}.tech-hero__badge{border:1px solid var(--tech-blue-border);color:var(--tech-brand-blue);background:#fff;border-radius:9999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:-15px;box-shadow:0 8px 20px -4px #0047d624}.tech-highlights{border-top:1px solid var(--tech-border-light);border-bottom:1px solid var(--tech-border-light);background:#fff;padding:32px 0}.tech-highlights__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.tech-highlight-item{background:var(--tech-blue-subtle);border:1px solid var(--tech-blue-border);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.tech-highlight-icon-box{background:var(--tech-brand-blue);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tech-highlight-label{color:var(--tech-text-primary);font-size:14.5px;font-weight:600;line-height:1.35}.tech-services{background:var(--tech-blue-subtle);padding:92px 0}.tech-section-header{text-align:center;max-width:680px;margin:0 auto 52px}.tech-section-header--compact{margin-bottom:34px}.tech-section-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--tech-brand-blue);background:var(--tech-blue-light);border:1px solid var(--tech-blue-border);border-radius:9999px;margin-bottom:14px;padding:5px 14px;font-size:12.5px;font-weight:700;display:inline-block}.tech-section-title{letter-spacing:-.02em;color:var(--tech-text-primary);margin:0 0 14px;font-size:38px;font-weight:800}.tech-section-sub{color:var(--tech-text-secondary);margin:0;font-size:16.5px;line-height:1.6}.tech-services__grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.tech-service-card{border:1px solid var(--tech-border-light);background:#fff;border-radius:20px;padding:32px 28px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000005}.tech-service-card:before{content:"";background:var(--tech-brand-blue);opacity:0;height:3px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.tech-service-card:hover{border-color:var(--tech-blue-border);transform:translateY(-5px);box-shadow:0 14px 32px -8px #0047d629}.tech-service-card:hover:before{opacity:1}.tech-service-icon{background:var(--tech-blue-light);width:48px;height:48px;color:var(--tech-brand-blue);border-radius:12px;justify-content:center;align-items:center;margin-bottom:22px;transition:background-color .2s,color .2s;display:flex}.tech-service-card:hover .tech-service-icon{background:var(--tech-brand-blue);color:#fff}.tech-service-card h3{color:var(--tech-text-primary);margin:0 0 10px;font-size:19px;font-weight:700}.tech-service-card p{color:var(--tech-text-secondary);margin:0;font-size:14.5px;line-height:1.6}.tech-why{border-top:1px solid var(--tech-border-light);background:#fff;padding:92px 0}.tech-why__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid}.tech-why__content h2{letter-spacing:-.02em;color:var(--tech-text-primary);margin:0 0 18px;font-size:38px;font-weight:800}.tech-why__content-intro{color:var(--tech-text-secondary);margin:0 0 32px;font-size:16.5px;line-height:1.65}.tech-benefits-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.tech-benefit-item{align-items:flex-start;gap:14px;display:flex}.tech-benefit-check{background:var(--tech-blue-light);border:1px solid var(--tech-blue-border);width:24px;height:24px;color:var(--tech-brand-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.tech-benefit-text{color:#1e293b;font-size:15.5px;font-weight:500;line-height:1.55}.tech-orbit-container{justify-content:center;align-items:center;width:360px;height:360px;margin:0 auto;display:flex;position:relative}.tech-orbit-ring{border-radius:50%;position:absolute}.tech-orbit-ring--outer{border:1px dashed var(--tech-blue-border);width:350px;height:350px;animation:36s linear infinite techSpinClockwise}.tech-orbit-ring--inner{border:1px solid var(--tech-blue-border);width:230px;height:230px;animation:28s linear infinite techSpinCounterClockwise}@keyframes techSpinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes techSpinCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.tech-orbit-center{z-index:2;border:2px solid var(--tech-blue-border);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;padding:18px;display:flex;position:relative;box-shadow:0 10px 30px #0047d624}.tech-orbit-center img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.tech-orbit-img--django{-o-object-fit:contain;object-fit:contain;width:auto;height:auto;max-width:85px!important}.tech-orbit-img--odoo{-o-object-fit:contain;object-fit:contain;image-rendering:auto;width:68px;max-width:68px;height:68px;max-height:68px}.tech-orbit-node{border:1px solid var(--tech-blue-border);width:32px;height:32px;color:var(--tech-brand-blue);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 12px #0047d61a}.tech-orbit-node--1{top:12px;left:50%;transform:translate(-50%)}.tech-orbit-node--2{bottom:12px;left:50%;transform:translate(-50%)}.tech-orbit-node--3{top:50%;left:12px;transform:translateY(-50%)}.tech-orbit-node--4{top:50%;right:12px;transform:translateY(-50%)}.tech-process{background:var(--tech-blue-subtle);padding:92px 0}.tech-process__timeline{position:relative}.tech-process__line{background:var(--tech-border-light);z-index:0;height:2px;position:absolute;top:25px;left:6%;right:6%}.tech-process__line-fill{background:var(--tech-brand-blue);width:0%;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.tech-process__timeline--active .tech-process__line-fill{width:100%}.tech-process__grid{z-index:1;grid-template-columns:repeat(5,1fr);gap:20px;display:grid;position:relative}.tech-process-step{opacity:.45;flex-direction:column;padding:0 10px;transition:opacity .5s,transform .5s;display:flex;position:relative;transform:translateY(12px)}.tech-process__timeline--active .tech-process-step{opacity:1;transform:translateY(0)}.tech-process__timeline--active .tech-process-step:first-child{transition-delay:.1s}.tech-process__timeline--active .tech-process-step:nth-child(2){transition-delay:.25s}.tech-process__timeline--active .tech-process-step:nth-child(3){transition-delay:.4s}.tech-process__timeline--active .tech-process-step:nth-child(4){transition-delay:.55s}.tech-process__timeline--active .tech-process-step:nth-child(5){transition-delay:.7s}.tech-process-step__indicator{border:2px solid var(--tech-border-light);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;transition:border-color .3s,background-color .3s;display:flex}.tech-process__timeline--active .tech-process-step__indicator{border-color:var(--tech-brand-blue);background:var(--tech-blue-light)}.tech-process-step__number{color:var(--tech-brand-blue);font-size:16px;font-weight:800}.tech-process-step h3{color:var(--tech-text-primary);margin:0 0 10px;font-size:17.5px;font-weight:700}.tech-process-step p{color:var(--tech-text-secondary);margin:0;font-size:13.5px;line-height:1.55}.tech-stack-sec{border-top:1px solid var(--tech-border-light);border-bottom:1px solid var(--tech-border-light);background:#fff;padding:72px 0;overflow:hidden}.tech-marquee-wrapper{width:100%;padding:10px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.tech-marquee-track{gap:16px;width:max-content;animation:28s linear infinite techMarqueeScroll;display:flex}.tech-marquee-track:hover{animation-play-state:paused}@keyframes techMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tech-chip{border:1px solid var(--tech-blue-border);color:#1e293b;white-space:nowrap;background:#fff;border-radius:9999px;align-items:center;padding:10px 22px;font-size:14.5px;font-weight:600;transition:border-color .18s,transform .18s;display:inline-flex;box-shadow:0 2px 6px #00000008}.tech-chip:hover{border-color:var(--tech-brand-blue);transform:translateY(-2px)}.tech-usecases{background:var(--tech-blue-subtle);padding:92px 0}.tech-usecases__grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.tech-usecase-card{border:1px solid var(--tech-border-light);background:#fff;border-radius:20px;padding:34px 30px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 4px 16px #00000005}.tech-usecase-card:hover{border-color:var(--tech-blue-border);transform:translateY(-5px);box-shadow:0 14px 32px -8px #0047d624}.tech-usecase-card h3{color:var(--tech-text-primary);margin:0 0 12px;font-size:21px;font-weight:700}.tech-usecase-card p{color:var(--tech-text-secondary);margin:0;font-size:15px;line-height:1.6}.tech-faq{border-top:1px solid var(--tech-border-light);background:#fff;padding:92px 0}.tech-faq__list{flex-direction:column;gap:16px;max-width:820px;margin:0 auto;display:flex}.tech-faq-item{border:1px solid var(--tech-border-light);background:#fff;border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.tech-faq-item--open{border-color:var(--tech-blue-border);box-shadow:0 8px 24px -6px #0047d61a}.tech-faq-button{width:100%;color:var(--tech-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;font-family:inherit;font-size:17px;font-weight:600;transition:color .18s;display:flex}.tech-faq-button:hover{color:var(--tech-brand-blue)}.tech-faq-chevron{width:20px;height:20px;color:var(--tech-brand-blue);flex-shrink:0;transition:transform .25s}.tech-faq-item--open .tech-faq-chevron{transform:rotate(180deg)}.tech-faq-answer{color:var(--tech-text-secondary);padding:0 26px 24px;font-size:15px;line-height:1.65;animation:.22s techFadeIn}@keyframes techFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tech-cta{background:#fff;padding:80px 0 96px}.tech-cta__banner{text-align:center;background:linear-gradient(135deg, var(--tech-brand-blue) 0%, #1d4ed8 100%);color:#fff;border-radius:28px;padding:64px 48px;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0047d666}.tech-cta__banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.tech-cta__title{letter-spacing:-.02em;color:#fff;z-index:1;margin:0 0 16px;font-size:42px;font-weight:800;position:relative}.tech-cta__desc{color:#ffffffeb;z-index:1;max-width:620px;margin:0 auto 36px;font-size:18px;line-height:1.6;position:relative}.tech-cta__btn{z-index:1;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:16px 36px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;position:relative;box-shadow:0 10px 24px #00000026;color:var(--tech-brand-blue)!important}.tech-cta__btn:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 14px 30px #00000038}@media (max-width:1024px){.tech-hero__title{font-size:42px}.tech-hero__grid{grid-template-columns:1fr;gap:40px}.tech-hero__visual{order:-1}.tech-hero__visual-card{width:300px;height:300px}.tech-highlights__grid,.tech-services__grid{grid-template-columns:repeat(2,1fr)}.tech-why__grid{grid-template-columns:1fr;gap:40px}.tech-process__line{display:none}.tech-process__grid{grid-template-columns:repeat(2,1fr);gap:24px}.tech-process-step:last-child{grid-column:span 2}}@media (max-width:768px){.tech-hero{padding:96px 0 56px}.tech-hero__title{font-size:32px}.tech-hero__desc{font-size:16px}.tech-services__grid,.tech-highlights__grid,.tech-usecases__grid,.tech-process__grid{grid-template-columns:1fr}.tech-process-step:last-child{grid-column:span 1}.tech-cta__banner{border-radius:20px;padding:44px 24px}.tech-cta__title{font-size:28px}.tech-cta__desc{font-size:15px}.tech-orbit-container{width:290px;height:290px}.tech-orbit-ring--outer{width:280px;height:280px}.tech-orbit-ring--inner{width:190px;height:190px}}@media (prefers-reduced-motion:reduce){.tech-hero__bg-blob,.tech-hero__visual-card,.tech-orbit-ring--outer,.tech-orbit-ring--inner,.tech-hero__tag-dot,.tech-marquee-track,.tech-process__line-fill,.tech-process-step{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.tech-service-card,.tech-btn-primary,.tech-usecase-card,.tech-chip{transition:none!important}}
