@font-face{font-family:Display;src:url('/assets/display.otf')}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:#fff2db;color:#062f35;font:16px/1.55 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}:focus-visible{outline:3px solid #ef8800;outline-offset:4px}header,.hero,.dark,footer{background:#032f37;color:#fff0d3}.bar,.wrap,.hero-in,footer{padding-inline:clamp(22px,5.5vw,98px)}.bar,.wrap,.hero-in{max-width:1620px;margin:auto}.bar,nav,.brand,.actions,.heading,footer,footer div{display:flex;align-items:center}.bar{min-height:82px;justify-content:space-between;border-bottom:1px solid #ffffff2c}.brand{gap:9px;width:142px}.brand img:first-child{width:28px}.brand img:last-child{width:104px}nav,footer div{gap:30px}nav{font-size:14px;font-weight:600}.btn{display:inline-flex;gap:18px;align-items:center;justify-content:center;background:#1857dc;color:white;padding:14px 21px;border:0;border-radius:6px;font-weight:700;font-size:15px}.btn:hover{background:#1249be}.navbtn{padding:10px 16px}.txt{font-weight:700;display:inline-flex;gap:9px;align-items:center;border-bottom:1px solid currentColor;padding:5px 0;font-size:14px}.hero{overflow:hidden;background:radial-gradient(ellipse at 82% 49%,#0a4650 0,transparent 55%),#032f37}.hero-in{position:relative;display:grid;grid-template-columns:1.09fr 1fr;align-items:center;gap:3%;padding-block:clamp(50px,5.3vw,88px)}.hero small,small{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.wave{color:#6de6fa;margin-right:8px;letter-spacing:1px}h1,h2,h3{font-family:Display,'Arial Narrow',Arial,sans-serif;line-height:.98;margin:0;letter-spacing:-.035em}.hero h1{font-size:clamp(70px,7.7vw,128px);margin:23px 0 16px}.hero h1 em{font-style:normal;color:#6de6fa}.hero p{max-width:540px;font-size:clamp(15px,1.15vw,19px);color:#e1e6de;margin:0}.actions{gap:24px;flex-wrap:wrap;margin-top:26px}.art{display:grid;justify-items:center;position:relative}.disc{width:min(100%,530px);aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0px,transparent 2px,#97b5bb40 2.5px,transparent 3.7px),conic-gradient(from -20deg,#07161a 0deg,#273f46 35deg,#080f13 64deg,#1a2d32 111deg,#526467 136deg,#102025 166deg,#061014 195deg,#3c555b 227deg,#101619 256deg,#081012 298deg,#435257 321deg,#07161a 360deg);box-shadow:0 14px 20px #00141788,inset 0 0 0 2px #718487;transform:rotate(-9deg)}.disc:before{content:'';position:absolute;inset:6%;border:1px solid #acbdc34d;border-radius:50%;box-shadow:inset 0 0 0 2px #07161a}.label{position:relative;width:39%;aspect-ratio:1;border-radius:50%;background:#f8e8c8;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#06313a;box-shadow:0 0 0 7px #102328,0 0 0 8px #748184}.label img{width:48%;margin:6%}.label b,.label i,.fig{font:700 clamp(7px,.66vw,11px) monospace;letter-spacing:.12em}.label i{font-style:normal}.fig{display:flex;align-items:center;gap:14px;width:min(90%,480px);margin-top:24px;color:#b5d4d4}.fig em{flex:1;border-top:1px solid #ffffff40}.section{padding:67px 0}.heading{justify-content:space-between;gap:20px;align-items:baseline}.heading .txt{flex:none}h2{font-size:clamp(38px,4vw,65px)}h3{font-size:clamp(26px,2.2vw,38px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card{position:relative;background:#f6e6c9;border:1px solid #c9bda8;padding:27px 25px;border-radius:8px}.card:hover{background:#f0dcc0}.card p{margin:12px 0 0}.icon{display:grid;place-items:center;background:#073640;color:#68e4fd;border-radius:50%;width:42px;height:42px;font-size:25px;margin-bottom:24px}.card>b{position:absolute;right:20px;top:24px}.soft{background:#f5e3c5}.blue{background:#1c52ca;color:white}.blue .btn{background:#fff0d3;color:#00323b}.dark h1{font-size:clamp(54px,6.8vw,102px);margin:20px 0 10px;max-width:1020px}.dark small+h2{margin-top:22px}.lead{max-width:760px;font-size:clamp(18px,1.45vw,23px)}.row{display:flex;gap:32px;align-items:center;padding:25px 0;border-top:1px solid #b9b19f}.row h3,.row h2{flex:1}.row p{flex:1.3;margin:0}.row h2{font-size:38px}.service:hover h3{text-decoration:underline}.wrap section{margin-bottom:64px}.wrap section h2{margin-bottom:22px}.wrap>p{max-width:850px}form{max-width:690px}label{display:grid;gap:6px;margin-bottom:20px;font-weight:bold}input,textarea,select{width:100%;border:1px solid #879897;background:#fffaf0;padding:12px;border-radius:5px;color:#032f37}summary{font-weight:bold}details{padding:16px 0;border-block:1px solid #c7bdac}details label:first-of-type{margin-top:15px}footer{gap:24px;justify-content:space-between;padding-block:32px}footer div{flex-wrap:wrap;font-size:14px}#menu{display:none}.skip{position:absolute;top:-90px}.skip:focus{top:0;background:white;color:#052e35;z-index:3}
@media(max-width:760px){.bar{min-height:65px;position:relative}.brand{width:125px}.brand img:first-child{width:25px}.brand img:last-child{width:90px}#menu{display:block;border:1px solid #ffffff60;background:transparent;border-radius:4px;color:inherit;padding:6px 12px}.bar nav{display:none;position:absolute;z-index:5;top:100%;left:0;right:0;background:#073640;padding:22px;align-items:stretch}.bar nav.open{display:grid;gap:18px}.hero-in{grid-template-columns:1fr;padding-block:38px 26px}.hero h1{font-size:clamp(63px,14vw,94px);margin:15px 0}.actions{gap:16px;margin-top:20px}.art{margin:10px auto 0;width:min(77%,340px)}.fig{margin-top:12px}.hero p{max-width:34em}.section{padding:45px 0}.heading,footer,.row{align-items:flex-start;flex-direction:column;gap:15px}.cards{grid-template-columns:1fr}.card{padding:22px}.icon{margin-bottom:16px}.row{gap:10px}.service b{display:none}footer div{gap:16px}.section h2{max-width:100%}.navbtn{justify-self:start}.lead{font-size:18px}}
.btn span,.txt span{font-size:0;width:12px;height:12px;position:relative}.btn span:after,.txt span:after{content:"";position:absolute;width:8px;height:8px;border-top:2px solid;border-right:2px solid;top:0;right:0}.btn span:before,.txt span:before{content:"";position:absolute;width:13px;height:2px;background:currentColor;transform:rotate(-45deg);top:5px;left:0}

footer { flex-wrap: wrap; }
footer .credito {
  width: 100%;
  border-top: 1px solid #ffffff38;
  padding-top: 16px;
  margin: 0;
  font-size: 14px;
  color: #e1e6de;
}

/* A capa e o disco compartilham o mesmo eixo na vitrine. */
.hero{background:radial-gradient(ellipse at 73% 62%,#164956 0,transparent 47%),linear-gradient(120deg,#042d34,#03272e 65%,#061e24)}
.hero-in{grid-template-columns:1fr 1fr;padding-block:clamp(52px,6vw,92px);gap:2%}
.hero h1{font-size:clamp(70px,7.5vw,122px);letter-spacing:-.044em}
.hero .copy>small{display:flex;align-items:center;gap:12px;color:#97e8ef}
.hero p{max-width:470px;font-size:clamp(16px,1.3vw,20px)}
.art{display:block;width:100%;aspect-ratio:1.26;isolation:isolate;margin:0}
.art .disc{position:absolute;right:0;top:7%;width:75%;animation:press-spin 30s linear infinite;z-index:-1}
.art .label{background:#73e5f3}.art .label img{margin:0}
.sleeve{position:absolute;left:4%;top:7%;width:63%;aspect-ratio:1/1.06;overflow:hidden;transform:rotate(-9deg);background:linear-gradient(144deg,#3d82ff,#1054e0 55%,#002a89);box-shadow:4px 8px 6px #00182170,0 24px 48px #00191e88;border:1px solid #8bb2fc8a;transition:transform .5s}
.sleeve:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,#0e1f5030 3px),linear-gradient(105deg,#fff2,transparent 35%,#fff2 36%,transparent 36.5%);mix-blend-mode:soft-light}
.sleeve-title{position:absolute;top:7%;left:7%;font:700 clamp(48px,6.7vw,110px)/.79 Display,Arial,sans-serif;letter-spacing:-.065em;color:#fff2d6}
.sleeve img{position:absolute;bottom:6%;right:6%;width:10%;filter:brightness(0) invert(1)}
.soundprint{position:absolute;inset:45% -6% 3%;display:flex;gap:1.45%;align-items:center;transform:rotate(-16deg)}
.soundprint i{height:var(--h);width:4%;background:#86f3fc;border-radius:100%}
.meter{display:inline-flex;height:19px;gap:3px;align-items:center}.meter i{display:block;width:3px;height:100%;background:#75e8f9;animation:levels .95s ease-in-out infinite alternate;animation-delay:calc(-.17s * var(--i))}
@keyframes levels{0%{transform:scaleY(.19)}100%{transform:scaleY(.98)}}@keyframes press-spin{to{transform:rotate(351deg)}}@keyframes arrive{from{opacity:.6;translate:0 12px}to{opacity:1;translate:0 0}}.arrive{animation:arrive .55s ease-out both}
.cards:has(.card){grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{border-color:#cfbe9e;background:#fff5e4;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;padding:24px 20px 19px;border-radius:10px;transition:transform .25s,box-shadow .25s,border-color .25s}.card h3{font-size:clamp(25px,2vw,34px);margin-top:20px}.card p{font-size:15px;margin-bottom:20px}.more{margin-top:auto;font-size:13px;font-weight:bold;color:#174caf;display:flex;align-items:center;gap:8px}.more i{font:20px Arial;transition:transform .25s}
.graphic{width:65px;height:42px;display:block;background:repeating-radial-gradient(ellipse at 0% 100%,transparent 0 4px,#145bd5 5px 7px,transparent 8px);border-radius:6px}.creators,.consultoria{background:repeating-linear-gradient(62deg,transparent 0 4px,#185bdd 5px 9px,transparent 10px);border-radius:50%}.clipagem,.lancamento{background:repeating-linear-gradient(135deg,#1659de 0 5px,transparent 6px 12px)}.impulsionamento,.campanha-integrada{background:repeating-radial-gradient(ellipse,#145bd5 0 3px,transparent 4px 8px)}.posicionamento{transform:scaleX(-1)}
.service{padding-inline:14px;transition:background .23s,box-shadow .23s,transform .23s}.btn{transition:transform .2s,box-shadow .2s,background .2s}.blue{background:radial-gradient(ellipse at 90% 110%,#258efb,transparent 52%),#124ed2}.blue h2{max-width:920px;margin-bottom:25px}
footer{justify-content:flex-start}footer .credito{width:auto;margin:0 auto 0 0;padding:0;border:0;max-width:440px}footer div{gap:18px}
@media(hover:hover){.art:hover .sleeve{transform:translateX(-2%) rotate(-12deg)}.card:hover,.service:hover{box-shadow:0 13px 28px #05343b25;transform:translateY(-4px);background:#fff8ec;border-color:#91a9ad}.card:hover .more i{transform:translateX(4px)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #001b3040}}
.card:focus-visible,.service:focus-visible{box-shadow:0 8px 24px #05343b33}.card:active,.btn:active{transform:scale(.985)}
@media(max-width:1000px){.cards:has(.card){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-in{grid-template-columns:1fr;padding-block:38px 20px}.art{width:min(84%,380px);margin:12px auto 0}.hero h1{font-size:clamp(62px,13vw,88px)}.sleeve-title{font-size:clamp(48px,13vw,70px)}footer .credito{margin:0;max-width:100%}.hero .actions{row-gap:10px}}
@media(max-width:530px){.cards:has(.card){grid-template-columns:1fr}.card{display:grid;grid-template-columns:48px 1fr;column-gap:18px}.card .graphic{width:46px;height:34px;grid-row:1/4}.card h3{margin:0}.card p,.card .more{grid-column:2}.card p{margin:8px 0 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* O palco, a capa e o disco ocupam planos independentes. */
.hero{position:relative;isolation:isolate;background:#031b25}
.hero::before,.show::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,20,25,.96),rgba(0,21,32,.84) 38%,rgba(0,13,24,.2) 100%),url('/assets/palco.webp') center 58%/cover}
.stage-lights{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.stage-lights i{position:absolute;top:-12%;left:65%;width:13%;height:130%;background:linear-gradient(#72eaff70,transparent);clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);transform-origin:50% 0;animation:light-sweep 9s ease-in-out infinite alternate;mix-blend-mode:screen}
.stage-lights i:nth-child(2){left:79%;animation-delay:-6s;opacity:.6}.stage-lights i:nth-child(3){left:94%;animation-delay:-3s;opacity:.65}
@keyframes light-sweep{from{transform:rotate(-27deg)}to{transform:rotate(18deg)}}
.art .sleeve{left:3%;top:13%;width:55%;z-index:0;transform:rotate(-13deg)}
.art .disc{z-index:1;right:0;top:15%;width:66%;animation:vinyl-turn 5s linear infinite;box-shadow:0 10px 22px #0008,inset 0 0 0 2px #b7d5dc;will-change:transform}
.art .disc:after{content:"";position:absolute;top:8%;left:53%;width:2px;height:5%;background:#91d3e6;transform:rotate(6deg)}
.art .label{background:conic-gradient(from 230deg,#85e9e9 0 74%,#44b9d5 74% 93%,#a3eff2 93%);width:38%}
.art .label b,.art .label i{font:700 clamp(7px,.8vw,12px)/1.1 Arial,sans-serif;letter-spacing:.14em}
.art .label img{width:40%;margin:5% 0}.art .sleeve-title{font-size:clamp(45px,4.9vw,86px)}
@keyframes vinyl-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.soundprint i{animation:waveprint 1.5s ease-in-out infinite alternate}.soundprint i:nth-child(3n){animation-delay:-.47s}.soundprint i:nth-child(2n){animation-delay:-1.2s}
@keyframes waveprint{from{scale:1 .65}to{scale:1 1}}
.show{position:relative;isolation:isolate;overflow:hidden}.show::before{background-position:center 78%}
.show .lead{max-width:680px}.show .wrap{position:relative}.service-icon{--icon-bg:#082e3c;background:var(--icon-bg);color:#79eafa;border:1px solid #29545e;display:inline-grid;place-items:center;width:62px;height:62px;flex:none;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff20}
.service-icon svg{width:72%;height:72%;overflow:visible}.service-icon svg *{transform-box:fill-box;transform-origin:center}
.service-icon .note,.service-icon .slider{animation:fader 1.65s ease-in-out infinite alternate}.service-icon .reverse{animation-direction:alternate-reverse}
.service-icon .clap{transform-origin:0% 100%;animation:clap 2s ease-in-out infinite}.service-icon .pulse,.service-icon .broadcast{animation:signal 1.8s ease-in-out infinite}.service-icon .chart{transform-origin:center bottom;animation:level-rise 2.2s ease-in-out infinite alternate}.service-icon .routes{stroke-dasharray:4 3;animation:patch 1.75s linear infinite}
@keyframes fader{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
@keyframes clap{0%,55%,100%{transform:rotate(0)}30%{transform:rotate(-12deg)}}
@keyframes signal{0%,100%{opacity:.65;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
@keyframes level-rise{from{transform:scaleY(.58)}to{transform:scaleY(1)}}@keyframes patch{to{stroke-dashoffset:-14}}
.dark .lead .service-icon{display:grid;margin:25px 0 0}.service .service-icon{width:52px;height:52px}
.blue h2 a:hover,.dark h1 a:hover{color:#c5f7ff}.btn[data-whatsapp]::before{content:"";width:19px;height:19px;flex:none;background:currentColor;mask:url('/assets/contato.svg') center/contain no-repeat}
@media(max-width:760px){.hero::before{background-image:linear-gradient(180deg,#021d25ed 2%,#021d25d9 47%,#031d2560 100%),url('/assets/palco.webp')}.art{width:min(94%,420px);aspect-ratio:1.58}.art .disc{top:0;width:61%}.art .sleeve{width:49%;top:5%;left:7%}.art .sleeve-title{font-size:clamp(40px,10vw,65px)}.show::before{background-image:linear-gradient(90deg,#00141bed,#00141bbd),url('/assets/palco.webp')}}
@media(max-width:530px){.card .service-icon{grid-row:1/4;width:46px;height:46px;border-radius:11px}.row.service{display:grid;grid-template-columns:48px 1fr;column-gap:14px}.row.service .service-icon{grid-row:1/3;width:45px;height:45px}.row.service p{grid-column:2}}

.channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.channel{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(20px,2.6vw,38px);border:1px solid #c9bda8;border-radius:12px;background:#fff8ed}
.channel h3{margin:22px 0 10px}.channel strong{line-height:1.3}.channel p{margin:12px 0 24px}.channel .btn{margin-top:auto}
a.btn[data-whatsapp]{transition:transform .14s ease,box-shadow .16s ease,background .16s ease}
@media(hover:hover){a.btn[data-whatsapp]:hover{transform:translateY(-3px);box-shadow:0 7px 0 #032f3738,0 12px 20px #032f3722}}
a.btn[data-whatsapp]:active{transform:translateY(2px) scale(.97);box-shadow:0 1px 2px #032f3755}
@media(max-width:1050px){.channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:670px){.channels{grid-template-columns:1fr}}

.contact-help{display:inline-block;margin-top:14px;font-size:13px;text-decoration:underline;text-underline-offset:3px}
