: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}}
