@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a11;--panel:#141620;--text:#f7f8fc;--muted:#a3a6b7;--accent:#f5b52e;--accent2:#fa623b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header.top{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff16;position:relative;z-index:2;background:#0c0d14}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:900;letter-spacing:1px;line-height:.8}.brand strong,.footer-brand strong{color:var(--accent)}.brand small,.footer-brand small{display:block;font:600 9px Inter;letter-spacing:2px;margin-top:9px}.brand img{max-width:230px;max-height:68px;object-fit:contain}.brand-mark{background:var(--accent);color:#101019;padding:13px 17px;transform:skew(-7deg);font-size:32px}.brand-mark span,.big-p span{color:var(--accent2)}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--accent);padding:13px 20px;border-radius:4px;font-size:12px;font-weight:700}.hero{position:relative;overflow:hidden;min-height:700px;display:grid;grid-template-columns:1.15fr .85fr;padding:90px 6% 80px;background:radial-gradient(ellipse at 85% 40%,#3a2232 0%,transparent 44%),#090a11}.glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#ee782322;filter:blur(90px);right:13%;top:10%}.hero-content{position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--accent)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:8px;box-shadow:0 0 13px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.94;letter-spacing:.2px}h1{font-size:clamp(64px,7vw,115px);margin:26px 0}h1 em,h2 em{color:var(--accent);font-style:normal}.hero-content>p{max-width:500px;font-size:16px;color:#c3c4ce;line-height:1.75}.actions,.contact-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:35px}.primary{display:inline-flex;background:var(--accent);color:#15100a;padding:17px 25px;border-radius:4px;font-weight:800;font-size:13px;align-items:center;gap:25px}.primary:hover{background:#ffd16a}.secondary{font-weight:700;font-size:13px;border-bottom:1px solid #777;padding-bottom:8px}.sound-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px}.disc{width:min(34vw,440px);height:min(34vw,440px);border-radius:50%;background:repeating-radial-gradient(circle,#11131b 0px,#11131b 5px,#242632 6px,#10111a 8px);border:2px solid #34313a;box-shadow:0 0 90px #f7a52c23,0 0 0 28px #ffffff06;display:grid;place-items:center;animation:rotate 18s linear infinite}.disc-inner{width:37%;height:37%;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;display:grid;place-items:center;color:#141018;font-size:75px;font-weight:800}.bars{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;height:140px;width:90%;bottom:5%;opacity:.9}.bars i{height:var(--h);width:5px;display:block;background:linear-gradient(var(--accent),var(--accent2));border-radius:8px;animation:pulse calc(.6s + var(--i)*.023s) ease-in-out infinite alternate}.art-caption{position:absolute;bottom:-15px;font-size:10px;letter-spacing:3px;color:#a6a2aa}@keyframes pulse{to{height:12%}}@keyframes rotate{to{transform:rotate(360deg)}}.hero-bottom{position:absolute;bottom:0;left:0;width:100%;padding:18px 6%;background:#efb22d;color:#19120a;font-size:11px;letter-spacing:1.6px;font-weight:800;text-align:center}.hero-bottom b{padding:0 18px}.section{padding:105px 6%}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-intro h2,.about h2{font-size:clamp(45px,5vw,75px);margin:15px 0 0}.section-intro p{color:var(--muted);max-width:350px;line-height:1.8;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{padding:35px;background:#151620;border:1px solid #ffffff14;border-radius:8px;min-height:340px;transition:.2s}.service:hover{border-color:var(--accent);transform:translateY(-4px)}.service-icon{font-size:44px;color:var(--accent);margin-bottom:40px}.number{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:800}.service h3{font-size:23px;margin:15px 0}.service p,.about p{color:var(--muted);line-height:1.8;font-size:14px}.service a{display:inline-block;margin-top:18px;font-size:12px;color:var(--accent);font-weight:800}.portfolio-section{padding:100px 6%;background:#11131c}.tracks{display:grid;gap:12px}.empty{text-align:center;border:1px dashed #494b57;border-radius:8px;padding:50px 20px}.empty span{font-size:35px;color:var(--accent)}.empty p{color:var(--muted);font-size:13px}.track{display:flex;align-items:center;gap:22px;background:#1b1d29;padding:18px;border-radius:6px}.track-icon{color:var(--accent);font-size:30px}.track>div:nth-child(2){flex:1}.track small{display:block;color:var(--muted);margin-top:6px}.track audio{max-width:45%}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-graphic{min-height:390px;background:radial-gradient(circle at center,#57351d,#191923 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:1px solid #ffffff14}.big-p{font:900 230px 'Barlow Condensed';line-height:1;color:var(--accent)}.about-graphic>div{font-size:12px;letter-spacing:3px;font-weight:800}.about .primary{margin-top:22px}.contact{text-align:center;padding:100px 6% 120px;background:radial-gradient(ellipse at center,#49301b,#13141e 70%)}.contact h2{font-size:clamp(70px,11vw,150px);margin:25px 0}.contact p{color:#c9c4c4}.contact-actions{justify-content:center}.setup-note{font-size:12px}footer{padding:38px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px}.footer-brand{font:900 28px 'Barlow Condensed';color:#fff}.footer-brand small{font-size:8px}footer p{margin:0}footer a:hover{color:var(--accent)}@media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.sound-art{min-height:320px}.disc{width:260px;height:260px}.hero-bottom{font-size:9px;line-height:2}.hero-bottom b{padding:0 4px}.cards{grid-template-columns:1fr}.section-intro{display:block}.about{grid-template-columns:1fr}.section{padding:75px 6%}footer{flex-wrap:wrap}}@media(max-width:500px){header.top{height:76px}.brand{font-size:24px}.brand-mark{font-size:24px;padding:11px}.nav-cta{font-size:10px;padding:10px}.hero{padding-bottom:95px}h1{font-size:62px}.sound-art{min-height:300px}.bars{bottom:0}.track{flex-wrap:wrap}.track audio{max-width:100%;width:100%}}

/* Identidade visual oficial PROMOTEK */
:root{--accent:#d9b76a;--accent2:#a77a34}
.brand img.brand-logo{width:66px;height:66px;max-width:none;max-height:none;object-fit:contain;border-radius:4px;flex-shrink:0}
.brand-title{display:block;white-space:nowrap}
.brand-title small{font-size:8px;letter-spacing:1.05px;color:#d9b76a}
@media(max-width:500px){.brand img.brand-logo{width:49px;height:49px}.brand-title{font-size:22px}.brand-title small{font-size:6px;letter-spacing:.35px}}