/* Under Development specific */
.dev-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.dev-bg::before{content:"";position:absolute;inset:-50%;background:
  radial-gradient(ellipse 40% 30% at 20% 30%,rgba(212,160,90,0.10),transparent 60%),
  radial-gradient(ellipse 50% 40% at 80% 70%,rgba(183,148,244,0.06),transparent 60%),
  radial-gradient(ellipse 30% 25% at 50% 50%,rgba(79,209,197,0.04),transparent 60%);
  animation:devShift 24s ease-in-out infinite}
@keyframes devShift{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}
.dev-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,160,90,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,160,90,0.04) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 30%,transparent 80%);animation:gridShift 60s linear infinite}
@keyframes gridShift{from{background-position:0 0,0 0}to{background-position:60px 60px,60px 60px}}
.dev-orb{position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(212,160,90,0.10);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbPulse 8s ease-in-out infinite}
.dev-orb-2{width:900px;height:900px;border-color:rgba(212,160,90,0.06);animation-delay:2s}
.dev-orb-3{width:1200px;height:1200px;border-color:rgba(212,160,90,0.04);animation-delay:4s}
@keyframes orbPulse{0%,100%{opacity:0.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:0.7;transform:translate(-50%,-50%) scale(1.04)}}
.dev-particle{position:absolute;width:3px;height:3px;background:var(--am);border-radius:50%;opacity:0.5;box-shadow:0 0 10px var(--am)}
.dev-p1{top:25%;left:18%;animation:float 6s ease-in-out infinite}
.dev-p2{top:65%;left:78%;animation:float 8s ease-in-out infinite 1s}
.dev-p3{top:42%;left:52%;animation:float 7s ease-in-out infinite 2s}
.dev-p4{top:15%;right:18%;animation:float 9s ease-in-out infinite 0.5s}
.dev-p5{top:78%;left:30%;animation:float 7.5s ease-in-out infinite 1.5s}
@keyframes float{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}}

.dev-hero{padding:clamp(7rem,16vw,12rem) var(--px) clamp(5rem,10vw,8rem);min-height:80vh;display:flex;align-items:center;position:relative;z-index:2}
.dev-hero__in{max-width:var(--cn);margin:0 auto;text-align:center;position:relative}
.dev-stamp{display:inline-flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:rgba(212,160,90,0.08);border:1px solid rgba(212,160,90,0.30);border-radius:2px;font-family:var(--ff-m);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--am);margin-bottom:3rem}
.dev-stamp::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--am);animation:pulseGold 2s ease-in-out infinite}
@keyframes pulseGold{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(212,160,90,0.5)}50%{opacity:.7;box-shadow:0 0 0 8px rgba(212,160,90,0)}}
.dev-hero h1{max-width:none;font-size:clamp(2.6rem,5.5vw,5rem);margin:0 auto 2rem;text-align:center}
.dev-hero h1 em{background:linear-gradient(135deg,#d4a05a 0%,#e8c084 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;font-weight:400}
.dev-hero__lede{font-size:clamp(1.15rem,0.8vw + 1rem,1.4rem);line-height:1.55;color:var(--t-s);max-width:62ch;margin:0 auto 3.5rem}
.dev-hero__meta{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3rem);justify-content:center;font-family:var(--ff-m);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t-m);margin-bottom:3rem}
.dev-hero__meta span{display:inline-flex;align-items:center;gap:.6rem}
.dev-hero__meta span::before{content:"◆";color:var(--am);font-size:.6em}
.dev-cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}
.btn--gold{background:transparent;color:var(--am);border-color:rgba(212,160,90,0.4)}
.btn--gold:hover{background:rgba(212,160,90,0.08);color:var(--am);border-color:var(--am)}

.dev-vision{background:var(--bg-1);padding:clamp(5rem,9vw,8rem) var(--px);border-top:1px solid var(--hl);border-bottom:1px solid var(--hl);position:relative;z-index:2}
.dev-vision__in{max-width:var(--c);margin:0 auto}
.dev-pillars{display:grid;grid-template-columns:1fr;gap:1px;background:var(--hl);border:1px solid var(--hl);margin-top:3rem;border-radius:6px;overflow:hidden}
@media(min-width:760px){.dev-pillars{grid-template-columns:repeat(4,1fr)}}
.dev-pillar{background:var(--bg-1);padding:2.5rem 2rem;position:relative}
.dev-pillar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--am);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e)}
.dev-pillar:hover::before{transform:scaleX(1)}
.dev-pillar__l{font-family:var(--ff-m);font-size:.7rem;letter-spacing:.18em;color:var(--am);margin-bottom:1.25rem}
.dev-pillar h3{font-family:var(--ff-d);font-size:1.3rem;line-height:1.25;font-weight:400;margin:0 0 1rem 0;color:var(--t)}
.dev-pillar p{font-size:.92rem;color:var(--t-s);line-height:1.6}

/* Spine flow */
.spine{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(212,160,90,0.04),transparent 70%),var(--bg);padding:clamp(5rem,9vw,8rem) var(--px);border-bottom:1px solid var(--hl);position:relative;z-index:2}
.spine__in{max-width:var(--c);margin:0 auto}
.spine__svg{width:100%;height:auto;max-width:1080px;margin:4rem auto 0;display:block}