/* ========================================================================
   ONEDEV STUDIO V12 — CLEAN / ORGANIZED / FINAL HOMEPAGE
   ======================================================================== */

/* Canonical page rhythm */
main > section{position:relative}
#home{margin-bottom:0}
#services,#projects,#about,#expertise,#packs,#reviews,#faq,#method,#contact{scroll-margin-top:115px}

/* Hide obsolete empty shells if an old browser/parser leaves one behind */
.v7-services:empty,.v7-tech:empty,.trust-strip:empty,.v9-numbers:empty{display:none!important}

/* Better vertical organization */
.universes{margin-bottom:25px}
.projects-v10{padding-top:85px;padding-bottom:85px}
.about-v10{padding-top:85px;padding-bottom:75px}
.v11-services-intro{padding-top:25px}
.premium-showcase{padding-top:35px}
.included-v10{padding-top:65px;padding-bottom:70px}
.v7-packs{padding-top:65px;padding-bottom:80px}
.v11-process{border-top:1px solid rgba(255,255,255,.07)}
.v7-reviews{padding-top:80px;padding-bottom:80px}
.faq-section{padding-top:80px;padding-bottom:80px}
.devlog-v10{margin-bottom:80px}

/* Stronger hierarchy */
.section-badge,.v11-label{user-select:none}
.section h2,.v11-services-intro h2,.showcase-copy h2,.included-head h2,.v11-process-head h2{
  text-wrap:balance;
}
.section-intro,.showcase-copy>p,.included-head>p,.v11-process-head p{
  text-wrap:pretty;
}

/* ---------------------------------------------------------
   FOOTER PROJECT BANNER — restored in V12
   --------------------------------------------------------- */
.footer-banner-v12{
  width:min(1420px,94%);
  min-height:520px;
  margin:90px auto 0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,191,0,.42);
  border-radius:22px;
  background:#030303;
  box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 50px rgba(255,153,0,.07);
}
.footer-banner-v12-bg{
  position:absolute;
  inset:-7%;
  z-index:-4;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.15) 42%,rgba(0,0,0,.48)),
    url("../../assets/footer-cta-banner.png") center/cover no-repeat;
  transform:scale(1.08);
  animation:v12FooterCamera 18s ease-in-out infinite alternate;
}
.footer-banner-v12:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 50% 42%,transparent 0 18%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.5) 100%),
    linear-gradient(90deg,rgba(0,0,0,.38),transparent 28%,transparent 72%,rgba(0,0,0,.38));
}
.footer-banner-v12:after{
  content:"";
  position:absolute;
  width:680px;
  height:180px;
  left:50%;
  bottom:-110px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(255,166,0,.26),rgba(255,166,0,.06) 45%,transparent 72%);
  filter:blur(12px);
  animation:v12FooterGlow 4.5s ease-in-out infinite;
}
.footer-banner-v12-content{
  position:relative;
  z-index:4;
  width:min(820px,88%);
  padding:70px 20px;
  text-align:center;
  text-shadow:0 4px 25px #000;
}
.footer-banner-v12-content>span{
  display:inline-block;
  padding:7px 11px;
  margin-bottom:17px;
  border:1px solid rgba(255,196,0,.42);
  border-radius:999px;
  background:rgba(4,4,4,.45);
  backdrop-filter:blur(10px);
  color:#ffc700;
  font-size:8px;
  font-weight:900;
  letter-spacing:.2em;
}
.footer-banner-v12 h2{
  margin:0;
  font-size:clamp(35px,5vw,62px);
  line-height:1.02;
  letter-spacing:-2.5px;
}
.footer-banner-v12 h2 em{
  font-style:normal;
  background:linear-gradient(100deg,#fff3b2,#ffc700 45%,#ff8c00);
  background-clip:text;
  color:transparent;
}
.footer-banner-v12 p{
  max-width:680px;
  margin:20px auto 28px;
  color:#d4d6d6;
  font-size:12px;
  line-height:1.8;
}
.footer-banner-v12-content>a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  padding:13px 17px 13px 20px;
  border:1px solid rgba(255,232,154,.78);
  border-radius:10px;
  background:linear-gradient(110deg,#ffc700,#ff9500);
  color:#070707;
  font-size:10px;
  font-weight:1000;
  box-shadow:0 10px 40px rgba(255,153,0,.2);
  transition:transform .25s ease,box-shadow .25s ease;
}
.footer-banner-v12-content>a:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 50px rgba(255,153,0,.34);
}
.footer-banner-v12-content>a b{
  width:25px;height:25px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(0,0,0,.12);
  transition:transform .25s;
}
.footer-banner-v12-content>a:hover b{transform:rotate(45deg)}
.footer-banner-v12-line{
  position:absolute;
  left:8%;right:8%;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#fff4b0,#ffc700,#ff8c00,#ffc700,#fff4b0,transparent);
  box-shadow:0 0 20px rgba(255,173,0,.7);
}
.footer-banner-v12-stars{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 12% 24%,#fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 22% 67%,#ffc700 0 1px,transparent 1.7px),
    radial-gradient(circle at 72% 21%,#fff5bf 0 1px,transparent 1.5px),
    radial-gradient(circle at 83% 69%,#ff8c00 0 1px,transparent 1.7px),
    radial-gradient(circle at 64% 81%,#ffc700 0 1px,transparent 1.5px);
  opacity:.65;
  animation:v12StarsBlink 5s ease-in-out infinite;
}
.footer-v10{margin-top:0;padding-top:55px}

@keyframes v12FooterCamera{
  0%{transform:scale(1.08) translate3d(-.6%,0,0)}
  50%{transform:scale(1.12) translate3d(.7%,-.6%,0)}
  100%{transform:scale(1.09) translate3d(0,.5%,0)}
}
@keyframes v12FooterGlow{
  0%,100%{opacity:.5;transform:translateX(-50%) scale(.92)}
  50%{opacity:1;transform:translateX(-50%) scale(1.14)}
}
@keyframes v12StarsBlink{
  0%,100%{opacity:.3}
  25%{opacity:.8}
  47%{opacity:.18}
  68%{opacity:.72}
  82%{opacity:.38}
}

/* Cleaner cards — no excessive repeated effects */
.feature-grid article,.why article,.packs-grid article,.projects article,.v11-capabilities article{
  contain:paint;
}

/* Footer now visually belongs to CTA */
.footer-v10{
  border-top:0;
}
.footer-main{
  padding-top:15px;
}

/* Responsive V12 */
@media(max-width:800px){
  .footer-banner-v12{min-height:500px;width:94%;border-radius:16px}
  .footer-banner-v12-bg{background-position:60% center}
  .footer-banner-v12-content{padding:55px 14px}
  .footer-banner-v12 h2{letter-spacing:-1.5px}
}
@media(max-width:520px){
  .footer-banner-v12{margin-top:60px;min-height:510px}
  .footer-banner-v12 p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .footer-banner-v12-bg,.footer-banner-v12:after,.footer-banner-v12-stars{animation:none}
}