:root{--bg:#070b16;--panel:#10172a;--ink:#f5f7ff;--muted:#a7b2ca;--blue:#4a79ff;--cyan:#6edcff;--line:#28314b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-80px;left:20px;z-index:50;background:white;color:black;padding:12px}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:rgba(7,11,22,.91);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{position:relative;font:900 36px/1 Outfit;color:white;letter-spacing:-6px;transform:skew(-10deg);padding-right:7px}.pulse{position:absolute;color:var(--cyan);font-size:16px;top:-5px;right:-7px}.brand-name{font:900 19px/1 Outfit;letter-spacing:2px}.brand-name span{display:block;font:700 8px/1.8 Outfit;letter-spacing:4.1px;color:var(--cyan)}.navlinks{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.navlinks>a:not(.nav-cta):hover,.footer-right a:hover{color:var(--cyan)}.nav-cta{background:var(--blue);padding:12px 19px;border-radius:5px}.nav-cta:hover,.btn-primary:hover{background:#6892ff}.menu{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#1b2e65 0%,#0b1227 37%,#070b16 75%)}.hero-glow{position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,#4a79ff0c 100%);pointer-events:none}.hero-layout{min-height:655px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding:60px 0 70px}.eyebrow,.section-kicker{font:700 11px Outfit;letter-spacing:3px;color:var(--cyan);display:flex;align-items:center;gap:13px}.eyebrow-line{width:26px;height:2px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif}h1{font-size:clamp(50px,5.4vw,81px);line-height:.99;letter-spacing:-3.7px;margin:29px 0 26px;font-weight:900}h1 em,.final-cta em{font-style:normal;color:var(--cyan)}.hero-copy>p{font-size:17px;color:#c0c9dc;max-width:495px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:15px 22px;font-size:13px;font-weight:800;border-radius:5px;transition:.2s}.btn-primary{background:var(--blue)}.btn-outline{border:1px solid #667395}.btn-outline:hover{background:#ffffff12}.hero-notes{display:flex;gap:22px;flex-wrap:wrap;color:#c0c9dc;font-size:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:6px}.hero-art{position:relative;height:510px;display:grid;place-items:center}.halo{position:absolute;border:1px solid #6d8efb50;border-radius:50%;width:490px;height:490px;transform:rotate(-20deg) scaleY(.75)}.halo-two{width:560px;height:560px;transform:rotate(25deg) scaleY(.82);border-color:#6edcff18}.disc{position:relative;width:min(390px,85%);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#111a31 0px,#111a31 3px,#243659 4px,#0a1122 6px);box-shadow:0 0 0 10px #0a1126,0 0 0 12px #506bd455,0 30px 80px #000b,0 0 90px #386bff4b;display:grid;place-items:center;transform:rotate(-13deg)}.disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,#8dc9ff20,transparent 38%,#c1f5ff15,transparent 72%);}.disc-ring{position:absolute;width:75%;height:75%;border:1px solid #ffffff19;border-radius:50%}.ring2{width:89%;height:89%}.ring3{width:63%;height:63%}.disc-center{width:45%;aspect-ratio:1;background:linear-gradient(145deg,#376eff,#101f58);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 6px #080e1e,0 0 0 8px #7999ff88;text-align:center;line-height:1.1}.disc-center span{font:800 18px Outfit;letter-spacing:5px}.disc-center strong{font:900 42px Outfit;letter-spacing:-2px}.disc-center small{font:700 7px Outfit;letter-spacing:2px;color:#c6f5ff;margin-top:9px}.float-tag{position:absolute;background:#101c37d9;border:1px solid #6384dc70;padding:14px 18px;font:600 10px Outfit;letter-spacing:1.6px;line-height:1.7;box-shadow:0 15px 30px #0006}.float-tag strong{color:var(--cyan)}.tag-top{right:-5px;top:72px;transform:rotate(7deg)}.tag-bottom{left:0;bottom:64px;transform:rotate(-6deg)}.spark{position:absolute;color:var(--cyan);font-size:35px}.spark1{left:40px;top:60px}.spark2{right:30px;bottom:50px}.hero-bottom{border-top:1px solid #ffffff16;color:#8291b3;font:700 10px Outfit;letter-spacing:2.3px}.hero-bottom .container{display:flex;justify-content:space-between;padding:19px 0}.marquee{overflow:hidden;background:var(--blue);white-space:nowrap}.marquee div{font:800 13px Outfit;letter-spacing:2px;padding:16px 0;text-align:center;min-width:1100px}.marquee span{margin:0 20px;color:#bceaff}.section{padding:115px 0}.section-kicker{margin-bottom:25px}.section h2,.region h2{font-size:clamp(42px,5vw,67px);line-height:1.02;letter-spacing:-2.4px;font-weight:900;margin:0}.section h2 span,.region h2 span{color:var(--cyan)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-text{padding-top:43px;color:var(--muted);font-size:15px}.about-text .lead{font-size:24px;line-height:1.4;color:white;font-weight:600}.about-text p{margin-bottom:22px}.text-link{color:var(--cyan);font-weight:800;font-size:14px;display:inline-block;margin-top:12px}.text-link:hover{text-decoration:underline}.services{background:#0c1222}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}.section-heading>p{max-width:315px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px}.service-card{border:1px solid #26314b;background:#111a2e;padding:29px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);border-color:#6087e8}.service-feature{background:linear-gradient(145deg,#1c3c8a,#121c37)}.service-icon{font-size:42px;color:var(--cyan);line-height:1}.service-num,.tier{font:700 10px Outfit;letter-spacing:2.5px;color:#88a3d9}.service-card h3{font-size:30px;margin:9px 0}.service-card p{font-size:14px;color:#b9c5dd;margin:0}.service-card a{display:inline-block;margin-top:20px;color:var(--cyan);font-weight:800;font-size:13px}.statement{background:linear-gradient(110deg,#2447a4,#0c245a);text-align:center;padding:100px 0}.statement span{font:800 11px Outfit;letter-spacing:3px;color:#9eeeff}.statement h2{font:900 clamp(50px,7vw,98px)/.99 Outfit;letter-spacing:-4px;margin:24px 0}.statement h2 i{font-style:normal;color:#83dfff}.statement p{color:#c7d6f5;font-size:14px;margin:0}.packages{background:#080d1a}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:stretch}.price-card{background:#11192c;border:1px solid #293451;padding:34px 28px;position:relative;display:flex;flex-direction:column}.price-card.featured{background:linear-gradient(180deg,#1c3064,#131d35 42%);border:1px solid #5881fb;box-shadow:0 0 35px #4165e61c}.featured-label{position:absolute;top:-15px;left:25px;right:25px;background:var(--blue);color:white;text-align:center;font:800 9px Outfit;letter-spacing:1.5px;padding:9px 4px}.price-card h3{font-size:33px;line-height:1.1;margin:20px 0}.price{font:900 49px Outfit;letter-spacing:-2px}.hours{font:800 12px Outfit;letter-spacing:1px;color:var(--cyan);margin:2px 0 19px}.price-card>p{color:#b4bfd5;font-size:14px;min-height:65px}.price-card ul{padding:20px 0 18px;list-style:none;border-top:1px solid #ffffff20;margin:10px 0 15px;flex:1}.price-card li{font-size:12.5px;margin-bottom:12px;color:#d6deed;padding-left:23px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:900}.price-btn{display:block;text-align:center;border:1px solid #667cbd;padding:14px 8px;font-weight:800;font-size:12px;border-radius:4px}.featured .price-btn,.price-btn:hover{background:var(--blue);border-color:var(--blue)}.package-foot{display:flex;justify-content:space-between;gap:20px;color:#aebad1;font-size:12px;margin-top:23px;flex-wrap:wrap}.package-foot a{color:var(--cyan)}.process{background:#0e1526}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:52px}.step{border-top:1px solid #536587;padding-top:24px}.step b{font:800 13px Outfit;color:var(--cyan)}.step h3{font-size:23px;margin:25px 0 10px}.step p{color:var(--muted);font-size:14px;max-width:290px}.region{padding:110px 0;background:#0a1020}.region-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.region p{color:#b4bfd5;max-width:480px;margin:27px 0 0}.region-note{font-size:13px}.region-visual{min-height:350px;display:grid;place-items:center;background:radial-gradient(circle,#263f89 0%,#101a37 43%,transparent 68%)}.region-circle{width:280px;aspect-ratio:1;border:1px dashed #6991e5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 23px #5173c10d,0 0 0 46px #5173c108}.region-circle>span{font:900 90px/.9 Outfit;color:#4f83fc}.region-circle strong{font:900 25px/1.05 Outfit;letter-spacing:2px;margin:10px 0}.region-circle small{font:700 9px Outfit;letter-spacing:2px;color:var(--cyan)}.faq{background:#0d1425}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq-items details{border-bottom:1px solid #34405a;padding:22px 0}.faq-items summary{list-style:none;cursor:pointer;font:700 16px Outfit;padding-right:30px;position:relative}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:0;color:var(--cyan);font-size:22px;top:-5px}.faq-items details[open] summary:after{content:'−'}.faq-items p{color:var(--muted);font-size:14px;margin:16px 0 0}.final-cta{padding:105px 0;background:radial-gradient(circle at 85% 15%,#466ef2 0%,#1c3e95 30%,#0c245d 80%);text-align:center}.final-cta .section-kicker{justify-content:center;color:#9befff}.final-cta h2{font:900 clamp(58px,8vw,110px)/.98 Outfit;letter-spacing:-4px;margin:24px 0}.final-cta p{color:#c8d7f7}.btn-white{background:white;color:#13214b;margin-top:20px}.btn-white:hover{background:#c9f3ff}.cta-domain{font:700 10px Outfit;letter-spacing:4px;color:#b9d2ff;margin-top:65px}footer{background:#060a13;padding:58px 0 25px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{color:#8e9cb6;font-size:13px;margin:20px 0}.footer-right{display:flex;gap:25px;align-items:start;font-size:13px;font-weight:700}.footer-bottom{border-top:1px solid #25304a;padding-top:24px;margin-top:45px;display:flex;justify-content:space-between;color:#7787a5;font-size:11px}.footer-bottom span:last-child{letter-spacing:1.3px}@media(max-width:1000px){.hero-layout{grid-template-columns:1fr 1fr}.hero-art{height:400px}.disc{width:300px}.halo{width:370px;height:370px}.halo-two{width:420px;height:420px}.tag-top{right:-10px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{padding:20px}.price-card{padding:30px 19px}.price-card h3{font-size:27px}}@media(max-width:760px){.container{width:min(100% - 36px,550px)}.nav{height:70px}.menu{display:flex;background:none;border:0;flex-direction:column;gap:5px;padding:10px;cursor:pointer}.menu span{display:block;width:24px;height:2px;background:white}.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:#0b1223;border-bottom:1px solid #34415f;padding:20px;flex-direction:column;align-items:stretch;gap:20px}.navlinks.open{display:flex}.nav-cta{text-align:center}.hero-layout{grid-template-columns:1fr;padding:70px 0 40px;min-height:0}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(46px,10vw,69px);letter-spacing:-2.5px}.hero-art{height:300px;margin-top:35px}.disc{width:255px}.disc-center strong{font-size:29px}.disc-center span{font-size:12px}.disc-center small{font-size:5px}.halo{width:300px;height:300px}.halo-two{width:350px;height:350px}.float-tag{font-size:8px;padding:8px}.tag-top{top:5px;right:0}.tag-bottom{bottom:5px;left:0}.hero-bottom .container{font-size:8px}.marquee div{font-size:10px}.section{padding:80px 0}.section h2,.region h2{font-size:47px}.about-grid,.region-grid,.faq-grid{grid-template-columns:1fr;gap:22px}.about-text{padding-top:0}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid,.pricing-grid,.steps{grid-template-columns:1fr}.service-card{min-height:240px;padding:28px}.price-card{padding:35px 28px}.price-card.featured{margin-top:15px}.price-card>p{min-height:0}.statement{padding:70px 0}.statement h2{font-size:52px;letter-spacing:-2px}.region{padding:75px 0}.region-visual{min-height:310px}.footer-grid,.footer-bottom{flex-direction:column;gap:22px}.footer-right{flex-wrap:wrap}.final-cta h2{font-size:60px;letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Premium Rosko typography. Add properly licensed Futura webfont files to /fonts/ to activate. */
@font-face{font-family:"Rosko Futura";src:url("fonts/Futura-Light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Rosko Futura";src:url("fonts/Futura-Bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}
:root{--bg:#090c13;--panel:#131923;--ink:#f7f6f2;--muted:#b6bdc9;--blue:#4666b9;--cyan:#b8d2e7;--line:#354052;--display:"Rosko Futura",Jost,"Century Gothic",Arial,sans-serif}
body{font-family:var(--display);font-size:16px;line-height:1.68;letter-spacing:.012em}
h1,h2,h3,.brand-mark,.brand-name,.brand-name span,.eyebrow,.section-kicker,.hero-bottom,.marquee div,.service-num,.tier,.statement span,.statement h2,.price,.hours,.featured-label,.step b,.region-circle>span,.region-circle strong,.region-circle small,.faq-items summary,.final-cta h2,.cta-domain{font-family:var(--display)}
h1,h2,h3{font-weight:700}h1{font-weight:700;letter-spacing:-.045em;line-height:1.06}.section h2,.region h2{font-weight:700;letter-spacing:-.035em;line-height:1.1}
.hero-copy>p,.about-text,.section-heading>p,.price-card>p,.price-card li,.faq-items p,.step p,.region p{font-size:max(15px,1rem);line-height:1.75}
.navlinks,.btn,.price-btn{font-size:14px;font-weight:700;letter-spacing:.035em}
.hero{background:radial-gradient(ellipse at 80% 42%,#1c2944 0%,#101827 43%,#090c13 82%)}
.services,.packages,.process,.faq,.region{background-color:#10151f}
.service-card,.price-card{background-color:#171e2a;border-color:#344051}
.service-feature,.price-card.featured{background:linear-gradient(155deg,#25344d,#141c29)}
.statement{background:linear-gradient(110deg,#263b59,#111b2d)}
.final-cta{background:radial-gradient(circle at 80% 20%,#30476b 0%,#1b2c48 42%,#0b1423 90%)}
.btn-primary,.nav-cta,.featured-label,.featured .price-btn,.price-btn:hover{background:#5475b5}
.btn-primary:hover,.nav-cta:hover{background:#6788c6}
.hero-copy>p,.about-text .lead{font-weight:400}
@media(max-width:760px){body{font-size:16px}h1{font-size:clamp(42px,10vw,62px);letter-spacing:-.04em;line-height:1.08}.section h2,.region h2{font-size:clamp(36px,8vw,48px);letter-spacing:-.035em}.brand-name{font-size:17px}.hero-copy>p{font-size:16px}.price-card li{font-size:15px}.navlinks a{font-size:16px}}

/* Official Rosko identity: two separate logo assets, never composited together. */
:root{--bg:#090909;--panel:#161616;--ink:#fffaf0;--muted:#c4bfb4;--blue:#e5b600;--cyan:#ffcc00;--line:#4c421c}
body{background:#090909;color:#fffaf0}
.header{background:rgba(9,9,9,.96);border-bottom-color:#f5c40024}
.brand-logo{width:clamp(135px,16vw,190px);height:auto;display:block;object-fit:contain}
.hero{background:radial-gradient(ellipse at 79% 44%,#30270d 0%,#13110b 42%,#090909 78%)}
.hero-glow{background:linear-gradient(110deg,transparent 50%,#ffcc0010 100%)}
.hero-logo-stage{display:grid;place-items:center;isolation:isolate;min-width:0}
.hero-logo-aura{position:absolute;z-index:-1;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffc90020 0%,#ffc90008 45%,transparent 72%);filter:blur(12px)}
.hero-dj-logo{width:100%;max-width:570px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 45px #0009)}
.hero-art{height:470px}
.nav-cta,.btn-primary,.featured-label,.featured .price-btn,.price-btn:hover{background:#f6c600;color:#111}
.nav-cta:hover,.btn-primary:hover{background:#ffdc54;color:#111}
.btn-outline{border-color:#a68b38}.btn-outline:hover{background:#ffcc0012}
.marquee{background:#dcb000;color:#15120a}.marquee span{color:#51420a}
.services,.process,.faq{background:#11100d}.packages,.region{background:#0b0b0a}
.service-card,.price-card{background:#181713;border-color:#4d421f}.service-feature{background:linear-gradient(145deg,#3b3115,#181713)}
.price-card.featured{background:linear-gradient(180deg,#302710,#191713 50%);border-color:#ffcc00;box-shadow:0 0 35px #e6b70014}
.statement{background:linear-gradient(110deg,#493b12,#18140b)}.statement span,.statement h2 i{color:#ffdc65}.statement p{color:#eee3bf}
.region-visual{background:radial-gradient(circle,#3d3213 0%,#18140c 43%,transparent 68%)}.region-circle{border-color:#ad8b26;box-shadow:0 0 0 23px #b08b150d,0 0 0 46px #b08b1508}.region-circle>span{color:#ffcc00}
.final-cta{background:radial-gradient(circle at 85% 15%,#745c0d 0%,#3e310b 30%,#151108 80%)}.final-cta p{color:#f1e7c7}.final-cta .section-kicker{color:#ffe27b}.btn-white{color:#19150a}.cta-domain{color:#f5d77c}
footer{background:#070707}.footer-bottom{border-top-color:#4b3e1d}
@media(max-width:760px){.hero-art{height:260px;margin-top:24px}.hero-dj-logo{max-width:450px}.brand-logo{width:140px}.navlinks{background:#11100e}.hero-logo-aura{width:75%}}

/* Bilingual navigation */
.language-switch{display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid #a68b38;border-radius:6px;white-space:nowrap;flex-shrink:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:32px;padding:3px 7px;border-radius:3px;color:#f4ebd2;font-size:13px;font-weight:700;letter-spacing:.05em}
.language-switch a.active{background:#ffcc00;color:#12100b}
.language-switch a:not(.active):hover{background:#ffcc0022;color:#ffdf64}
@media(max-width:760px){.language-switch{align-self:flex-start}.language-switch a{min-width:48px;min-height:40px;font-size:15px}}

/* Header: language selection stays visible beside the hamburger on mobile. */
.header-controls{display:flex;align-items:center;gap:12px;order:2;flex-shrink:0}
.navlinks{order:1;margin-left:auto}
.header-controls .language-switch{align-self:center}
@media(max-width:760px){
  .header-controls{margin-left:auto;gap:8px}
  .header-controls .language-switch{padding:2px;gap:1px}
  .header-controls .language-switch a{min-width:37px;min-height:38px;font-size:13px;padding:3px 5px}
  .header-controls .menu{min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .navlinks{margin-left:0}
}
@media(max-width:390px){.brand-logo{width:118px}.header-controls{gap:4px}}


/* Embedded EverSet inquiry section */
html{scroll-padding-top:90px}
.inquiry-section{background:linear-gradient(180deg,#0b0b0b 0%,#181408 100%);scroll-margin-top:80px}
.inquiry-container{max-width:900px}
.inquiry-heading{text-align:center;margin:0 auto 32px;max-width:730px}
.inquiry-heading .section-kicker{justify-content:center}
.inquiry-heading h2{font-family:var(--display);font-size:clamp(34px,5vw,62px);line-height:1.06;letter-spacing:-.035em;margin:20px 0}
.inquiry-heading p{color:#d6cdb8;line-height:1.7}
.inquiry-frame-shell{max-width:640px;margin:0 auto;padding:18px;background:#17140e;border:1px solid #8c712f;border-radius:16px;box-shadow:0 0 32px #d9a72218;overflow:hidden}
.everset-frame{display:block;width:100%;height:700px;border:0;border-radius:8px;background:#fff;overflow:hidden}
.everset-credit{text-align:center;margin-top:12px;font-size:11px;color:#aaa08b}
.everset-credit a{color:#f6ce58;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.inquiry-frame-shell{padding:8px;border-radius:10px}.inquiry-heading h2{font-size:clamp(32px,8vw,47px)}}

/* Animated service-area circle: rotating dashed halo and gentle ambient pulse */
.region-circle{position:relative;isolation:isolate;animation:rosko-circle-breathe 5s ease-in-out infinite}
.region-circle::before{content:"";position:absolute;inset:-20px;border:2px dashed #e8bb39;border-radius:50%;opacity:.75;pointer-events:none;animation:rosko-orbit 32s linear infinite}
.region-circle::after{content:"";position:absolute;inset:-40px;border:1px solid #ffce4a66;border-radius:50%;pointer-events:none;animation:rosko-circle-aura 5s ease-in-out infinite}
@keyframes rosko-orbit{to{transform:rotate(360deg)}}
@keyframes rosko-circle-breathe{0%,100%{box-shadow:0 0 0 23px #b08b150d,0 0 0 46px #b08b1508,0 0 22px #ffcc0018}50%{box-shadow:0 0 0 23px #b08b1515,0 0 0 46px #b08b150e,0 0 46px #ffcc0040}}
@keyframes rosko-circle-aura{0%,100%{opacity:.35;transform:scale(.99)}50%{opacity:.8;transform:scale(1.035)}}

/* Gold hover glow on interactive surfaces, never on embedded third-party form fields */
@media(hover:hover) and (pointer:fine){
 :is(.btn,.price-btn,.nav-cta,.language-switch a,.menu,.text-link,.footer-right a,.navlinks a,.package-foot a,.everset-credit a):hover{box-shadow:0 0 15px #ffcf4570,0 0 32px #ffcf452b;filter:brightness(1.09)}
 :is(.price-card,.service-card,.step,.inquiry-frame-shell):hover{border-color:#d5a932;box-shadow:0 0 22px #ffca4338,0 0 45px #ffca431c;transform:translateY(-3px)}
 .faq-items details:hover{box-shadow:0 8px 22px -15px #ffce47b8}
}
:is(.btn,.price-btn,.nav-cta,.language-switch a,.menu,.text-link,.footer-right a,.navlinks a,.package-foot a,.price-card,.service-card,.step,.inquiry-frame-shell){transition:box-shadow .25s ease,filter .25s ease,transform .25s ease,border-color .25s ease}
:is(a,button,summary):focus-visible{outline:2px solid #ffcf48;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.region-circle,.region-circle::before,.region-circle::after{animation:none!important}:is(.btn,.price-btn,.nav-cta,.language-switch a,.menu,.text-link,.footer-right a,.navlinks a,.package-foot a,.price-card,.service-card,.step,.inquiry-frame-shell){transition:none!important}}

/* v4: Give the hero headline and DJ Rosko logo distinct breathing room. */
@media (min-width:1051px){
  .hero-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);column-gap:48px}
  .hero-copy{min-width:0}
  .hero-copy h1{font-size:clamp(48px,4.7vw,67px);letter-spacing:-.045em;line-height:1.05}
  .hero-logo-stage{min-width:0}
  .hero-dj-logo{width:100%;max-width:490px}
}
@media (min-width:761px) and (max-width:1050px){
  .hero-layout{grid-template-columns:minmax(0,1fr);row-gap:16px;padding-top:65px}
  .hero-copy h1{font-size:clamp(50px,6.3vw,67px);letter-spacing:-.045em;line-height:1.05}
  .hero-art{height:auto;min-height:260px}
  .hero-dj-logo{width:min(70%,490px)}
  .hero-logo-aura{width:60%}
}

/* v5: Low-key audio-inspired motion. Bars are decorative, not audio-reactive. */
.hero-logo-stage{position:relative}
.rosko-eq{display:flex;align-items:center;justify-content:center;gap:5px;height:32px;pointer-events:none}
.rosko-eq span{width:3px;height:var(--eq-height,14px);border-radius:4px;background:#f5c400;opacity:.48;transform-origin:center;animation:rosko-eq-dance 2.6s ease-in-out infinite;animation-delay:var(--eq-delay,0s)}
.rosko-eq span:nth-child(7n + 1){--eq-height:8px;--eq-delay:-.8s}.rosko-eq span:nth-child(7n + 2){--eq-height:16px;--eq-delay:-1.5s}.rosko-eq span:nth-child(7n + 3){--eq-height:24px;--eq-delay:-.4s}.rosko-eq span:nth-child(7n + 4){--eq-height:12px;--eq-delay:-1.9s}.rosko-eq span:nth-child(7n + 5){--eq-height:28px;--eq-delay:-1.1s}.rosko-eq span:nth-child(7n + 6){--eq-height:19px;--eq-delay:-2.2s}.rosko-eq span:nth-child(7n){--eq-height:11px;--eq-delay:-.2s}
.hero-logo-stage>.rosko-eq{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);z-index:2;opacity:.65}
.rosko-eq-divider{margin:32px auto 0;opacity:.65}
@keyframes rosko-eq-dance{0%,100%{transform:scaleY(.5);opacity:.26}45%{transform:scaleY(1);opacity:.66}70%{transform:scaleY(.72);opacity:.4}}
/* Reveal only when JS confirms observer support; content stays visible otherwise. */
.rosko-motion-ready .rosko-reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease,border-color .25s ease,box-shadow .25s ease}
.rosko-motion-ready .rosko-reveal.rosko-visible{opacity:1;transform:translateY(0)}
@media(max-width:760px){.hero-logo-stage>.rosko-eq{bottom:0}.rosko-eq{gap:4px}}
@media(prefers-reduced-motion:reduce){.rosko-eq span{animation:none!important;transform:none!important;opacity:.5}.rosko-motion-ready .rosko-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* v6: Text links become visually distinct, accessible button-style links. */
a.link-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.72rem 1.05rem;border:1px solid #d4aa32;border-radius:6px;background:rgba(255,204,0,.065);color:#ffe39a;text-decoration:none;font-weight:700;line-height:1.35;max-width:100%;text-align:center;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
a.link-button:hover{background:#ffcc00;color:#15120b;border-color:#ffcc00;box-shadow:0 0 16px #ffcf4570,0 0 32px #ffcf452b;transform:translateY(-2px)}
a.link-button:focus-visible{outline:3px solid #ffdd5e;outline-offset:3px}
a.link-button-nav{padding:.52rem .8rem;font-size:.88rem;white-space:nowrap;border-color:rgba(255,204,0,.35);background:transparent}
a.link-button-content{margin-top:.75rem}
a.link-button-footer{padding:.6rem .85rem;font-size:.88rem}
@media(max-width:760px){a.link-button-nav{width:100%;justify-content:flex-start;padding:.75rem 1rem}a.link-button-footer{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){a.link-button{transition:none!important}a.link-button:hover{transform:none}}

/* v7: Keep header button labels crisp against their gold hover backgrounds. */
@media (hover:hover) and (pointer:fine){
  .header .navlinks > a.link-button-nav:hover,
  .header .navlinks > a.link-button-nav:focus-visible{
    background:#ffcc00;
    color:#15120b;
    border-color:#ffcc00;
    filter:none;
    text-shadow:none;
  }
  .header .navlinks > a.nav-cta:hover,
  .header .navlinks > a.nav-cta:focus-visible{
    background:#ffdc54;
    color:#15120b;
    filter:none;
    text-shadow:none;
  }
}

/* v8: package consultation invitation */
.package-custom{margin-top:30px;padding:clamp(24px,4vw,42px);border:1px solid rgba(219,174,75,.38);border-radius:18px;background:linear-gradient(115deg,rgba(217,166,55,.12),rgba(12,12,14,.72));display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 14px 40px rgba(0,0,0,.14)}
.package-custom-copy{max-width:650px}.package-custom h3{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2;margin:0 0 12px;color:#f0c45e}.package-custom p{margin:0;line-height:1.7;color:#e5e2db}.package-custom-cta{flex-shrink:0;text-align:center;white-space:normal}.package-custom-cta:hover,.package-custom-cta:focus-visible{color:#101010}
@media(max-width:800px){.package-custom{flex-direction:column;align-items:flex-start}.package-custom-cta{width:100%}}


/* v10: Switch to a compact header before translated labels overflow. */
@media (max-width: 1320px) {
  .header .nav{height:76px;gap:12px;position:relative}
  .header .brand{min-width:0}
  .header .header-controls{margin-left:auto;gap:9px}
  .header .menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:46px;min-height:46px;padding:10px;background:transparent;border:1px solid #8d712c;border-radius:6px;cursor:pointer}
  .header .menu span{display:block;width:24px;height:2px;background:#ffcc00}
  .header .navlinks{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 76px);overflow-y:auto;overflow-x:hidden;background:#11100e;border:1px solid #6e5623;border-top:0;border-radius:0 0 12px 12px;padding:16px;flex-direction:column;align-items:stretch;gap:9px;margin:0;box-shadow:0 20px 40px #0009;z-index:40}
  .header .navlinks.open{display:flex}
  .header .navlinks > a{display:flex;justify-content:center;align-items:center;width:100%;min-height:46px;white-space:normal;text-align:center;padding:12px 16px;font-size:15px;line-height:1.4}
  .header .navlinks > a.nav-cta{gap:8px}
  .header .navlinks > a.nav-cta span{display:inline-block}
}
@media (max-width: 760px){
  .header .nav{height:70px}
  .header .navlinks{max-height:calc(100dvh - 70px)}
}
@media (max-width: 390px){
  .header .brand-logo{width:min(118px,30vw);height:auto}
  .header .header-controls{gap:4px}
}


/* v11: Narrow-phone layout, down to 320 CSS pixels. */
@media (max-width: 480px) {
  .container {width:calc(100% - 28px);max-width:100%;}
  .header .nav {width:calc(100% - 24px);height:66px;gap:6px;}
  .header .brand {flex:0 1 auto;min-width:0;}
  .header .brand-logo {width:clamp(100px,34vw,145px);max-width:100%;height:auto;display:block;}
  .header .header-controls {flex:0 0 auto;gap:4px;min-width:0;}
  .header .language-switch {padding:1px;gap:0;flex-shrink:0;}
  .header .language-switch a {min-width:32px;min-height:40px;padding:4px 3px;font-size:12px;}
  .header .menu {min-width:42px;min-height:44px;padding:8px;}
  .header .navlinks {max-height:calc(100dvh - 66px);padding:12px;}
  .hero-layout {padding:48px 0 28px;}
  .hero-copy h1 {font-size:clamp(30px,9.2vw,43px);letter-spacing:-.045em;line-height:1.1;overflow-wrap:anywhere;}
  .hero-copy>p {font-size:15px;line-height:1.65;}
  .eyebrow,.section-kicker {letter-spacing:1.4px;flex-wrap:wrap;font-size:10px;}
  .hero-actions {gap:10px;}
  .hero-actions .btn {width:100%;min-width:0;padding:13px 12px;gap:8px;white-space:normal;}
  .hero-art {height:215px;min-width:0;}
  .hero-dj-logo {max-width:100%;}
  .section {padding:62px 0;}
  .section h2,.region h2 {font-size:clamp(30px,9vw,42px);letter-spacing:-.04em;overflow-wrap:anywhere;}
  .statement h2,.final-cta h2 {font-size:clamp(34px,10vw,48px);letter-spacing:-.035em;overflow-wrap:anywhere;}
  .section-heading,.about-grid,.region-grid,.faq-grid,.steps,.pricing-grid,.service-grid {min-width:0;}
  .price-card,.service-card {min-width:0;padding:24px 18px;}
  .price {font-size:clamp(36px,12vw,49px);}
  .package-custom {padding:20px 16px;min-width:0;}
  .package-custom h3 {overflow-wrap:anywhere;}
  .region-visual {min-width:0;min-height:275px;}
  .region-circle {width:min(250px,80vw);max-width:100%;}
  .inquiry-frame-shell {padding:4px;min-width:0;}
  .everset-frame {max-width:100%;min-width:0;}
  .footer-grid,.footer-bottom,.footer-right {min-width:0;}
  .footer-right a {min-width:0;overflow-wrap:anywhere;}
  .cta-domain {font-size:clamp(10px,3.2vw,15px);letter-spacing:.08em;overflow-wrap:anywhere;}
  img,video,svg {max-width:100%;}
}
@media (max-width: 350px) {
  .header .nav {width:calc(100% - 18px);}
  .header .brand-logo {width:102px;}
  .header .header-controls {gap:2px;}
  .header .language-switch a {min-width:30px;min-height:38px;}
  .header .menu {min-width:40px;}
  .hero-copy h1 {font-size:30px;}
  .hero-bottom .container {gap:10px;flex-wrap:wrap;}
}