*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#212529;background:#fff}a{text-decoration:none;color:inherit}header{position:fixed;top:0;width:100%;z-index:20;transition:.3s;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 4px 25px #00000012}nav{max-width:1200px;margin:auto;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo{display:flex;align-items:center;gap:10px;font-size:20px}.logo img,.flogo img{height:38px;width:auto;object-fit:contain;border-radius:7px}.nav{display:flex;gap:28px;font-weight:600}.nav a:hover{color:#f97316}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:100vh;padding:125px 20px 70px;background:linear-gradient(135deg,#fff,#f8f9fa 55%,#fff7ed);position:relative;overflow:hidden}.hero-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.2}.one{right:-100px;top:100px;background:#f97316}.two{left:-150px;bottom:0;background:#ecc94b}.badge{display:inline-block;border:1px solid #f97316;border-radius:30px;padding:9px 16px;background:#fff;box-shadow:0 5px 20px #0000000d;font-size:13px;font-weight:700}h1{font-size:clamp(42px,5vw,68px);line-height:1.08;margin:22px 0}h1 span,h2 span{background:linear-gradient(90deg,#d69e2e,#f97316);-webkit-background-clip:text;color:transparent}p{line-height:1.75;color:#59636d}.features{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.features b{color:#343a40}.actions{display:flex;gap:14px;margin:30px 0}.primary,.outline,.darkbtn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:10px;font-weight:700}.primary{background:linear-gradient(90deg,#d69e2e,#f97316);color:white;box-shadow:0 12px 28px #f9731633;border:0}.outline{border:2px solid #212529}.stats{display:flex;gap:60px}.stats strong{display:block;font-size:32px;color:#d69e2e}.stats small{color:#59636d}.device{perspective:1000px;transform:rotateY(-6deg) rotateX(3deg)}.screen{background:#0d1117;border:10px solid #25282d;border-radius:18px;box-shadow:0 30px 60px #0005;overflow:hidden}.bar{height:38px;background:#161b22;display:flex;align-items:center;gap:7px;padding:0 12px;color:#aaa;font-size:11px}.bar i{width:10px;height:10px;border-radius:50%;background:#ff5f56}.bar i:nth-child(2){background:#ffbd2e}.bar i:nth-child(3){background:#27c93f}.bar span{margin:auto;font-family:monospace}.bar em{color:#34d399;font-style:normal}pre{margin:0;padding:25px;color:#ddd;line-height:1.8;font-size:13px;min-height:270px}pre span{color:#c084fc}pre b{color:#f97316}.base{height:15px;background:linear-gradient(#777,#222);width:105%;margin-left:-2.5%;border-radius:0 0 30px 30px}.section{padding:95px 20px}.heading{text-align:center;max-width:800px;margin:0 auto 55px}.heading h2{font-size:45px;margin:0 0 15px}.heading p{font-size:18px}.heading label{font-size:12px;color:#d69e2e;font-weight:800;letter-spacing:3px}.two{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.two h3{font-size:30px}.about-card{height:360px;border-radius:25px;background:linear-gradient(135deg,#fdf9e7,#ffedd5);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 50px #0001}.about-card div{font-size:75px;font-weight:900;color:#d69e2e}.cards{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.services{background:#f8f9fa}.cards article{background:white;border:1px solid #eee;border-radius:25px;padding:30px;text-align:center;box-shadow:0 8px 25px #00000008;transition:.3s}.cards article:hover{transform:translateY(-7px);box-shadow:0 18px 40px #0002}.icon{margin:auto auto 18px;width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#ecc94b,#f97316);color:#fff;display:grid;place-items:center;font-size:32px}.cards h3{font-size:20px}.cards a{font-weight:700;color:#f97316}.portfolio{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:25px}.project{height:300px;border-radius:25px;background:linear-gradient(135deg,#fdf9e7,#ffedd5);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:55px;font-weight:900;color:#d69e2e;position:relative;overflow:hidden}.project div{position:absolute;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(transparent,#111);color:white}.project h3{margin:5px 0;font-size:22px}.project small{color:#f2d865;font-size:11px}.article-box{max-width:1000px;margin:auto;padding:50px;border-radius:25px;background:#f8f9fa;text-align:center;font-weight:700}.contact{background:#f8f9fa}.contact-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:45px}form{background:#fff;padding:30px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;box-shadow:0 10px 30px #0001}input,textarea{padding:14px;border:1px solid #ddd;border-radius:9px;font:inherit}.full{grid-column:1/-1}.info{padding:25px}.info a,.info span{display:block;margin:20px 0;color:#495057;font-weight:600}footer{background:#0d1117;color:white}.footer-cta{background:linear-gradient(90deg,#ecc94b,#f97316);padding:45px max(20px,calc((100% - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-cta h2{margin:0}.footer-cta p{color:#fff;margin:5px 0}.darkbtn{background:#212529;color:#fff}.footer-main{max-width:1150px;margin:auto;padding:60px 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-main p{color:#9ca3af}.footer-main h3{font-size:15px}.footer-main a{display:block;color:#9ca3af;margin:12px 0;font-size:14px}.bottom{border-top:1px solid #252a30;padding:22px;text-align:center;color:#6c757d;font-size:13px}@media(max-width:800px){.nav{display:none}.menu{display:block}.open .nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:20px 25px;box-shadow:0 10px 20px #0001}.hero-grid,.two,.contact-grid{grid-template-columns:1fr}.device{order:-1}.hero{padding-top:105px}.features,.actions{justify-content:center}.stats{justify-content:center;gap:30px}.cards{grid-template-columns:1fr 1fr}.portfolio{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-cta{flex-direction:column;text-align:center}.heading h2{font-size:36px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}h1{font-size:39px}.stats{gap:20px}.stats strong{font-size:25px}form{grid-template-columns:1fr}.full{grid-column:auto}.contact-grid{gap:15px}.section{padding:70px 15px}}
/* Restored original-style animated branding and 3D hero */
.logo{position:relative}.logo img,.flogo img{transition:transform .8s cubic-bezier(.34,1.56,.64,1),filter .4s ease;transform-style:preserve-3d}.logo:hover img{transform:perspective(500px) rotateY(360deg) scale(1.04);filter:drop-shadow(0 6px 12px rgba(241,90,36,.25))}.logo:before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(241,90,36,.25),rgba(29,53,87,.2));filter:blur(10px);opacity:0;transition:.4s}.logo:hover:before{opacity:1}
.device-wrap{position:relative;max-width:580px;margin:auto;perspective:1200px}.device-wrap:before{content:"";position:absolute;inset:-35px;background:radial-gradient(circle,rgba(241,90,36,.18),rgba(29,53,87,.12) 45%,transparent 70%);filter:blur(28px);animation:pulseGlow 3s ease-in-out infinite;pointer-events:none}.device-wrap .device{position:relative;transform:rotateX(var(--rx,3deg)) rotateY(var(--ry,-6deg));transition:transform .18s ease-out;animation:deviceFloat 4s ease-in-out infinite;z-index:1}@keyframes deviceFloat{0%,100%{transform:translateY(0) rotateX(var(--rx,3deg)) rotateY(var(--ry,-6deg))}50%{transform:translateY(-9px) rotateX(var(--rx,3deg)) rotateY(var(--ry,-6deg))}}@keyframes pulseGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}
.bar em{display:flex;align-items:center;gap:5px}.live-dot{color:#34d399;font-size:10px;animation:livePulse 1.5s infinite}@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.35}}#codeScreen{min-height:270px;position:relative}.code-line{display:block;min-height:23px;white-space:pre-wrap}.code-line small{display:inline-block;width:30px;color:#4b5563;user-select:none;font-size:10px}.code-line:nth-child(1),.code-line:nth-child(8){color:#c084fc}.code-line:nth-child(2){color:#60a5fa}.code-line:nth-child(5),.code-line:nth-child(6){color:#f97316}.cursor{color:#f97316;animation:cursorBlink .7s steps(1) infinite}@keyframes cursorBlink{50%{opacity:0}}
.float-chip{position:absolute;z-index:3;padding:10px 14px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 14px 35px rgba(0,0,0,.12);font-size:12px;font-weight:800;animation:chipFloat 3.5s ease-in-out infinite}.chip-one{right:-4px;top:18%;animation-delay:-1s}.chip-two{left:-10px;top:50%;animation-delay:-2.2s}.chip-three{right:8%;bottom:3%;animation-delay:-.4s}@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:800px){.device-wrap{max-width:560px}.float-chip{display:none}.device-wrap .device{transform:rotateX(2deg) rotateY(0deg)}}
/* Requested visual upgrade: light theme preserved, automatic logo motion, 3D buttons and coding-at-desk hero */
.logo img{animation:logo360 6s ease-in-out infinite;transform-style:preserve-3d}
@keyframes logo360{0%,72%{transform:perspective(600px) rotateY(0deg)}82%{transform:perspective(600px) rotateY(180deg)}92%,100%{transform:perspective(600px) rotateY(360deg)}}
.logo:hover img{animation-duration:1.4s}
.primary,.outline,.darkbtn{position:relative;overflow:hidden;transform:translateY(0) perspective(500px) rotateX(0);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;border-bottom:4px solid rgba(0,0,0,.18)}
.primary:after,.outline:after,.darkbtn:after{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-20deg);transition:left .55s ease}
.primary:hover,.outline:hover,.darkbtn:hover{transform:translateY(-5px) perspective(500px) rotateX(4deg);box-shadow:0 18px 30px rgba(0,0,0,.16),0 8px 22px rgba(249,115,22,.22);filter:saturate(1.08)}
.primary:hover:after,.outline:hover:after,.darkbtn:hover:after{left:140%}.primary:active,.outline:active,.darkbtn:active{transform:translateY(-1px) scale(.98);border-bottom-width:2px}
.device-wrap{min-height:430px}.desk-scene{position:relative;height:430px;transform-style:preserve-3d;animation:sceneFloat 5s ease-in-out infinite}.desk-glow{position:absolute;width:430px;height:260px;left:50%;top:90px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(249,115,22,.22),transparent 68%);filter:blur(20px);animation:sceneGlow 3s ease-in-out infinite}
.boy{position:absolute;z-index:2;left:50%;top:55px;width:150px;height:260px;transform:translateX(-50%) translateZ(25px)}.head{position:absolute;width:70px;height:78px;border-radius:48% 48% 45% 45%;left:40px;top:0;background:linear-gradient(145deg,#d99a6c,#b86e49);box-shadow:inset -8px -6px 0 rgba(0,0,0,.06)}.hair{position:absolute;width:74px;height:42px;left:38px;top:-4px;border-radius:55% 55% 25% 35%;background:#252525;transform:rotate(-5deg)}.neck{position:absolute;width:30px;height:30px;left:60px;top:66px;background:#c9865e}.body{position:absolute;left:27px;top:85px;width:96px;height:130px;border-radius:30px 30px 12px 12px;background:linear-gradient(145deg,#315a83,#1f3f61);box-shadow:inset -12px 0 rgba(0,0,0,.08)}.arm{position:absolute;top:105px;width:25px;height:125px;border-radius:18px;background:#c9865e;transform-origin:top center}.arm-left{left:27px;transform:rotate(48deg)}.arm-right{right:25px;transform:rotate(-48deg)}
.desk{position:absolute;z-index:4;left:50%;top:235px;width:470px;height:160px;transform:translateX(-50%) translateZ(80px);transform-style:preserve-3d}.desk-top{height:22px;width:100%;border-radius:10px;background:linear-gradient(180deg,#d7a45c,#b97932);box-shadow:0 10px 22px rgba(80,50,20,.18);transform:perspective(600px) rotateX(55deg)}.desk-leg{position:absolute;top:20px;width:18px;height:135px;background:#9b632d;border-radius:0 0 8px 8px}.desk-leg.left{left:30px}.desk-leg.right{right:30px}
.device-wrap .device{position:absolute;z-index:5;left:50%;top:180px;width:440px;max-width:78%;transform:translateX(-50%) rotateX(var(--rx,3deg)) rotateY(var(--ry,-6deg)) translateZ(120px);animation:laptopFloat 4s ease-in-out infinite}.device-wrap .device .screen{box-shadow:0 28px 45px rgba(0,0,0,.28),0 0 35px rgba(249,115,22,.12)}
@keyframes sceneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sceneGlow{0%,100%{opacity:.65;transform:translateX(-50%) scale(.94)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}@keyframes laptopFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}
@media(max-width:800px){.device-wrap{min-height:390px}.desk-scene{height:390px;transform:scale(.86);transform-origin:top center}.device-wrap .device{top:178px}.desk{top:235px;width:400px}.boy{top:55px}.float-chip{display:none}}
@media(max-width:520px){.device-wrap{min-height:350px}.desk-scene{transform:scale(.68);width:145%;margin-left:-22%}.device-wrap .device{max-width:76%}}

/* Premium light-theme navigation + redesigned coding scene */
.nav{perspective:800px;align-items:center}.nav a{position:relative;padding:10px 13px;border-radius:10px;transform-style:preserve-3d;transition:transform .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease}.nav a:before{content:"";position:absolute;inset:2px;border-radius:9px;background:linear-gradient(135deg,rgba(249,115,22,.12),rgba(214,158,46,.08));opacity:0;transform:translateZ(-8px);transition:.25s}.nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:4px;background:linear-gradient(90deg,#d69e2e,#f97316);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.nav a:hover{color:#f97316;background:rgba(255,255,255,.8);transform:translateY(-4px) rotateX(5deg) rotateY(-3deg);box-shadow:0 10px 22px rgba(0,0,0,.10),0 5px 15px rgba(249,115,22,.12)}.nav a:hover:before{opacity:1}.nav a:hover:after{transform:scaleX(1)}
.coding-scene{height:430px;position:relative;transform-style:preserve-3d;animation:sceneFloat 5s ease-in-out infinite}.scene-halo{position:absolute;width:460px;height:290px;left:50%;top:70px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(249,115,22,.22),rgba(214,158,46,.10) 45%,transparent 72%);filter:blur(18px);animation:sceneGlow 3s ease-in-out infinite}.developer{position:absolute;z-index:2;left:50%;top:34px;width:170px;height:270px;transform:translateX(-50%) translateZ(35px)}.dev-head{position:absolute;left:52px;top:0;width:68px;height:78px;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,#e2a174,#bd704b);box-shadow:inset -7px -6px rgba(0,0,0,.06)}.dev-hair{position:absolute;left:49px;top:-4px;width:74px;height:43px;border-radius:58% 55% 25% 35%;background:#242424;transform:rotate(-5deg)}.dev-neck{position:absolute;left:71px;top:67px;width:29px;height:30px;background:#c9865e}.dev-shirt{position:absolute;left:36px;top:88px;width:100px;height:133px;border-radius:30px 30px 12px 12px;background:linear-gradient(145deg,#315a83,#1f3f61);box-shadow:inset -12px 0 rgba(0,0,0,.08)}.dev-arm{position:absolute;top:106px;width:25px;height:128px;border-radius:18px;background:#c9865e;transform-origin:top center}.dev-arm-left{left:35px;transform:rotate(49deg)}.dev-arm-right{right:31px;transform:rotate(-49deg)}
.desk{position:absolute;z-index:4;left:50%;top:245px;width:480px;height:155px;transform:translateX(-50%) translateZ(70px);transform-style:preserve-3d}.desk-surface{height:25px;width:100%;border-radius:10px;background:linear-gradient(180deg,#e0ae67,#b97832);box-shadow:0 13px 25px rgba(80,50,20,.20);transform:perspective(650px) rotateX(55deg)}.desk-front{position:absolute;top:19px;left:0;width:100%;height:15px;border-radius:0 0 8px 8px;background:#b97832}.desk-leg{position:absolute;top:27px;width:18px;height:125px;background:#985f2b;border-radius:0 0 8px 8px}.desk-leg-left{left:28px}.desk-leg-right{right:28px}.coding-scene .device{position:absolute;z-index:5;left:50%;top:183px;width:445px;max-width:78%;transform:translateX(-50%) rotateX(var(--rx,3deg)) rotateY(var(--ry,-6deg)) translateZ(125px);animation:laptopFloat 4s ease-in-out infinite}.coding-scene .device .screen{box-shadow:0 28px 45px rgba(0,0,0,.28),0 0 35px rgba(249,115,22,.13)}
@media(max-width:800px){.nav a{padding:9px}.coding-scene{height:390px}.coding-scene .device{top:178px}.desk{top:235px;width:400px}.developer{top:35px}}@media(max-width:520px){.coding-scene{transform:scale(.68);width:145%;margin-left:-22%;transform-origin:top center}.coding-scene .device{max-width:76%}}

/* Content, typography and section refinement */
:root{--brand-orange:#f97316;--brand-gold:#d69e2e;--ink:#17202a;--muted:#66717c;--soft:#f8f9fa;--line:#e8eaed}
body{font-family:'Manrope',Arial,sans-serif;color:var(--ink)}
h1,h2,h3,.logo b,.flogo b,.nav a,.primary,.outline,.darkbtn{font-family:'Plus Jakarta Sans','Manrope',Arial,sans-serif}
h1{letter-spacing:-2.2px;font-weight:800}
h2{letter-spacing:-1px;font-weight:800}
h3{letter-spacing:-.5px}
p{color:var(--muted)}
.badge{letter-spacing:.1px}
.hero-visual-space{min-height:430px;position:relative}
.about-card{background:linear-gradient(145deg,#fffaf0,#fff1e5);border:1px solid rgba(214,158,46,.18);box-shadow:0 25px 55px rgba(30,35,40,.08);position:relative;overflow:hidden}
.about-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(249,115,22,.10);filter:blur(12px);top:-65px;right:-55px}
.about-card div{font-family:'Plus Jakarta Sans',sans-serif;font-size:82px;line-height:1;font-weight:800;color:transparent;background:linear-gradient(135deg,#d69e2e,#f97316);-webkit-background-clip:text;background-clip:text}
.about-card strong{margin-top:16px;font-size:20px;position:relative}
.about-card small{margin-top:7px;color:#6b7280;position:relative}
.services{background:#f8f9fa}
.cards article{border-color:#eceff2;box-shadow:0 10px 30px rgba(20,25,30,.055)}
.icon{display:grid;place-items:center}
.icon svg{width:30px;height:30px;stroke-width:2}
.portfolio{align-items:stretch}
.project{height:360px;border:1px solid rgba(214,158,46,.18);display:grid;grid-template-rows:1.05fr .95fr;align-items:stretch;justify-content:initial;font-size:inherit;color:inherit;background:#fff;box-shadow:0 12px 32px rgba(20,25,30,.07);transition:transform .3s ease,box-shadow .3s ease}
.project:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(20,25,30,.12)}
.project-preview{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.project-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.75),transparent 48%)}
.project-one .project-preview{background:linear-gradient(135deg,#fff7e5,#ffe7cf)}
.project-two .project-preview{background:linear-gradient(135deg,#fffaf0,#fff0e4)}
.project-preview span{position:relative;font-family:'Plus Jakarta Sans',sans-serif;font-size:68px;font-weight:800;color:transparent;background:linear-gradient(135deg,#d69e2e,#f97316);-webkit-background-clip:text;background-clip:text}
.project-preview small{position:absolute;bottom:18px;left:20px;font-size:10px;font-weight:800;letter-spacing:2px;color:#7a5a2a}
.project-info{position:relative;padding:23px 25px 25px;background:#fff}
.project-info small,.product-content small{font-size:10px;font-weight:800;letter-spacing:2px;color:#d69e2e}
.project-info h3{margin:7px 0 4px;font-size:22px}
.project-info p{margin:0 0 12px;font-size:14px;line-height:1.6}
.project-info a,.product-content a{font-weight:800;color:#f97316;font-size:14px}
.products{background:#fff}
.product-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}
.product-card{border:1px solid #eceff2;border-radius:25px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(20,25,30,.055);transition:.3s}
.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(20,25,30,.11)}
.product-preview{height:220px;display:grid;place-items:center;background:linear-gradient(135deg,#fff7e8,#ffead8);position:relative}
.product-preview:after{content:"";position:absolute;width:220px;height:120px;border-radius:18px;border:1px solid rgba(249,115,22,.18);background:rgba(255,255,255,.58);box-shadow:0 18px 35px rgba(80,55,25,.08)}
.product-preview span{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:2px;color:#8a6b3d}
.product-content{padding:25px}
.product-content h3{margin:8px 0 7px;font-size:21px}
.product-content p{margin:0 0 14px;font-size:14px;line-height:1.65}
.footer-main{grid-template-columns:2fr 1fr 1fr}
.footer-main>div:first-child{align-self:start}
.footer-main h3{font-family:'Plus Jakarta Sans',sans-serif}
@media(max-width:800px){.hero-visual-space{min-height:280px}.product-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero-visual-space{min-height:210px}.footer-main{grid-template-columns:1fr}.project{height:340px}}

/* Hero programmer image */
.hero-image-wrap{min-height:430px;display:flex;align-items:center;justify-content:center;position:relative;animation:heroImageFloat 5s ease-in-out infinite}
.hero-image-wrap:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.16),rgba(214,158,46,.08) 45%,transparent 70%);filter:blur(18px);animation:heroImageGlow 3s ease-in-out infinite}
.hero-image-wrap img{position:relative;z-index:1;width:min(100%,500px);height:auto;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(20,25,30,.14));transition:transform .35s ease,filter .35s ease}
.hero-image-wrap:hover img{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 32px 38px rgba(20,25,30,.18))}
@keyframes heroImageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes heroImageGlow{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@media(max-width:800px){.hero-image-wrap{min-height:280px}.hero-image-wrap img{width:min(100%,430px)}}
@media(max-width:520px){.hero-image-wrap{min-height:220px}.hero-image-wrap img{width:min(100%,360px)}}

/* Product live previews */
.product-live-preview{overflow:hidden;background:#f3f4f6;position:relative;display:block;padding:0}
.product-live-preview iframe{width:100%;height:100%;min-height:220px;border:0;background:#fff;transform:none}
.preview-badge{position:absolute;top:12px;right:12px;padding:7px 10px;border-radius:999px;background:rgba(23,32,42,.88);color:#fff;font-size:9px;font-weight:800;letter-spacing:1.5px;box-shadow:0 8px 18px rgba(0,0,0,.14)}
.product-open-btn{display:inline-flex!important;align-items:center;justify-content:center;padding:11px 16px;border-radius:10px;background:linear-gradient(90deg,#d69e2e,#f97316);color:#fff!important;box-shadow:0 9px 20px rgba(249,115,22,.2);transition:.25s ease}
.product-open-btn:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(249,115,22,.28)}
@media(max-width:520px){.product-live-preview iframe{min-height:220px}}

/* Professional software company refinement - existing theme preserved */
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:11px;background:linear-gradient(90deg,#d69e2e,#f97316);color:#fff;font-family:'Plus Jakarta Sans','Manrope',Arial,sans-serif;font-weight:800;font-size:12px;box-shadow:0 9px 20px rgba(249,115,22,.18);transition:.25s ease}.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 25px rgba(249,115,22,.25)}
.capability-strip{border-top:1px solid #eceff2;border-bottom:1px solid #eceff2;background:#fff;padding:17px 20px}.capability-track{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:1.8px;color:#707983}.capability-track i{font-style:normal;color:#f97316}
.build-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.build-card{min-height:235px;padding:27px;border:1px solid #e9ecef;border-radius:22px;background:linear-gradient(145deg,#fff,#fffaf4);box-shadow:0 10px 28px rgba(20,25,30,.05);position:relative;overflow:hidden;transition:.3s}.build-card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(20,25,30,.10)}.build-featured{grid-row:span 2;min-height:488px}.build-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ecc94b,#f97316);color:#fff;margin-bottom:22px}.build-card small,.trust-copy label,.project-cta label{font-size:9px;font-weight:800;letter-spacing:2px;color:#c28b24}.build-card h3{font-size:20px;margin:8px 0}.build-card p{font-size:13px;line-height:1.65;margin:0}.build-arrow{position:absolute;right:24px;bottom:22px;font-size:22px;color:#f97316}
.process-section{background:#f8f9fa}.process-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{background:#fff;border:1px solid #e9ecef;border-radius:20px;padding:25px;position:relative;box-shadow:0 8px 24px rgba(20,25,30,.045);transition:.3s}.process-step:hover{transform:translateY(-5px)}.process-step>span{position:absolute;right:18px;top:15px;font-size:11px;font-weight:900;color:#d69e2e}.process-step>i{width:35px;height:35px;color:#f97316;margin:8px 0 18px}.process-step h3{font-size:18px;margin:0 0 8px}.process-step p{font-size:13px;line-height:1.6;margin:0}
.trust-wrap{max-width:1100px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.trust-copy h2{font-size:42px;margin:12px 0}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trust-points>div{display:flex;gap:14px;padding:20px;border:1px solid #eceff2;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(20,25,30,.045);transition:.25s}.trust-points>div:hover{transform:translateY(-4px)}.trust-points svg{width:22px;color:#f97316;flex:0 0 auto}.trust-points b{display:block;font-size:13px}.trust-points small{display:block;color:#6b7280;margin-top:5px;font-size:11px}
.project-cta{max-width:1100px;margin:0 auto 95px;padding:48px 50px;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(135deg,#fff8e8,#fff0e3);border:1px solid rgba(214,158,46,.2);box-shadow:0 18px 45px rgba(20,25,30,.07)}.project-cta h2{font-size:34px;margin:10px 0 8px}.project-cta p{margin:0;font-size:14px}.project-cta .primary{flex:0 0 auto}
@media(max-width:1000px){.build-grid{grid-template-columns:1fr 1fr}.build-featured{grid-row:auto;min-height:235px}.process-grid{grid-template-columns:1fr 1fr}.trust-wrap{grid-template-columns:1fr;gap:35px}.project-cta{margin-left:20px;margin-right:20px}}
@media(max-width:800px){.nav-cta{display:none}.build-grid,.process-grid,.trust-points{grid-template-columns:1fr}.build-featured{min-height:235px}.trust-copy h2{font-size:34px}.project-cta{flex-direction:column;align-items:flex-start;padding:35px 28px}.project-cta .primary{width:100%}}

/* Premium 3D refinement */
.logo{gap:12px;width:auto;height:72px}.logo img{height:68px;width:68px;min-width:68px;border-radius:14px;object-fit:contain}.flogo img{height:50px;width:auto;border-radius:10px}
.services .cards article{position:relative;overflow:hidden;transform-style:preserve-3d}.services .cards article:before{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-55px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.13),transparent 70%);pointer-events:none}.services .cards article:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-1deg)}
.icon{position:relative;isolation:isolate;box-shadow:0 14px 28px rgba(249,115,22,.20),inset 0 1px rgba(255,255,255,.35);transform-style:preserve-3d;animation:serviceIconFloat 4s ease-in-out infinite}.icon:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.38);border-radius:14px;transform:translateZ(8px)}.icon .icon-orb{position:absolute;width:10px;height:10px;right:7px;top:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.9);animation:iconOrb 2.2s ease-in-out infinite}.icon svg{position:relative;z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.cards article:nth-child(2) .icon{animation-delay:-.7s}.cards article:nth-child(3) .icon{animation-delay:-1.4s}.cards article:nth-child(4) .icon{animation-delay:-2.1s}.cards article:nth-child(5) .icon{animation-delay:-2.8s}.cards article:nth-child(6) .icon{animation-delay:-3.5s}@keyframes serviceIconFloat{0%,100%{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-5px) rotateX(4deg) rotateY(-4deg)}}@keyframes iconOrb{0%,100%{transform:scale(.75);opacity:.7}50%{transform:scale(1.25);opacity:1}}
.about-pro{background:linear-gradient(180deg,#fff,#fffaf4);overflow:hidden}.about-pro-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.about-kicker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.about-kicker span{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#9b7024;padding:8px 11px;border:1px solid rgba(214,158,46,.22);border-radius:999px;background:#fffdf8}.about-story h3{font-size:36px;line-height:1.2;margin:0 0 18px}.about-story h3 span{background:linear-gradient(90deg,#d69e2e,#f97316);-webkit-background-clip:text;color:transparent}.about-story p{font-size:15px;line-height:1.8}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.about-highlights>div{display:flex;gap:10px;align-items:flex-start;padding:15px;border:1px solid #eceff2;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(20,25,30,.045);transition:.25s}.about-highlights>div:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(20,25,30,.08)}.about-highlights svg{width:20px;color:#f97316;flex:0 0 auto}.about-highlights b{display:block;font-size:11px}.about-highlights small{display:block;color:#7a828b;font-size:9px;line-height:1.4;margin-top:4px}.about-visual{height:430px;position:relative;display:grid;place-items:center;perspective:900px}.about-year{width:245px;height:245px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#fff,#fff4df);border:1px solid rgba(214,158,46,.25);box-shadow:0 28px 65px rgba(70,45,20,.12),inset 0 0 35px rgba(249,115,22,.08);position:relative;z-index:2;animation:aboutCore 5s ease-in-out infinite}.about-year:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(249,115,22,.25)}.about-year small{font-size:9px;letter-spacing:3px;font-weight:800;color:#8b6a32}.about-year strong{font-size:72px;line-height:1;background:linear-gradient(135deg,#d69e2e,#f97316);-webkit-background-clip:text;color:transparent}.about-year span{font-weight:800;font-size:15px}.about-year em{font-style:normal;font-size:9px;color:#7c838b;margin-top:5px}.about-orbit{position:absolute;border:1px solid rgba(249,115,22,.2);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(12deg);transform-style:preserve-3d}.orbit-one{width:330px;height:180px;animation:orbitSpin 9s linear infinite}.orbit-two{width:390px;height:215px;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-28deg);animation:orbitSpinReverse 12s linear infinite}.about-float{position:absolute;z-index:4;padding:10px 13px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-radius:13px;box-shadow:0 15px 30px rgba(20,25,30,.10);font-size:10px;font-weight:800;display:flex;align-items:center;gap:7px;animation:floatTag 3.5s ease-in-out infinite}.about-float svg{width:15px;color:#f97316}.af-one{left:8%;top:18%}.af-two{right:3%;bottom:18%;animation-delay:-1.5s}@keyframes aboutCore{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-7px) rotateY(5deg)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(372deg)}}@keyframes orbitSpinReverse{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-388deg)}}@keyframes floatTag{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.products{background:linear-gradient(180deg,#fff,#fffaf5)}.product-showcase{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.product-card{position:relative;border:1px solid rgba(214,158,46,.18);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(20,25,30,.07);transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.product-card:hover{transform:translateY(-10px) rotateX(1deg) rotateY(-1deg);box-shadow:0 28px 58px rgba(20,25,30,.13)}.product-live-preview{height:310px;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#fff8e9,#ffeadb)}.product-live-preview:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.95),transparent 48%)}.preview-glow{position:absolute;width:260px;height:170px;border-radius:50%;background:rgba(249,115,22,.16);filter:blur(35px);animation:previewPulse 3.5s ease-in-out infinite}.preview-window{width:78%;height:205px;position:relative;z-index:2;border:7px solid #20252b;border-radius:16px;background:#fff;box-shadow:0 28px 48px rgba(30,30,30,.22),0 0 35px rgba(249,115,22,.10);overflow:hidden;transform:perspective(900px) rotateX(4deg) rotateY(-7deg);animation:previewFloat 4s ease-in-out infinite}.preview-top{height:27px;background:#171b21;color:#aeb4bb;display:flex;align-items:center;gap:5px;padding:0 8px;font-size:7px}.preview-top i{width:6px;height:6px;border-radius:50%;background:#ff6b5f}.preview-top i:nth-child(2){background:#ffc04d}.preview-top i:nth-child(3){background:#35c76f}.preview-top span{margin-left:4px}.preview-top b{margin-left:auto;color:#34d399;font-size:7px}.preview-body{height:100%;display:flex;padding:12px;gap:10px;background:#f7f8fa}.mini-sidebar{width:20%;border-radius:6px;background:linear-gradient(180deg,#222a33,#3b4651)}.mini-content{flex:1}.mini-line{height:7px;width:52%;border-radius:8px;background:#e1e5e9;margin-bottom:8px}.mini-line.long{width:82%}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.mini-cards span{height:35px;border-radius:7px;background:linear-gradient(135deg,#ffe9b5,#ffd0ba);box-shadow:0 5px 10px rgba(20,25,30,.05)}.mini-table{height:62px;border-radius:7px;background:repeating-linear-gradient(0deg,#fff 0 10px,#edf0f2 11px 12px)}.wa-preview-body{height:100%;display:grid;grid-template-columns:35% 65%;padding:14px;background:#f6f7f8;position:relative}.wa-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ecc94b,#f97316);box-shadow:0 7px 15px rgba(249,115,22,.22)}.wa-lines{padding-left:8px;display:flex;flex-direction:column;gap:7px}.wa-lines span{height:7px;border-radius:8px;background:#dde2e7}.wa-lines span:nth-child(1){width:85%}.wa-lines span:nth-child(2){width:65%}.wa-lines span:nth-child(3){width:78%}.wa-lines span:nth-child(4){width:52%}.wa-panel{position:absolute;left:12%;right:8%;bottom:12px;padding:10px;border-radius:10px;background:#fff;box-shadow:0 10px 20px rgba(20,25,30,.10);display:grid;grid-template-columns:22px 1fr;gap:2px 7px;align-items:center}.wa-panel svg{grid-row:1/3;color:#f97316;width:17px}.wa-panel b{font-size:8px}.wa-panel small{font-size:6px;color:#7b838b}.preview-badge{position:absolute;right:16px;top:16px;z-index:5;padding:8px 10px;border-radius:999px;background:rgba(23,32,42,.9);color:#fff;font-size:8px;font-weight:800;letter-spacing:1.3px;display:flex;align-items:center;gap:5px;box-shadow:0 8px 20px rgba(0,0,0,.16)}.preview-badge svg{width:12px}.product-content{padding:27px 28px 30px}.product-topline{display:flex;justify-content:space-between;align-items:center}.product-number{font-size:10px;font-weight:900;color:#c8a45a}.product-content h3{font-size:25px;margin:9px 0 8px}.product-content p{font-size:13px;line-height:1.7;margin:0 0 16px}.product-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:21px}.product-features span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:#fff8ed;border:1px solid #f4dfbf;font-size:9px;font-weight:800;color:#735a2f}.product-features svg{width:12px;color:#f97316}.product-open-btn{width:max-content;min-width:150px;display:inline-flex!important;gap:12px!important;align-items:center;justify-content:space-between;padding:12px 15px!important;border-radius:12px!important;background:linear-gradient(90deg,#d69e2e,#f97316)!important;color:#fff!important;box-shadow:0 12px 25px rgba(249,115,22,.20);font-size:11px!important}.product-open-btn b{font-size:15px}.product-open-btn:hover{transform:translateY(-3px);box-shadow:0 17px 30px rgba(249,115,22,.28)}@keyframes previewFloat{0%,100%{transform:perspective(900px) rotateX(4deg) rotateY(-7deg) translateY(0)}50%{transform:perspective(900px) rotateX(5deg) rotateY(-5deg) translateY(-6px)}}@keyframes previewPulse{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}@media(max-width:900px){.about-pro-grid{grid-template-columns:1fr}.about-highlights{grid-template-columns:1fr}.product-showcase{grid-template-columns:1fr}}@media(max-width:520px){.logo{width:48px;height:48px}.logo img{width:46px;height:46px}.about-story h3{font-size:28px}.about-visual{height:350px;transform:scale(.88)}.about-float{display:none}.product-live-preview{height:250px}.preview-window{width:84%;height:175px}.product-content{padding:23px}.product-content h3{font-size:22px}}
.icon-fallback{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:900;line-height:1;color:#f97316;width:1.2em;height:1.2em}.icon .icon-fallback{color:#fff;font-size:22px;position:relative;z-index:2}.about-highlights .icon-fallback,.about-float .icon-fallback,.trust-points .icon-fallback,.process-step .icon-fallback,.build-icon .icon-fallback,.product-features .icon-fallback,.preview-badge .icon-fallback,.wa-panel .icon-fallback{color:#f97316}.preview-badge .icon-fallback{width:12px;font-size:11px}.wa-panel .icon-fallback{width:17px}
.product-site-preview{display:block;position:relative;height:310px;overflow:hidden;background:#f6f7f9;cursor:pointer}.product-site-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease,filter .5s ease}.product-site-preview:hover img{transform:scale(1.035);filter:brightness(.96)}.product-site-preview .preview-badge{position:absolute;left:16px;bottom:16px;z-index:3}.product-site-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.16));pointer-events:none}

/* Real live website screenshot previews */
.product-real-preview{display:block!important;position:relative!important;height:310px!important;overflow:hidden!important;background:#f3f4f6!important;cursor:pointer}
.product-site-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border:0;transition:transform .5s ease,filter .5s ease}
.product-real-preview:hover .product-site-image{transform:scale(1.02);filter:brightness(.96)}
.product-real-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.12));pointer-events:none}
.product-real-preview .preview-badge{z-index:5}
@media(max-width:520px){.product-real-preview{height:250px!important}}

/* ===== DIGITAL PUROHIT 3D EXPERIENCE LAYER ===== */
:root{--dp-orange:#f97316;--dp-gold:#d69e2e;--dp-navy:#101827;--dp-cream:#fffaf2;--dp-glass:rgba(255,255,255,.72)}
body{overflow-x:hidden;background:radial-gradient(circle at 10% 10%,rgba(246,180,70,.08),transparent 28%),radial-gradient(circle at 90% 30%,rgba(249,115,22,.07),transparent 30%),#fff}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(55px);opacity:.22}
body:before{width:260px;height:260px;left:-100px;top:25%;background:#f6c85f;animation:dpFloat 10s ease-in-out infinite}
body:after{width:300px;height:300px;right:-120px;bottom:10%;background:#f97316;animation:dpFloat 13s ease-in-out infinite reverse}
.section,.hero,.project-cta,.capability-strip{position:relative}
.section:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(214,158,46,.12);border-radius:50%;right:4%;top:8%;pointer-events:none;animation:dpSpin 24s linear infinite}
.heading h2,h1,h3{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif}
.heading h2{letter-spacing:-1.4px}
.nav a,.nav-cta,.primary,.outline,.darkbtn,.product-card,.build-card,.process-step,.service-card,.cards article,.project,.tech-card,.industry-card,.security-card,.case-card,.about-pro-grid,.contact-grid,.info{transform-style:preserve-3d}
.nav a{transition:transform .25s ease,color .25s ease}.nav a:hover{transform:translateY(-2px) scale(1.03)}
.primary,.outline,.darkbtn,.nav-cta{transition:transform .3s ease,box-shadow .3s ease}
.primary:hover,.darkbtn:hover,.nav-cta:hover{transform:translateY(-4px) translateZ(10px);box-shadow:0 18px 35px rgba(249,115,22,.28)}
.outline:hover{transform:translateY(-3px) translateZ(8px)}
.build-card,.cards article,.process-step,.project,.product-card,.tech-card,.industry-card,.security-card,.case-card{transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease}
.build-card:hover,.cards article:hover,.process-step:hover,.project:hover,.product-card:hover,.tech-card:hover,.industry-card:hover,.security-card:hover,.case-card:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-2deg);box-shadow:0 28px 60px rgba(31,41,55,.14)}
.build-icon,.icon,.tech-icon,.industry-icon,.security-icon{position:relative;transform:translateZ(18px)}
.build-icon:after,.icon:after,.tech-icon:after,.industry-icon:after,.security-icon:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(249,115,22,.16);animation:dpPulse 3s ease-in-out infinite}
.dp-section-dark{background:linear-gradient(135deg,#0b1220,#162236 58%,#0d1728);color:#fff;overflow:hidden}
.dp-section-dark p{color:#cbd5e1}.dp-section-dark .heading label{color:#f6c85f}.dp-section-dark .heading h2{color:#fff}
.dp-section-dark:after{content:"";position:absolute;width:420px;height:420px;right:-130px;top:-170px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018);animation:dpSpin 30s linear infinite}
.industry-grid,.tech-grid,.security-grid,.case-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.industry-card,.tech-card,.security-card,.case-card{padding:28px;border:1px solid rgba(214,158,46,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,249,238,.72));box-shadow:0 15px 35px rgba(15,23,42,.07);position:relative;overflow:hidden}
.industry-card:before,.tech-card:before,.security-card:before,.case-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-60px;top:-60px;background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(214,158,46,.03));animation:dpFloat 8s ease-in-out infinite}
.industry-card h3,.tech-card h3,.security-card h3,.case-card h3{margin:15px 0 8px;font-size:21px}
.industry-card p,.tech-card p,.security-card p,.case-card p{font-size:14px}
.dp-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.dp-pills span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #f1e4cf;font-size:12px;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.05);transition:.3s}.dp-pills span:hover{transform:translateY(-3px) translateZ(8px);border-color:#f97316}
.dp-orb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#ffe8c7);box-shadow:inset 2px 2px 7px #fff,10px 12px 25px rgba(249,115,22,.14);transform:rotateX(10deg) rotateY(-10deg);animation:dpOrb 5s ease-in-out infinite}
.dp-orb i{width:25px;height:25px;color:#f97316}
.tech-grid{grid-template-columns:repeat(4,1fr)}.tech-card{padding:24px}.tech-card strong{display:block;font-size:16px}.tech-card small{display:block;margin-top:6px;color:#68717c}
.case-grid{grid-template-columns:repeat(2,1fr)}.case-card{min-height:240px}.case-card .case-meta{display:flex;justify-content:space-between;color:#b7791f;font-size:11px;font-weight:900;letter-spacing:1.5px}.case-card a{display:inline-block;margin-top:16px;font-weight:800;color:#f97316}
.dp-process-line{max-width:1050px;margin:0 auto 35px;height:2px;background:linear-gradient(90deg,transparent,#f97316,#d69e2e,transparent);position:relative}.dp-process-line:after{content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#f97316;box-shadow:0 0 20px #f97316;animation:dpTravel 5s linear infinite}
.reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
.dp-3d-scene{perspective:1000px}.dp-3d-card{transform:rotateX(7deg) rotateY(-8deg);transition:transform .2s ease;box-shadow:25px 30px 60px rgba(15,23,42,.18)}
@keyframes dpFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-18px,0)}}
@keyframes dpSpin{to{transform:rotate(360deg)}}@keyframes dpPulse{0%,100%{transform:scale(.92);opacity:.25}50%{transform:scale(1.08);opacity:.8}}
@keyframes dpOrb{0%,100%{transform:rotateX(8deg) rotateY(-8deg) translateY(0)}50%{transform:rotateX(-4deg) rotateY(10deg) translateY(-7px)}}
@keyframes dpTravel{to{left:100%}}
@media(max-width:850px){.industry-grid,.tech-grid,.security-grid,.case-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:1fr 1fr}.section:before{display:none}}
@media(max-width:600px){.industry-grid,.tech-grid,.security-grid,.case-grid{grid-template-columns:1fr}.dp-section-dark:after{width:260px;height:260px}.industry-card,.tech-card,.security-card,.case-card{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Expanded software-company sections */
.dp-expertise{background:linear-gradient(180deg,#fff,#fffaf4)}.expertise-grid,.process-detailed-grid,.support-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.expertise-card,.process-detail,.support-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 14px 35px rgba(20,25,30,.06);transition:.35s;overflow:hidden}.expertise-card:hover,.process-detail:hover,.support-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(20,25,30,.12);border-color:rgba(249,115,22,.3)}.expertise-card small{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--brand-gold)}.expertise-card h3,.process-detail h3,.support-card h3{font-size:21px;margin:14px 0 8px}.dp-orb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ecc94b,#f97316);color:#fff;box-shadow:0 12px 25px rgba(249,115,22,.22);margin-bottom:18px}.dp-orb svg{width:27px;height:27px}.dp-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.dp-pills span{font-size:11px;font-weight:700;padding:6px 9px;border-radius:999px;background:#fff5e9;color:#8a5b1d;border:1px solid #f5dfc0}.dp-process-detailed{background:#f8f9fa}.process-detail>span{position:absolute;right:22px;top:18px;font-size:42px;font-weight:800;color:#f2eee8}.process-detail b{display:block;margin-top:20px;font-size:11px;color:#d97706}.faq-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0 20px;box-shadow:0 8px 24px rgba(20,25,30,.045);transition:.25s}.faq-grid details[open]{border-color:rgba(249,115,22,.35);box-shadow:0 15px 30px rgba(20,25,30,.08)}.faq-grid summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:800;display:flex;justify-content:space-between;gap:15px}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary span{color:#f97316;font-size:24px}.faq-grid details[open] summary span{transform:rotate(45deg)}.faq-grid details p{padding:0 0 20px;margin:0;font-size:14px}.dp-support{background:linear-gradient(180deg,#fffaf4,#fff)}.support-card p{margin-bottom:0}.dp-quote{padding-top:40px;padding-bottom:40px;background:#fff}.quote-panel{max-width:1150px;margin:auto;border-radius:30px;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#1a2028,#0d1117);box-shadow:0 30px 65px rgba(13,17,23,.22);position:relative;overflow:hidden}.quote-panel:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-120px;top:-150px;background:rgba(249,115,22,.2);filter:blur(20px)}.quote-panel>*{position:relative;z-index:1}.quote-panel label{font-size:11px;letter-spacing:3px;font-weight:800;color:#f5c76b}.quote-panel h2{color:#fff;font-size:40px;margin:12px 0}.quote-panel p{color:#b9c0c8;max-width:650px}.quote-points{display:flex;gap:18px;flex-wrap:wrap}.quote-points span{font-size:12px;color:#e8edf2;font-weight:700}@media(max-width:800px){.expertise-grid,.process-detailed-grid,.support-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.quote-panel{padding:38px 25px;flex-direction:column;align-items:flex-start}.quote-panel h2{font-size:32px}}@media(max-width:520px){.expertise-grid,.process-detailed-grid,.support-grid{grid-template-columns:1fr}.expertise-card,.process-detail,.support-card{padding:24px}.quote-panel{border-radius:22px}.quote-points{display:grid;gap:10px}}/* Header logo + deployment readability */
.dp-section-dark{background:linear-gradient(135deg,#0b1220,#111827 55%,#172033);color:#f8fafc;position:relative;overflow:hidden}.dp-section-dark .heading h2{color:#fff}.dp-section-dark .heading h2 span{background:linear-gradient(90deg,#f8c76a,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.dp-section-dark .heading p{color:#dbe4ee}.dp-section-dark .heading label{color:#f8c76a}.dp-section-dark .security-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dp-section-dark .security-card{padding:30px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.075);box-shadow:0 18px 45px rgba(0,0,0,.28);transition:.3s}.dp-section-dark .security-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.12);border-color:rgba(248,199,106,.5)}.dp-section-dark .security-card h3{color:#fff;font-size:20px;margin:12px 0 8px}.dp-section-dark .security-card p{color:#d9e2ec;line-height:1.7;margin:0}@media(max-width:800px){.logo{height:62px}.logo img{width:58px;height:58px;min-width:58px}.dp-section-dark .security-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.logo{height:56px}.logo img{width:52px;height:52px;min-width:52px}.dp-section-dark .security-grid{grid-template-columns:1fr}}
.site-logo{width:58px;height:58px;object-fit:contain;border-radius:14px;display:block;transition:transform .3s ease}.site-logo:hover{transform:scale(1.05)}.deployment-section{background:#101820;color:#f7fafc;position:relative;overflow:hidden}.deployment-section .heading h2,.deployment-section .heading p{color:#f7fafc}.deployment-section .heading label{color:#f5c76b}.deployment-section .heading p{opacity:.82}.deployment-grid{max-width:1150px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.deployment-card{padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 18px 45px rgba(0,0,0,.2);transition:.3s}.deployment-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.11);border-color:rgba(245,199,107,.45)}.deployment-card h3{color:#fff;font-size:20px;margin:12px 0 8px}.deployment-card p{color:#d7dee6;line-height:1.7;margin:0}.deployment-card .dp-orb{margin-bottom:14px}@media(max-width:800px){.deployment-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.site-logo{width:52px;height:52px}.deployment-grid{grid-template-columns:1fr}.deployment-card{padding:24px}}

/* Header logo: fit the full navigation bar vertically */
header nav{height:76px}
.logo{height:76px;align-items:center}
.logo img,.logo img.site-logo{width:68px;height:68px;min-width:68px;max-height:90%;object-fit:contain}
@media(max-width:800px){header nav{height:76px}.logo{height:76px}.logo img,.logo img.site-logo{width:68px;height:68px;min-width:68px;max-height:90%}}
@media(max-width:520px){header nav{height:76px}.logo{height:76px}.logo img,.logo img.site-logo{width:68px;height:68px;min-width:68px;max-height:90%}}


/* Logo white-background removal effect */
.logo img,.logo img.site-logo{mix-blend-mode:multiply;background:transparent;border-radius:0}


/* Convert the legacy JPG logo's white pixels to transparency and enlarge the visible mark */
.logo{width:84px;height:76px;overflow:visible}
.logo img,.logo img.site-logo{width:84px;height:84px;min-width:84px;max-width:none;max-height:none;object-fit:contain;border-radius:0;background:transparent;mix-blend-mode:normal;filter:url("/public/remove-white.svg#remove-white");}
@media(max-width:800px){.logo{width:84px;height:76px}.logo img,.logo img.site-logo{width:84px;height:84px;min-width:84px}}
@media(max-width:520px){.logo{width:84px;height:76px}.logo img,.logo img.site-logo{width:84px;height:84px;min-width:84px}}

.logo img,.logo img.site-logo{filter:none!important;mix-blend-mode:multiply!important;width:96px!important;height:96px!important;min-width:96px!important;max-width:none!important;max-height:none!important}.logo{width:96px!important;height:76px!important}
/* Extra-large header logo */
header nav{height:76px}.logo{width:116px!important;height:76px!important;overflow:visible!important}.logo img,.logo img.site-logo{width:116px!important;height:116px!important;min-width:116px!important;max-width:none!important;max-height:none!important;object-fit:contain!important}

/* ===== GLOBAL COLOR CONTRAST / READABILITY FIX ===== */
/* Only foreground/background contrast is adjusted; layout, spacing, sizing, animation and component design remain unchanged. */
body{color:#17202a}
body p{color:#4b5563}
.heading h2,.heading h3,.heading p{color:#17202a}
.heading p{color:#4b5563}
.badge{color:#17202a}
.features b{color:#25313d}
.stats small{color:#4b5563}
.about-story p,.about-story small,.about-pro p{color:#4b5563}
.cards article h3,.cards article p,.cards article a{color:#17202a}
.cards article p{color:#4b5563}
.project-info h3,.project-info p,.project-info a{color:#17202a}
.project-info p{color:#4b5563}
.product-content h3,.product-content p{color:#17202a}
.product-content p{color:#4b5563}
.product-features span{color:#6b4f1d}
.info h3{color:#17202a}
.info p,.info a,.info span{color:#374151}
input,textarea{color:#17202a;background:#fff;border-color:#cfd5dc}
input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}
.nav a{color:#25313d}
.nav a:hover{color:#c2410c}
.capability-strip{color:#334155}
.process-step h3,.process-step p{color:#17202a}
.process-step p{color:#4b5563}
.trust-copy h2{color:#17202a}
.trust-copy p{color:#4b5563}
.trust-points b{color:#17202a}
.trust-points small{color:#4b5563}
.expertise-card h3,.process-detail h3,.support-card h3{color:#17202a}
.expertise-card p,.process-detail p,.support-card p{color:#4b5563}
.expertise-card small,.process-detail b{color:#9a670f}
.faq-grid summary{color:#17202a}
.faq-grid details p{color:#4b5563}
.dp-pills span{color:#6b4f1d}
.dp-section-dark{color:#f8fafc}
.dp-section-dark .heading h2{color:#fff}
.dp-section-dark .heading p{color:#dbe4ee}
.dp-section-dark .industry-card h3,.dp-section-dark .tech-card h3,.dp-section-dark .case-card h3{color:#17202a}
.dp-section-dark .industry-card p,.dp-section-dark .tech-card p,.dp-section-dark .case-card p{color:#4b5563}
.dp-section-dark .security-card h3{color:#fff}
.dp-section-dark .security-card p{color:#d9e2ec}
.dp-section-dark .security-card .dp-pills span{color:#6b4f1d}
.deployment-section h2,.deployment-section h3{color:#fff}
.deployment-section p{color:#d7dee6}
.deployment-section .heading p{color:#dbe4ee}
footer{color:#f8fafc}
footer p{color:#cbd5e1}
.footer-main h3{color:#fff}
.footer-main a{color:#d1d5db}
.footer-main a:hover{color:#fff}
.bottom{color:#b8c0ca}
.dp-faq .heading h2{color:#fff}
.dp-faq .heading p{color:#dbe4ee}
.dp-faq .heading label{color:#f8c76a}
.dp-support .heading h2{color:#17202a}
.dp-support .heading p{color:#4b5563}
.dp-quote .quote-panel h2{color:#fff}
.dp-quote .quote-panel p{color:#cbd5e1}
.quote-points span{color:#e8edf2}
@media(prefers-contrast:more){body p,.heading p,.cards article p,.project-info p,.product-content p,.process-step p,.trust-copy p,.trust-points small,.expertise-card p,.process-detail p,.support-card p,.faq-grid details p{color:#374151}.dp-section-dark .heading p,.dp-section-dark .security-card p,.deployment-section p,.dp-faq .heading p,.dp-quote .quote-panel p{color:#e5e7eb}}