.seo-page{background:#f7f5f2;color:#0b0910}.seo-hero{padding:7rem 5vw 5rem;border-bottom:1px solid #c8c1cc;background:radial-gradient(circle at 82% 25%,rgba(49,215,255,.85),transparent 24%),radial-gradient(circle at 70% 85%,rgba(255,64,185,.32),transparent 26%),linear-gradient(120deg,#f7f5f2 0 65%,#ddf9ff 100%)}.seo-hero .eyebrow,.seo-section .eyebrow{font:600 .72rem 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:#5b278e}.seo-hero h1{max-width:1000px;margin:1rem 0;font:400 clamp(4rem,8vw,8rem)/.88 'Anton',sans-serif;text-transform:uppercase}.seo-hero .lead{max-width:760px;font-size:1.1rem;line-height:1.75}.seo-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.seo-section{padding:5rem 5vw}.seo-section.alt{background:#e9e4ec}.seo-section h2{margin:.8rem 0 2rem;font:400 clamp(2.8rem,5vw,5.5rem)/.94 'Anton',sans-serif;text-transform:uppercase}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.seo-card{padding:2rem;border:1px solid #c2b8c9;background:#fff}.seo-card h3{font:400 2rem 'Anton',sans-serif;text-transform:uppercase;margin:.4rem 0 1rem}.seo-card p,.seo-prose p,.seo-prose li{line-height:1.75}.seo-card a,.seo-prose a{color:#55238b;font-weight:700}.seo-prose{max-width:850px}.seo-prose h2{font-size:2.7rem}.seo-prose h3{font:400 1.7rem 'Anton',sans-serif;text-transform:uppercase;margin-top:2.4rem}.seo-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:4rem 5vw;background:#31d7ff}.seo-cta h2{margin:0;font:400 clamp(2.8rem,5vw,5rem)/.9 'Anton',sans-serif;text-transform:uppercase}.legal{max-width:900px}.artist-grid .seo-card{min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.artist-code{font:400 5rem 'Anton',sans-serif;color:#6d28d9}.seo-page footer{margin-top:0}
.service-instruction{max-width:680px;margin:-1rem 0 2rem;color:#51475a}.service-grid{perspective:1200px}.service-card{padding:0;overflow:hidden;border:0;box-shadow:0 10px 30px rgba(20,8,35,.08);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.service-card:nth-child(1){background:#30d8ff}.service-card:nth-child(2){background:#ffda47}.service-card:nth-child(3){background:#ff63b8}.service-card:nth-child(4){background:#8b5cf6;color:#fff}.service-card:nth-child(5){background:#ff7548}.service-card:nth-child(6){background:#62e4a6}.service-card:hover,.service-card:focus-within{transform:translateY(-10px) rotateX(2deg);box-shadow:0 24px 55px rgba(44,17,69,.22)}.service-card summary{list-style:none;cursor:pointer;min-height:300px;padding:2rem;display:flex;flex-direction:column}.service-card summary::-webkit-details-marker{display:none}.service-number{font:600 .75rem 'IBM Plex Mono',monospace;letter-spacing:.14em}.service-card h3{font-size:clamp(2.2rem,3vw,3.3rem);margin:auto 0 .75rem}.service-card summary p{margin:0 0 1.3rem;line-height:1.55;max-width:28ch}.service-card summary b{font:600 .7rem 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;border-top:1px solid currentColor;padding-top:1rem}.service-card summary i{font:normal 1.5rem/1 'IBM Plex Sans',sans-serif;transition:transform .25s ease}.service-card[open] summary i{transform:rotate(45deg)}.service-more{padding:0 2rem 2rem;border-top:1px solid rgba(0,0,0,.25);animation:serviceReveal .3s ease}.service-card:nth-child(4) .service-more{border-color:rgba(255,255,255,.35)}.service-more p,.service-more li{line-height:1.6}.service-more ul{padding-left:1.2rem;margin-bottom:0}@keyframes serviceReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.seo-hero{padding:5rem 1.2rem 3.5rem;background:radial-gradient(circle at 85% 15%,rgba(49,215,255,.65),transparent 30%),#f7f5f2}.seo-hero h1{font-size:17vw}.seo-section{padding:4rem 1.2rem}.seo-grid{grid-template-columns:1fr}.service-card summary{min-height:255px}.service-card:hover{transform:none}.seo-cta{align-items:flex-start;flex-direction:column;padding:3rem 1.2rem}}
.development-page{--cyan:#31d7ff;--violet:#6d28d9;--night:#070812;background:#070812;color:#fff}.development-page .nav{background:#070812;border-color:rgba(49,215,255,.22);color:#fff}.development-page .nav a{color:#fff}.development-page .nav .active{color:var(--cyan)}.development-hero{min-height:calc(100vh - 86px);position:relative;overflow:hidden;display:flex;align-items:center;padding:7rem 5vw 8rem;color:#fff;background-image:linear-gradient(90deg,rgba(5,6,18,.96) 0%,rgba(5,6,18,.86) 42%,rgba(5,6,18,.22) 72%),url('/4f-dj-crowd-hero.png');background-size:cover;background-position:center}.development-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(49,215,255,.16),transparent 24%),linear-gradient(180deg,transparent 65%,rgba(7,8,18,.9));pointer-events:none}.development-hero-copy{position:relative;z-index:2;width:min(780px,64%)}.development-hero .eyebrow{color:#c9f7ff}.development-hero .eyebrow i{display:inline-block;width:7px;height:7px;margin-right:.6rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.development-hero h1{max-width:none;margin:1.1rem 0;font-size:clamp(5rem,9.5vw,10rem);line-height:.82;color:var(--cyan);text-shadow:4px 4px 0 var(--violet)}.development-hero h1 span{color:#fff;text-shadow:none}.development-hero .lead{max-width:650px;color:#e8e9f4}.development-hero .primary{margin-top:1rem;background:var(--cyan);color:#071017}.development-hero-logo{position:absolute;z-index:2;right:5vw;top:5vw;width:clamp(100px,12vw,180px);height:auto;filter:drop-shadow(0 0 20px rgba(49,215,255,.4))}.development-stamp{position:absolute;z-index:2;right:4vw;bottom:7rem;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.65);background:rgba(5,6,18,.5);backdrop-filter:blur(8px);transform:rotate(-2deg);text-transform:uppercase}.development-stamp span,.development-stamp small{display:block;font:600 .58rem 'IBM Plex Mono',monospace;letter-spacing:.16em}.development-stamp b{display:block;font:400 2.4rem 'Anton',sans-serif;color:var(--cyan)}.development-ticker{position:absolute;z-index:3;left:0;right:0;bottom:0;overflow:hidden;padding:.85rem 0;background:var(--cyan);color:#071017;white-space:nowrap;font:700 .72rem 'IBM Plex Mono',monospace}.development-ticker span{display:inline-block;min-width:200%;animation:ticker 22s linear infinite}.development-page .services-section{position:relative;background:#f4f1f7;color:#0b0910}.development-page .services-section:before{content:"SERVICES";position:absolute;right:3vw;top:2rem;font:400 clamp(5rem,12vw,12rem)/1 'Anton',sans-serif;color:rgba(109,40,217,.055);pointer-events:none}.development-page .services-section h2{position:relative;max-width:900px}.development-page .service-card{border:1px solid rgba(7,8,18,.12)}.development-page .seo-cta{background:linear-gradient(100deg,#31d7ff 0 68%,#6d28d9 68%);color:#071017}.development-page .seo-cta .button{background:#071017;color:#fff}
@media(max-width:800px){.development-page .nav{height:72px}.development-hero{min-height:calc(100vh - 72px);padding:5.5rem 1.2rem 6rem;background-image:linear-gradient(180deg,rgba(5,6,18,.9) 0%,rgba(5,6,18,.72) 56%,rgba(5,6,18,.35)),url('/4f-dj-crowd-hero.png');background-position:68% center}.development-hero-copy{width:100%}.development-hero h1{font-size:18vw;line-height:.84}.development-hero .lead{font-size:.9rem}.development-hero-logo{right:1.2rem;top:1.2rem;width:84px}.development-stamp{display:none}.development-page .service-grid{gap:1rem}.development-page .service-card summary{min-height:240px}.development-page .seo-cta{background:#31d7ff}.development-page .nav nav{background:rgba(7,8,18,.98)}}
.development-page{--violet:#063a73}.development-hero h1{color:#31d7ff;text-shadow:4px 4px 0 #071017}.development-page .services-section{background:#070812;color:#fff}.development-page .services-section .eyebrow{color:#31d7ff}.development-page .services-section:before{color:rgba(49,215,255,.055)}.development-page .service-instruction{color:#b8c7d6}.development-page .service-card{border:1px solid rgba(49,215,255,.32);box-shadow:0 12px 34px rgba(0,0,0,.34)}.development-page .service-card:nth-child(1),.development-page .service-card:nth-child(5){background:#31d7ff;color:#06101a}.development-page .service-card:nth-child(2),.development-page .service-card:nth-child(6){background:#fff;color:#071017}.development-page .service-card:nth-child(3){background:#07549a;color:#fff}.development-page .service-card:nth-child(4){background:#091725;color:#fff}.development-page .service-card:hover,.development-page .service-card:focus-within{box-shadow:0 25px 60px rgba(49,215,255,.2)}.development-page .seo-cta{background:#31d7ff;color:#071017}.development-page .seo-cta .button{background:#071017;color:#fff}
