/* ==========================================================================
   ONEDEV STUDIO — V16
   Restore the pre-V15 header + continue visual/motion refinement only.
   ========================================================================== */

/* HEADER RESTORE — V14/V13 look */
.header{
  height:78px!important;
  width:100%!important;
  padding:0 max(4%,calc((100% - 1420px)/2))!important;
  display:flex!important;
  align-items:center!important;
  gap:35px!important;
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  z-index:1000!important;
  border:0!important;
  border-bottom:1px solid #ffffff12!important;
  border-radius:0!important;
  background:rgba(2,3,3,.91)!important;
  backdrop-filter:blur(15px)!important;
  box-shadow:none!important;
}
.header.scrolled{
  background:rgba(2,3,3,.95)!important;
  border-bottom-color:#ffffff12!important;
  box-shadow:none!important;
}
.header:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#ffc40055,transparent);
  opacity:0;transition:.3s
}
.header.scrolled:after{opacity:1}
.brand-header img{height:58px!important;max-width:230px!important;filter:drop-shadow(0 0 14px rgba(255,184,0,.08));transition:transform .35s cubic-bezier(.16,1,.3,1)}
.brand-header:hover img{transform:scale(1.025)}
#nav{display:flex!important;gap:34px!important;margin:auto!important;font-size:13px!important}
#nav a{padding:30px 0!important;border-radius:0!important;background:none!important;position:relative!important;transition:color .2s!important}
#nav a:hover,#nav a.active{color:#ffc400!important}
#nav a.active:after{content:"";position:absolute;left:0!important;right:0!important;bottom:15px!important;width:auto!important;height:2px!important;background:#ffc400!important;box-shadow:none!important}
.head-actions{display:flex!important;align-items:center!important;gap:12px!important}
#menu{display:none;background:none;border:0;color:white;font-size:25px;cursor:pointer}

/* V16 visual continuity */
.v13-hero{isolation:isolate}
.v13-hero-copy,.v13-hero-panel{animation:v16HeroEnter .9s cubic-bezier(.16,1,.3,1) both}
.v13-hero-panel{animation-delay:.08s}
.v13-hero-bg{animation:v16HeroBreath 14s ease-in-out infinite alternate}
.v13-section-head{position:relative}
.v13-section-head:after{content:"";position:absolute;left:0;bottom:-18px;width:42px;height:2px;background:linear-gradient(90deg,#ffc700,#ff8c00);transform-origin:left;transition:width .5s cubic-bezier(.16,1,.3,1)}
.v13-section-head:hover:after{width:88px}

/* Reveal gets a softer premium finish */
.v13-reveal{transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),filter .75s}
.v13-reveal:not(.is-visible){filter:blur(3px)}
.v13-reveal.is-visible{filter:blur(0)}

/* Cards: subtle edge light */
.v13-universe,.v13-project,.v13-price,.v14-solution,.v14-included-grid article,.v13-blog-grid article,.v13-why-grid article{overflow:hidden}
.v13-universe:after,.v13-price:after,.v14-included-grid article:after,.v13-blog-grid article:after,.v13-why-grid article:after{
 content:"";position:absolute;inset:auto -35% -80% -35%;height:90%;pointer-events:none;
 background:radial-gradient(ellipse at center,rgba(255,178,0,.075),transparent 65%);
 opacity:0;transform:translateY(18px);transition:.45s cubic-bezier(.16,1,.3,1)
}
.v13-universe:hover:after,.v13-price:hover:after,.v14-included-grid article:hover:after,.v13-blog-grid article:hover:after,.v13-why-grid article:hover:after{opacity:1;transform:none}

/* Projects — clean image depth */
.v13-project-visual{overflow:hidden}
.v13-project-visual:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.045) 45%,transparent 68%);transform:translateX(-120%);transition:transform .85s cubic-bezier(.16,1,.3,1)}
.v13-project:hover .v13-project-visual:before{transform:translateX(120%)}

/* Expertise */
.v13-expertise-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(255,199,0,.065),transparent 28%);animation:v16Glow 6s ease-in-out infinite alternate}

/* Pricing featured breath */
.v13-price.featured:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,transparent,#ffc70033,transparent);background-size:200% 100%;animation:v16Border 5s linear infinite}

/* CTA keeps the supplied banner as the visual climax */
.v13-final-bg{transform:scale(1.035);transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .6s}
.v13-final-cta:hover .v13-final-bg{transform:scale(1.075);filter:saturate(1.08) brightness(1.04)}
.v13-final-content h2{text-shadow:0 12px 40px rgba(0,0,0,.72)}
.v13-final-actions>a{position:relative;overflow:hidden}
.v13-final-actions>a:after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.38),transparent 60%);transform:translateX(-120%);transition:.7s}
.v13-final-actions>a:hover:after{transform:translateX(120%)}

/* V16 scrollbar */
@media(pointer:fine){
 *{scrollbar-width:thin;scrollbar-color:#5c470f #070909}
 ::-webkit-scrollbar{width:8px}
 ::-webkit-scrollbar-track{background:#070909}
 ::-webkit-scrollbar-thumb{background:linear-gradient(#8b680e,#ff9d00);border-radius:20px;border:2px solid #070909}
}

/* Restore old responsive header while keeping V15 page/mobile redesign */
@media(max-width:1000px){
 .header{height:78px!important;justify-content:space-between!important;padding:0 4%!important}
 .brand-header img{height:48px!important;max-width:190px!important}
 .head-actions{display:none!important}
 #menu{display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;color:#fff!important}
 #nav{
   display:none!important;position:absolute!important;top:78px!important;left:0!important;right:0!important;
   margin:0!important;padding:12px 4% 18px!important;background:rgba(8,10,10,.98)!important;
   border:0!important;border-bottom:1px solid #2b2f2f!important;border-radius:0!important;
   flex-direction:column!important;gap:0!important;opacity:1!important;visibility:visible!important;
   transform:none!important;box-shadow:0 24px 60px rgba(0,0,0,.45)!important;backdrop-filter:blur(18px)
 }
 body.menu-open #nav{display:flex!important}
 #nav a{padding:13px 4px!important;font-size:10px!important;border-bottom:1px solid rgba(255,255,255,.045)!important}
 #nav a:last-child{border-bottom:0!important}
 #nav a.active:after{left:4px!important;right:auto!important;bottom:7px!important;width:25px!important;height:1px!important}
}
@media(max-width:620px){
 html{scroll-padding-top:78px}
 .header{top:0!important;width:100%!important;border-radius:0!important}
 #nav{inset:auto 0 auto 0!important;top:78px!important}
 .v13-hero-content{padding-top:105px!important}
}

/* Accessibility / motion */
@media(prefers-reduced-motion:reduce){
 .v13-hero-copy,.v13-hero-panel,.v13-hero-bg,.v13-expertise-screen:after,.v13-price.featured:before{animation:none!important}
 .v13-final-bg{transform:none!important}
}
@keyframes v16HeroEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes v16HeroBreath{from{transform:scale(1.01)}to{transform:scale(1.045)}}
@keyframes v16Glow{from{opacity:.35;transform:translate3d(-10px,5px,0)}to{opacity:1;transform:translate3d(10px,-8px,0)}}
@keyframes v16Border{to{background-position:200% 0}}