/* =========================================================
   ONEDEV STUDIO V27 — PREMIUM PAGE ENRICHMENT
   Visual-only layer: preserves existing desktop structure.
   ========================================================= */
:root{
  --v27-gold:#ffd000;
  --v27-orange:#ff8500;
  --v27-white:#fff7dc;
  --v27-panel:rgba(14,15,16,.72);
  --v27-line:rgba(255,196,0,.17);
}

/* Header remains intact: only requested action buttons are absent. */
header{
  isolation:isolate;
}
header::after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,208,0,.22),rgba(255,133,0,.16),transparent);
  pointer-events:none;
}

/* Premium section depth */
main section{
  position:relative;
}
main section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,208,0,.035),transparent 24%),
    radial-gradient(circle at 88% 76%,rgba(255,133,0,.028),transparent 26%);
  opacity:.85;
}

/* Existing cards gain depth without changing copy/layout */
:is(.card,.service-card,.project-card,.studio-card,.price-card,.faq-item,.feature-card,.portfolio-card){
  position:relative;
  overflow:hidden;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
:is(.card,.service-card,.project-card,.studio-card,.price-card,.feature-card,.portfolio-card)::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-95px;
  top:-105px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,208,0,.11),rgba(255,133,0,.025) 48%,transparent 70%);
  opacity:0;
  transform:scale(.7);
  transition:.4s ease;
  pointer-events:none;
}
@media (hover:hover){
  :is(.card,.service-card,.project-card,.studio-card,.price-card,.feature-card,.portfolio-card):hover{
    transform:translateY(-5px);
    border-color:rgba(255,196,0,.32);
    box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 0 1px rgba(255,196,0,.035) inset;
  }
  :is(.card,.service-card,.project-card,.studio-card,.price-card,.feature-card,.portfolio-card):hover::after{
    opacity:1;
    transform:scale(1);
  }
}

/* Titles and separators */
:is(h1,h2,h3){
  text-wrap:balance;
}
main h2{
  position:relative;
}
main h2::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:12px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--v27-gold),var(--v27-orange));
  box-shadow:0 0 16px rgba(255,174,0,.18);
}

/* Links */
main a:not(.btn):not([class*="button"]){
  transition:color .25s ease,text-shadow .25s ease;
}
@media (hover:hover){
  main a:not(.btn):not([class*="button"]):hover{
    color:var(--v27-gold);
    text-shadow:0 0 16px rgba(255,208,0,.16);
  }
}

/* Buttons */
:is(.btn,[class*="button"]){
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
:is(.btn,[class*="button"])::after{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.20) 45%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
@media (hover:hover){
  :is(.btn,[class*="button"]):hover::after{transform:translateX(120%)}
}

/* Existing imagery */
main img{
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease;
}
@media (hover:hover){
  main a:hover img,
  main figure:hover img{
    transform:scale(1.018);
    filter:brightness(1.035) contrast(1.015);
  }
}

/* Scroll reveal */
.v27-reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
.v27-reveal.v27-visible{
  opacity:1;
  transform:none;
}

/* Mouse glow */
.v27-pointer-glow{
  position:fixed;
  width:420px;
  height:420px;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  opacity:.14;
  background:radial-gradient(circle,rgba(255,196,0,.18),rgba(255,133,0,.05) 35%,transparent 70%);
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;
  transition:opacity .25s ease;
}
body > *{position:relative;z-index:1}

/* Mobile polish */
@media (max-width:768px){
  .v27-pointer-glow{display:none}
  main section{scroll-margin-top:76px}
  main h2::after{width:34px;margin-top:9px}
  :is(.card,.service-card,.project-card,.studio-card,.price-card,.faq-item,.feature-card,.portfolio-card){
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  :is(.card,.service-card,.project-card,.studio-card,.price-card,.feature-card,.portfolio-card):active{
    transform:scale(.988);
  }
}
@media (prefers-reduced-motion:reduce){
  .v27-reveal{opacity:1;transform:none;transition:none}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}